@mescius/wijmo.input 5.20251.41-nightly.d20250709.t181145 → 5.20251.41-nightly.d20250714.t182635

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.41-nightly.d20250709.t181145
3
+ * Wijmo Library 5.20251.41-nightly.d20250714.t182635
4
4
  * https://developer.mescius.com/wijmo
5
5
  *
6
6
  * Copyright(c) MESCIUS inc. All rights reserved.
@@ -399,6 +399,8 @@ export declare class InputMask extends Control {
399
399
  _msk: _MaskProvider;
400
400
  _fullEdit: boolean;
401
401
  static _ctrlTemplate: string;
402
+ _inputElementAriaLabel: string;
403
+ _ariaLabelledby: string;
402
404
  /**
403
405
  * Gets or sets the template used to instantiate {@link InputMask} controls.
404
406
  */
@@ -501,8 +503,22 @@ export declare class InputMask extends Control {
501
503
  dispose(): void;
502
504
  refresh(fullUpdate?: boolean): void;
503
505
  onGotFocus(e: any): void;
506
+ /**
507
+ * Gets or sets the aria-labelledby attribute of input element.
508
+ */
509
+ ariaLabelledBy: string;
510
+ _updateInputAriaLabel(): void;
504
511
  getAriaLabelForScreenReader(): any;
505
512
  }
513
+ /**
514
+ * Specifies constants that define the action to be performed when the TAB key is pressed.
515
+ */
516
+ export declare enum ColorPickerTabKeyAction {
517
+ /** No special action (let the browser handle the key). */
518
+ None = 0,
519
+ /** All buttons in the color picker can be selected using the tab key. */
520
+ All = 1
521
+ }
506
522
  /**
507
523
  * The {@link ColorPicker} control allows users to select a color by clicking
508
524
  * on panels to adjust color channels (hue, saturation, brightness, alpha).
@@ -527,7 +543,11 @@ export declare class ColorPicker extends Control {
527
543
  _ePal: HTMLElement;
528
544
  _ePreview: HTMLElement;
529
545
  _eText: HTMLElement;
546
+ _ePalMainFirst: HTMLElement;
547
+ _ePalShadeFirst: HTMLElement;
530
548
  _htDown: Element;
549
+ _ariaLabel: string;
550
+ private _keyActionTab;
531
551
  static _ctrlTemplate: string;
532
552
  /**
533
553
  * Gets or sets the template used to instantiate {@link ColorPicker} controls.
@@ -584,6 +604,20 @@ export declare class ColorPicker extends Control {
584
604
  * No exceptions are thrown in these cases.
585
605
  */
586
606
  palette: string[];
607
+ /**
608
+ * Gets or sets the aria-label attribute of {@link ColorPicker} host element.
609
+ *
610
+ * The default value for this property is "Color Picker".
611
+ */
612
+ ariaLabel: string;
613
+ /**
614
+ * Gets or sets the action to perform when the Tab key is pressed.
615
+ *
616
+ * The default setting for this property is {@link ColorPickerTabKeyAction.None},
617
+ * This means that pressing the tab key will have no effect and follow the browser's default behavior.
618
+ */
619
+ keyActionTab: ColorPickerTabKeyAction;
620
+ _setTabOrder(value: number): void;
587
621
  /**
588
622
  * Occurs when the value of the {@link value} property changes, either
589
623
  * as a result of user actions or by assignment in code.
@@ -601,6 +635,16 @@ export declare class ColorPicker extends Control {
601
635
  private _makePalEntry;
602
636
  private _updatePanels;
603
637
  private _getTargetPanel;
638
+ protected getActualTabIndex(): string;
639
+ private _updateTabIndex;
640
+ protected _setIsDisabled(value: boolean): void;
641
+ private _updateAriaValues;
642
+ private _keydown;
643
+ private _isInColorPalette;
644
+ private _handleColorNavigation;
645
+ private _handleHSBNavigation;
646
+ _refreshSelection(): void;
647
+ private _handleAlphaNavigation;
604
648
  }
605
649
  /**
606
650
  * The {@link CollectionViewNavigator} control provides a UI for navigating
@@ -1953,7 +1997,6 @@ export declare class Calendar extends Control {
1953
1997
  private _isSameDay;
1954
1998
  private _isSameMonth;
1955
1999
  private _dateViewContainsFocus;
1956
- getFocusableElements(): HTMLElement[];
1957
2000
  private _updateMonthButtonAria;
1958
2001
  private _isDayValid;
1959
2002
  readonly cancelButtonClicked: Event<Calendar, EventArgs>;
@@ -1973,6 +2016,7 @@ export declare class Calendar extends Control {
1973
2016
  protected _setIsDisabled(value: boolean): void;
1974
2017
  private updateCalendarsTabindex;
1975
2018
  private setFocusModeValue;
2019
+ private _getCalendarsHostElements;
1976
2020
  }
1977
2021
  /**
1978
2022
  * Specifies constants that define the action to perform when the
@@ -2030,6 +2074,7 @@ export declare class DropDown extends Control {
2030
2074
  _isInvalidInputCancelled: boolean;
2031
2075
  _keyActionDownArrow: KeyAction;
2032
2076
  _keyActionUpArrow: KeyAction;
2077
+ _keyActionTab: TabKeyAction;
2033
2078
  static _ctrlTemplate: string;
2034
2079
  /**
2035
2080
  * Gets or sets the template used to instantiate {@link DropDown} controls.
@@ -2156,6 +2201,27 @@ export declare class DropDown extends Control {
2156
2201
  * without changing the current selection.
2157
2202
  */
2158
2203
  keyActionUpArrow: KeyAction;
2204
+ /**
2205
+ * Gets or sets the action to perform when the TAB key is pressed.
2206
+ *
2207
+ * The default setting for this property is {@link TabKeyAction.CloseAndMoveFocus},
2208
+ * which provides standard form navigation behavior by:
2209
+ * - Closing the dropdown (if open)
2210
+ * - Moving focus to the next focusable element
2211
+ *
2212
+ * For specialized cases, you can set this to {@link TabKeyAction.CloseAndKeepFocus}
2213
+ * to maintain focus on the control after closing the dropdown.
2214
+ *
2215
+ * This setting is particularly useful for controlling accessibility behavior
2216
+ * and keyboard navigation flow in form controls.
2217
+ *
2218
+ * Example:
2219
+ * ```typescript
2220
+ * // Change TAB key behavior
2221
+ * dropDown.keyActionTab = TabKeyAction.CloseAndMoveFocus;
2222
+ * ```
2223
+ */
2224
+ keyActionTab: TabKeyAction;
2159
2225
  /**
2160
2226
  * Sets the focus to the control and selects all its content.
2161
2227
  */
@@ -2903,7 +2969,6 @@ export declare class InputDate extends DropDown {
2903
2969
  protected _currentInput: string;
2904
2970
  static _ctrlTemplate: string;
2905
2971
  _ariaLabelledby: string;
2906
- _keyActionTab: TabKeyAction;
2907
2972
  /**
2908
2973
  * Gets or sets the template used to instantiate {@link InputDate} control.
2909
2974
  */
@@ -3320,27 +3385,6 @@ export declare class InputDate extends DropDown {
3320
3385
  ariaLabelledBy: string;
3321
3386
  protected _updateInputAriaLabel(): void;
3322
3387
  getAriaLabelForScreenReader(): any;
3323
- /**
3324
- * Gets or sets the action to perform when the TAB key is pressed.
3325
- *
3326
- * The default setting for this property is {@link TabKeyAction.CloseAndMoveFocus},
3327
- * which provides standard form navigation behavior by:
3328
- * - Closing the dropdown (if open)
3329
- * - Moving focus to the next focusable element
3330
- *
3331
- * For specialized cases, you can set this to {@link TabKeyAction.CloseAndKeepFocus}
3332
- * to maintain focus on the control after closing the dropdown.
3333
- *
3334
- * This setting is particularly useful for controlling accessibility behavior
3335
- * and keyboard navigation flow in form controls.
3336
- *
3337
- * Example:
3338
- * ```typescript
3339
- * // Change TAB key behavior
3340
- * inputDate.keyActionTab = TabKeyAction.CloseAndMoveFocus;
3341
- * ```
3342
- */
3343
- keyActionTab: TabKeyAction;
3344
3388
  _shouldRaiseInvalidInput(shouldInvalid: boolean): boolean;
3345
3389
  }
3346
3390
  /**
@@ -3389,6 +3433,8 @@ export declare class InputColor extends DropDown {
3389
3433
  private _colorPicker;
3390
3434
  private _value;
3391
3435
  private _textInitialized;
3436
+ _ariaLabelledby: string;
3437
+ protected _inputAriaLabel: string;
3392
3438
  static _ctrlTemplate: string;
3393
3439
  /**
3394
3440
  * Gets or sets the template used to instantiate {@link InputColor} control.
@@ -3449,6 +3495,14 @@ export declare class InputColor extends DropDown {
3449
3495
  * Gets a reference to the {@link ColorPicker} control shown in the drop-down.
3450
3496
  */
3451
3497
  readonly colorPicker: ColorPicker;
3498
+ /**
3499
+ * Gets or sets the aria-labelledby attribute of input color element.
3500
+ */
3501
+ ariaLabelledBy: string;
3502
+ /**
3503
+ * Gets or sets the colorPicker's keyActionTab property.
3504
+ */
3505
+ colorPickerKeyActionTab: ColorPickerTabKeyAction;
3452
3506
  /**
3453
3507
  * Occurs when the value of the {@link value} property changes, either
3454
3508
  * as a result of user actions or by assignment in code.
@@ -3464,6 +3518,7 @@ export declare class InputColor extends DropDown {
3464
3518
  protected _commitText(): void;
3465
3519
  protected _copy(key: string, value: any): boolean;
3466
3520
  getAriaLabelForScreenReader(): any;
3521
+ protected _updateInputAriaLabel(): void;
3467
3522
  }
3468
3523
  /**
3469
3524
  * The {@link ComboBox} control allows users to pick strings from lists.
@@ -3518,7 +3573,6 @@ export declare class ComboBox<T = any> extends DropDown {
3518
3573
  _selItems: any;
3519
3574
  _oldFilter: any;
3520
3575
  static _ctrlTemplate: string;
3521
- _keyActionTab: TabKeyAction;
3522
3576
  _keyActionPrintCharacters: KeyAction;
3523
3577
  _inputElementAriaLabel: string;
3524
3578
  _ariaLabelledby: string;
@@ -3723,27 +3777,6 @@ export declare class ComboBox<T = any> extends DropDown {
3723
3777
  * This is useful for quick selection in known-value scenarios.
3724
3778
  */
3725
3779
  keyActionPrintCharacters: KeyAction;
3726
- /**
3727
- * Gets or sets the action to perform when the TAB key is pressed.
3728
- *
3729
- * The default setting for this property is {@link TabKeyAction.CloseAndMoveFocus},
3730
- * which provides standard form navigation behavior by:
3731
- * - Closing the dropdown (if open)
3732
- * - Moving focus to the next focusable element
3733
- *
3734
- * For specialized cases, you can set this to {@link TabKeyAction.CloseAndKeepFocus}
3735
- * to maintain focus on the control after closing the dropdown.
3736
- *
3737
- * This setting is particularly useful for controlling accessibility behavior
3738
- * and keyboard navigation flow in form controls.
3739
- *
3740
- * Example:
3741
- * ```typescript
3742
- * // Change TAB key behavior
3743
- * comboBox.keyActionTab = TabKeyAction.CloseAndMoveFocus;
3744
- * ```
3745
- */
3746
- keyActionTab: TabKeyAction;
3747
3780
  /**
3748
3781
  * Gets or sets the aria-labelledby attribute of input element.
3749
3782
  */
@@ -3820,6 +3853,7 @@ export declare class ComboBox<T = any> extends DropDown {
3820
3853
  private _getSelEnd;
3821
3854
  private _setSelRange;
3822
3855
  getAriaLabelForScreenReader(): any;
3856
+ _updateDropDownWhenInput(): void;
3823
3857
  }
3824
3858
  /**
3825
3859
  * Represents a method that returns a string used as a header for a