UNPKG
pkg-components
Version:
latest (2.3.11)
2.3.11
2.3.0
2.2.8
2.2.6
2.2.4
2.2.3
2.2.2
2.2.1
2.2.0
2.1.6
2.1.5
2.1.1
2.0.91
2.0.80
2.0.79
2.0.78
2.0.77
2.0.76
2.0.75
2.0.74
2.0.73
2.0.72
2.0.71
2.0.70
2.0.69
2.0.68
2.0.67
2.0.66
2.0.65
2.0.64
2.0.63
2.0.62
2.0.61
2.0.60
2.0.59
2.0.58
2.0.57
2.0.56
2.0.55
2.0.54
2.0.53
2.0.52
2.0.51
2.0.50
2.0.49
2.0.48
2.0.46
2.0.45
2.0.44
2.0.43
2.0.42
2.0.41
2.0.40
2.0.39
2.0.38
2.0.37
2.0.36
2.0.35
2.0.34
2.0.33
2.0.32
2.0.31
2.0.30
2.0.29
2.0.27
2.0.25
2.0.24
2.0.23
2.0.22
2.0.21
2.0.19
2.0.18
2.0.17
2.0.16
2.0.15
2.0.13
2.0.12
1.9.0
1.8.17
1.8.6
1.8.5
1.8.4
1.8.3
1.8.0
1.7.9
1.7.8
1.7.7
1.7.6
1.7.5
1.7.4
1.7.3
1.7.2
1.7.1
1.7.0
1.6.9
1.6.8
1.6.7
1.6.6
1.6.5
1.6.4
1.6.3
1.6.2
1.6.1
1.6.0
1.5.9
1.5.8
1.5.7
1.5.6
1.5.5
1.5.4
1.5.3
1.5.2
1.5.1
1.5.0
1.4.9
1.4.8
1.4.7
1.4.6
1.4.5
1.3.9
1.3.8
1.3.7
1.3.6
1.3.5
1.3.4
1.3.3
1.3.2
1.3.1
1.3.0
1.2.9
1.2.8
1.2.7
1.2.6
1.2.5
1.2.4
1.2.3
1.2.2
1.2.1
1.2.0
1.1.9
1.1.8
1.1.7
1.1.6
1.1.5
1.1.4
1.1.3
1.1.2
1.1.0
1.0.9
1.0.8
1.0.7
1.0.6
1.0.5
1.0.4
1.0.3
1.0.2
1.0.1
1.0.0
0.0.0-development
github.com/Jesus123780/pkg-components
Jesus123780/pkg-components
pkg-components
/
stories
/
molecules
/
Inputs
/
InputColor
/
helpers
/
huePosition.ts
6 lines
(4 loc)
•
182 B
text/typescript
View Raw
1
2
3
4
5
6
import
{ clamp }
from
'../utils/clamp'
export
const
calculateHue
= (
clientX
:
number
,
rect
:
DOMRect
) => {
return
clamp
(((clientX - rect.
left
) / rect.
width
) *
360
,
0
,
360
); };