@vaadin/a11y-base 25.2.0-alpha10 → 25.2.0-alpha11
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/package.json +5 -5
- package/src/active-mixin.js +0 -4
- package/src/announce.js +1 -1
- package/src/aria-modal-controller.d.ts +2 -3
- package/src/delegate-focus-mixin.js +0 -4
- package/src/disabled-mixin.js +0 -2
- package/src/focus-mixin.js +0 -2
- package/src/keyboard-direction-mixin.js +0 -3
- package/src/keyboard-mixin.js +0 -2
- package/src/list-mixin.js +0 -3
- package/src/tabindex-mixin.js +0 -3
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/a11y-base",
|
|
3
|
-
"version": "25.2.0-
|
|
3
|
+
"version": "25.2.0-alpha11",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -32,15 +32,15 @@
|
|
|
32
32
|
],
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"@open-wc/dedupe-mixin": "^1.3.0",
|
|
35
|
-
"@vaadin/component-base": "25.2.0-
|
|
35
|
+
"@vaadin/component-base": "25.2.0-alpha11",
|
|
36
36
|
"lit": "^3.0.0"
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
39
|
-
"@vaadin/chai-plugins": "25.2.0-
|
|
40
|
-
"@vaadin/test-runner-commands": "25.2.0-
|
|
39
|
+
"@vaadin/chai-plugins": "25.2.0-alpha11",
|
|
40
|
+
"@vaadin/test-runner-commands": "25.2.0-alpha11",
|
|
41
41
|
"@vaadin/testing-helpers": "^2.0.0",
|
|
42
42
|
"sinon": "^21.0.2"
|
|
43
43
|
},
|
|
44
44
|
"customElements": "custom-elements.json",
|
|
45
|
-
"gitHead": "
|
|
45
|
+
"gitHead": "fdc37e932709f95491a027aeb2090911cb7528c6"
|
|
46
46
|
}
|
package/src/active-mixin.js
CHANGED
|
@@ -15,10 +15,6 @@ import { KeyboardMixin } from './keyboard-mixin.js';
|
|
|
15
15
|
*
|
|
16
16
|
* The attribute is removed as soon as the element is deactivated
|
|
17
17
|
* by the pointer or by releasing the activation key.
|
|
18
|
-
*
|
|
19
|
-
* @polymerMixin
|
|
20
|
-
* @mixes DisabledMixin
|
|
21
|
-
* @mixes KeyboardMixin
|
|
22
18
|
*/
|
|
23
19
|
export const ActiveMixin = (superclass) =>
|
|
24
20
|
class ActiveMixinClass extends DisabledMixin(KeyboardMixin(superclass)) {
|
package/src/announce.js
CHANGED
|
@@ -23,7 +23,7 @@ let alertDebouncer;
|
|
|
23
23
|
*/
|
|
24
24
|
export function announce(text, options = {}) {
|
|
25
25
|
const mode = options.mode || 'polite';
|
|
26
|
-
const timeout = options.timeout
|
|
26
|
+
const timeout = options.timeout ?? 150;
|
|
27
27
|
|
|
28
28
|
if (mode === 'alert') {
|
|
29
29
|
region.removeAttribute('aria-live');
|
|
@@ -3,13 +3,12 @@
|
|
|
3
3
|
* Copyright (c) 2021 - 2026 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
|
-
import type { ReactiveController } from 'lit';
|
|
7
6
|
|
|
8
7
|
/**
|
|
9
8
|
* A controller for handling modal state on the elements with `dialog` and `alertdialog` role.
|
|
10
9
|
* See https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-modal
|
|
11
10
|
*/
|
|
12
|
-
export class AriaModalController
|
|
11
|
+
export class AriaModalController {
|
|
13
12
|
/**
|
|
14
13
|
* The controller host element.
|
|
15
14
|
*/
|
|
@@ -21,7 +20,7 @@ export class AriaModalController implements ReactiveController {
|
|
|
21
20
|
*/
|
|
22
21
|
callback: () => HTMLElement | HTMLElement[];
|
|
23
22
|
|
|
24
|
-
constructor(
|
|
23
|
+
constructor(host: HTMLElement, callback?: () => HTMLElement | HTMLElement[]);
|
|
25
24
|
|
|
26
25
|
/**
|
|
27
26
|
* Make the controller host element modal by trapping focus inside it and hiding
|
|
@@ -9,10 +9,6 @@ import { TabindexMixin } from './tabindex-mixin.js';
|
|
|
9
9
|
|
|
10
10
|
/**
|
|
11
11
|
* A mixin to forward focus to an element in the light DOM.
|
|
12
|
-
*
|
|
13
|
-
* @polymerMixin
|
|
14
|
-
* @mixes FocusMixin
|
|
15
|
-
* @mixes TabindexMixin
|
|
16
12
|
*/
|
|
17
13
|
const DelegateFocusMixinImplementation = (superclass) => {
|
|
18
14
|
return class DelegateFocusMixinClass extends FocusMixin(TabindexMixin(superclass)) {
|
package/src/disabled-mixin.js
CHANGED
|
@@ -7,8 +7,6 @@ import { dedupeMixin } from '@open-wc/dedupe-mixin';
|
|
|
7
7
|
|
|
8
8
|
/**
|
|
9
9
|
* A mixin to provide disabled property for field components.
|
|
10
|
-
*
|
|
11
|
-
* @polymerMixin
|
|
12
10
|
*/
|
|
13
11
|
const DisabledMixinImplementation = (superclass) => {
|
|
14
12
|
return class DisabledMixinClass extends superclass {
|
package/src/focus-mixin.js
CHANGED
|
@@ -8,8 +8,6 @@ import { isKeyboardActive } from './focus-utils.js';
|
|
|
8
8
|
|
|
9
9
|
/**
|
|
10
10
|
* A mixin to handle `focused` and `focus-ring` attributes based on focus.
|
|
11
|
-
*
|
|
12
|
-
* @polymerMixin
|
|
13
11
|
*/
|
|
14
12
|
const FocusMixinImplementation = (superclass) => {
|
|
15
13
|
return class FocusMixinClass extends superclass {
|
|
@@ -8,9 +8,6 @@ import { KeyboardMixin } from './keyboard-mixin.js';
|
|
|
8
8
|
|
|
9
9
|
/**
|
|
10
10
|
* A mixin for navigating items with keyboard.
|
|
11
|
-
*
|
|
12
|
-
* @polymerMixin
|
|
13
|
-
* @mixes KeyboardMixin
|
|
14
11
|
*/
|
|
15
12
|
export const KeyboardDirectionMixin = (superclass) =>
|
|
16
13
|
class KeyboardDirectionMixinClass extends KeyboardMixin(superclass) {
|
package/src/keyboard-mixin.js
CHANGED
|
@@ -9,8 +9,6 @@ import { dedupeMixin } from '@open-wc/dedupe-mixin';
|
|
|
9
9
|
* A mixin that manages keyboard handling.
|
|
10
10
|
* The mixin subscribes to the keyboard events while an actual implementation
|
|
11
11
|
* for the event handlers is left to the client (a component or another mixin).
|
|
12
|
-
*
|
|
13
|
-
* @polymerMixin
|
|
14
12
|
*/
|
|
15
13
|
const KeyboardMixinImplementation = (superclass) => {
|
|
16
14
|
return class KeyboardMixinClass extends superclass {
|
package/src/list-mixin.js
CHANGED
|
@@ -12,9 +12,6 @@ import { KeyboardDirectionMixin } from './keyboard-direction-mixin.js';
|
|
|
12
12
|
|
|
13
13
|
/**
|
|
14
14
|
* A mixin for list elements, facilitating navigation and selection of items.
|
|
15
|
-
*
|
|
16
|
-
* @polymerMixin
|
|
17
|
-
* @mixes KeyboardDirectionMixin
|
|
18
15
|
*/
|
|
19
16
|
export const ListMixin = (superClass) =>
|
|
20
17
|
class ListMixinClass extends KeyboardDirectionMixin(superClass) {
|
package/src/tabindex-mixin.js
CHANGED
|
@@ -10,9 +10,6 @@ import { DisabledMixin } from './disabled-mixin.js';
|
|
|
10
10
|
*
|
|
11
11
|
* The attribute is set to -1 whenever the user disables the element
|
|
12
12
|
* and restored with the last known value once the element is enabled.
|
|
13
|
-
*
|
|
14
|
-
* @polymerMixin
|
|
15
|
-
* @mixes DisabledMixin
|
|
16
13
|
*/
|
|
17
14
|
export const TabindexMixin = (superclass) =>
|
|
18
15
|
class TabindexMixinClass extends DisabledMixin(superclass) {
|