@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/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  *
3
- * Wijmo Library 5.20251.34
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(): boolean;
1109
- _selectPrev(): boolean;
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 _clicked;
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
- private _updateAria;
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
- protected _input(e: Event): void;
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;