@@ -2,75 +2,75 @@ import Tooltip from './action-tooltip.svelte';
22
33export const tooltip = ( element , props ) => {
44
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' ;
88
9- if ( title ) {
10- element . removeAttribute ( 'title' ) ;
9+ if ( title ) {
10+ element . removeAttribute ( 'title' ) ;
1111
12- props = {
13- content : title ,
14- ...props
15- }
16- }
12+ props = {
13+ content : title ,
14+ ...props
15+ }
16+ }
1717
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+ } ;
2525
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+ } ;
3434
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+ } ;
4141
42- const addListeners = ( ) => {
43- if ( element !== null ) {
44- removeListeners ( ) ;
42+ const addListeners = ( ) => {
43+ if ( element !== null ) {
44+ removeListeners ( ) ;
4545
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+ }
5454
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+ } ;
6262
63- addListeners ( ) ;
63+ addListeners ( ) ;
6464
65- element . style . position = 'relative' ;
65+ element . style . position = 'relative' ;
6666
67- return {
68- destroy ( ) {
69- removeListeners ( ) ;
67+ return {
68+ destroy ( ) {
69+ removeListeners ( ) ;
7070
71- if ( title ) {
72- element . setAttribute ( 'title' , title ) ;
73- }
74- }
75- } ;
71+ if ( title ) {
72+ element . setAttribute ( 'title' , title ) ;
73+ }
74+ }
75+ } ;
7676}
0 commit comments