@lightningtv/solid 2.12.1 → 2.12.3
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/dist/src/primitives/createTag.d.ts +8 -0
- package/dist/src/primitives/createTag.jsx +20 -0
- package/dist/src/primitives/createTag.jsx.map +1 -0
- package/dist/src/primitives/index.d.ts +1 -0
- package/dist/src/primitives/index.js +1 -0
- package/dist/src/primitives/index.js.map +1 -1
- package/dist/src/primitives/useMouse.d.ts +19 -1
- package/dist/src/primitives/useMouse.js +142 -59
- package/dist/src/primitives/useMouse.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +6 -3
- package/src/primitives/createTag.tsx +31 -0
- package/src/primitives/index.ts +1 -0
- package/src/primitives/useMouse.ts +254 -81
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as s from 'solid-js';
|
|
2
|
+
import * as lng from '@lightningtv/solid';
|
|
3
|
+
export function createTag(children) {
|
|
4
|
+
const [texture, setTexture] = s.createSignal(null);
|
|
5
|
+
const Tag = <view display='flex' onLayout={(n) => {
|
|
6
|
+
if (n.preFlexwidth && n.width !== n.preFlexwidth) {
|
|
7
|
+
n.rtt = true;
|
|
8
|
+
setTimeout(() => setTexture(n.texture), 1);
|
|
9
|
+
}
|
|
10
|
+
}} parent={lng.rootNode} children={children} textureOptions={{
|
|
11
|
+
preventCleanup: true
|
|
12
|
+
}}/>;
|
|
13
|
+
Tag.render(false);
|
|
14
|
+
const TagComponent = (props) => {
|
|
15
|
+
return <view color={0xffffffff} autosize {...props} texture={texture()}/>;
|
|
16
|
+
};
|
|
17
|
+
TagComponent.destroy = () => Tag.destroy();
|
|
18
|
+
return TagComponent;
|
|
19
|
+
}
|
|
20
|
+
//# sourceMappingURL=createTag.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createTag.jsx","sourceRoot":"","sources":["../../../src/primitives/createTag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAC7B,OAAO,KAAK,GAAG,MAAM,oBAAoB,CAAA;AAOzC,MAAM,UAAU,SAAS,CAAC,QAAuB;IAC/C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,YAAY,CAAiC,IAAI,CAAC,CAAC;IACnF,MAAM,GAAG,GAAG,CAAC,IAAI,CACf,OAAO,CAAC,MAAM,CACd,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE;YACd,IAAI,CAAC,CAAC,YAAY,IAAI,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,YAAY,EAAE,CAAC;gBACjD,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC;gBACb,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC;YAC7C,CAAC;QACH,CAAC,CAAC,CACF,MAAM,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACzC,cAAc,CAAC,CAAC;YAChB,cAAc,EAAE,IAAI;SACrB,CAAC,EAA6B,CAAA;IAC/B,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAElB,MAAM,YAAY,GAAG,CAAC,KAAoB,EAAE,EAAE;QAC5C,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,CAAC,EAAG,CAAC;IAC7E,CAAC,CAAC;IACF,YAAY,CAAC,OAAO,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;IAE3C,OAAO,YAAY,CAAC;AACtB,CAAC"}
|
|
@@ -21,6 +21,7 @@ export * from './KeepAlive.jsx';
|
|
|
21
21
|
export * from './VirtualGrid.jsx';
|
|
22
22
|
export * from './Virtual.jsx';
|
|
23
23
|
export * from './utils/withScrolling.js';
|
|
24
|
+
export * from './createTag.jsx';
|
|
24
25
|
export { type AnyFunction, chainFunctions, chainRefs, } from './utils/chainFunctions.js';
|
|
25
26
|
export * from './utils/handleNavigation.js';
|
|
26
27
|
export { createSpriteMap, type SpriteDef } from './utils/createSpriteMap.js';
|
|
@@ -21,6 +21,7 @@ export * from './KeepAlive.jsx';
|
|
|
21
21
|
export * from './VirtualGrid.jsx';
|
|
22
22
|
export * from './Virtual.jsx';
|
|
23
23
|
export * from './utils/withScrolling.js';
|
|
24
|
+
export * from './createTag.jsx';
|
|
24
25
|
export { chainFunctions, chainRefs, } from './utils/chainFunctions.js';
|
|
25
26
|
export * from './utils/handleNavigation.js';
|
|
26
27
|
export { createSpriteMap } from './utils/createSpriteMap.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/primitives/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAEL,cAAc,EACd,SAAS,GACV,MAAM,2BAA2B,CAAC;AACnC,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAkB,MAAM,4BAA4B,CAAC;AAC7E,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/primitives/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC;AACzC,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAEL,cAAc,EACd,SAAS,GACV,MAAM,2BAA2B,CAAC;AACnC,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAkB,MAAM,4BAA4B,CAAC;AAC7E,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC"}
|
|
@@ -1,8 +1,26 @@
|
|
|
1
|
+
import type { ElementText, TextNode } from '@lightningtv/core';
|
|
1
2
|
import { ElementNode } from '@lightningtv/solid';
|
|
3
|
+
type CustomState = `$${string}`;
|
|
4
|
+
type RenderableNode = ElementNode | ElementText | TextNode;
|
|
5
|
+
interface MouseStateOptions {
|
|
6
|
+
hoverState: CustomState;
|
|
7
|
+
pressedState: CustomState;
|
|
8
|
+
pressedStateDuration?: number;
|
|
9
|
+
}
|
|
10
|
+
type UseMouseOptions = {
|
|
11
|
+
customStates: MouseStateOptions;
|
|
12
|
+
} | {
|
|
13
|
+
customStates: undefined;
|
|
14
|
+
};
|
|
2
15
|
declare module '@lightningtv/core' {
|
|
3
16
|
interface ElementNode {
|
|
17
|
+
onEnter?: () => void;
|
|
4
18
|
/** function to be called on mouse click */
|
|
5
19
|
onMouseClick?: (this: ElementNode, event: MouseEvent, active: ElementNode) => void;
|
|
6
20
|
}
|
|
7
21
|
}
|
|
8
|
-
export declare function
|
|
22
|
+
export declare function addCustomStateToElement(element: RenderableNode, state: CustomState): void;
|
|
23
|
+
export declare function removeCustomStateFromElement(element: RenderableNode, state: CustomState): void;
|
|
24
|
+
export declare function hasCustomState(element: RenderableNode, state: CustomState): boolean;
|
|
25
|
+
export declare function useMouse<TApp extends ElementNode = ElementNode>(myApp?: TApp, throttleBy?: number, options?: UseMouseOptions): void;
|
|
26
|
+
export {};
|
|
@@ -1,8 +1,18 @@
|
|
|
1
|
-
import { ElementNode, activeElement, isElementNode, isTextNode, rootNode,
|
|
1
|
+
import { Config, ElementNode, activeElement, isElementNode, isFunc, isTextNode, rootNode, } from '@lightningtv/solid';
|
|
2
2
|
import { makeEventListener } from '@solid-primitives/event-listener';
|
|
3
3
|
import { useMousePosition } from '@solid-primitives/mouse';
|
|
4
4
|
import { createScheduled, throttle } from '@solid-primitives/scheduled';
|
|
5
|
-
import { createEffect } from 'solid-js';
|
|
5
|
+
import { createEffect, getOwner, runWithOwner } from 'solid-js';
|
|
6
|
+
const DEFAULT_PRESSED_STATE_DURATION = 150;
|
|
7
|
+
export function addCustomStateToElement(element, state) {
|
|
8
|
+
element.states?.add(state);
|
|
9
|
+
}
|
|
10
|
+
export function removeCustomStateFromElement(element, state) {
|
|
11
|
+
element?.states?.remove(state);
|
|
12
|
+
}
|
|
13
|
+
export function hasCustomState(element, state) {
|
|
14
|
+
return element.states?.has(state);
|
|
15
|
+
}
|
|
6
16
|
function createKeyboardEvent(key, keyCode, eventName = 'keydown') {
|
|
7
17
|
return new KeyboardEvent(eventName, {
|
|
8
18
|
key,
|
|
@@ -32,33 +42,105 @@ const handleScroll = throttle((e) => {
|
|
|
32
42
|
document.body.dispatchEvent(createKeyboardEvent('ArrowDown', 40, 'keyup'));
|
|
33
43
|
}, 250);
|
|
34
44
|
}, 250);
|
|
35
|
-
|
|
45
|
+
function findElementWithCustomState(myApp, x, y, customState) {
|
|
46
|
+
const result = getChildrenByPosition(myApp, x, y).filter((el) => hasCustomState(el, customState));
|
|
47
|
+
if (result.length === 0) {
|
|
48
|
+
return undefined;
|
|
49
|
+
}
|
|
50
|
+
let element = result[result.length - 1];
|
|
51
|
+
while (element) {
|
|
52
|
+
const elmParent = element.parent;
|
|
53
|
+
if (elmParent?.forwardStates && hasCustomState(elmParent, customState)) {
|
|
54
|
+
element = elmParent;
|
|
55
|
+
}
|
|
56
|
+
else {
|
|
57
|
+
break;
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
return element;
|
|
61
|
+
}
|
|
62
|
+
function findElementByActiveElement(e) {
|
|
36
63
|
const active = activeElement();
|
|
37
64
|
const precision = Config.rendererOptions?.deviceLogicalPixelRatio || 1;
|
|
38
65
|
if (active instanceof ElementNode &&
|
|
39
66
|
testCollision(e.clientX, e.clientY, (active.lng.absX || 0) * precision, (active.lng.absY || 0) * precision, (active.width || 0) * precision, (active.height || 0) * precision)) {
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
67
|
+
return active;
|
|
68
|
+
}
|
|
69
|
+
let parent = active?.parent;
|
|
70
|
+
while (parent) {
|
|
71
|
+
if (isFunc(parent.onMouseClick) &&
|
|
72
|
+
active &&
|
|
73
|
+
testCollision(e.clientX, e.clientY, (parent.lng.absX || 0) * precision, (parent.lng.absY || 0) * precision, (parent.width || 0) * precision, (parent.height || 0) * precision)) {
|
|
74
|
+
return parent;
|
|
43
75
|
}
|
|
76
|
+
parent = parent.parent;
|
|
77
|
+
}
|
|
78
|
+
return null;
|
|
79
|
+
}
|
|
80
|
+
function applyPressedState(element, pressedState, pressedStateDuration = DEFAULT_PRESSED_STATE_DURATION) {
|
|
81
|
+
addCustomStateToElement(element, pressedState);
|
|
82
|
+
setTimeout(() => {
|
|
83
|
+
removeCustomStateFromElement(element, pressedState);
|
|
84
|
+
}, pressedStateDuration);
|
|
85
|
+
}
|
|
86
|
+
function handleElementClick(clickedElement, e, customStates) {
|
|
87
|
+
if (customStates?.pressedState) {
|
|
88
|
+
applyPressedState(clickedElement, customStates.pressedState, customStates.pressedStateDuration);
|
|
89
|
+
}
|
|
90
|
+
if (isFunc(clickedElement.onMouseClick)) {
|
|
91
|
+
clickedElement.onMouseClick(e, clickedElement);
|
|
92
|
+
return;
|
|
93
|
+
}
|
|
94
|
+
else if (isFunc(clickedElement.onEnter)) {
|
|
95
|
+
clickedElement.onEnter();
|
|
96
|
+
return;
|
|
97
|
+
}
|
|
98
|
+
clickedElement.setFocus();
|
|
99
|
+
setTimeout(() => {
|
|
44
100
|
document.dispatchEvent(createKeyboardEvent('Enter', 13));
|
|
45
101
|
setTimeout(() => document.body.dispatchEvent(createKeyboardEvent('Enter', 13, 'keyup')), 1);
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
parent = parent.parent;
|
|
102
|
+
}, 1);
|
|
103
|
+
}
|
|
104
|
+
function createHandleClick(myApp, customStates) {
|
|
105
|
+
return (e) => {
|
|
106
|
+
const clickedElement = customStates
|
|
107
|
+
? findElementWithCustomState(myApp, e.clientX, e.clientY, customStates.hoverState)
|
|
108
|
+
: findElementByActiveElement(e);
|
|
109
|
+
if (!clickedElement) {
|
|
110
|
+
return;
|
|
56
111
|
}
|
|
57
|
-
|
|
58
|
-
};
|
|
112
|
+
handleElementClick(clickedElement, e, customStates);
|
|
113
|
+
};
|
|
114
|
+
}
|
|
59
115
|
function testCollision(px, py, cx, cy, cw = 0, ch = 0) {
|
|
60
116
|
return px >= cx && px <= cx + cw && py >= cy && py <= cy + ch;
|
|
61
117
|
}
|
|
118
|
+
function isNodeAtPosition(node, x, y, precision) {
|
|
119
|
+
if (!isElementNode(node)) {
|
|
120
|
+
return false;
|
|
121
|
+
}
|
|
122
|
+
return (node.alpha !== 0 &&
|
|
123
|
+
!node.skipFocus &&
|
|
124
|
+
testCollision(x, y, (node.lng.absX || 0) * precision, (node.lng.absY || 0) * precision, (node.width || 0) * precision, (node.height || 0) * precision));
|
|
125
|
+
}
|
|
126
|
+
function findHighestZIndexNode(nodes) {
|
|
127
|
+
if (nodes.length === 0) {
|
|
128
|
+
return undefined;
|
|
129
|
+
}
|
|
130
|
+
if (nodes.length === 1) {
|
|
131
|
+
return nodes[0];
|
|
132
|
+
}
|
|
133
|
+
let maxZIndex = -1;
|
|
134
|
+
let highestNode = undefined;
|
|
135
|
+
for (const node of nodes) {
|
|
136
|
+
const zIndex = node.zIndex ?? -1;
|
|
137
|
+
if (zIndex >= maxZIndex) {
|
|
138
|
+
maxZIndex = zIndex;
|
|
139
|
+
highestNode = node;
|
|
140
|
+
}
|
|
141
|
+
}
|
|
142
|
+
return highestNode;
|
|
143
|
+
}
|
|
62
144
|
function getChildrenByPosition(node, x, y) {
|
|
63
145
|
const result = [];
|
|
64
146
|
const precision = Config.rendererOptions?.deviceLogicalPixelRatio || 1;
|
|
@@ -66,72 +148,73 @@ function getChildrenByPosition(node, x, y) {
|
|
|
66
148
|
let queue = [node];
|
|
67
149
|
while (queue.length > 0) {
|
|
68
150
|
// Process nodes at the current level
|
|
69
|
-
const currentLevelNodes =
|
|
70
|
-
|
|
71
|
-
if (isElementNode(currentNode) &&
|
|
72
|
-
currentNode.alpha !== 0 &&
|
|
73
|
-
!currentNode.skipFocus &&
|
|
74
|
-
testCollision(x, y, (currentNode.lng.absX || 0) * precision, (currentNode.lng.absY || 0) * precision, (currentNode.width || 0) * precision, (currentNode.height || 0) * precision)) {
|
|
75
|
-
currentLevelNodes.push(currentNode);
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
const size = currentLevelNodes.length;
|
|
79
|
-
if (size === 0) {
|
|
151
|
+
const currentLevelNodes = queue.filter((currentNode) => isNodeAtPosition(currentNode, x, y, precision));
|
|
152
|
+
if (currentLevelNodes.length === 0) {
|
|
80
153
|
break;
|
|
81
154
|
}
|
|
82
|
-
|
|
83
|
-
if (
|
|
84
|
-
|
|
85
|
-
}
|
|
86
|
-
else {
|
|
87
|
-
let maxZIndex = -1;
|
|
88
|
-
for (const node of currentLevelNodes) {
|
|
89
|
-
const zIndex = node.zIndex ?? -1;
|
|
90
|
-
if (zIndex > maxZIndex) {
|
|
91
|
-
maxZIndex = zIndex;
|
|
92
|
-
highestZIndexNode = node;
|
|
93
|
-
}
|
|
94
|
-
else if (zIndex === maxZIndex) {
|
|
95
|
-
highestZIndexNode = node;
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
if (highestZIndexNode && !isTextNode(highestZIndexNode)) {
|
|
100
|
-
result.push(highestZIndexNode);
|
|
101
|
-
queue = highestZIndexNode.children;
|
|
102
|
-
}
|
|
103
|
-
else {
|
|
104
|
-
queue = [];
|
|
155
|
+
const highestZIndexNode = findHighestZIndexNode(currentLevelNodes);
|
|
156
|
+
if (!highestZIndexNode || isTextNode(highestZIndexNode)) {
|
|
157
|
+
break;
|
|
105
158
|
}
|
|
159
|
+
result.push(highestZIndexNode);
|
|
160
|
+
queue = highestZIndexNode.children;
|
|
106
161
|
}
|
|
107
162
|
return result;
|
|
108
163
|
}
|
|
109
|
-
export function useMouse(myApp = rootNode, throttleBy = 100) {
|
|
164
|
+
export function useMouse(myApp = rootNode, throttleBy = 100, options) {
|
|
110
165
|
const pos = useMousePosition();
|
|
111
166
|
const scheduled = createScheduled((fn) => throttle(fn, throttleBy));
|
|
167
|
+
let previousElement = null;
|
|
168
|
+
const customStates = options?.customStates;
|
|
169
|
+
const hoverState = customStates?.hoverState;
|
|
170
|
+
const handleClick = createHandleClick(myApp, customStates);
|
|
171
|
+
const owner = getOwner();
|
|
172
|
+
const handleClickContext = (e) => {
|
|
173
|
+
runWithOwner(owner, () => handleClick(e));
|
|
174
|
+
};
|
|
112
175
|
makeEventListener(window, 'wheel', handleScroll);
|
|
113
|
-
makeEventListener(window, 'click',
|
|
176
|
+
makeEventListener(window, 'click', handleClickContext);
|
|
114
177
|
createEffect(() => {
|
|
115
178
|
if (scheduled()) {
|
|
116
|
-
const result = getChildrenByPosition(myApp, pos.x, pos.y).filter((el) => el.
|
|
179
|
+
const result = getChildrenByPosition(myApp, pos.x, pos.y).filter((el) => !!(el.onEnter ||
|
|
180
|
+
el.onMouseClick ||
|
|
181
|
+
el.onFocus ||
|
|
182
|
+
el[Config.focusStateKey] ||
|
|
183
|
+
(hoverState ? el[hoverState] : false)));
|
|
117
184
|
if (result.length) {
|
|
118
185
|
let activeElm = result[result.length - 1];
|
|
119
186
|
while (activeElm) {
|
|
120
187
|
const elmParent = activeElm.parent;
|
|
121
188
|
if (elmParent?.forwardStates) {
|
|
122
|
-
activeElm =
|
|
189
|
+
activeElm = elmParent;
|
|
123
190
|
}
|
|
124
191
|
else {
|
|
125
192
|
break;
|
|
126
193
|
}
|
|
127
194
|
}
|
|
195
|
+
if (!activeElm) {
|
|
196
|
+
return;
|
|
197
|
+
}
|
|
128
198
|
// Update Row & Column Selected property
|
|
129
|
-
const activeElmParent = activeElm
|
|
130
|
-
if (
|
|
199
|
+
const activeElmParent = activeElm.parent;
|
|
200
|
+
if (activeElmParent?.selected !== undefined) {
|
|
131
201
|
activeElmParent.selected =
|
|
132
202
|
activeElmParent.children.indexOf(activeElm);
|
|
133
203
|
}
|
|
134
|
-
activeElm
|
|
204
|
+
if (previousElement && previousElement !== activeElm && hoverState) {
|
|
205
|
+
removeCustomStateFromElement(previousElement, hoverState);
|
|
206
|
+
}
|
|
207
|
+
if (hoverState) {
|
|
208
|
+
addCustomStateToElement(activeElm, hoverState);
|
|
209
|
+
}
|
|
210
|
+
else {
|
|
211
|
+
activeElm.setFocus();
|
|
212
|
+
}
|
|
213
|
+
previousElement = activeElm;
|
|
214
|
+
}
|
|
215
|
+
else if (previousElement && hoverState) {
|
|
216
|
+
removeCustomStateFromElement(previousElement, hoverState);
|
|
217
|
+
previousElement = null;
|
|
135
218
|
}
|
|
136
219
|
}
|
|
137
220
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMouse.js","sourceRoot":"","sources":["../../../src/primitives/useMouse.ts"],"names":[],"mappings":"AACA,OAAO,EACL,WAAW,EACX,aAAa,EACb,aAAa,EACb,UAAU,EACV,QAAQ,
|
|
1
|
+
{"version":3,"file":"useMouse.js","sourceRoot":"","sources":["../../../src/primitives/useMouse.ts"],"names":[],"mappings":"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"}
|