@grapecity/wijmo.input 5.20251.34 → 5.20252.42
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/COMMERCIAL-LICENSE.pdf +0 -0
- package/es2015-commonjs.js +2 -2
- package/es2015-esm.js +2 -2
- package/es5-esm.js +2 -2
- package/index.d.ts +377 -17
- package/index.js +2 -2
- package/package.json +2 -2
- package/COMMERCIAL-LICENSE.html +0 -471
package/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
*
|
|
3
|
-
* Wijmo Library 5.
|
|
3
|
+
* Wijmo Library 5.20252.42
|
|
4
4
|
* https://developer.mescius.com/wijmo
|
|
5
5
|
*
|
|
6
6
|
* Copyright(c) MESCIUS inc. All rights reserved.
|
|
@@ -39,6 +39,10 @@ export declare const CalendarClsNames: {
|
|
|
39
39
|
weekAfter: string;
|
|
40
40
|
weekBefore: string;
|
|
41
41
|
yearPicker: string;
|
|
42
|
+
focused: string;
|
|
43
|
+
selectedYear: string;
|
|
44
|
+
confirmationButtonContainer: string;
|
|
45
|
+
button: string;
|
|
42
46
|
};
|
|
43
47
|
export declare const CollectionViewNavigatorClsNames: {
|
|
44
48
|
hostElement: string;
|
|
@@ -69,12 +73,14 @@ export declare const InputColorClsNames: {
|
|
|
69
73
|
export declare const InputDateClsNames: {
|
|
70
74
|
hostElement: string;
|
|
71
75
|
inputDateDropDown: string;
|
|
76
|
+
inputDateDropDownContainer: string;
|
|
72
77
|
};
|
|
73
78
|
export declare const InputDateRangeClsNames: {
|
|
74
79
|
hostElement: string;
|
|
75
80
|
};
|
|
76
81
|
export declare const InputDateTimeClsNames: {
|
|
77
82
|
hostElement: string;
|
|
83
|
+
showDropDownButton: string;
|
|
78
84
|
};
|
|
79
85
|
export declare const InputMaskClsNames: {
|
|
80
86
|
hostElement: string;
|
|
@@ -104,6 +110,7 @@ export declare const MultiAutoCompleteClsNames: {
|
|
|
104
110
|
tokenClose: string;
|
|
105
111
|
tokenHelper: string;
|
|
106
112
|
tokenLabel: string;
|
|
113
|
+
screenReaderOnly: string;
|
|
107
114
|
};
|
|
108
115
|
export declare const MultiSelectClsNames: {
|
|
109
116
|
hostElement: string;
|
|
@@ -173,6 +180,8 @@ export declare class InputNumber extends Control {
|
|
|
173
180
|
_rptDn: _ClickRepeater;
|
|
174
181
|
_fromKb: boolean;
|
|
175
182
|
static _ctrlTemplate: string;
|
|
183
|
+
_inputElementAriaLabel: string;
|
|
184
|
+
_ariaLabelledby: string;
|
|
176
185
|
/**
|
|
177
186
|
* Gets or sets the template used to instantiate {@link InputNumber} controls.
|
|
178
187
|
*/
|
|
@@ -286,6 +295,10 @@ export declare class InputNumber extends Control {
|
|
|
286
295
|
* The default value for this property is **true**.
|
|
287
296
|
*/
|
|
288
297
|
repeatButtons: boolean;
|
|
298
|
+
/**
|
|
299
|
+
* Gets or sets the aria-labelledby attribute of input element.
|
|
300
|
+
*/
|
|
301
|
+
ariaLabelledBy: string;
|
|
289
302
|
/**
|
|
290
303
|
* Sets the focus to the control and selects all its content.
|
|
291
304
|
*/
|
|
@@ -331,8 +344,17 @@ export declare class InputNumber extends Control {
|
|
|
331
344
|
protected _keypress(e: KeyboardEvent): void;
|
|
332
345
|
protected _keydown(e: KeyboardEvent): void;
|
|
333
346
|
protected _input(): void;
|
|
347
|
+
/**
|
|
348
|
+
* Checks if the value represents a negative currency entered using parentheses.
|
|
349
|
+
* Scenario:
|
|
350
|
+
* 1. First input "(" → value changes to "-$0.00"
|
|
351
|
+
* 2. Then input a digit (e.g., "1") → value changes to "-$01.00"
|
|
352
|
+
*/
|
|
353
|
+
private _isNegativeCurrencyByParenthesis;
|
|
334
354
|
protected _clickSpinner(e: MouseEvent): void;
|
|
335
355
|
protected _updateAria(): void;
|
|
356
|
+
_updateInputAriaLabel(): void;
|
|
357
|
+
getAriaLabelForScreenReader(): any;
|
|
336
358
|
}
|
|
337
359
|
/**
|
|
338
360
|
* The {@link InputMask} control provides a way to govern what a user is allowed
|
|
@@ -387,6 +409,8 @@ export declare class InputMask extends Control {
|
|
|
387
409
|
_msk: _MaskProvider;
|
|
388
410
|
_fullEdit: boolean;
|
|
389
411
|
static _ctrlTemplate: string;
|
|
412
|
+
_inputElementAriaLabel: string;
|
|
413
|
+
_ariaLabelledby: string;
|
|
390
414
|
/**
|
|
391
415
|
* Gets or sets the template used to instantiate {@link InputMask} controls.
|
|
392
416
|
*/
|
|
@@ -489,6 +513,21 @@ export declare class InputMask extends Control {
|
|
|
489
513
|
dispose(): void;
|
|
490
514
|
refresh(fullUpdate?: boolean): void;
|
|
491
515
|
onGotFocus(e: any): void;
|
|
516
|
+
/**
|
|
517
|
+
* Gets or sets the aria-labelledby attribute of input element.
|
|
518
|
+
*/
|
|
519
|
+
ariaLabelledBy: string;
|
|
520
|
+
_updateInputAriaLabel(): void;
|
|
521
|
+
getAriaLabelForScreenReader(): any;
|
|
522
|
+
}
|
|
523
|
+
/**
|
|
524
|
+
* Specifies constants that define the action to be performed when the TAB key is pressed.
|
|
525
|
+
*/
|
|
526
|
+
export declare enum ColorPickerTabKeyAction {
|
|
527
|
+
/** No special action (let the browser handle the key). */
|
|
528
|
+
None = 0,
|
|
529
|
+
/** All buttons in the color picker can be selected using the tab key. */
|
|
530
|
+
All = 1
|
|
492
531
|
}
|
|
493
532
|
/**
|
|
494
533
|
* The {@link ColorPicker} control allows users to select a color by clicking
|
|
@@ -514,7 +553,11 @@ export declare class ColorPicker extends Control {
|
|
|
514
553
|
_ePal: HTMLElement;
|
|
515
554
|
_ePreview: HTMLElement;
|
|
516
555
|
_eText: HTMLElement;
|
|
556
|
+
_ePalMainFirst: HTMLElement;
|
|
557
|
+
_ePalShadeFirst: HTMLElement;
|
|
517
558
|
_htDown: Element;
|
|
559
|
+
_ariaLabel: string;
|
|
560
|
+
private _keyActionTab;
|
|
518
561
|
static _ctrlTemplate: string;
|
|
519
562
|
/**
|
|
520
563
|
* Gets or sets the template used to instantiate {@link ColorPicker} controls.
|
|
@@ -571,6 +614,20 @@ export declare class ColorPicker extends Control {
|
|
|
571
614
|
* No exceptions are thrown in these cases.
|
|
572
615
|
*/
|
|
573
616
|
palette: string[];
|
|
617
|
+
/**
|
|
618
|
+
* Gets or sets the aria-label attribute of {@link ColorPicker} host element.
|
|
619
|
+
*
|
|
620
|
+
* The default value for this property is "Color Picker".
|
|
621
|
+
*/
|
|
622
|
+
ariaLabel: string;
|
|
623
|
+
/**
|
|
624
|
+
* Gets or sets the action to perform when the Tab key is pressed.
|
|
625
|
+
*
|
|
626
|
+
* The default setting for this property is {@link ColorPickerTabKeyAction.None},
|
|
627
|
+
* This means that pressing the tab key will have no effect and follow the browser's default behavior.
|
|
628
|
+
*/
|
|
629
|
+
keyActionTab: ColorPickerTabKeyAction;
|
|
630
|
+
_setTabOrder(value: number): void;
|
|
574
631
|
/**
|
|
575
632
|
* Occurs when the value of the {@link value} property changes, either
|
|
576
633
|
* as a result of user actions or by assignment in code.
|
|
@@ -587,7 +644,18 @@ export declare class ColorPicker extends Control {
|
|
|
587
644
|
private _updatePalette;
|
|
588
645
|
private _makePalEntry;
|
|
589
646
|
private _updatePanels;
|
|
647
|
+
private getColorsDiv;
|
|
590
648
|
private _getTargetPanel;
|
|
649
|
+
protected getActualTabIndex(): string;
|
|
650
|
+
private _updateTabIndex;
|
|
651
|
+
protected _setIsDisabled(value: boolean): void;
|
|
652
|
+
private _updateAriaValues;
|
|
653
|
+
private _keydown;
|
|
654
|
+
private _isInColorPalette;
|
|
655
|
+
private _handleColorNavigation;
|
|
656
|
+
private _handleHSBNavigation;
|
|
657
|
+
_refreshSelection(): void;
|
|
658
|
+
private _handleAlphaNavigation;
|
|
591
659
|
}
|
|
592
660
|
/**
|
|
593
661
|
* The {@link CollectionViewNavigator} control provides a UI for navigating
|
|
@@ -757,9 +825,13 @@ export declare class ListBox<T = any> extends Control {
|
|
|
757
825
|
_itemRole: string;
|
|
758
826
|
_caseSensitive: boolean;
|
|
759
827
|
_addMode: boolean;
|
|
828
|
+
private _isShiftDown;
|
|
829
|
+
private _shouldClearOnShift;
|
|
760
830
|
_vThreshold: number;
|
|
761
831
|
_isVirtual: boolean;
|
|
762
832
|
_children: HTMLElement[];
|
|
833
|
+
_ignoreItemFormatterTextArray: string[];
|
|
834
|
+
_itemFormatterHelper: HTMLDivElement;
|
|
763
835
|
_clientHeight: number;
|
|
764
836
|
_itemHeight: number;
|
|
765
837
|
_itemsAbove: number;
|
|
@@ -776,8 +848,10 @@ export declare class ListBox<T = any> extends Control {
|
|
|
776
848
|
_oldSel: HTMLElement | null;
|
|
777
849
|
_container: HTMLElement | null;
|
|
778
850
|
_oldSelectedIndex: number;
|
|
851
|
+
_ariaLabel: string;
|
|
779
852
|
static _DIDX_KEY: string;
|
|
780
853
|
static _VTHRESH: number;
|
|
854
|
+
_isNeedUpdateBnd: boolean;
|
|
781
855
|
/**
|
|
782
856
|
* Initializes a new instance of the {@link ListBox} class.
|
|
783
857
|
*
|
|
@@ -785,6 +859,10 @@ export declare class ListBox<T = any> extends Control {
|
|
|
785
859
|
* @param options The JavaScript object containing initialization data for the control.
|
|
786
860
|
*/
|
|
787
861
|
constructor(element: any, options?: any);
|
|
862
|
+
/**
|
|
863
|
+
* Gets or sets the aria-labelledby attribute of {@link ListBox} input element.
|
|
864
|
+
*/
|
|
865
|
+
ariaLabelledBy: string;
|
|
788
866
|
/**
|
|
789
867
|
* Gets or sets the array or {@link ICollectionView} object that contains
|
|
790
868
|
* the list items.
|
|
@@ -903,13 +981,14 @@ export declare class ListBox<T = any> extends Control {
|
|
|
903
981
|
*
|
|
904
982
|
* @param index The index of the item in the {@link itemsSource}.
|
|
905
983
|
*/
|
|
906
|
-
getDisplayValue(index: number): string;
|
|
984
|
+
getDisplayValue(index: number, ignoreItemFormatter?: boolean): string;
|
|
907
985
|
/**
|
|
908
986
|
* Gets the text displayed for the item at a given index (as plain text).
|
|
909
987
|
*
|
|
910
988
|
* @param index The index of the item in the {@link itemsSource}.
|
|
911
989
|
*/
|
|
912
990
|
getDisplayText(index: number): string;
|
|
991
|
+
_getDisplayText(index: number, notGetByList?: boolean): string;
|
|
913
992
|
/**
|
|
914
993
|
* Gets a value that determines whether the item at a given index is enabled.
|
|
915
994
|
*
|
|
@@ -1079,6 +1158,7 @@ export declare class ListBox<T = any> extends Control {
|
|
|
1079
1158
|
* @param fullUpdate Whether to update the control layout as well as the content.
|
|
1080
1159
|
*/
|
|
1081
1160
|
refresh(fullUpdate?: boolean): void;
|
|
1161
|
+
_updateAriaLabel(): void;
|
|
1082
1162
|
_updateCheckedList(arr: any[]): void;
|
|
1083
1163
|
_getBoundingClientRect(e: HTMLElement): Rect;
|
|
1084
1164
|
_updateItemAttributes(e: HTMLElement | null, selected: boolean): void;
|
|
@@ -1099,24 +1179,32 @@ export declare class ListBox<T = any> extends Control {
|
|
|
1099
1179
|
_updateViewRange(): boolean;
|
|
1100
1180
|
_getSelectedElement(visible: boolean): HTMLElement | null;
|
|
1101
1181
|
_handleResize(): void;
|
|
1102
|
-
_createItem(i: number): string;
|
|
1182
|
+
_createItem(i: number, groupIndex?: number): string;
|
|
1103
1183
|
_getAriaSelected(isSelected: boolean, isChecked: boolean | null): boolean;
|
|
1104
|
-
_createHeaderItem(group: CollectionViewGroup): string;
|
|
1184
|
+
_createHeaderItem(group: CollectionViewGroup, groupIndex: number): string;
|
|
1105
1185
|
private _click;
|
|
1106
1186
|
private _keydown;
|
|
1187
|
+
private _handleKeyUp;
|
|
1188
|
+
private _getCheckboxState;
|
|
1189
|
+
private _setCheckboxState;
|
|
1190
|
+
private _getCheckbox;
|
|
1107
1191
|
private _keypress;
|
|
1108
|
-
_selectNext
|
|
1109
|
-
_selectPrev
|
|
1192
|
+
private _selectNext;
|
|
1193
|
+
private _selectPrev;
|
|
1194
|
+
private _findNextEnabled;
|
|
1195
|
+
private _findPrevEnabled;
|
|
1110
1196
|
_selectFirst(): boolean;
|
|
1111
1197
|
_selectLast(): boolean;
|
|
1112
1198
|
_selectNextPage(): boolean;
|
|
1113
1199
|
_selectPrevPage(): boolean;
|
|
1114
1200
|
private _findNext;
|
|
1115
|
-
private _getCheckbox;
|
|
1116
1201
|
_initFromSelect(hostElement: HTMLElement): void;
|
|
1117
1202
|
_setIsDisabled(value: boolean): void;
|
|
1118
1203
|
_setTabOrder(value: number): void;
|
|
1204
|
+
_isMenuItem(): boolean;
|
|
1119
1205
|
_updateTabIndex(): void;
|
|
1206
|
+
private _selectRange;
|
|
1207
|
+
dispose(): void;
|
|
1120
1208
|
}
|
|
1121
1209
|
/**
|
|
1122
1210
|
* Provides arguments for the {@link ListBox.formatItem} event.
|
|
@@ -1163,6 +1251,7 @@ export declare class MultiSelectListBox<T = any> extends Control {
|
|
|
1163
1251
|
_lbx: ListBox;
|
|
1164
1252
|
_cbSelectAll: HTMLInputElement;
|
|
1165
1253
|
_spSelectAll: HTMLSpanElement;
|
|
1254
|
+
_ariaLabel: string;
|
|
1166
1255
|
_selectAllLabel: string;
|
|
1167
1256
|
_filterPlaceholder: string;
|
|
1168
1257
|
_filterText: string;
|
|
@@ -1313,6 +1402,11 @@ export declare class MultiSelectListBox<T = any> extends Control {
|
|
|
1313
1402
|
* Gets or sets an array containing the items that are currently checked.
|
|
1314
1403
|
*/
|
|
1315
1404
|
checkedItems: any[];
|
|
1405
|
+
/**
|
|
1406
|
+
* Gets or sets the aria-labelledby attribute of {@link MultiSelectListBox} input element.
|
|
1407
|
+
*/
|
|
1408
|
+
ariaLabelledBy: string;
|
|
1409
|
+
_updateAriaLabel(): void;
|
|
1316
1410
|
/**
|
|
1317
1411
|
* Occurs when the value of the {@link checkedItems} property changes.
|
|
1318
1412
|
*/
|
|
@@ -1422,6 +1516,15 @@ export interface IDateValidator {
|
|
|
1422
1516
|
*/
|
|
1423
1517
|
(date: Date): boolean;
|
|
1424
1518
|
}
|
|
1519
|
+
/**
|
|
1520
|
+
* Specifies constants that define the action to be performed when the TAB key is pressed.
|
|
1521
|
+
*/
|
|
1522
|
+
export declare enum CalendarTabKeyAction {
|
|
1523
|
+
/** No special action (let the browser handle the key). */
|
|
1524
|
+
None = 0,
|
|
1525
|
+
/** All buttons in the calendar can be selected using the tab key. */
|
|
1526
|
+
All = 1
|
|
1527
|
+
}
|
|
1425
1528
|
/**
|
|
1426
1529
|
* The {@link Calendar} control displays a table with one or more months
|
|
1427
1530
|
* and allows users to view and select dates.
|
|
@@ -1473,6 +1576,9 @@ export declare class Calendar extends Control {
|
|
|
1473
1576
|
private _btnPrv;
|
|
1474
1577
|
private _btnTdy;
|
|
1475
1578
|
private _btnNxt;
|
|
1579
|
+
private _confirmationButtonContainer;
|
|
1580
|
+
private _btnOK;
|
|
1581
|
+
private _btnCancel;
|
|
1476
1582
|
private _lbYears;
|
|
1477
1583
|
private _rptUp;
|
|
1478
1584
|
private _rptDn;
|
|
@@ -1493,6 +1599,13 @@ export declare class Calendar extends Control {
|
|
|
1493
1599
|
private _selMode;
|
|
1494
1600
|
private _itemFormatter;
|
|
1495
1601
|
private _itemValidator;
|
|
1602
|
+
private _showYearListBoxButton;
|
|
1603
|
+
private _focusMode;
|
|
1604
|
+
private _focusValue;
|
|
1605
|
+
private _keyActionTab;
|
|
1606
|
+
private _ariaLabel;
|
|
1607
|
+
private _showConfirmationButtons;
|
|
1608
|
+
private _isSpaceDownForSetValue;
|
|
1496
1609
|
private _tmYrHidden;
|
|
1497
1610
|
private _syncing;
|
|
1498
1611
|
private _cals;
|
|
@@ -1502,6 +1615,7 @@ export declare class Calendar extends Control {
|
|
|
1502
1615
|
private _fmtDayHdr;
|
|
1503
1616
|
private _fmtDay;
|
|
1504
1617
|
private _fmtMonths;
|
|
1618
|
+
private _fmtDayTitle;
|
|
1505
1619
|
static _DATE_KEY: string;
|
|
1506
1620
|
static _ctrlTemplate: string;
|
|
1507
1621
|
/**
|
|
@@ -1541,6 +1655,7 @@ export declare class Calendar extends Control {
|
|
|
1541
1655
|
* cal.value = start; // rangeEnd == null
|
|
1542
1656
|
*/
|
|
1543
1657
|
value: Date;
|
|
1658
|
+
focusValue: Date;
|
|
1544
1659
|
/**
|
|
1545
1660
|
* Gets or sets the last selected date in a range selection.
|
|
1546
1661
|
*
|
|
@@ -1866,6 +1981,8 @@ export declare class Calendar extends Control {
|
|
|
1866
1981
|
private _syncProp;
|
|
1867
1982
|
private _updateContent;
|
|
1868
1983
|
private _updateSelection;
|
|
1984
|
+
private _updateFocusInAccessibilityMode;
|
|
1985
|
+
private _updateCellFocus;
|
|
1869
1986
|
private _addWeek;
|
|
1870
1987
|
private _customizeCell;
|
|
1871
1988
|
private _canChangeValue;
|
|
@@ -1885,6 +2002,44 @@ export declare class Calendar extends Control {
|
|
|
1885
2002
|
_rngMode(): boolean;
|
|
1886
2003
|
private _navigate;
|
|
1887
2004
|
_setTabOrder(value: number): void;
|
|
2005
|
+
private _showYearPickerAction;
|
|
2006
|
+
/**
|
|
2007
|
+
* Gets or sets the focusMode enabled to support wcag related functions of {@link Calendar} element.
|
|
2008
|
+
*/
|
|
2009
|
+
focusMode: boolean;
|
|
2010
|
+
/**
|
|
2011
|
+
* Gets or sets the action to perform when the Tab key is pressed.
|
|
2012
|
+
*
|
|
2013
|
+
* The default setting for this property is {@link CalendarTabKeyAction.None},
|
|
2014
|
+
* This means that pressing the tab key will have no effect and follow the browser's default behavior.
|
|
2015
|
+
*/
|
|
2016
|
+
keyActionTab: CalendarTabKeyAction;
|
|
2017
|
+
private _isButtonFocused;
|
|
2018
|
+
private _isSameMonth;
|
|
2019
|
+
private _dateViewContainsFocus;
|
|
2020
|
+
private _updateMonthButtonAria;
|
|
2021
|
+
private _isDayValid;
|
|
2022
|
+
readonly cancelButtonClicked: Event<Calendar, EventArgs>;
|
|
2023
|
+
cancelButtonClick(e?: EventArgs): void;
|
|
2024
|
+
oneCancelButtonClick(e: any): void;
|
|
2025
|
+
readonly OKButtonClicked: Event<Calendar, EventArgs>;
|
|
2026
|
+
OKButtonClick(e?: EventArgs): void;
|
|
2027
|
+
onOkButtonClick(e: any): void;
|
|
2028
|
+
/**
|
|
2029
|
+
* Gets or sets the aria-label attribute of {@link Calendar} element.
|
|
2030
|
+
*/
|
|
2031
|
+
ariaLabel: string;
|
|
2032
|
+
private _updateButtonTabIndex;
|
|
2033
|
+
readonly _enterKeyDownToSetValue: Event<Calendar, EventArgs>;
|
|
2034
|
+
_onEnterKeyDownToSetValue(e?: EventArgs): void;
|
|
2035
|
+
showConfirmationButtons: boolean;
|
|
2036
|
+
protected _setIsDisabled(value: boolean): void;
|
|
2037
|
+
private updateCalendarsTabindex;
|
|
2038
|
+
private setFocusModeValue;
|
|
2039
|
+
private _getCalendarsHostElements;
|
|
2040
|
+
updateConfirmationButtons(hostElement: HTMLElement): void;
|
|
2041
|
+
setFocusValueToFirstOrLastCalendar(isFirst: boolean): void;
|
|
2042
|
+
isCalendarDateCell(element: HTMLElement): boolean;
|
|
1888
2043
|
}
|
|
1889
2044
|
/**
|
|
1890
2045
|
* Specifies constants that define the action to perform when the
|
|
@@ -1898,6 +2053,24 @@ export declare enum ClickAction {
|
|
|
1898
2053
|
/** Toggle the drop-down. */
|
|
1899
2054
|
Toggle = 2
|
|
1900
2055
|
}
|
|
2056
|
+
/**
|
|
2057
|
+
* Defines the behavior when keys are pressed in the control.
|
|
2058
|
+
*/
|
|
2059
|
+
export declare enum KeyAction {
|
|
2060
|
+
/** Changes the selection without opening the dropdown. */
|
|
2061
|
+
ChangeSelectionOnly = 0,
|
|
2062
|
+
/** Opens the dropdown without changing selection. */
|
|
2063
|
+
OpenDropdown = 1
|
|
2064
|
+
}
|
|
2065
|
+
/**
|
|
2066
|
+
* Defines the behavior when the TAB key is pressed in the control.
|
|
2067
|
+
*/
|
|
2068
|
+
export declare enum TabKeyAction {
|
|
2069
|
+
/** Closes the dropdown while maintaining focus on the control */
|
|
2070
|
+
CloseAndKeepFocus = 0,
|
|
2071
|
+
/** Closes the dropdown and moves focus to the next tabbable element. */
|
|
2072
|
+
CloseAndMoveFocus = 1
|
|
2073
|
+
}
|
|
1901
2074
|
/**
|
|
1902
2075
|
* DropDown control (abstract).
|
|
1903
2076
|
*
|
|
@@ -1922,6 +2095,9 @@ export declare class DropDown extends Control {
|
|
|
1922
2095
|
_minWidthDropdown: string;
|
|
1923
2096
|
_escapeIE: boolean;
|
|
1924
2097
|
_isInvalidInputCancelled: boolean;
|
|
2098
|
+
_keyActionDownArrow: KeyAction;
|
|
2099
|
+
_keyActionUpArrow: KeyAction;
|
|
2100
|
+
_keyActionTab: TabKeyAction;
|
|
1925
2101
|
static _ctrlTemplate: string;
|
|
1926
2102
|
/**
|
|
1927
2103
|
* Gets or sets the template used to instantiate {@link DropDown} controls.
|
|
@@ -2028,6 +2204,47 @@ export declare class DropDown extends Control {
|
|
|
2028
2204
|
* The default value for this property is **false**.
|
|
2029
2205
|
*/
|
|
2030
2206
|
isAnimated: boolean;
|
|
2207
|
+
/**
|
|
2208
|
+
* Gets or sets the action to perform when the DOWN ARROW key is pressed.
|
|
2209
|
+
*
|
|
2210
|
+
* The default setting for this property is {@link KeyAction.ChangeSelectionOnly},
|
|
2211
|
+
* which causes the control to change the selection item while keeping the listbox closed.
|
|
2212
|
+
*
|
|
2213
|
+
* Alternatively, you can set this to {@link KeyAction.OpenDropdown} to open the listbox
|
|
2214
|
+
* without changing the current selection.
|
|
2215
|
+
*/
|
|
2216
|
+
keyActionDownArrow: KeyAction;
|
|
2217
|
+
/**
|
|
2218
|
+
* Gets or sets the action to perform when the UP ARROW key is pressed.
|
|
2219
|
+
*
|
|
2220
|
+
* The default setting for this property is {@link KeyAction.ChangeSelectionOnly},
|
|
2221
|
+
* which causes the control to change the selection item while keeping the listbox closed.
|
|
2222
|
+
*
|
|
2223
|
+
* Alternatively, you can set this to {@link KeyAction.OpenDropdown} to open the listbox
|
|
2224
|
+
* without changing the current selection.
|
|
2225
|
+
*/
|
|
2226
|
+
keyActionUpArrow: KeyAction;
|
|
2227
|
+
/**
|
|
2228
|
+
* Gets or sets the action to perform when the TAB key is pressed.
|
|
2229
|
+
*
|
|
2230
|
+
* The default setting for this property is {@link TabKeyAction.CloseAndMoveFocus},
|
|
2231
|
+
* which provides standard form navigation behavior by:
|
|
2232
|
+
* - Closing the dropdown (if open)
|
|
2233
|
+
* - Moving focus to the next focusable element
|
|
2234
|
+
*
|
|
2235
|
+
* For specialized cases, you can set this to {@link TabKeyAction.CloseAndKeepFocus}
|
|
2236
|
+
* to maintain focus on the control after closing the dropdown.
|
|
2237
|
+
*
|
|
2238
|
+
* This setting is particularly useful for controlling accessibility behavior
|
|
2239
|
+
* and keyboard navigation flow in form controls.
|
|
2240
|
+
*
|
|
2241
|
+
* Example:
|
|
2242
|
+
* ```typescript
|
|
2243
|
+
* // Change TAB key behavior
|
|
2244
|
+
* dropDown.keyActionTab = TabKeyAction.CloseAndMoveFocus;
|
|
2245
|
+
* ```
|
|
2246
|
+
*/
|
|
2247
|
+
keyActionTab: TabKeyAction;
|
|
2031
2248
|
/**
|
|
2032
2249
|
* Sets the focus to the control and selects all its content.
|
|
2033
2250
|
*/
|
|
@@ -2066,15 +2283,26 @@ export declare class DropDown extends Control {
|
|
|
2066
2283
|
protected _expandSelection(): void;
|
|
2067
2284
|
protected _getCharType(text: string, pos: number): 0 | 1 | -1;
|
|
2068
2285
|
protected _keydown(e: KeyboardEvent): void;
|
|
2286
|
+
private toggleDropDown;
|
|
2287
|
+
private handleUpArrowKey;
|
|
2288
|
+
private handleDownArrowKey;
|
|
2289
|
+
_afterOpenDropdownByDownArrow(): void;
|
|
2290
|
+
private openDropDown;
|
|
2291
|
+
private isHostVisible;
|
|
2069
2292
|
protected _isHiddenEditor(): boolean;
|
|
2070
2293
|
protected _keypress(e: KeyboardEvent): void;
|
|
2071
2294
|
protected _input(e: Event): void;
|
|
2072
2295
|
protected _btnclick(e: MouseEvent): void;
|
|
2073
2296
|
protected _setText(text: string, fullMatch: boolean, forceRevertInvalid?: boolean, clearTbxVal?: boolean): void;
|
|
2074
2297
|
protected _updateBtn(): void;
|
|
2298
|
+
_updateBtnAria(): void;
|
|
2299
|
+
protected _updateTbx(): void;
|
|
2300
|
+
_updateTbxAria(): void;
|
|
2301
|
+
_updateTbxAriaHaspopup(): void;
|
|
2075
2302
|
protected _createDropDown(): void;
|
|
2076
|
-
protected _commitText(noFocus?: boolean): void;
|
|
2303
|
+
protected _commitText(noFocus?: boolean, shouldInvalid?: boolean): void;
|
|
2077
2304
|
_updateDropDown(): void;
|
|
2305
|
+
_shouldRaiseInvalidInput(shouldInvalid: boolean): boolean;
|
|
2078
2306
|
}
|
|
2079
2307
|
/**
|
|
2080
2308
|
* Specifies actions that trigger showing and hiding {@link Popup} controls.
|
|
@@ -2202,8 +2430,10 @@ export declare class Popup extends Control {
|
|
|
2202
2430
|
static _DRAG_THRESHOLD: number;
|
|
2203
2431
|
static _SZ_EDGE: number;
|
|
2204
2432
|
static _SZ_MIN: number;
|
|
2433
|
+
static _PopupInstanceCount: number;
|
|
2205
2434
|
static _evtHover: MouseEvent;
|
|
2206
2435
|
protected _owner: HTMLElement;
|
|
2436
|
+
protected _ariaLabel: string;
|
|
2207
2437
|
protected _modal: boolean;
|
|
2208
2438
|
protected _position: PopupPosition;
|
|
2209
2439
|
protected _showTrigger: PopupTrigger;
|
|
@@ -2246,6 +2476,10 @@ export declare class Popup extends Control {
|
|
|
2246
2476
|
protected _myFocus: HTMLElement;
|
|
2247
2477
|
protected _lastShow: number;
|
|
2248
2478
|
protected _initialOwner: HTMLElement;
|
|
2479
|
+
protected _activeEdge: _Edges;
|
|
2480
|
+
private _toHidePopupTimer;
|
|
2481
|
+
private _toGetFocusTimer;
|
|
2482
|
+
private _hideTimer;
|
|
2249
2483
|
/**
|
|
2250
2484
|
* Initializes a new instance of the {@link Popup} class.
|
|
2251
2485
|
*
|
|
@@ -2253,6 +2487,10 @@ export declare class Popup extends Control {
|
|
|
2253
2487
|
* @param options JavaScript object containing initialization data for the control.
|
|
2254
2488
|
*/
|
|
2255
2489
|
constructor(element: any, options?: any);
|
|
2490
|
+
/**
|
|
2491
|
+
* Gets or sets the aria-labelledby attribute of {@link Popup} input element.
|
|
2492
|
+
*/
|
|
2493
|
+
ariaLabelledBy: string;
|
|
2256
2494
|
/**
|
|
2257
2495
|
* Gets or sets the element that owns this {@link Popup}.
|
|
2258
2496
|
*
|
|
@@ -2650,7 +2888,6 @@ export declare class Popup extends Control {
|
|
|
2650
2888
|
*/
|
|
2651
2889
|
onPositionChanged(e?: EventArgs): void;
|
|
2652
2890
|
onLostFocus(e?: EventArgs): void;
|
|
2653
|
-
dispose(): void;
|
|
2654
2891
|
refresh(fullUpdate?: boolean): void;
|
|
2655
2892
|
_clearTimeouts(): void;
|
|
2656
2893
|
protected _handleDragResize(on: boolean): void;
|
|
@@ -2669,6 +2906,9 @@ export declare class Popup extends Control {
|
|
|
2669
2906
|
private _getClosestHeader;
|
|
2670
2907
|
private _showBackdrop;
|
|
2671
2908
|
protected _validateAndHide(result: any): void;
|
|
2909
|
+
protected _updateAriaLabel(): void;
|
|
2910
|
+
protected _updateAriaLabelImp(oldLabels: any): void;
|
|
2911
|
+
dispose(): void;
|
|
2672
2912
|
}
|
|
2673
2913
|
/**
|
|
2674
2914
|
* Provides arguments for the {@link Popup} control's {@link sizeChanging} and
|
|
@@ -2747,13 +2987,16 @@ export declare class InputDate extends DropDown {
|
|
|
2747
2987
|
private _clsOnSel;
|
|
2748
2988
|
private _handleWheel;
|
|
2749
2989
|
private _preserveCalendarNavigation;
|
|
2750
|
-
private
|
|
2990
|
+
private _isTriggered;
|
|
2751
2991
|
private _rangeChanged;
|
|
2752
2992
|
private _textInitialized;
|
|
2753
2993
|
private _previousText;
|
|
2754
2994
|
private _keepInvalidText;
|
|
2995
|
+
private _showConfirmationButtons;
|
|
2996
|
+
protected _inputAriaLabel: any;
|
|
2755
2997
|
protected _currentInput: string;
|
|
2756
2998
|
static _ctrlTemplate: string;
|
|
2999
|
+
_ariaLabelledby: string;
|
|
2757
3000
|
/**
|
|
2758
3001
|
* Gets or sets the template used to instantiate {@link InputDate} control.
|
|
2759
3002
|
*/
|
|
@@ -3149,15 +3392,27 @@ export declare class InputDate extends DropDown {
|
|
|
3149
3392
|
private _tryFocus;
|
|
3150
3393
|
_clamp(value: Date): Date;
|
|
3151
3394
|
protected _getText(): string;
|
|
3152
|
-
protected _commitText(noFocus?: boolean): void;
|
|
3153
|
-
protected _triggerInvalidInputEvent(cancelEvtArgs: InputDateEventArgs, val: Date, rangeEnd?: Date): void;
|
|
3154
|
-
protected _nullValueInvalidInput(cancelEvtArgs: InputDateEventArgs): void;
|
|
3395
|
+
protected _commitText(noFocus?: boolean, shouldInvalid?: boolean): void;
|
|
3396
|
+
protected _triggerInvalidInputEvent(cancelEvtArgs: InputDateEventArgs, val: Date, rangeEnd?: Date, shouldInvalid?: boolean): void;
|
|
3397
|
+
protected _nullValueInvalidInput(cancelEvtArgs: InputDateEventArgs, shouldInvalid?: boolean): void;
|
|
3155
3398
|
protected _fromDateTime(value: Date): Date;
|
|
3156
3399
|
protected _canChangeValue(): boolean;
|
|
3157
3400
|
protected _isValidDate(value: Date): boolean;
|
|
3158
3401
|
private _getRanges;
|
|
3159
3402
|
private _updateRangeSelection;
|
|
3160
3403
|
protected _copy(key: string, value: any): boolean;
|
|
3404
|
+
/**
|
|
3405
|
+
* Gets or sets whether to display the confirmation buttons in Calendar.
|
|
3406
|
+
* When this property is set to true, using the arrow keys will only change the focus.
|
|
3407
|
+
* And "OK" and "Cancel" buttons will be displayed below the dropdown.
|
|
3408
|
+
*/
|
|
3409
|
+
showConfirmationButtons: boolean;
|
|
3410
|
+
/**
|
|
3411
|
+
* Gets or sets the aria-labelledby attribute of input element.
|
|
3412
|
+
*/
|
|
3413
|
+
ariaLabelledBy: string;
|
|
3414
|
+
protected _updateInputAriaLabel(): void;
|
|
3415
|
+
getAriaLabelForScreenReader(): any;
|
|
3161
3416
|
}
|
|
3162
3417
|
/**
|
|
3163
3418
|
* The {@link InputDateRange} control extends the {@link InputDate}
|
|
@@ -3174,6 +3429,7 @@ export declare class InputDate extends DropDown {
|
|
|
3174
3429
|
*/
|
|
3175
3430
|
export declare class InputDateRange extends InputDate {
|
|
3176
3431
|
static _ctrlTemplate: string;
|
|
3432
|
+
protected _inputAriaLabel: any;
|
|
3177
3433
|
/**
|
|
3178
3434
|
* Gets or sets the template used to instantiate {@link InputDateRange} control.
|
|
3179
3435
|
*/
|
|
@@ -3204,6 +3460,8 @@ export declare class InputColor extends DropDown {
|
|
|
3204
3460
|
private _colorPicker;
|
|
3205
3461
|
private _value;
|
|
3206
3462
|
private _textInitialized;
|
|
3463
|
+
_ariaLabelledby: string;
|
|
3464
|
+
protected _inputAriaLabel: string;
|
|
3207
3465
|
static _ctrlTemplate: string;
|
|
3208
3466
|
/**
|
|
3209
3467
|
* Gets or sets the template used to instantiate {@link InputColor} control.
|
|
@@ -3264,6 +3522,14 @@ export declare class InputColor extends DropDown {
|
|
|
3264
3522
|
* Gets a reference to the {@link ColorPicker} control shown in the drop-down.
|
|
3265
3523
|
*/
|
|
3266
3524
|
readonly colorPicker: ColorPicker;
|
|
3525
|
+
/**
|
|
3526
|
+
* Gets or sets the aria-labelledby attribute of input color element.
|
|
3527
|
+
*/
|
|
3528
|
+
ariaLabelledBy: string;
|
|
3529
|
+
/**
|
|
3530
|
+
* Gets or sets the colorPicker's keyActionTab property.
|
|
3531
|
+
*/
|
|
3532
|
+
colorPickerKeyActionTab: ColorPickerTabKeyAction;
|
|
3267
3533
|
/**
|
|
3268
3534
|
* Occurs when the value of the {@link value} property changes, either
|
|
3269
3535
|
* as a result of user actions or by assignment in code.
|
|
@@ -3278,6 +3544,8 @@ export declare class InputColor extends DropDown {
|
|
|
3278
3544
|
protected _keydown(e: KeyboardEvent): void;
|
|
3279
3545
|
protected _commitText(): void;
|
|
3280
3546
|
protected _copy(key: string, value: any): boolean;
|
|
3547
|
+
getAriaLabelForScreenReader(): any;
|
|
3548
|
+
protected _updateInputAriaLabel(): void;
|
|
3281
3549
|
}
|
|
3282
3550
|
/**
|
|
3283
3551
|
* The {@link ComboBox} control allows users to pick strings from lists.
|
|
@@ -3332,6 +3600,9 @@ export declare class ComboBox<T = any> extends DropDown {
|
|
|
3332
3600
|
_selItems: any;
|
|
3333
3601
|
_oldFilter: any;
|
|
3334
3602
|
static _ctrlTemplate: string;
|
|
3603
|
+
_keyActionPrintCharacters: KeyAction;
|
|
3604
|
+
_inputElementAriaLabel: string;
|
|
3605
|
+
_ariaLabelledby: string;
|
|
3335
3606
|
/**
|
|
3336
3607
|
* Gets or sets the template used to instantiate {@link ComboBox} control.
|
|
3337
3608
|
*/
|
|
@@ -3521,6 +3792,23 @@ export declare class ComboBox<T = any> extends DropDown {
|
|
|
3521
3792
|
* means the drop-down has no maximum width limit.
|
|
3522
3793
|
*/
|
|
3523
3794
|
maxDropDownWidth: number;
|
|
3795
|
+
/**
|
|
3796
|
+
* Gets or sets the action to perform when printable character keys are pressed (letters, numbers, symbols).
|
|
3797
|
+
*
|
|
3798
|
+
* The default setting for this property is {@link KeyAction.OpenDropdown},
|
|
3799
|
+
* which opens the listbox and filters options as the user types.
|
|
3800
|
+
* This allows users to see matching options before making a selection.
|
|
3801
|
+
*
|
|
3802
|
+
* Alternatively, you can set this to {@link KeyAction.ChangeSelectionOnly}
|
|
3803
|
+
* to immediately change the selection to match the typed characters while keeping the listbox closed.
|
|
3804
|
+
* This is useful for quick selection in known-value scenarios.
|
|
3805
|
+
*/
|
|
3806
|
+
keyActionPrintCharacters: KeyAction;
|
|
3807
|
+
/**
|
|
3808
|
+
* Gets or sets the aria-labelledby attribute of input element.
|
|
3809
|
+
*/
|
|
3810
|
+
ariaLabelledBy: string;
|
|
3811
|
+
_updateInputAndListBoxAriaLabel(): void;
|
|
3524
3812
|
/**
|
|
3525
3813
|
* Gets the string displayed in the input element for the item at a
|
|
3526
3814
|
* given index (always plain text).
|
|
@@ -3529,6 +3817,8 @@ export declare class ComboBox<T = any> extends DropDown {
|
|
|
3529
3817
|
* @param trimText Optionally override the value of the {@link trimText} property.
|
|
3530
3818
|
*/
|
|
3531
3819
|
getDisplayText(index?: number, trimText?: boolean): string;
|
|
3820
|
+
_getDisplayText(index?: number, trimText?: boolean, ignoreItemFormatter?: boolean): string;
|
|
3821
|
+
_hasCustomFormatItem(): boolean;
|
|
3532
3822
|
/**
|
|
3533
3823
|
* Gets the index of the first item that matches a given string.
|
|
3534
3824
|
*
|
|
@@ -3565,18 +3855,32 @@ export declare class ComboBox<T = any> extends DropDown {
|
|
|
3565
3855
|
protected _setIsDisabled(value: boolean): void;
|
|
3566
3856
|
protected _updateBtn(): void;
|
|
3567
3857
|
protected _hasItems(): boolean;
|
|
3568
|
-
|
|
3858
|
+
_updateTbxAria(): void;
|
|
3859
|
+
_updateInputAriaLabel(): void;
|
|
3569
3860
|
protected _createDropDown(): void;
|
|
3570
3861
|
protected _wheel(e: WheelEvent): void;
|
|
3571
3862
|
protected _dropDownClick(e: MouseEvent): void;
|
|
3572
3863
|
protected _setText(text: string, fullMatch: boolean, isDateTime?: boolean): void;
|
|
3573
3864
|
protected _findNext(search: string, step: number, start?: number): number;
|
|
3865
|
+
_findNextWhenIsEditableFalse(search: string, step: number, start?: number): number;
|
|
3574
3866
|
protected _keydown(e: KeyboardEvent): void;
|
|
3575
|
-
|
|
3867
|
+
_afterOpenDropdownByDownArrow(): void;
|
|
3868
|
+
_input(e: Event): void;
|
|
3869
|
+
_handleDragTextState(): void;
|
|
3870
|
+
_handleComposingState(): void;
|
|
3871
|
+
_shouldOpenDropdown(): boolean;
|
|
3872
|
+
_handleIsEditableFalseInput(): void;
|
|
3873
|
+
_updateSelection(index: number, editStart: number): void;
|
|
3874
|
+
_updateComponentText(): void;
|
|
3875
|
+
_updateEmptyValueFlag(): void;
|
|
3876
|
+
_controlDropdownVisibility(): void;
|
|
3877
|
+
_resetDragState(): void;
|
|
3576
3878
|
protected _updateInputSelection(start: number): void;
|
|
3577
3879
|
private _getSelStart;
|
|
3578
3880
|
private _getSelEnd;
|
|
3579
3881
|
private _setSelRange;
|
|
3882
|
+
getAriaLabelForScreenReader(): any;
|
|
3883
|
+
_updateDropDownWhenInput(): void;
|
|
3580
3884
|
}
|
|
3581
3885
|
/**
|
|
3582
3886
|
* Represents a method that returns a string used as a header for a
|
|
@@ -3626,6 +3930,7 @@ export declare class MultiSelect extends ComboBox {
|
|
|
3626
3930
|
private _msLbx;
|
|
3627
3931
|
static _DEF_CHECKED_PATH: string;
|
|
3628
3932
|
static _ctrlTemplate: string;
|
|
3933
|
+
_inputElementAriaLabel: string;
|
|
3629
3934
|
/**
|
|
3630
3935
|
* Gets or sets the template used to instantiate {@link MultiSelect} control.
|
|
3631
3936
|
*/
|
|
@@ -3752,12 +4057,15 @@ export declare class MultiSelect extends ComboBox {
|
|
|
3752
4057
|
onIsDroppedDownChanged(e?: EventArgs): void;
|
|
3753
4058
|
onLostFocus(): void;
|
|
3754
4059
|
protected _createDropDown(): void;
|
|
4060
|
+
_updateBtnAria(): void;
|
|
4061
|
+
_updateTbxAria(): void;
|
|
3755
4062
|
isReadOnly: boolean;
|
|
3756
4063
|
refresh(fullUpdate?: boolean): void;
|
|
3757
4064
|
protected _setText(text: string, fullMatch: boolean): void;
|
|
3758
4065
|
protected _keydown(e: KeyboardEvent): void;
|
|
3759
4066
|
protected _hasItems(): boolean;
|
|
3760
4067
|
private _updateHeader;
|
|
4068
|
+
getAriaLabelForScreenReader(): any;
|
|
3761
4069
|
}
|
|
3762
4070
|
/**
|
|
3763
4071
|
* Interface implemented by command objects.
|
|
@@ -3830,7 +4138,9 @@ export declare class Menu extends ComboBox {
|
|
|
3830
4138
|
_ariaLabel: string;
|
|
3831
4139
|
_aFEnabledItem: boolean;
|
|
3832
4140
|
static _evtHover: MouseEvent;
|
|
4141
|
+
static _MenuInstanceCount: number;
|
|
3833
4142
|
static _ctrlTemplate: string;
|
|
4143
|
+
_parentMenu: Menu;
|
|
3834
4144
|
/**
|
|
3835
4145
|
* Gets or sets the template used to instantiate {@link Menu} control.
|
|
3836
4146
|
*/
|
|
@@ -3842,6 +4152,9 @@ export declare class Menu extends ComboBox {
|
|
|
3842
4152
|
* @param options The JavaScript object containing initialization data for the control.
|
|
3843
4153
|
*/
|
|
3844
4154
|
constructor(element: any, options?: any);
|
|
4155
|
+
_updateBtnAria(): void;
|
|
4156
|
+
_updateHdrAria(): void;
|
|
4157
|
+
_updateLbxAria(): void;
|
|
3845
4158
|
/**
|
|
3846
4159
|
* Gets or sets the aria-label attribute of {@link Menu} element.
|
|
3847
4160
|
*
|
|
@@ -4041,13 +4354,16 @@ export declare class Menu extends ComboBox {
|
|
|
4041
4354
|
onItemClicked(e?: EventArgs): void;
|
|
4042
4355
|
refresh(fullUpdate?: boolean): void;
|
|
4043
4356
|
onIsDroppedDownChanged(e?: EventArgs): void;
|
|
4357
|
+
private _restoreSelectedItem;
|
|
4044
4358
|
_updateHoverEvents(): void;
|
|
4045
4359
|
_getSubItems(item: any): any[];
|
|
4046
4360
|
_formatMenuItem(s: ListBox, e: FormatItemEventArgs): void;
|
|
4047
4361
|
protected _keydown(e: KeyboardEvent): void;
|
|
4362
|
+
_afterOpenDropdownByDownArrow(): void;
|
|
4048
4363
|
protected _dropDownClick(e: MouseEvent): void;
|
|
4049
4364
|
private _showSubMenu;
|
|
4050
4365
|
private _raiseCommand;
|
|
4366
|
+
private _focusMenuOwner;
|
|
4051
4367
|
private _getCommand;
|
|
4052
4368
|
private _getCommandParm;
|
|
4053
4369
|
private _executeCommand;
|
|
@@ -4060,6 +4376,7 @@ export declare class Menu extends ComboBox {
|
|
|
4060
4376
|
private _hoverLeave;
|
|
4061
4377
|
_setIsDisabled(value: boolean): void;
|
|
4062
4378
|
_setTabOrder(value: number): void;
|
|
4379
|
+
dispose(): void;
|
|
4063
4380
|
}
|
|
4064
4381
|
/**
|
|
4065
4382
|
* The {@link InputTime} control allows users to enter times using any format
|
|
@@ -4091,6 +4408,7 @@ export declare class InputTime extends ComboBox {
|
|
|
4091
4408
|
_msk: _MaskProvider;
|
|
4092
4409
|
_hasCustomItems: boolean;
|
|
4093
4410
|
static _ctrlTemplate: string;
|
|
4411
|
+
_inputElementAriaLabel: string;
|
|
4094
4412
|
/**
|
|
4095
4413
|
* Gets or sets the template used to instantiate {@link InputTime} control.
|
|
4096
4414
|
*/
|
|
@@ -4202,8 +4520,10 @@ export declare class InputTime extends ComboBox {
|
|
|
4202
4520
|
protected _keydown(e: KeyboardEvent): void;
|
|
4203
4521
|
protected _updateTimeValue(step: number, specialChars: any, actualFormat: string): void;
|
|
4204
4522
|
private _reselectText;
|
|
4205
|
-
protected _commitText(): void;
|
|
4523
|
+
protected _commitText(noFocus?: boolean, shouldInvalid?: boolean): void;
|
|
4206
4524
|
protected _copy(key: string, value: any): boolean;
|
|
4525
|
+
getAriaLabelForScreenReader(): any;
|
|
4526
|
+
_input(e: Event): void;
|
|
4207
4527
|
}
|
|
4208
4528
|
/**
|
|
4209
4529
|
* The {@link InputDateTime} control extends the {@link InputDate} control to allows users
|
|
@@ -4231,6 +4551,7 @@ export declare class InputDateTime extends InputDate {
|
|
|
4231
4551
|
private _ddDate;
|
|
4232
4552
|
private _ddTime;
|
|
4233
4553
|
static _ctrlTemplate: string;
|
|
4554
|
+
protected _inputAriaLabel: any;
|
|
4234
4555
|
/**
|
|
4235
4556
|
* Gets or sets the template used to instantiate {@link InputDateTime} controls.
|
|
4236
4557
|
*/
|
|
@@ -4298,7 +4619,32 @@ export declare class InputDateTime extends InputDate {
|
|
|
4298
4619
|
protected _mouseWheel(e: WheelEvent): void;
|
|
4299
4620
|
protected _keydown(e: KeyboardEvent): void;
|
|
4300
4621
|
protected _updateDateTimeValue(step: number, specialChars: any, actualFormat: string): void;
|
|
4301
|
-
protected _commitText(): void;
|
|
4622
|
+
protected _commitText(noFocus?: boolean, shouldInvalid?: boolean): void;
|
|
4623
|
+
_updateTbxAria(): void;
|
|
4624
|
+
/**
|
|
4625
|
+
* Gets or sets the action to perform when the TAB key is pressed.
|
|
4626
|
+
*
|
|
4627
|
+
* The default setting for this property is {@link TabKeyAction.CloseAndMoveFocus},
|
|
4628
|
+
* which provides standard form navigation behavior by:
|
|
4629
|
+
* - Closing the dropdown (if open)
|
|
4630
|
+
* - Moving focus to the next focusable element
|
|
4631
|
+
*
|
|
4632
|
+
* For specialized cases, you can set this to {@link TabKeyAction.CloseAndKeepFocus}
|
|
4633
|
+
* to maintain focus on the control after closing the dropdown.
|
|
4634
|
+
*
|
|
4635
|
+
* This setting is particularly useful for controlling accessibility behavior
|
|
4636
|
+
* and keyboard navigation flow in form controls.
|
|
4637
|
+
*
|
|
4638
|
+
* Example:
|
|
4639
|
+
* ```typescript
|
|
4640
|
+
* // Change TAB key behavior
|
|
4641
|
+
* dropDown.keyActionTab = TabKeyAction.CloseAndMoveFocus;
|
|
4642
|
+
* ```
|
|
4643
|
+
*/
|
|
4644
|
+
keyActionTab: TabKeyAction;
|
|
4645
|
+
private _setDropDownByEvent;
|
|
4646
|
+
_updateBtnAria(): void;
|
|
4647
|
+
private inputDateTimeIsDroppedDownChanged;
|
|
4302
4648
|
}
|
|
4303
4649
|
/**
|
|
4304
4650
|
* Represents a method that returns data items asynchronously as the user types.
|
|
@@ -4354,6 +4700,7 @@ export declare class AutoComplete extends ComboBox {
|
|
|
4354
4700
|
private _oldSelectedIndex;
|
|
4355
4701
|
_pendingSearchFn: any;
|
|
4356
4702
|
static _ctrlTemplate: string;
|
|
4703
|
+
_inputElementAriaLabel: string;
|
|
4357
4704
|
/**
|
|
4358
4705
|
* Gets or sets the template used to instantiate {@link AutoComplete} control.
|
|
4359
4706
|
*/
|
|
@@ -4459,7 +4806,9 @@ export declare class AutoComplete extends ComboBox {
|
|
|
4459
4806
|
* Raises the {@link selectedIndexChanged} event.
|
|
4460
4807
|
*/
|
|
4461
4808
|
onSelectedIndexChanged(e?: EventArgs): void;
|
|
4809
|
+
_updateTbxAria(): void;
|
|
4462
4810
|
_keydown(e: KeyboardEvent): void;
|
|
4811
|
+
_input(e: Event): void;
|
|
4463
4812
|
private _isBlurInput;
|
|
4464
4813
|
protected _commitText(noFocus?: boolean): void;
|
|
4465
4814
|
_setText(text: string | null): void;
|
|
@@ -4474,6 +4823,8 @@ export declare class AutoComplete extends ComboBox {
|
|
|
4474
4823
|
protected _formatListItem(sender: any, e: FormatItemEventArgs): void;
|
|
4475
4824
|
private _enclosed;
|
|
4476
4825
|
protected _wheel(e: WheelEvent): void;
|
|
4826
|
+
getAriaLabelForScreenReader(): any;
|
|
4827
|
+
_hasCustomFormatItem(): boolean;
|
|
4477
4828
|
}
|
|
4478
4829
|
/**
|
|
4479
4830
|
* The {@link MultiAutoComplete} control allows users to pick items from lists
|
|
@@ -4488,12 +4839,16 @@ export declare class MultiAutoComplete extends AutoComplete {
|
|
|
4488
4839
|
private _wjTpl;
|
|
4489
4840
|
private _wjInput;
|
|
4490
4841
|
private _helperInput;
|
|
4842
|
+
private _screenReaderHelper;
|
|
4491
4843
|
private _maxSelItems;
|
|
4492
4844
|
private _lastInputValue;
|
|
4493
4845
|
private _selPath;
|
|
4494
4846
|
private _notAddItm;
|
|
4495
4847
|
static _clsActive: string;
|
|
4496
4848
|
static _ctrlTemplate: string;
|
|
4849
|
+
_inputElementAriaLabel: string;
|
|
4850
|
+
_helperInputElementAriaLabel: string;
|
|
4851
|
+
_ariaLabelledby: string;
|
|
4497
4852
|
/**
|
|
4498
4853
|
* Gets or sets the template used to instantiate {@link MultiAutoComplete} control.
|
|
4499
4854
|
*/
|
|
@@ -4526,6 +4881,10 @@ export declare class MultiAutoComplete extends AutoComplete {
|
|
|
4526
4881
|
* selected.
|
|
4527
4882
|
*/
|
|
4528
4883
|
selectedItems: any[];
|
|
4884
|
+
/**
|
|
4885
|
+
* Gets or sets the aria-labelledby attribute of input element.
|
|
4886
|
+
*/
|
|
4887
|
+
ariaLabelledBy: string;
|
|
4529
4888
|
/**
|
|
4530
4889
|
* Occurs when the value of the {@link selectedItems} property changes.
|
|
4531
4890
|
*/
|
|
@@ -4540,6 +4899,7 @@ export declare class MultiAutoComplete extends AutoComplete {
|
|
|
4540
4899
|
protected _updateState(): void;
|
|
4541
4900
|
protected _keyup(e: KeyboardEvent): void;
|
|
4542
4901
|
private _addHelperInput;
|
|
4902
|
+
private _addScreenReaderHelper;
|
|
4543
4903
|
private _refreshHeader;
|
|
4544
4904
|
private _insertToken;
|
|
4545
4905
|
private _updateMaxItems;
|