@@ -2,75 +2,75 @@ import Tooltip from './action-tooltip.svelte';
2
2
3
3
export const tooltip = ( element , props ) => {
4
4
5
- let component = null ;
6
- let title = element . getAttribute ( 'title' ) ;
7
- let action = props ?. action || element . getAttribute ( 'action' ) || 'hover' ;
5
+ let component = null ;
6
+ let title = element . getAttribute ( 'title' ) ;
7
+ let action = props ?. action || element . getAttribute ( 'action' ) || 'hover' ;
8
8
9
- if ( title ) {
10
- element . removeAttribute ( 'title' ) ;
9
+ if ( title ) {
10
+ element . removeAttribute ( 'title' ) ;
11
11
12
- props = {
13
- content : title ,
14
- ...props
15
- }
16
- }
12
+ props = {
13
+ content : title ,
14
+ ...props
15
+ }
16
+ }
17
17
18
- const onClick = ( ) => {
19
- if ( component ) {
20
- onMouseLeave ( ) ;
21
- } else {
22
- onMouseEnter ( ) ;
23
- }
24
- } ;
18
+ const onClick = ( ) => {
19
+ if ( component ) {
20
+ onMouseLeave ( ) ;
21
+ } else {
22
+ onMouseEnter ( ) ;
23
+ }
24
+ } ;
25
25
26
- const onMouseEnter = ( ) => {
27
- if ( ! component ) {
28
- component = new Tooltip ( {
29
- target : element ,
30
- props
31
- } ) ;
32
- }
33
- } ;
26
+ const onMouseEnter = ( ) => {
27
+ if ( ! component ) {
28
+ component = new Tooltip ( {
29
+ target : element ,
30
+ props
31
+ } ) ;
32
+ }
33
+ } ;
34
34
35
- const onMouseLeave = ( ) => {
36
- if ( component ) {
37
- component . $destroy ( ) ;
38
- component = null ;
39
- }
40
- } ;
35
+ const onMouseLeave = ( ) => {
36
+ if ( component ) {
37
+ component . $destroy ( ) ;
38
+ component = null ;
39
+ }
40
+ } ;
41
41
42
- const addListeners = ( ) => {
43
- if ( element !== null ) {
44
- removeListeners ( ) ;
42
+ const addListeners = ( ) => {
43
+ if ( element !== null ) {
44
+ removeListeners ( ) ;
45
45
46
- if ( action === 'click' ) {
47
- element . addEventListener ( 'click' , onClick ) ;
48
- } else {
49
- element . addEventListener ( 'mouseenter' , onMouseEnter ) ;
50
- element . addEventListener ( 'mouseleave' , onMouseLeave ) ;
51
- }
52
- }
53
- }
46
+ if ( action === 'click' ) {
47
+ element . addEventListener ( 'click' , onClick ) ;
48
+ } else {
49
+ element . addEventListener ( 'mouseenter' , onMouseEnter ) ;
50
+ element . addEventListener ( 'mouseleave' , onMouseLeave ) ;
51
+ }
52
+ }
53
+ }
54
54
55
- const removeListeners = ( ) => {
56
- if ( element !== null ) {
57
- element . removeEventListener ( 'click' , onClick ) ;
58
- element . removeEventListener ( 'mouseenter' , onMouseEnter ) ;
59
- element . removeEventListener ( 'mouseleave' , onMouseLeave ) ;
60
- }
61
- } ;
55
+ const removeListeners = ( ) => {
56
+ if ( element !== null ) {
57
+ element . removeEventListener ( 'click' , onClick ) ;
58
+ element . removeEventListener ( 'mouseenter' , onMouseEnter ) ;
59
+ element . removeEventListener ( 'mouseleave' , onMouseLeave ) ;
60
+ }
61
+ } ;
62
62
63
- addListeners ( ) ;
63
+ addListeners ( ) ;
64
64
65
- element . style . position = 'relative' ;
65
+ element . style . position = 'relative' ;
66
66
67
- return {
68
- destroy ( ) {
69
- removeListeners ( ) ;
67
+ return {
68
+ destroy ( ) {
69
+ removeListeners ( ) ;
70
70
71
- if ( title ) {
72
- element . setAttribute ( 'title' , title ) ;
73
- }
74
- }
75
- } ;
71
+ if ( title ) {
72
+ element . setAttribute ( 'title' , title ) ;
73
+ }
74
+ }
75
+ } ;
76
76
}
0 commit comments