@react-stately/color 3.0.0-nightly.3084 → 3.0.0-nightly.3091
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/main.js +214 -214
- package/dist/module.js +211 -211
- package/package.json +8 -8
package/dist/main.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
var $
|
|
2
|
-
var $
|
|
3
|
-
var $
|
|
4
|
-
var $
|
|
5
|
-
var $
|
|
1
|
+
var $5lTOm$reactstatelyutils = require("@react-stately/utils");
|
|
2
|
+
var $5lTOm$internationalizedmessage = require("@internationalized/message");
|
|
3
|
+
var $5lTOm$internationalizednumber = require("@internationalized/number");
|
|
4
|
+
var $5lTOm$reactstatelyslider = require("@react-stately/slider");
|
|
5
|
+
var $5lTOm$react = require("react");
|
|
6
6
|
|
|
7
7
|
function $parcel$exportWildcard(dest, source) {
|
|
8
8
|
Object.keys(source).forEach(function(key) {
|
|
@@ -26,194 +26,194 @@ function $parcel$interopDefault(a) {
|
|
|
26
26
|
function $parcel$export(e, n, v, s) {
|
|
27
27
|
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
28
28
|
}
|
|
29
|
-
var $
|
|
29
|
+
var $412b05879b4e9a06$exports = {};
|
|
30
30
|
|
|
31
|
-
$parcel$export($
|
|
31
|
+
$parcel$export($412b05879b4e9a06$exports, "parseColor", () => $412b05879b4e9a06$export$6e865ea70d7724f);
|
|
32
32
|
|
|
33
|
-
var $
|
|
34
|
-
var $
|
|
35
|
-
$
|
|
33
|
+
var $cd309a27ec612694$exports = {};
|
|
34
|
+
var $2e414a5fb4416ec9$exports = {};
|
|
35
|
+
$2e414a5fb4416ec9$exports = JSON.parse("{\"alpha\":\"ألفا\",\"blue\":\"أزرق\",\"brightness\":\"السطوع\",\"green\":\"أخضر\",\"hue\":\"درجة اللون\",\"lightness\":\"الإضاءة\",\"red\":\"أحمر\",\"saturation\":\"التشبع\"}");
|
|
36
36
|
|
|
37
37
|
|
|
38
|
-
var $
|
|
39
|
-
$
|
|
38
|
+
var $e8a0c445624bdaf9$exports = {};
|
|
39
|
+
$e8a0c445624bdaf9$exports = JSON.parse("{\"alpha\":\"Алфа\",\"blue\":\"Синьо\",\"brightness\":\"Яркост\",\"green\":\"Зелено\",\"hue\":\"Оттенък\",\"lightness\":\"Лекота\",\"red\":\"Червено\",\"saturation\":\"Наситеност\"}");
|
|
40
40
|
|
|
41
41
|
|
|
42
|
-
var $
|
|
43
|
-
$
|
|
42
|
+
var $b76ea39d48683bff$exports = {};
|
|
43
|
+
$b76ea39d48683bff$exports = JSON.parse("{\"alpha\":\"Alfa\",\"blue\":\"Modrá\",\"brightness\":\"Jas\",\"green\":\"Zelená\",\"hue\":\"Odstín\",\"lightness\":\"Světlost\",\"red\":\"Červená\",\"saturation\":\"Sytost\"}");
|
|
44
44
|
|
|
45
45
|
|
|
46
|
-
var $
|
|
47
|
-
$
|
|
46
|
+
var $c74e56e481860af8$exports = {};
|
|
47
|
+
$c74e56e481860af8$exports = JSON.parse("{\"alpha\":\"Alfa\",\"blue\":\"Blå\",\"brightness\":\"Lysstyrke\",\"green\":\"Grøn\",\"hue\":\"Tone\",\"lightness\":\"Lyshed\",\"red\":\"Rød\",\"saturation\":\"Farvemætning\"}");
|
|
48
48
|
|
|
49
49
|
|
|
50
|
-
var $
|
|
51
|
-
$
|
|
50
|
+
var $8a5325b14a7c7e86$exports = {};
|
|
51
|
+
$8a5325b14a7c7e86$exports = JSON.parse("{\"alpha\":\"Alpha\",\"blue\":\"Blau\",\"brightness\":\"Helligkeit\",\"green\":\"Grün\",\"hue\":\"Farbton\",\"lightness\":\"Leuchtkraft\",\"red\":\"Rot\",\"saturation\":\"Sättigung\"}");
|
|
52
52
|
|
|
53
53
|
|
|
54
|
-
var $
|
|
55
|
-
$
|
|
54
|
+
var $37a77b22b921dd90$exports = {};
|
|
55
|
+
$37a77b22b921dd90$exports = JSON.parse("{\"alpha\":\"Άλφα\",\"blue\":\"Μπλε\",\"brightness\":\"Φωτεινότητα\",\"green\":\"Πράσινο\",\"hue\":\"Τόνος\",\"lightness\":\"Φωτεινότητα\",\"red\":\"Κόκκινο\",\"saturation\":\"Κορεσμός\"}");
|
|
56
56
|
|
|
57
57
|
|
|
58
|
-
var $
|
|
59
|
-
$
|
|
58
|
+
var $fae3bd5cdb4364c6$exports = {};
|
|
59
|
+
$fae3bd5cdb4364c6$exports = JSON.parse("{\"hue\":\"Hue\",\"saturation\":\"Saturation\",\"lightness\":\"Lightness\",\"brightness\":\"Brightness\",\"red\":\"Red\",\"green\":\"Green\",\"blue\":\"Blue\",\"alpha\":\"Alpha\"}");
|
|
60
60
|
|
|
61
61
|
|
|
62
|
-
var $
|
|
63
|
-
$
|
|
62
|
+
var $9d00797107c608f3$exports = {};
|
|
63
|
+
$9d00797107c608f3$exports = JSON.parse("{\"alpha\":\"Alpha\",\"blue\":\"Azul\",\"brightness\":\"Brillo\",\"green\":\"Verde\",\"hue\":\"Tono\",\"lightness\":\"Luminosidad\",\"red\":\"Rojo\",\"saturation\":\"Saturación\"}");
|
|
64
64
|
|
|
65
65
|
|
|
66
|
-
var $
|
|
67
|
-
$
|
|
66
|
+
var $22ce5b7e3b6625d3$exports = {};
|
|
67
|
+
$22ce5b7e3b6625d3$exports = JSON.parse("{\"alpha\":\"Alfa\",\"blue\":\"Sinine\",\"brightness\":\"Heledus\",\"green\":\"Roheline\",\"hue\":\"Värv\",\"lightness\":\"Valgus\",\"red\":\"Punane\",\"saturation\":\"Küllastus\"}");
|
|
68
68
|
|
|
69
69
|
|
|
70
|
-
var $
|
|
71
|
-
$
|
|
70
|
+
var $31155009e04c8ef9$exports = {};
|
|
71
|
+
$31155009e04c8ef9$exports = JSON.parse("{\"alpha\":\"Alpha\",\"blue\":\"Sininen\",\"brightness\":\"Kirkkaus\",\"green\":\"Vihreä\",\"hue\":\"Sävy\",\"lightness\":\"Valomäärä\",\"red\":\"Punainen\",\"saturation\":\"Värikylläisyys\"}");
|
|
72
72
|
|
|
73
73
|
|
|
74
|
-
var $
|
|
75
|
-
$
|
|
74
|
+
var $dbe2213287539dd6$exports = {};
|
|
75
|
+
$dbe2213287539dd6$exports = JSON.parse("{\"alpha\":\"Alpha\",\"blue\":\"Bleu\",\"brightness\":\"Luminosité\",\"green\":\"Vert\",\"hue\":\"Teinte\",\"lightness\":\"Luminosité\",\"red\":\"Rouge\",\"saturation\":\"Saturation\"}");
|
|
76
76
|
|
|
77
77
|
|
|
78
|
-
var $
|
|
79
|
-
$
|
|
78
|
+
var $6e4784426197cfe8$exports = {};
|
|
79
|
+
$6e4784426197cfe8$exports = JSON.parse("{\"alpha\":\"אלפא\",\"blue\":\"כחול\",\"brightness\":\"בהירות\",\"green\":\"ירוק\",\"hue\":\"גוון\",\"lightness\":\"כמות אור\",\"red\":\"אדום\",\"saturation\":\"רוויה\"}");
|
|
80
80
|
|
|
81
81
|
|
|
82
|
-
var $
|
|
83
|
-
$
|
|
82
|
+
var $e8b6fb1f15bd65ce$exports = {};
|
|
83
|
+
$e8b6fb1f15bd65ce$exports = JSON.parse("{\"alpha\":\"Alfa\",\"blue\":\"Plava\",\"brightness\":\"Svjetlina\",\"green\":\"Zelena\",\"hue\":\"Nijansa\",\"lightness\":\"Osvijetljenost\",\"red\":\"Crvena\",\"saturation\":\"Zasićenost\"}");
|
|
84
84
|
|
|
85
85
|
|
|
86
|
-
var $
|
|
87
|
-
$
|
|
86
|
+
var $245cf35fafa171a1$exports = {};
|
|
87
|
+
$245cf35fafa171a1$exports = JSON.parse("{\"alpha\":\"Alfa\",\"blue\":\"Kék\",\"brightness\":\"Fényesség\",\"green\":\"Zöld\",\"hue\":\"Színárnyalat\",\"lightness\":\"Világosság\",\"red\":\"Piros\",\"saturation\":\"Telítettség\"}");
|
|
88
88
|
|
|
89
89
|
|
|
90
|
-
var $
|
|
91
|
-
$
|
|
90
|
+
var $735df9e4f2275899$exports = {};
|
|
91
|
+
$735df9e4f2275899$exports = JSON.parse("{\"alpha\":\"Alfa\",\"blue\":\"Blu\",\"brightness\":\"Luminosità\",\"green\":\"Verde\",\"hue\":\"Tonalità\",\"lightness\":\"Luminosità\",\"red\":\"Rosso\",\"saturation\":\"Saturazione\"}");
|
|
92
92
|
|
|
93
93
|
|
|
94
|
-
var $
|
|
95
|
-
$
|
|
94
|
+
var $444cf85ca04ab6d9$exports = {};
|
|
95
|
+
$444cf85ca04ab6d9$exports = JSON.parse("{\"alpha\":\"アルファ\",\"blue\":\"青\",\"brightness\":\"明るさ\",\"green\":\"緑\",\"hue\":\"色相\",\"lightness\":\"明度\",\"red\":\"赤\",\"saturation\":\"彩度\"}");
|
|
96
96
|
|
|
97
97
|
|
|
98
|
-
var $
|
|
99
|
-
$
|
|
98
|
+
var $96c65834f6723f55$exports = {};
|
|
99
|
+
$96c65834f6723f55$exports = JSON.parse("{\"alpha\":\"알파\",\"blue\":\"파랑\",\"brightness\":\"명도\",\"green\":\"초록\",\"hue\":\"색조\",\"lightness\":\"밝기\",\"red\":\"빨강\",\"saturation\":\"채도\"}");
|
|
100
100
|
|
|
101
101
|
|
|
102
|
-
var $
|
|
103
|
-
$
|
|
102
|
+
var $600855b521eba21b$exports = {};
|
|
103
|
+
$600855b521eba21b$exports = JSON.parse("{\"alpha\":\"Alfa\",\"blue\":\"Mėlyna\",\"brightness\":\"Ryškumas\",\"green\":\"Žalia\",\"hue\":\"Atspalvis\",\"lightness\":\"Šviesumas\",\"red\":\"Raudona\",\"saturation\":\"Įsotinimas\"}");
|
|
104
104
|
|
|
105
105
|
|
|
106
|
-
var $
|
|
107
|
-
$
|
|
106
|
+
var $1c335c5e33f6dbcf$exports = {};
|
|
107
|
+
$1c335c5e33f6dbcf$exports = JSON.parse("{\"alpha\":\"Alfa\",\"blue\":\"Zila\",\"brightness\":\"Spilgtums\",\"green\":\"Zaļa\",\"hue\":\"Nokrāsa\",\"lightness\":\"Gaišums\",\"red\":\"Sarkana\",\"saturation\":\"Piesātinājums\"}");
|
|
108
108
|
|
|
109
109
|
|
|
110
|
-
var $
|
|
111
|
-
$
|
|
110
|
+
var $787c33edfd4c7599$exports = {};
|
|
111
|
+
$787c33edfd4c7599$exports = JSON.parse("{\"alpha\":\"Alfa\",\"blue\":\"Blå\",\"brightness\":\"Lysstyrke\",\"green\":\"Grønn\",\"hue\":\"Fargetone\",\"lightness\":\"Lyshet\",\"red\":\"Rød\",\"saturation\":\"Metning\"}");
|
|
112
112
|
|
|
113
113
|
|
|
114
|
-
var $
|
|
115
|
-
$
|
|
114
|
+
var $355c7ca4a0fa2724$exports = {};
|
|
115
|
+
$355c7ca4a0fa2724$exports = JSON.parse("{\"alpha\":\"Alfa\",\"blue\":\"Blauw\",\"brightness\":\"Helderheid\",\"green\":\"Groen\",\"hue\":\"Kleurtoon\",\"lightness\":\"Lichtsterkte\",\"red\":\"Rood\",\"saturation\":\"Verzadiging\"}");
|
|
116
116
|
|
|
117
117
|
|
|
118
|
-
var $
|
|
119
|
-
$
|
|
118
|
+
var $376612b82a0012e9$exports = {};
|
|
119
|
+
$376612b82a0012e9$exports = JSON.parse("{\"alpha\":\"Alfa\",\"blue\":\"Niebieski\",\"brightness\":\"Jasność\",\"green\":\"Zielony\",\"hue\":\"Odcień\",\"lightness\":\"Jaskrawość\",\"red\":\"Czerwony\",\"saturation\":\"Nasycenie\"}");
|
|
120
120
|
|
|
121
121
|
|
|
122
|
-
var $
|
|
123
|
-
$
|
|
122
|
+
var $b65148ec9adb9e92$exports = {};
|
|
123
|
+
$b65148ec9adb9e92$exports = JSON.parse("{\"alpha\":\"Alfa\",\"blue\":\"Azul\",\"brightness\":\"Brilho\",\"green\":\"Verde\",\"hue\":\"Matiz\",\"lightness\":\"Luminosidade\",\"red\":\"Vermelho\",\"saturation\":\"Saturação\"}");
|
|
124
124
|
|
|
125
125
|
|
|
126
|
-
var $
|
|
127
|
-
$
|
|
126
|
+
var $7924277977ddeee8$exports = {};
|
|
127
|
+
$7924277977ddeee8$exports = JSON.parse("{\"alpha\":\"Alfa\",\"blue\":\"Azul\",\"brightness\":\"Luminosidade\",\"green\":\"Verde\",\"hue\":\"Tonalidade\",\"lightness\":\"Claridade\",\"red\":\"Vermelho\",\"saturation\":\"Saturação\"}");
|
|
128
128
|
|
|
129
129
|
|
|
130
|
-
var $
|
|
131
|
-
$
|
|
130
|
+
var $d1ef43e6ecaa6f11$exports = {};
|
|
131
|
+
$d1ef43e6ecaa6f11$exports = JSON.parse("{\"alpha\":\"Alfa\",\"blue\":\"Albastru\",\"brightness\":\"Luminozitate\",\"green\":\"Verde\",\"hue\":\"Nuanță\",\"lightness\":\"Luminozitate\",\"red\":\"Roșu\",\"saturation\":\"Saturație\"}");
|
|
132
132
|
|
|
133
133
|
|
|
134
|
-
var $
|
|
135
|
-
$
|
|
134
|
+
var $64c65e727b0c4dbd$exports = {};
|
|
135
|
+
$64c65e727b0c4dbd$exports = JSON.parse("{\"alpha\":\"Альфа\",\"blue\":\"Синий\",\"brightness\":\"Яркость\",\"green\":\"Зеленый\",\"hue\":\"Оттенок\",\"lightness\":\"Освещенность\",\"red\":\"Красный\",\"saturation\":\"Насыщенность\"}");
|
|
136
136
|
|
|
137
137
|
|
|
138
|
-
var $
|
|
139
|
-
$
|
|
138
|
+
var $c2fb0a6476652f9f$exports = {};
|
|
139
|
+
$c2fb0a6476652f9f$exports = JSON.parse("{\"alpha\":\"Alfa\",\"blue\":\"Modrá\",\"brightness\":\"Jas\",\"green\":\"Zelená\",\"hue\":\"Odtieň\",\"lightness\":\"Svetlosť\",\"red\":\"Červená\",\"saturation\":\"Sýtosť\"}");
|
|
140
140
|
|
|
141
141
|
|
|
142
|
-
var $
|
|
143
|
-
$
|
|
142
|
+
var $04fb7f0639c765cc$exports = {};
|
|
143
|
+
$04fb7f0639c765cc$exports = JSON.parse("{\"alpha\":\"Alfa\",\"blue\":\"Modra\",\"brightness\":\"Svetlost\",\"green\":\"Zelena\",\"hue\":\"Barva\",\"lightness\":\"Lahkost\",\"red\":\"Rdeča\",\"saturation\":\"Nasičenost\"}");
|
|
144
144
|
|
|
145
145
|
|
|
146
|
-
var $
|
|
147
|
-
$
|
|
146
|
+
var $ad986da2d54c1341$exports = {};
|
|
147
|
+
$ad986da2d54c1341$exports = JSON.parse("{\"alpha\":\"Alfa\",\"blue\":\"Plava\",\"brightness\":\"Osvetljenost\",\"green\":\"Zelena\",\"hue\":\"Nijansa\",\"lightness\":\"Osvetljenje\",\"red\":\"Crvena\",\"saturation\":\"Zasićenje\"}");
|
|
148
148
|
|
|
149
149
|
|
|
150
|
-
var $
|
|
151
|
-
$
|
|
150
|
+
var $1ba72a64a05bdf61$exports = {};
|
|
151
|
+
$1ba72a64a05bdf61$exports = JSON.parse("{\"alpha\":\"Alfa\",\"blue\":\"Blått\",\"brightness\":\"Ljusstyrka\",\"green\":\"Grönt\",\"hue\":\"Nyans\",\"lightness\":\"Ljushet\",\"red\":\"Rött\",\"saturation\":\"Mättnad\"}");
|
|
152
152
|
|
|
153
153
|
|
|
154
|
-
var $
|
|
155
|
-
$
|
|
154
|
+
var $18c0e90ebfa54402$exports = {};
|
|
155
|
+
$18c0e90ebfa54402$exports = JSON.parse("{\"alpha\":\"Alfa\",\"blue\":\"Mavi\",\"brightness\":\"Parlaklık\",\"green\":\"Yeşil\",\"hue\":\"Ton\",\"lightness\":\"Canlılık\",\"red\":\"Kırmızı\",\"saturation\":\"Doygunluk\"}");
|
|
156
156
|
|
|
157
157
|
|
|
158
|
-
var $
|
|
159
|
-
$
|
|
158
|
+
var $5328fcc0405aa6d0$exports = {};
|
|
159
|
+
$5328fcc0405aa6d0$exports = JSON.parse("{\"alpha\":\"Альфа\",\"blue\":\"Синій\",\"brightness\":\"Яскравість\",\"green\":\"Зелений\",\"hue\":\"Тон\",\"lightness\":\"Освітленість\",\"red\":\"Червоний\",\"saturation\":\"Насиченість\"}");
|
|
160
160
|
|
|
161
161
|
|
|
162
|
-
var $
|
|
163
|
-
$
|
|
162
|
+
var $ff7860aa4ebba410$exports = {};
|
|
163
|
+
$ff7860aa4ebba410$exports = JSON.parse("{\"alpha\":\"Alpha\",\"blue\":\"蓝色\",\"brightness\":\"亮度\",\"green\":\"绿色\",\"hue\":\"色相\",\"lightness\":\"明亮度\",\"red\":\"红色\",\"saturation\":\"饱和度\"}");
|
|
164
164
|
|
|
165
165
|
|
|
166
|
-
var $
|
|
167
|
-
$
|
|
166
|
+
var $08fc42b294cf5212$exports = {};
|
|
167
|
+
$08fc42b294cf5212$exports = JSON.parse("{\"alpha\":\"Alpha\",\"blue\":\"藍色\",\"brightness\":\"亮度\",\"green\":\"綠色\",\"hue\":\"色相\",\"lightness\":\"明亮\",\"red\":\"紅色\",\"saturation\":\"飽和度\"}");
|
|
168
168
|
|
|
169
169
|
|
|
170
|
-
$
|
|
171
|
-
"ar-AE": $
|
|
172
|
-
"bg-BG": $
|
|
173
|
-
"cs-CZ": $
|
|
174
|
-
"da-DK": $
|
|
175
|
-
"de-DE": $
|
|
176
|
-
"el-GR": $
|
|
177
|
-
"en-US": $
|
|
178
|
-
"es-ES": $
|
|
179
|
-
"et-EE": $
|
|
180
|
-
"fi-FI": $
|
|
181
|
-
"fr-FR": $
|
|
182
|
-
"he-IL": $
|
|
183
|
-
"hr-HR": $
|
|
184
|
-
"hu-HU": $
|
|
185
|
-
"it-IT": $
|
|
186
|
-
"ja-JP": $
|
|
187
|
-
"ko-KR": $
|
|
188
|
-
"lt-LT": $
|
|
189
|
-
"lv-LV": $
|
|
190
|
-
"nb-NO": $
|
|
191
|
-
"nl-NL": $
|
|
192
|
-
"pl-PL": $
|
|
193
|
-
"pt-BR": $
|
|
194
|
-
"pt-PT": $
|
|
195
|
-
"ro-RO": $
|
|
196
|
-
"ru-RU": $
|
|
197
|
-
"sk-SK": $
|
|
198
|
-
"sl-SI": $
|
|
199
|
-
"sr-SP": $
|
|
200
|
-
"sv-SE": $
|
|
201
|
-
"tr-TR": $
|
|
202
|
-
"uk-UA": $
|
|
203
|
-
"zh-CN": $
|
|
204
|
-
"zh-TW": $
|
|
170
|
+
$cd309a27ec612694$exports = {
|
|
171
|
+
"ar-AE": $2e414a5fb4416ec9$exports,
|
|
172
|
+
"bg-BG": $e8a0c445624bdaf9$exports,
|
|
173
|
+
"cs-CZ": $b76ea39d48683bff$exports,
|
|
174
|
+
"da-DK": $c74e56e481860af8$exports,
|
|
175
|
+
"de-DE": $8a5325b14a7c7e86$exports,
|
|
176
|
+
"el-GR": $37a77b22b921dd90$exports,
|
|
177
|
+
"en-US": $fae3bd5cdb4364c6$exports,
|
|
178
|
+
"es-ES": $9d00797107c608f3$exports,
|
|
179
|
+
"et-EE": $22ce5b7e3b6625d3$exports,
|
|
180
|
+
"fi-FI": $31155009e04c8ef9$exports,
|
|
181
|
+
"fr-FR": $dbe2213287539dd6$exports,
|
|
182
|
+
"he-IL": $6e4784426197cfe8$exports,
|
|
183
|
+
"hr-HR": $e8b6fb1f15bd65ce$exports,
|
|
184
|
+
"hu-HU": $245cf35fafa171a1$exports,
|
|
185
|
+
"it-IT": $735df9e4f2275899$exports,
|
|
186
|
+
"ja-JP": $444cf85ca04ab6d9$exports,
|
|
187
|
+
"ko-KR": $96c65834f6723f55$exports,
|
|
188
|
+
"lt-LT": $600855b521eba21b$exports,
|
|
189
|
+
"lv-LV": $1c335c5e33f6dbcf$exports,
|
|
190
|
+
"nb-NO": $787c33edfd4c7599$exports,
|
|
191
|
+
"nl-NL": $355c7ca4a0fa2724$exports,
|
|
192
|
+
"pl-PL": $376612b82a0012e9$exports,
|
|
193
|
+
"pt-BR": $b65148ec9adb9e92$exports,
|
|
194
|
+
"pt-PT": $7924277977ddeee8$exports,
|
|
195
|
+
"ro-RO": $d1ef43e6ecaa6f11$exports,
|
|
196
|
+
"ru-RU": $64c65e727b0c4dbd$exports,
|
|
197
|
+
"sk-SK": $c2fb0a6476652f9f$exports,
|
|
198
|
+
"sl-SI": $04fb7f0639c765cc$exports,
|
|
199
|
+
"sr-SP": $ad986da2d54c1341$exports,
|
|
200
|
+
"sv-SE": $1ba72a64a05bdf61$exports,
|
|
201
|
+
"tr-TR": $18c0e90ebfa54402$exports,
|
|
202
|
+
"uk-UA": $5328fcc0405aa6d0$exports,
|
|
203
|
+
"zh-CN": $ff7860aa4ebba410$exports,
|
|
204
|
+
"zh-TW": $08fc42b294cf5212$exports
|
|
205
205
|
};
|
|
206
206
|
|
|
207
207
|
|
|
208
208
|
|
|
209
209
|
|
|
210
|
-
const $
|
|
211
|
-
function $
|
|
212
|
-
let res = $
|
|
210
|
+
const $412b05879b4e9a06$var$messages = new $5lTOm$internationalizedmessage.MessageDictionary((/*@__PURE__*/$parcel$interopDefault($cd309a27ec612694$exports)));
|
|
211
|
+
function $412b05879b4e9a06$export$6e865ea70d7724f(value) {
|
|
212
|
+
let res = $412b05879b4e9a06$var$RGBColor.parse(value) || $412b05879b4e9a06$var$HSBColor.parse(value) || $412b05879b4e9a06$var$HSLColor.parse(value);
|
|
213
213
|
if (res) return res;
|
|
214
214
|
throw new Error('Invalid color value: ' + value);
|
|
215
215
|
}
|
|
216
|
-
class $
|
|
216
|
+
class $412b05879b4e9a06$var$Color {
|
|
217
217
|
toHexInt() {
|
|
218
218
|
return this.toFormat('rgb').toHexInt();
|
|
219
219
|
}
|
|
@@ -230,16 +230,16 @@ class $a806dddcb56a1bb2$var$Color {
|
|
|
230
230
|
throw new Error('Unsupported color channel: ' + channel);
|
|
231
231
|
}
|
|
232
232
|
getChannelName(channel, locale) {
|
|
233
|
-
return $
|
|
233
|
+
return $412b05879b4e9a06$var$messages.getStringForLocale(channel, locale);
|
|
234
234
|
}
|
|
235
235
|
}
|
|
236
|
-
const $
|
|
236
|
+
const $412b05879b4e9a06$var$HEX_REGEX = /^#(?:([0-9a-f]{3})|([0-9a-f]{6}))$/i;
|
|
237
237
|
// X = <negative/positive number with/without decimal places>
|
|
238
238
|
// before/after a comma, 0 or more whitespaces are allowed
|
|
239
239
|
// - rgb(X, X, X)
|
|
240
240
|
// - rgba(X, X, X, X)
|
|
241
|
-
const $
|
|
242
|
-
class $
|
|
241
|
+
const $412b05879b4e9a06$var$RGB_REGEX = /rgb\(([-+]?\d+(?:.\d+)?\s*,\s*[-+]?\d+(?:.\d+)?\s*,\s*[-+]?\d+(?:.\d+)?)\)|rgba\(([-+]?\d+(?:.\d+)?\s*,\s*[-+]?\d+(?:.\d+)?\s*,\s*[-+]?\d+(?:.\d+)?\s*,\s*[-+]?\d(.\d+)?)\)/;
|
|
242
|
+
class $412b05879b4e9a06$var$RGBColor extends $412b05879b4e9a06$var$Color {
|
|
243
243
|
constructor(red, green, blue, alpha){
|
|
244
244
|
super();
|
|
245
245
|
this.red = red;
|
|
@@ -249,23 +249,23 @@ class $a806dddcb56a1bb2$var$RGBColor extends $a806dddcb56a1bb2$var$Color {
|
|
|
249
249
|
}
|
|
250
250
|
static parse(value) {
|
|
251
251
|
let m;
|
|
252
|
-
if (m = value.match($
|
|
252
|
+
if (m = value.match($412b05879b4e9a06$var$HEX_REGEX)) {
|
|
253
253
|
if (m[1]) {
|
|
254
254
|
let r = parseInt(m[1][0] + m[1][0], 16);
|
|
255
255
|
let g = parseInt(m[1][1] + m[1][1], 16);
|
|
256
256
|
let b = parseInt(m[1][2] + m[1][2], 16);
|
|
257
|
-
return new $
|
|
257
|
+
return new $412b05879b4e9a06$var$RGBColor(r, g, b, 1);
|
|
258
258
|
} else if (m[2]) {
|
|
259
259
|
let r = parseInt(m[2][0] + m[2][1], 16);
|
|
260
260
|
let g = parseInt(m[2][2] + m[2][3], 16);
|
|
261
261
|
let b = parseInt(m[2][4] + m[2][5], 16);
|
|
262
|
-
return new $
|
|
262
|
+
return new $412b05879b4e9a06$var$RGBColor(r, g, b, 1);
|
|
263
263
|
}
|
|
264
264
|
}
|
|
265
|
-
if (m = value.match($
|
|
265
|
+
if (m = value.match($412b05879b4e9a06$var$RGB_REGEX)) {
|
|
266
266
|
const [r, g, b, a] = (m[1] ?? m[2]).split(',').map((n)=>Number(n.trim())
|
|
267
267
|
);
|
|
268
|
-
return new $
|
|
268
|
+
return new $412b05879b4e9a06$var$RGBColor($5lTOm$reactstatelyutils.clamp(r, 0, 255), $5lTOm$reactstatelyutils.clamp(g, 0, 255), $5lTOm$reactstatelyutils.clamp(b, 0, 255), $5lTOm$reactstatelyutils.clamp(a ?? 1, 0, 1));
|
|
269
269
|
}
|
|
270
270
|
}
|
|
271
271
|
toString(format) {
|
|
@@ -330,7 +330,7 @@ class $a806dddcb56a1bb2$var$RGBColor extends $a806dddcb56a1bb2$var$Color {
|
|
|
330
330
|
}
|
|
331
331
|
hue /= 6;
|
|
332
332
|
}
|
|
333
|
-
return new $
|
|
333
|
+
return new $412b05879b4e9a06$var$HSBColor($5lTOm$reactstatelyutils.toFixedNumber(hue * 360, 2), $5lTOm$reactstatelyutils.toFixedNumber(saturation * 100, 2), $5lTOm$reactstatelyutils.toFixedNumber(brightness * 100, 2), this.alpha);
|
|
334
334
|
}
|
|
335
335
|
/**
|
|
336
336
|
* Converts an RGB color value to HSL.
|
|
@@ -362,10 +362,10 @@ class $a806dddcb56a1bb2$var$RGBColor extends $a806dddcb56a1bb2$var$Color {
|
|
|
362
362
|
}
|
|
363
363
|
hue /= 6;
|
|
364
364
|
}
|
|
365
|
-
return new $
|
|
365
|
+
return new $412b05879b4e9a06$var$HSLColor($5lTOm$reactstatelyutils.toFixedNumber(hue * 360, 2), $5lTOm$reactstatelyutils.toFixedNumber(saturation * 100, 2), $5lTOm$reactstatelyutils.toFixedNumber(lightness * 100, 2), this.alpha);
|
|
366
366
|
}
|
|
367
367
|
clone() {
|
|
368
|
-
return new $
|
|
368
|
+
return new $412b05879b4e9a06$var$RGBColor(this.red, this.green, this.blue, this.alpha);
|
|
369
369
|
}
|
|
370
370
|
getChannelRange(channel) {
|
|
371
371
|
switch(channel){
|
|
@@ -406,7 +406,7 @@ class $a806dddcb56a1bb2$var$RGBColor extends $a806dddcb56a1bb2$var$Color {
|
|
|
406
406
|
default:
|
|
407
407
|
throw new Error('Unknown color channel: ' + channel);
|
|
408
408
|
}
|
|
409
|
-
return new $
|
|
409
|
+
return new $5lTOm$internationalizednumber.NumberFormatter(locale, options).format(value);
|
|
410
410
|
}
|
|
411
411
|
getColorSpace() {
|
|
412
412
|
return 'rgb';
|
|
@@ -416,8 +416,8 @@ class $a806dddcb56a1bb2$var$RGBColor extends $a806dddcb56a1bb2$var$Color {
|
|
|
416
416
|
// before/after a comma, 0 or more whitespaces are allowed
|
|
417
417
|
// - hsb(X, X%, X%)
|
|
418
418
|
// - hsba(X, X%, X%, X)
|
|
419
|
-
const $
|
|
420
|
-
class $
|
|
419
|
+
const $412b05879b4e9a06$var$HSB_REGEX = /hsb\(([-+]?\d+(?:.\d+)?\s*,\s*[-+]?\d+(?:.\d+)?%\s*,\s*[-+]?\d+(?:.\d+)?%)\)|hsba\(([-+]?\d+(?:.\d+)?\s*,\s*[-+]?\d+(?:.\d+)?%\s*,\s*[-+]?\d+(?:.\d+)?%\s*,\s*[-+]?\d(.\d+)?)\)/;
|
|
420
|
+
class $412b05879b4e9a06$var$HSBColor extends $412b05879b4e9a06$var$Color {
|
|
421
421
|
constructor(hue, saturation, brightness, alpha){
|
|
422
422
|
super();
|
|
423
423
|
this.hue = hue;
|
|
@@ -427,10 +427,10 @@ class $a806dddcb56a1bb2$var$HSBColor extends $a806dddcb56a1bb2$var$Color {
|
|
|
427
427
|
}
|
|
428
428
|
static parse(value) {
|
|
429
429
|
let m;
|
|
430
|
-
if (m = value.match($
|
|
430
|
+
if (m = value.match($412b05879b4e9a06$var$HSB_REGEX)) {
|
|
431
431
|
const [h, s, b, a] = (m[1] ?? m[2]).split(',').map((n)=>Number(n.trim().replace('%', ''))
|
|
432
432
|
);
|
|
433
|
-
return new $
|
|
433
|
+
return new $412b05879b4e9a06$var$HSBColor($412b05879b4e9a06$var$mod(h, 360), $5lTOm$reactstatelyutils.clamp(s, 0, 100), $5lTOm$reactstatelyutils.clamp(b, 0, 100), $5lTOm$reactstatelyutils.clamp(a ?? 1, 0, 1));
|
|
434
434
|
}
|
|
435
435
|
}
|
|
436
436
|
toString(format) {
|
|
@@ -442,9 +442,9 @@ class $a806dddcb56a1bb2$var$HSBColor extends $a806dddcb56a1bb2$var$Color {
|
|
|
442
442
|
case 'hexa':
|
|
443
443
|
return this.toRGB().toString('hexa');
|
|
444
444
|
case 'hsb':
|
|
445
|
-
return `hsb(${this.hue}, ${$
|
|
445
|
+
return `hsb(${this.hue}, ${$5lTOm$reactstatelyutils.toFixedNumber(this.saturation, 2)}%, ${$5lTOm$reactstatelyutils.toFixedNumber(this.brightness, 2)}%)`;
|
|
446
446
|
case 'hsba':
|
|
447
|
-
return `hsba(${this.hue}, ${$
|
|
447
|
+
return `hsba(${this.hue}, ${$5lTOm$reactstatelyutils.toFixedNumber(this.saturation, 2)}%, ${$5lTOm$reactstatelyutils.toFixedNumber(this.brightness, 2)}%, ${this.alpha})`;
|
|
448
448
|
default:
|
|
449
449
|
return this.toFormat(format).toString(format);
|
|
450
450
|
}
|
|
@@ -473,7 +473,7 @@ class $a806dddcb56a1bb2$var$HSBColor extends $a806dddcb56a1bb2$var$Color {
|
|
|
473
473
|
let brightness = this.brightness / 100;
|
|
474
474
|
let lightness = brightness * (1 - saturation / 2);
|
|
475
475
|
saturation = lightness === 0 || lightness === 1 ? 0 : (brightness - lightness) / Math.min(lightness, 1 - lightness);
|
|
476
|
-
return new $
|
|
476
|
+
return new $412b05879b4e9a06$var$HSLColor($5lTOm$reactstatelyutils.toFixedNumber(this.hue, 2), $5lTOm$reactstatelyutils.toFixedNumber(saturation * 100, 2), $5lTOm$reactstatelyutils.toFixedNumber(lightness * 100, 2), this.alpha);
|
|
477
477
|
}
|
|
478
478
|
/**
|
|
479
479
|
* Converts a HSV color value to RGB.
|
|
@@ -485,10 +485,10 @@ class $a806dddcb56a1bb2$var$HSBColor extends $a806dddcb56a1bb2$var$Color {
|
|
|
485
485
|
let brightness = this.brightness / 100;
|
|
486
486
|
let fn = (n, k = (n + hue / 60) % 6)=>brightness - saturation * brightness * Math.max(Math.min(k, 4 - k, 1), 0)
|
|
487
487
|
;
|
|
488
|
-
return new $
|
|
488
|
+
return new $412b05879b4e9a06$var$RGBColor(Math.round(fn(5) * 255), Math.round(fn(3) * 255), Math.round(fn(1) * 255), this.alpha);
|
|
489
489
|
}
|
|
490
490
|
clone() {
|
|
491
|
-
return new $
|
|
491
|
+
return new $412b05879b4e9a06$var$HSBColor(this.hue, this.saturation, this.brightness, this.alpha);
|
|
492
492
|
}
|
|
493
493
|
getChannelRange(channel) {
|
|
494
494
|
switch(channel){
|
|
@@ -541,7 +541,7 @@ class $a806dddcb56a1bb2$var$HSBColor extends $a806dddcb56a1bb2$var$Color {
|
|
|
541
541
|
default:
|
|
542
542
|
throw new Error('Unknown color channel: ' + channel);
|
|
543
543
|
}
|
|
544
|
-
return new $
|
|
544
|
+
return new $5lTOm$internationalizednumber.NumberFormatter(locale, options).format(value);
|
|
545
545
|
}
|
|
546
546
|
getColorSpace() {
|
|
547
547
|
return 'hsb';
|
|
@@ -551,11 +551,11 @@ class $a806dddcb56a1bb2$var$HSBColor extends $a806dddcb56a1bb2$var$Color {
|
|
|
551
551
|
// before/after a comma, 0 or more whitespaces are allowed
|
|
552
552
|
// - hsl(X, X%, X%)
|
|
553
553
|
// - hsla(X, X%, X%, X)
|
|
554
|
-
const $
|
|
555
|
-
function $
|
|
554
|
+
const $412b05879b4e9a06$var$HSL_REGEX = /hsl\(([-+]?\d+(?:.\d+)?\s*,\s*[-+]?\d+(?:.\d+)?%\s*,\s*[-+]?\d+(?:.\d+)?%)\)|hsla\(([-+]?\d+(?:.\d+)?\s*,\s*[-+]?\d+(?:.\d+)?%\s*,\s*[-+]?\d+(?:.\d+)?%\s*,\s*[-+]?\d(.\d+)?)\)/;
|
|
555
|
+
function $412b05879b4e9a06$var$mod(n, m) {
|
|
556
556
|
return (n % m + m) % m;
|
|
557
557
|
}
|
|
558
|
-
class $
|
|
558
|
+
class $412b05879b4e9a06$var$HSLColor extends $412b05879b4e9a06$var$Color {
|
|
559
559
|
constructor(hue, saturation, lightness, alpha){
|
|
560
560
|
super();
|
|
561
561
|
this.hue = hue;
|
|
@@ -565,10 +565,10 @@ class $a806dddcb56a1bb2$var$HSLColor extends $a806dddcb56a1bb2$var$Color {
|
|
|
565
565
|
}
|
|
566
566
|
static parse(value) {
|
|
567
567
|
let m;
|
|
568
|
-
if (m = value.match($
|
|
568
|
+
if (m = value.match($412b05879b4e9a06$var$HSL_REGEX)) {
|
|
569
569
|
const [h, s, l, a] = (m[1] ?? m[2]).split(',').map((n)=>Number(n.trim().replace('%', ''))
|
|
570
570
|
);
|
|
571
|
-
return new $
|
|
571
|
+
return new $412b05879b4e9a06$var$HSLColor($412b05879b4e9a06$var$mod(h, 360), $5lTOm$reactstatelyutils.clamp(s, 0, 100), $5lTOm$reactstatelyutils.clamp(l, 0, 100), $5lTOm$reactstatelyutils.clamp(a ?? 1, 0, 1));
|
|
572
572
|
}
|
|
573
573
|
}
|
|
574
574
|
toString(format) {
|
|
@@ -578,10 +578,10 @@ class $a806dddcb56a1bb2$var$HSLColor extends $a806dddcb56a1bb2$var$Color {
|
|
|
578
578
|
case 'hexa':
|
|
579
579
|
return this.toRGB().toString('hexa');
|
|
580
580
|
case 'hsl':
|
|
581
|
-
return `hsl(${this.hue}, ${$
|
|
581
|
+
return `hsl(${this.hue}, ${$5lTOm$reactstatelyutils.toFixedNumber(this.saturation, 2)}%, ${$5lTOm$reactstatelyutils.toFixedNumber(this.lightness, 2)}%)`;
|
|
582
582
|
case 'css':
|
|
583
583
|
case 'hsla':
|
|
584
|
-
return `hsla(${this.hue}, ${$
|
|
584
|
+
return `hsla(${this.hue}, ${$5lTOm$reactstatelyutils.toFixedNumber(this.saturation, 2)}%, ${$5lTOm$reactstatelyutils.toFixedNumber(this.lightness, 2)}%, ${this.alpha})`;
|
|
585
585
|
default:
|
|
586
586
|
return this.toFormat(format).toString(format);
|
|
587
587
|
}
|
|
@@ -610,7 +610,7 @@ class $a806dddcb56a1bb2$var$HSLColor extends $a806dddcb56a1bb2$var$Color {
|
|
|
610
610
|
let lightness = this.lightness / 100;
|
|
611
611
|
let brightness = lightness + saturation * Math.min(lightness, 1 - lightness);
|
|
612
612
|
saturation = brightness === 0 ? 0 : 2 * (1 - lightness / brightness);
|
|
613
|
-
return new $
|
|
613
|
+
return new $412b05879b4e9a06$var$HSBColor($5lTOm$reactstatelyutils.toFixedNumber(this.hue, 2), $5lTOm$reactstatelyutils.toFixedNumber(saturation * 100, 2), $5lTOm$reactstatelyutils.toFixedNumber(brightness * 100, 2), this.alpha);
|
|
614
614
|
}
|
|
615
615
|
/**
|
|
616
616
|
* Converts a HSL color to RGB.
|
|
@@ -623,10 +623,10 @@ class $a806dddcb56a1bb2$var$HSLColor extends $a806dddcb56a1bb2$var$Color {
|
|
|
623
623
|
let a = saturation * Math.min(lightness, 1 - lightness);
|
|
624
624
|
let fn = (n, k = (n + hue / 30) % 12)=>lightness - a * Math.max(Math.min(k - 3, 9 - k, 1), -1)
|
|
625
625
|
;
|
|
626
|
-
return new $
|
|
626
|
+
return new $412b05879b4e9a06$var$RGBColor(Math.round(fn(0) * 255), Math.round(fn(8) * 255), Math.round(fn(4) * 255), this.alpha);
|
|
627
627
|
}
|
|
628
628
|
clone() {
|
|
629
|
-
return new $
|
|
629
|
+
return new $412b05879b4e9a06$var$HSLColor(this.hue, this.saturation, this.lightness, this.alpha);
|
|
630
630
|
}
|
|
631
631
|
getChannelRange(channel) {
|
|
632
632
|
switch(channel){
|
|
@@ -679,7 +679,7 @@ class $a806dddcb56a1bb2$var$HSLColor extends $a806dddcb56a1bb2$var$Color {
|
|
|
679
679
|
default:
|
|
680
680
|
throw new Error('Unknown color channel: ' + channel);
|
|
681
681
|
}
|
|
682
|
-
return new $
|
|
682
|
+
return new $5lTOm$internationalizednumber.NumberFormatter(locale, options).format(value);
|
|
683
683
|
}
|
|
684
684
|
getColorSpace() {
|
|
685
685
|
return 'hsl';
|
|
@@ -687,21 +687,21 @@ class $a806dddcb56a1bb2$var$HSLColor extends $a806dddcb56a1bb2$var$Color {
|
|
|
687
687
|
}
|
|
688
688
|
|
|
689
689
|
|
|
690
|
-
var $
|
|
690
|
+
var $164fc04cbb06c959$exports = {};
|
|
691
691
|
|
|
692
|
-
$parcel$export($
|
|
692
|
+
$parcel$export($164fc04cbb06c959$exports, "useColorSliderState", () => $164fc04cbb06c959$export$57bc203e1c9c6d44);
|
|
693
693
|
|
|
694
694
|
|
|
695
695
|
|
|
696
|
-
function $
|
|
697
|
-
if (typeof v === 'string') return $
|
|
696
|
+
function $164fc04cbb06c959$var$normalizeColor(v) {
|
|
697
|
+
if (typeof v === 'string') return $412b05879b4e9a06$export$6e865ea70d7724f(v);
|
|
698
698
|
else return v;
|
|
699
699
|
}
|
|
700
|
-
function $
|
|
700
|
+
function $164fc04cbb06c959$export$57bc203e1c9c6d44(props) {
|
|
701
701
|
let { channel: channel , value: value1 , defaultValue: defaultValue , onChange: onChange , locale: locale , ...otherProps } = props;
|
|
702
702
|
if (value1 == null && defaultValue == null) throw new Error('useColorSliderState requires a value or defaultValue');
|
|
703
|
-
let [color, setColor] = $
|
|
704
|
-
let sliderState = $
|
|
703
|
+
let [color, setColor] = $5lTOm$reactstatelyutils.useControlledState(value1 && $164fc04cbb06c959$var$normalizeColor(value1), defaultValue && $164fc04cbb06c959$var$normalizeColor(defaultValue), onChange);
|
|
704
|
+
let sliderState = $5lTOm$reactstatelyslider.useSliderState({
|
|
705
705
|
...color.getChannelRange(channel),
|
|
706
706
|
...otherProps,
|
|
707
707
|
// Unused except in getThumbValueLabel, which is overridden below. null to appease TypeScript.
|
|
@@ -721,12 +721,12 @@ function $83bda8e605afb753$export$57bc203e1c9c6d44(props) {
|
|
|
721
721
|
...sliderState,
|
|
722
722
|
value: color,
|
|
723
723
|
setValue (value) {
|
|
724
|
-
setColor($
|
|
724
|
+
setColor($164fc04cbb06c959$var$normalizeColor(value));
|
|
725
725
|
},
|
|
726
726
|
getDisplayColor () {
|
|
727
727
|
switch(channel){
|
|
728
728
|
case 'hue':
|
|
729
|
-
return $
|
|
729
|
+
return $412b05879b4e9a06$export$6e865ea70d7724f(`hsl(${color.getChannelValue('hue')}, 100%, 50%)`);
|
|
730
730
|
case 'lightness':
|
|
731
731
|
case 'brightness':
|
|
732
732
|
case 'saturation':
|
|
@@ -747,37 +747,37 @@ function $83bda8e605afb753$export$57bc203e1c9c6d44(props) {
|
|
|
747
747
|
}
|
|
748
748
|
|
|
749
749
|
|
|
750
|
-
var $
|
|
750
|
+
var $605819ebb1cf98c3$exports = {};
|
|
751
751
|
|
|
752
|
-
$parcel$export($
|
|
752
|
+
$parcel$export($605819ebb1cf98c3$exports, "useColorWheelState", () => $605819ebb1cf98c3$export$f4301076d9336137);
|
|
753
753
|
|
|
754
754
|
|
|
755
755
|
|
|
756
|
-
function $
|
|
757
|
-
if (typeof v === 'string') return $
|
|
756
|
+
function $605819ebb1cf98c3$var$normalizeColor(v) {
|
|
757
|
+
if (typeof v === 'string') return $412b05879b4e9a06$export$6e865ea70d7724f(v);
|
|
758
758
|
else return v;
|
|
759
759
|
}
|
|
760
|
-
const $
|
|
761
|
-
function $
|
|
760
|
+
const $605819ebb1cf98c3$var$DEFAULT_COLOR = $412b05879b4e9a06$export$6e865ea70d7724f('hsl(0, 100%, 50%)');
|
|
761
|
+
function $605819ebb1cf98c3$var$roundToStep(value, step) {
|
|
762
762
|
return Math.round(value / step) * step;
|
|
763
763
|
}
|
|
764
|
-
function $
|
|
764
|
+
function $605819ebb1cf98c3$var$mod(n, m) {
|
|
765
765
|
return (n % m + m) % m;
|
|
766
766
|
}
|
|
767
|
-
function $
|
|
767
|
+
function $605819ebb1cf98c3$var$roundDown(v) {
|
|
768
768
|
let r = Math.floor(v);
|
|
769
769
|
if (r === v) return v - 1;
|
|
770
770
|
else return r;
|
|
771
771
|
}
|
|
772
|
-
function $
|
|
772
|
+
function $605819ebb1cf98c3$var$degToRad(deg) {
|
|
773
773
|
return deg * Math.PI / 180;
|
|
774
774
|
}
|
|
775
|
-
function $
|
|
775
|
+
function $605819ebb1cf98c3$var$radToDeg(rad) {
|
|
776
776
|
return rad * 180 / Math.PI;
|
|
777
777
|
}
|
|
778
778
|
// 0deg = 3 o'clock. increases clockwise
|
|
779
|
-
function $
|
|
780
|
-
let rad = $
|
|
779
|
+
function $605819ebb1cf98c3$var$angleToCartesian(angle, radius) {
|
|
780
|
+
let rad = $605819ebb1cf98c3$var$degToRad(360 - angle + 90);
|
|
781
781
|
let x = Math.sin(rad) * radius;
|
|
782
782
|
let y = Math.cos(rad) * radius;
|
|
783
783
|
return {
|
|
@@ -785,23 +785,23 @@ function $f53da3b2ff4c3e81$var$angleToCartesian(angle, radius) {
|
|
|
785
785
|
y: y
|
|
786
786
|
};
|
|
787
787
|
}
|
|
788
|
-
function $
|
|
789
|
-
let deg = $
|
|
788
|
+
function $605819ebb1cf98c3$var$cartesianToAngle(x, y, radius) {
|
|
789
|
+
let deg = $605819ebb1cf98c3$var$radToDeg(Math.atan2(y / radius, x / radius));
|
|
790
790
|
return (deg + 360) % 360;
|
|
791
791
|
}
|
|
792
|
-
function $
|
|
792
|
+
function $605819ebb1cf98c3$export$f4301076d9336137(props) {
|
|
793
793
|
let { defaultValue: defaultValue , onChange: onChange , onChangeEnd: onChangeEnd , step: step = 1 } = props;
|
|
794
|
-
if (!props.value && !defaultValue) defaultValue = $
|
|
795
|
-
let [value, setValue] = $
|
|
796
|
-
let valueRef = $
|
|
794
|
+
if (!props.value && !defaultValue) defaultValue = $605819ebb1cf98c3$var$DEFAULT_COLOR;
|
|
795
|
+
let [value, setValue] = $5lTOm$reactstatelyutils.useControlledState($605819ebb1cf98c3$var$normalizeColor(props.value), $605819ebb1cf98c3$var$normalizeColor(defaultValue), onChange);
|
|
796
|
+
let valueRef = $5lTOm$react.useRef(value);
|
|
797
797
|
valueRef.current = value;
|
|
798
|
-
let [isDragging1, setDragging] = $
|
|
799
|
-
let isDraggingRef = $
|
|
798
|
+
let [isDragging1, setDragging] = $5lTOm$react.useState(false);
|
|
799
|
+
let isDraggingRef = $5lTOm$react.useRef(false).current;
|
|
800
800
|
let hue = value.getChannelValue('hue');
|
|
801
801
|
function setHue(v) {
|
|
802
802
|
if (v > 360) // Make sure you can always get back to 0.
|
|
803
803
|
v = 0;
|
|
804
|
-
v = $
|
|
804
|
+
v = $605819ebb1cf98c3$var$roundToStep($605819ebb1cf98c3$var$mod(v, 360), step);
|
|
805
805
|
if (hue !== v) {
|
|
806
806
|
let color = value.withChannelValue('hue', v);
|
|
807
807
|
valueRef.current = color;
|
|
@@ -811,17 +811,17 @@ function $f53da3b2ff4c3e81$export$f4301076d9336137(props) {
|
|
|
811
811
|
return {
|
|
812
812
|
value: value,
|
|
813
813
|
setValue (v) {
|
|
814
|
-
let color = $
|
|
814
|
+
let color = $605819ebb1cf98c3$var$normalizeColor(v);
|
|
815
815
|
valueRef.current = color;
|
|
816
816
|
setValue(color);
|
|
817
817
|
},
|
|
818
818
|
hue: hue,
|
|
819
819
|
setHue: setHue,
|
|
820
820
|
setHueFromPoint (x, y, radius) {
|
|
821
|
-
setHue($
|
|
821
|
+
setHue($605819ebb1cf98c3$var$cartesianToAngle(x, y, radius));
|
|
822
822
|
},
|
|
823
823
|
getThumbPosition (radius) {
|
|
824
|
-
return $
|
|
824
|
+
return $605819ebb1cf98c3$var$angleToCartesian(value.getChannelValue('hue'), radius);
|
|
825
825
|
},
|
|
826
826
|
increment (minStepSize = 0) {
|
|
827
827
|
let newValue = hue + Math.max(minStepSize, step);
|
|
@@ -833,7 +833,7 @@ function $f53da3b2ff4c3e81$export$f4301076d9336137(props) {
|
|
|
833
833
|
let s = Math.max(minStepSize, step);
|
|
834
834
|
if (hue === 0) // We can't just subtract step because this might be the case:
|
|
835
835
|
// |(previous step) - 0| < step size
|
|
836
|
-
setHue($
|
|
836
|
+
setHue($605819ebb1cf98c3$var$roundDown(360 / s) * s);
|
|
837
837
|
else setHue(hue - s);
|
|
838
838
|
},
|
|
839
839
|
setDragging (isDragging) {
|
|
@@ -850,16 +850,16 @@ function $f53da3b2ff4c3e81$export$f4301076d9336137(props) {
|
|
|
850
850
|
}
|
|
851
851
|
|
|
852
852
|
|
|
853
|
-
var $
|
|
853
|
+
var $53c8c8a3c8a0c7ca$exports = {};
|
|
854
854
|
|
|
855
|
-
$parcel$export($
|
|
855
|
+
$parcel$export($53c8c8a3c8a0c7ca$exports, "useColorFieldState", () => $53c8c8a3c8a0c7ca$export$d52a01683abdfcd6);
|
|
856
856
|
|
|
857
857
|
|
|
858
858
|
|
|
859
|
-
function $
|
|
860
|
-
return $
|
|
859
|
+
function $3721a75ad9e74048$export$5aadd9c0606af5c2(value) {
|
|
860
|
+
return $5lTOm$react.useMemo(()=>{
|
|
861
861
|
if (typeof value === 'string') try {
|
|
862
|
-
return $
|
|
862
|
+
return $412b05879b4e9a06$export$6e865ea70d7724f(value);
|
|
863
863
|
} catch (err) {
|
|
864
864
|
return undefined;
|
|
865
865
|
}
|
|
@@ -872,16 +872,16 @@ function $3c427f9909aed553$export$5aadd9c0606af5c2(value) {
|
|
|
872
872
|
|
|
873
873
|
|
|
874
874
|
|
|
875
|
-
const $
|
|
876
|
-
const $
|
|
877
|
-
const $
|
|
878
|
-
const $
|
|
879
|
-
function $
|
|
875
|
+
const $53c8c8a3c8a0c7ca$var$MIN_COLOR = $412b05879b4e9a06$export$6e865ea70d7724f('#000000');
|
|
876
|
+
const $53c8c8a3c8a0c7ca$var$MAX_COLOR = $412b05879b4e9a06$export$6e865ea70d7724f('#FFFFFF');
|
|
877
|
+
const $53c8c8a3c8a0c7ca$var$MIN_COLOR_INT = $53c8c8a3c8a0c7ca$var$MIN_COLOR.toHexInt();
|
|
878
|
+
const $53c8c8a3c8a0c7ca$var$MAX_COLOR_INT = $53c8c8a3c8a0c7ca$var$MAX_COLOR.toHexInt();
|
|
879
|
+
function $53c8c8a3c8a0c7ca$export$d52a01683abdfcd6(props) {
|
|
880
880
|
let { step: step = 1 , value: value1 , defaultValue: defaultValue , onChange: onChange } = props;
|
|
881
|
-
let initialValue = $
|
|
882
|
-
let initialDefaultValue = $
|
|
883
|
-
let [colorValue, setColorValue] = $
|
|
884
|
-
let [inputValue, setInputValue] = $
|
|
881
|
+
let initialValue = $3721a75ad9e74048$export$5aadd9c0606af5c2(value1);
|
|
882
|
+
let initialDefaultValue = $3721a75ad9e74048$export$5aadd9c0606af5c2(defaultValue);
|
|
883
|
+
let [colorValue, setColorValue] = $5lTOm$reactstatelyutils.useControlledState(initialValue, initialDefaultValue, onChange);
|
|
884
|
+
let [inputValue, setInputValue] = $5lTOm$react.useState(()=>(value1 || defaultValue) && colorValue ? colorValue.toString('hex') : ''
|
|
885
885
|
);
|
|
886
886
|
let safelySetColorValue = (newColor)=>{
|
|
887
887
|
if (!colorValue || !newColor) {
|
|
@@ -893,25 +893,25 @@ function $8c5e78f2d9277f5b$export$d52a01683abdfcd6(props) {
|
|
|
893
893
|
return;
|
|
894
894
|
}
|
|
895
895
|
};
|
|
896
|
-
$
|
|
896
|
+
$5lTOm$react.useEffect(()=>{
|
|
897
897
|
setInputValue(colorValue ? colorValue.toString('hex') : '');
|
|
898
898
|
}, [
|
|
899
899
|
colorValue,
|
|
900
900
|
setInputValue
|
|
901
901
|
]);
|
|
902
|
-
let parsedValue = $
|
|
902
|
+
let parsedValue = $5lTOm$react.useMemo(()=>{
|
|
903
903
|
let color;
|
|
904
904
|
try {
|
|
905
|
-
color = $
|
|
905
|
+
color = $412b05879b4e9a06$export$6e865ea70d7724f(inputValue.startsWith('#') ? inputValue : `#${inputValue}`);
|
|
906
906
|
} catch (err) {
|
|
907
907
|
color = null;
|
|
908
908
|
}
|
|
909
909
|
return color;
|
|
910
910
|
}, [
|
|
911
|
-
$
|
|
911
|
+
$412b05879b4e9a06$export$6e865ea70d7724f,
|
|
912
912
|
inputValue
|
|
913
913
|
]);
|
|
914
|
-
let parsed = $
|
|
914
|
+
let parsed = $5lTOm$react.useRef(null);
|
|
915
915
|
parsed.current = parsedValue;
|
|
916
916
|
let commit = ()=>{
|
|
917
917
|
// Set to empty state if input value is empty
|
|
@@ -932,7 +932,7 @@ function $8c5e78f2d9277f5b$export$d52a01683abdfcd6(props) {
|
|
|
932
932
|
setInputValue(newColorValue);
|
|
933
933
|
};
|
|
934
934
|
let increment = ()=>{
|
|
935
|
-
let newValue = $
|
|
935
|
+
let newValue = $53c8c8a3c8a0c7ca$var$addColorValue(parsed.current, step);
|
|
936
936
|
// if we've arrived at the same value that was previously in the state, the
|
|
937
937
|
// input value should be updated to match
|
|
938
938
|
// ex type 4, press increment, highlight the number in the input, type 4 again, press increment
|
|
@@ -941,7 +941,7 @@ function $8c5e78f2d9277f5b$export$d52a01683abdfcd6(props) {
|
|
|
941
941
|
safelySetColorValue(newValue);
|
|
942
942
|
};
|
|
943
943
|
let decrement = ()=>{
|
|
944
|
-
let newValue = $
|
|
944
|
+
let newValue = $53c8c8a3c8a0c7ca$var$addColorValue(parsed.current, -step);
|
|
945
945
|
// if we've arrived at the same value that was previously in the state, the
|
|
946
946
|
// input value should be updated to match
|
|
947
947
|
// ex type 4, press increment, highlight the number in the input, type 4 again, press increment
|
|
@@ -949,9 +949,9 @@ function $8c5e78f2d9277f5b$export$d52a01683abdfcd6(props) {
|
|
|
949
949
|
if (newValue === colorValue) setInputValue(newValue.toString('hex'));
|
|
950
950
|
safelySetColorValue(newValue);
|
|
951
951
|
};
|
|
952
|
-
let incrementToMax = ()=>safelySetColorValue($
|
|
952
|
+
let incrementToMax = ()=>safelySetColorValue($53c8c8a3c8a0c7ca$var$MAX_COLOR)
|
|
953
953
|
;
|
|
954
|
-
let decrementToMin = ()=>safelySetColorValue($
|
|
954
|
+
let decrementToMin = ()=>safelySetColorValue($53c8c8a3c8a0c7ca$var$MIN_COLOR)
|
|
955
955
|
;
|
|
956
956
|
let validate = (value)=>value === '' || !!value.match(/^#?[0-9a-f]{0,6}$/i)?.[0]
|
|
957
957
|
;
|
|
@@ -967,22 +967,22 @@ function $8c5e78f2d9277f5b$export$d52a01683abdfcd6(props) {
|
|
|
967
967
|
decrementToMin: decrementToMin
|
|
968
968
|
};
|
|
969
969
|
}
|
|
970
|
-
function $
|
|
971
|
-
let newColor = color ? color : $
|
|
970
|
+
function $53c8c8a3c8a0c7ca$var$addColorValue(color, step) {
|
|
971
|
+
let newColor = color ? color : $53c8c8a3c8a0c7ca$var$MIN_COLOR;
|
|
972
972
|
let colorInt = newColor.toHexInt();
|
|
973
|
-
let clampInt = Math.min(Math.max(colorInt + step, $
|
|
973
|
+
let clampInt = Math.min(Math.max(colorInt + step, $53c8c8a3c8a0c7ca$var$MIN_COLOR_INT), $53c8c8a3c8a0c7ca$var$MAX_COLOR_INT);
|
|
974
974
|
if (clampInt !== colorInt) {
|
|
975
975
|
let newColorString = `#${clampInt.toString(16).padStart(6, '0').toUpperCase()}`;
|
|
976
|
-
newColor = $
|
|
976
|
+
newColor = $412b05879b4e9a06$export$6e865ea70d7724f(newColorString);
|
|
977
977
|
}
|
|
978
978
|
return newColor;
|
|
979
979
|
}
|
|
980
980
|
|
|
981
981
|
|
|
982
|
-
$parcel$exportWildcard(module.exports, $
|
|
983
|
-
$parcel$exportWildcard(module.exports, $
|
|
984
|
-
$parcel$exportWildcard(module.exports, $
|
|
985
|
-
$parcel$exportWildcard(module.exports, $
|
|
982
|
+
$parcel$exportWildcard(module.exports, $412b05879b4e9a06$exports);
|
|
983
|
+
$parcel$exportWildcard(module.exports, $164fc04cbb06c959$exports);
|
|
984
|
+
$parcel$exportWildcard(module.exports, $605819ebb1cf98c3$exports);
|
|
985
|
+
$parcel$exportWildcard(module.exports, $53c8c8a3c8a0c7ca$exports);
|
|
986
986
|
|
|
987
987
|
|
|
988
988
|
//# sourceMappingURL=main.js.map
|