@vaadin/component-base 24.0.0-alpha7 → 24.0.0-alpha8
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 +2 -2
- package/src/a11y-announcer.d.ts +1 -1
- package/src/a11y-announcer.js +1 -1
- package/src/active-mixin.d.ts +1 -1
- package/src/active-mixin.js +1 -1
- package/src/browser-utils.js +7 -7
- package/src/controller-mixin.d.ts +1 -1
- package/src/controller-mixin.js +1 -1
- package/src/delegate-focus-mixin.d.ts +48 -0
- package/src/delegate-focus-mixin.js +228 -0
- package/src/delegate-state-mixin.d.ts +20 -0
- package/src/delegate-state-mixin.js +125 -0
- package/src/dir-mixin.d.ts +1 -5
- package/src/dir-mixin.js +1 -31
- package/src/dir-utils.d.ts +19 -0
- package/src/dir-utils.js +36 -0
- package/src/disabled-mixin.d.ts +1 -1
- package/src/disabled-mixin.js +1 -1
- package/src/dom-utils.d.ts +1 -1
- package/src/dom-utils.js +1 -1
- package/src/element-mixin.d.ts +1 -1
- package/src/element-mixin.js +11 -5
- package/src/focus-mixin.d.ts +1 -1
- package/src/focus-mixin.js +1 -1
- package/src/focus-trap-controller.d.ts +1 -1
- package/src/focus-trap-controller.js +1 -1
- package/src/focus-utils.d.ts +1 -1
- package/src/focus-utils.js +1 -1
- package/src/gestures.js +1 -1
- package/src/iron-list-core.js +32 -12
- package/src/keyboard-direction-mixin.d.ts +1 -1
- package/src/keyboard-direction-mixin.js +1 -1
- package/src/keyboard-mixin.d.ts +1 -1
- package/src/keyboard-mixin.js +1 -1
- package/src/list-mixin.d.ts +1 -1
- package/src/list-mixin.js +5 -6
- package/src/media-query-controller.d.ts +1 -1
- package/src/media-query-controller.js +1 -1
- package/src/overflow-controller.d.ts +1 -1
- package/src/overflow-controller.js +1 -1
- package/src/polylit-mixin.d.ts +1 -1
- package/src/polylit-mixin.js +9 -4
- package/src/resize-mixin.d.ts +1 -1
- package/src/resize-mixin.js +1 -1
- package/src/{slot-observe-controller.d.ts → slot-child-observe-controller.d.ts} +2 -2
- package/src/{slot-observe-controller.js → slot-child-observe-controller.js} +2 -2
- package/src/slot-controller.d.ts +1 -1
- package/src/slot-controller.js +1 -1
- package/src/tabindex-mixin.d.ts +1 -1
- package/src/tabindex-mixin.js +1 -1
- package/src/templates.js +1 -1
- package/src/tooltip-controller.d.ts +1 -1
- package/src/tooltip-controller.js +1 -1
- package/src/unique-id-utils.d.ts +1 -1
- package/src/unique-id-utils.js +1 -1
- package/src/virtualizer-iron-list-adapter.js +65 -9
- package/src/dir-helper.d.ts +0 -42
- package/src/dir-helper.js +0 -93
package/src/dir-helper.d.ts
DELETED
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright (c) 2021 - 2022 Vaadin Ltd.
|
|
4
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
|
-
*/
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* Helper that provides a set of functions for RTL.
|
|
9
|
-
*/
|
|
10
|
-
declare class DirHelper {
|
|
11
|
-
/**
|
|
12
|
-
* Get the scroll type in the current browser view.
|
|
13
|
-
*
|
|
14
|
-
* @returns the scroll type. Possible values are `default|reverse|negative`
|
|
15
|
-
*/
|
|
16
|
-
static detectScrollType(): string;
|
|
17
|
-
|
|
18
|
-
/**
|
|
19
|
-
* Get the scrollLeft value of the element relative to the direction
|
|
20
|
-
*
|
|
21
|
-
* @param scrollType type of the scroll detected with `detectScrollType`
|
|
22
|
-
* @param direction current direction of the element
|
|
23
|
-
* @returns the scrollLeft value.
|
|
24
|
-
*/
|
|
25
|
-
static getNormalizedScrollLeft(scrollType: string, direction: string, element: Element | null): number;
|
|
26
|
-
|
|
27
|
-
/**
|
|
28
|
-
* Set the scrollLeft value of the element relative to the direction
|
|
29
|
-
*
|
|
30
|
-
* @param scrollType type of the scroll detected with `detectScrollType`
|
|
31
|
-
* @param direction current direction of the element
|
|
32
|
-
* @param scrollLeft the scrollLeft value to be set
|
|
33
|
-
*/
|
|
34
|
-
static setNormalizedScrollLeft(
|
|
35
|
-
scrollType: string,
|
|
36
|
-
direction: string,
|
|
37
|
-
element: Element | null,
|
|
38
|
-
scrollLeft: number,
|
|
39
|
-
): void;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
export { DirHelper };
|
package/src/dir-helper.js
DELETED
|
@@ -1,93 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright (c) 2021 - 2022 Vaadin Ltd.
|
|
4
|
-
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
|
-
*/
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* Helper that provides a set of functions for RTL.
|
|
9
|
-
*/
|
|
10
|
-
class DirHelper {
|
|
11
|
-
/**
|
|
12
|
-
* Get the scroll type in the current browser view.
|
|
13
|
-
*
|
|
14
|
-
* @return {string} the scroll type. Possible values are `default|reverse|negative`
|
|
15
|
-
*/
|
|
16
|
-
static detectScrollType() {
|
|
17
|
-
const dummy = document.createElement('div');
|
|
18
|
-
dummy.textContent = 'ABCD';
|
|
19
|
-
dummy.dir = 'rtl';
|
|
20
|
-
dummy.style.fontSize = '14px';
|
|
21
|
-
dummy.style.width = '4px';
|
|
22
|
-
dummy.style.height = '1px';
|
|
23
|
-
dummy.style.position = 'absolute';
|
|
24
|
-
dummy.style.top = '-1000px';
|
|
25
|
-
dummy.style.overflow = 'scroll';
|
|
26
|
-
document.body.appendChild(dummy);
|
|
27
|
-
|
|
28
|
-
let cachedType = 'reverse';
|
|
29
|
-
if (dummy.scrollLeft > 0) {
|
|
30
|
-
cachedType = 'default';
|
|
31
|
-
} else {
|
|
32
|
-
dummy.scrollLeft = 2;
|
|
33
|
-
if (dummy.scrollLeft < 2) {
|
|
34
|
-
cachedType = 'negative';
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
document.body.removeChild(dummy);
|
|
38
|
-
return cachedType;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
/**
|
|
42
|
-
* Get the scrollLeft value of the element relative to the direction
|
|
43
|
-
*
|
|
44
|
-
* @param {string} scrollType type of the scroll detected with `detectScrollType`
|
|
45
|
-
* @param {string} direction current direction of the element
|
|
46
|
-
* @param {Element} element
|
|
47
|
-
* @return {number} the scrollLeft value.
|
|
48
|
-
*/
|
|
49
|
-
static getNormalizedScrollLeft(scrollType, direction, element) {
|
|
50
|
-
const { scrollLeft } = element;
|
|
51
|
-
if (direction !== 'rtl' || !scrollType) {
|
|
52
|
-
return scrollLeft;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
switch (scrollType) {
|
|
56
|
-
case 'negative':
|
|
57
|
-
return element.scrollWidth - element.clientWidth + scrollLeft;
|
|
58
|
-
case 'reverse':
|
|
59
|
-
return element.scrollWidth - element.clientWidth - scrollLeft;
|
|
60
|
-
default:
|
|
61
|
-
return scrollLeft;
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
/**
|
|
66
|
-
* Set the scrollLeft value of the element relative to the direction
|
|
67
|
-
*
|
|
68
|
-
* @param {string} scrollType type of the scroll detected with `detectScrollType`
|
|
69
|
-
* @param {string} direction current direction of the element
|
|
70
|
-
* @param {Element} element
|
|
71
|
-
* @param {number} scrollLeft the scrollLeft value to be set
|
|
72
|
-
*/
|
|
73
|
-
static setNormalizedScrollLeft(scrollType, direction, element, scrollLeft) {
|
|
74
|
-
if (direction !== 'rtl' || !scrollType) {
|
|
75
|
-
element.scrollLeft = scrollLeft;
|
|
76
|
-
return;
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
switch (scrollType) {
|
|
80
|
-
case 'negative':
|
|
81
|
-
element.scrollLeft = element.clientWidth - element.scrollWidth + scrollLeft;
|
|
82
|
-
break;
|
|
83
|
-
case 'reverse':
|
|
84
|
-
element.scrollLeft = element.scrollWidth - element.clientWidth - scrollLeft;
|
|
85
|
-
break;
|
|
86
|
-
default:
|
|
87
|
-
element.scrollLeft = scrollLeft;
|
|
88
|
-
break;
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
export { DirHelper };
|