@react-stately/color 3.0.0-nightly.3091 → 3.0.0-nightly.3113
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 +245 -240
- package/dist/main.js.map +1 -1
- package/dist/module.js +242 -237
- package/dist/module.js.map +1 -1
- 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 $4tN2K$reactstatelyutils = require("@react-stately/utils");
|
|
2
|
+
var $4tN2K$internationalizedmessage = require("@internationalized/message");
|
|
3
|
+
var $4tN2K$internationalizednumber = require("@internationalized/number");
|
|
4
|
+
var $4tN2K$reactstatelyslider = require("@react-stately/slider");
|
|
5
|
+
var $4tN2K$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 $83fe1a57d631223b$exports = {};
|
|
30
30
|
|
|
31
|
-
$parcel$export($
|
|
31
|
+
$parcel$export($83fe1a57d631223b$exports, "parseColor", () => $83fe1a57d631223b$export$6e865ea70d7724f);
|
|
32
32
|
|
|
33
|
-
var $
|
|
34
|
-
var $
|
|
35
|
-
$
|
|
33
|
+
var $c0b600cf8eafdee9$exports = {};
|
|
34
|
+
var $b044e7150534af04$exports = {};
|
|
35
|
+
$b044e7150534af04$exports = JSON.parse("{\"alpha\":\"ألفا\",\"blue\":\"أزرق\",\"brightness\":\"السطوع\",\"green\":\"أخضر\",\"hue\":\"درجة اللون\",\"lightness\":\"الإضاءة\",\"red\":\"أحمر\",\"saturation\":\"التشبع\"}");
|
|
36
36
|
|
|
37
37
|
|
|
38
|
-
var $
|
|
39
|
-
$
|
|
38
|
+
var $c8bf89547a4a9b3f$exports = {};
|
|
39
|
+
$c8bf89547a4a9b3f$exports = JSON.parse("{\"alpha\":\"Алфа\",\"blue\":\"Синьо\",\"brightness\":\"Яркост\",\"green\":\"Зелено\",\"hue\":\"Оттенък\",\"lightness\":\"Лекота\",\"red\":\"Червено\",\"saturation\":\"Наситеност\"}");
|
|
40
40
|
|
|
41
41
|
|
|
42
|
-
var $
|
|
43
|
-
$
|
|
42
|
+
var $8365d8dfc7e4c985$exports = {};
|
|
43
|
+
$8365d8dfc7e4c985$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 $8d95eeaa73699e56$exports = {};
|
|
47
|
+
$8d95eeaa73699e56$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 $2dbbd166053d6d10$exports = {};
|
|
51
|
+
$2dbbd166053d6d10$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 $1fcbdf9eaf6cc074$exports = {};
|
|
55
|
+
$1fcbdf9eaf6cc074$exports = JSON.parse("{\"alpha\":\"Άλφα\",\"blue\":\"Μπλε\",\"brightness\":\"Φωτεινότητα\",\"green\":\"Πράσινο\",\"hue\":\"Τόνος\",\"lightness\":\"Φωτεινότητα\",\"red\":\"Κόκκινο\",\"saturation\":\"Κορεσμός\"}");
|
|
56
56
|
|
|
57
57
|
|
|
58
|
-
var $
|
|
59
|
-
$
|
|
58
|
+
var $42d54be461715959$exports = {};
|
|
59
|
+
$42d54be461715959$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 $911646bd5662c33d$exports = {};
|
|
63
|
+
$911646bd5662c33d$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 $6e8998796901e680$exports = {};
|
|
67
|
+
$6e8998796901e680$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 $4503b4001036be6d$exports = {};
|
|
71
|
+
$4503b4001036be6d$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 $721e7016769a7a7f$exports = {};
|
|
75
|
+
$721e7016769a7a7f$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 $dcc290e5792f9bab$exports = {};
|
|
79
|
+
$dcc290e5792f9bab$exports = JSON.parse("{\"alpha\":\"אלפא\",\"blue\":\"כחול\",\"brightness\":\"בהירות\",\"green\":\"ירוק\",\"hue\":\"גוון\",\"lightness\":\"כמות אור\",\"red\":\"אדום\",\"saturation\":\"רוויה\"}");
|
|
80
80
|
|
|
81
81
|
|
|
82
|
-
var $
|
|
83
|
-
$
|
|
82
|
+
var $d93d5aebdd12334c$exports = {};
|
|
83
|
+
$d93d5aebdd12334c$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 $a3749e0ee87dbebc$exports = {};
|
|
87
|
+
$a3749e0ee87dbebc$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 $2fdb931b6c9652b9$exports = {};
|
|
91
|
+
$2fdb931b6c9652b9$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 $219c839b59015b4f$exports = {};
|
|
95
|
+
$219c839b59015b4f$exports = JSON.parse("{\"alpha\":\"アルファ\",\"blue\":\"青\",\"brightness\":\"明るさ\",\"green\":\"緑\",\"hue\":\"色相\",\"lightness\":\"明度\",\"red\":\"赤\",\"saturation\":\"彩度\"}");
|
|
96
96
|
|
|
97
97
|
|
|
98
|
-
var $
|
|
99
|
-
$
|
|
98
|
+
var $b7f67f414086d976$exports = {};
|
|
99
|
+
$b7f67f414086d976$exports = JSON.parse("{\"alpha\":\"알파\",\"blue\":\"파랑\",\"brightness\":\"명도\",\"green\":\"초록\",\"hue\":\"색조\",\"lightness\":\"밝기\",\"red\":\"빨강\",\"saturation\":\"채도\"}");
|
|
100
100
|
|
|
101
101
|
|
|
102
|
-
var $
|
|
103
|
-
$
|
|
102
|
+
var $f27b2ac7d517417c$exports = {};
|
|
103
|
+
$f27b2ac7d517417c$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 $e92168db3cbe2797$exports = {};
|
|
107
|
+
$e92168db3cbe2797$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 $44b012e02982e825$exports = {};
|
|
111
|
+
$44b012e02982e825$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 $64fbd91459613d8b$exports = {};
|
|
115
|
+
$64fbd91459613d8b$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 $83fabdc4e0df6af9$exports = {};
|
|
119
|
+
$83fabdc4e0df6af9$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 $30b915257fa66ccf$exports = {};
|
|
123
|
+
$30b915257fa66ccf$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 $ce75e45ccbc92491$exports = {};
|
|
127
|
+
$ce75e45ccbc92491$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 $225440ee53a1fecd$exports = {};
|
|
131
|
+
$225440ee53a1fecd$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 $cbc60c1dd4e689ff$exports = {};
|
|
135
|
+
$cbc60c1dd4e689ff$exports = JSON.parse("{\"alpha\":\"Альфа\",\"blue\":\"Синий\",\"brightness\":\"Яркость\",\"green\":\"Зеленый\",\"hue\":\"Оттенок\",\"lightness\":\"Освещенность\",\"red\":\"Красный\",\"saturation\":\"Насыщенность\"}");
|
|
136
136
|
|
|
137
137
|
|
|
138
|
-
var $
|
|
139
|
-
$
|
|
138
|
+
var $8612080ab5efe0cf$exports = {};
|
|
139
|
+
$8612080ab5efe0cf$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 $99cc034ddd2b7d86$exports = {};
|
|
143
|
+
$99cc034ddd2b7d86$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 $dc671800d61be83e$exports = {};
|
|
147
|
+
$dc671800d61be83e$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 $0f4790e2f696e63f$exports = {};
|
|
151
|
+
$0f4790e2f696e63f$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 $deb5f82eb1998a3c$exports = {};
|
|
155
|
+
$deb5f82eb1998a3c$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 $99530e1782ca02cc$exports = {};
|
|
159
|
+
$99530e1782ca02cc$exports = JSON.parse("{\"alpha\":\"Альфа\",\"blue\":\"Синій\",\"brightness\":\"Яскравість\",\"green\":\"Зелений\",\"hue\":\"Тон\",\"lightness\":\"Освітленість\",\"red\":\"Червоний\",\"saturation\":\"Насиченість\"}");
|
|
160
160
|
|
|
161
161
|
|
|
162
|
-
var $
|
|
163
|
-
$
|
|
162
|
+
var $a6e8f490b423d65e$exports = {};
|
|
163
|
+
$a6e8f490b423d65e$exports = JSON.parse("{\"alpha\":\"Alpha\",\"blue\":\"蓝色\",\"brightness\":\"亮度\",\"green\":\"绿色\",\"hue\":\"色相\",\"lightness\":\"明亮度\",\"red\":\"红色\",\"saturation\":\"饱和度\"}");
|
|
164
164
|
|
|
165
165
|
|
|
166
|
-
var $
|
|
167
|
-
$
|
|
166
|
+
var $eba443dcc93cab9a$exports = {};
|
|
167
|
+
$eba443dcc93cab9a$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
|
+
$c0b600cf8eafdee9$exports = {
|
|
171
|
+
"ar-AE": $b044e7150534af04$exports,
|
|
172
|
+
"bg-BG": $c8bf89547a4a9b3f$exports,
|
|
173
|
+
"cs-CZ": $8365d8dfc7e4c985$exports,
|
|
174
|
+
"da-DK": $8d95eeaa73699e56$exports,
|
|
175
|
+
"de-DE": $2dbbd166053d6d10$exports,
|
|
176
|
+
"el-GR": $1fcbdf9eaf6cc074$exports,
|
|
177
|
+
"en-US": $42d54be461715959$exports,
|
|
178
|
+
"es-ES": $911646bd5662c33d$exports,
|
|
179
|
+
"et-EE": $6e8998796901e680$exports,
|
|
180
|
+
"fi-FI": $4503b4001036be6d$exports,
|
|
181
|
+
"fr-FR": $721e7016769a7a7f$exports,
|
|
182
|
+
"he-IL": $dcc290e5792f9bab$exports,
|
|
183
|
+
"hr-HR": $d93d5aebdd12334c$exports,
|
|
184
|
+
"hu-HU": $a3749e0ee87dbebc$exports,
|
|
185
|
+
"it-IT": $2fdb931b6c9652b9$exports,
|
|
186
|
+
"ja-JP": $219c839b59015b4f$exports,
|
|
187
|
+
"ko-KR": $b7f67f414086d976$exports,
|
|
188
|
+
"lt-LT": $f27b2ac7d517417c$exports,
|
|
189
|
+
"lv-LV": $e92168db3cbe2797$exports,
|
|
190
|
+
"nb-NO": $44b012e02982e825$exports,
|
|
191
|
+
"nl-NL": $64fbd91459613d8b$exports,
|
|
192
|
+
"pl-PL": $83fabdc4e0df6af9$exports,
|
|
193
|
+
"pt-BR": $30b915257fa66ccf$exports,
|
|
194
|
+
"pt-PT": $ce75e45ccbc92491$exports,
|
|
195
|
+
"ro-RO": $225440ee53a1fecd$exports,
|
|
196
|
+
"ru-RU": $cbc60c1dd4e689ff$exports,
|
|
197
|
+
"sk-SK": $8612080ab5efe0cf$exports,
|
|
198
|
+
"sl-SI": $99cc034ddd2b7d86$exports,
|
|
199
|
+
"sr-SP": $dc671800d61be83e$exports,
|
|
200
|
+
"sv-SE": $0f4790e2f696e63f$exports,
|
|
201
|
+
"tr-TR": $deb5f82eb1998a3c$exports,
|
|
202
|
+
"uk-UA": $99530e1782ca02cc$exports,
|
|
203
|
+
"zh-CN": $a6e8f490b423d65e$exports,
|
|
204
|
+
"zh-TW": $eba443dcc93cab9a$exports
|
|
205
205
|
};
|
|
206
206
|
|
|
207
207
|
|
|
208
208
|
|
|
209
209
|
|
|
210
|
-
const $
|
|
211
|
-
function $
|
|
212
|
-
let res = $
|
|
210
|
+
const $83fe1a57d631223b$var$messages = new $4tN2K$internationalizedmessage.MessageDictionary((/*@__PURE__*/$parcel$interopDefault($c0b600cf8eafdee9$exports)));
|
|
211
|
+
function $83fe1a57d631223b$export$6e865ea70d7724f(value) {
|
|
212
|
+
let res = $83fe1a57d631223b$var$RGBColor.parse(value) || $83fe1a57d631223b$var$HSBColor.parse(value) || $83fe1a57d631223b$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 $83fe1a57d631223b$var$Color {
|
|
217
217
|
toHexInt() {
|
|
218
218
|
return this.toFormat('rgb').toHexInt();
|
|
219
219
|
}
|
|
@@ -230,42 +230,36 @@ class $412b05879b4e9a06$var$Color {
|
|
|
230
230
|
throw new Error('Unsupported color channel: ' + channel);
|
|
231
231
|
}
|
|
232
232
|
getChannelName(channel, locale) {
|
|
233
|
-
return $
|
|
233
|
+
return $83fe1a57d631223b$var$messages.getStringForLocale(channel, locale);
|
|
234
234
|
}
|
|
235
235
|
}
|
|
236
|
-
const $
|
|
236
|
+
const $83fe1a57d631223b$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 $
|
|
243
|
-
constructor(red, green, blue, alpha){
|
|
244
|
-
super();
|
|
245
|
-
this.red = red;
|
|
246
|
-
this.green = green;
|
|
247
|
-
this.blue = blue;
|
|
248
|
-
this.alpha = alpha;
|
|
249
|
-
}
|
|
241
|
+
const $83fe1a57d631223b$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 $83fe1a57d631223b$var$RGBColor extends $83fe1a57d631223b$var$Color {
|
|
250
243
|
static parse(value) {
|
|
251
244
|
let m;
|
|
252
|
-
if (m = value.match($
|
|
245
|
+
if (m = value.match($83fe1a57d631223b$var$HEX_REGEX)) {
|
|
253
246
|
if (m[1]) {
|
|
254
247
|
let r = parseInt(m[1][0] + m[1][0], 16);
|
|
255
248
|
let g = parseInt(m[1][1] + m[1][1], 16);
|
|
256
249
|
let b = parseInt(m[1][2] + m[1][2], 16);
|
|
257
|
-
return new $
|
|
250
|
+
return new $83fe1a57d631223b$var$RGBColor(r, g, b, 1);
|
|
258
251
|
} else if (m[2]) {
|
|
259
252
|
let r = parseInt(m[2][0] + m[2][1], 16);
|
|
260
253
|
let g = parseInt(m[2][2] + m[2][3], 16);
|
|
261
254
|
let b = parseInt(m[2][4] + m[2][5], 16);
|
|
262
|
-
return new $
|
|
255
|
+
return new $83fe1a57d631223b$var$RGBColor(r, g, b, 1);
|
|
263
256
|
}
|
|
264
257
|
}
|
|
265
|
-
if (m = value.match($
|
|
266
|
-
|
|
258
|
+
if (m = value.match($83fe1a57d631223b$var$RGB_REGEX)) {
|
|
259
|
+
var ref;
|
|
260
|
+
const [r, g, b, a] = ((ref = m[1]) !== null && ref !== void 0 ? ref : m[2]).split(',').map((n)=>Number(n.trim())
|
|
267
261
|
);
|
|
268
|
-
return new $
|
|
262
|
+
return new $83fe1a57d631223b$var$RGBColor($4tN2K$reactstatelyutils.clamp(r, 0, 255), $4tN2K$reactstatelyutils.clamp(g, 0, 255), $4tN2K$reactstatelyutils.clamp(b, 0, 255), $4tN2K$reactstatelyutils.clamp(a !== null && a !== void 0 ? a : 1, 0, 1));
|
|
269
263
|
}
|
|
270
264
|
}
|
|
271
265
|
toString(format) {
|
|
@@ -330,7 +324,7 @@ class $412b05879b4e9a06$var$RGBColor extends $412b05879b4e9a06$var$Color {
|
|
|
330
324
|
}
|
|
331
325
|
hue /= 6;
|
|
332
326
|
}
|
|
333
|
-
return new $
|
|
327
|
+
return new $83fe1a57d631223b$var$HSBColor($4tN2K$reactstatelyutils.toFixedNumber(hue * 360, 2), $4tN2K$reactstatelyutils.toFixedNumber(saturation * 100, 2), $4tN2K$reactstatelyutils.toFixedNumber(brightness * 100, 2), this.alpha);
|
|
334
328
|
}
|
|
335
329
|
/**
|
|
336
330
|
* Converts an RGB color value to HSL.
|
|
@@ -362,10 +356,10 @@ class $412b05879b4e9a06$var$RGBColor extends $412b05879b4e9a06$var$Color {
|
|
|
362
356
|
}
|
|
363
357
|
hue /= 6;
|
|
364
358
|
}
|
|
365
|
-
return new $
|
|
359
|
+
return new $83fe1a57d631223b$var$HSLColor($4tN2K$reactstatelyutils.toFixedNumber(hue * 360, 2), $4tN2K$reactstatelyutils.toFixedNumber(saturation * 100, 2), $4tN2K$reactstatelyutils.toFixedNumber(lightness * 100, 2), this.alpha);
|
|
366
360
|
}
|
|
367
361
|
clone() {
|
|
368
|
-
return new $
|
|
362
|
+
return new $83fe1a57d631223b$var$RGBColor(this.red, this.green, this.blue, this.alpha);
|
|
369
363
|
}
|
|
370
364
|
getChannelRange(channel) {
|
|
371
365
|
switch(channel){
|
|
@@ -406,31 +400,32 @@ class $412b05879b4e9a06$var$RGBColor extends $412b05879b4e9a06$var$Color {
|
|
|
406
400
|
default:
|
|
407
401
|
throw new Error('Unknown color channel: ' + channel);
|
|
408
402
|
}
|
|
409
|
-
return new $
|
|
403
|
+
return new $4tN2K$internationalizednumber.NumberFormatter(locale, options).format(value);
|
|
410
404
|
}
|
|
411
405
|
getColorSpace() {
|
|
412
406
|
return 'rgb';
|
|
413
407
|
}
|
|
408
|
+
constructor(red, green, blue, alpha){
|
|
409
|
+
super();
|
|
410
|
+
this.red = red;
|
|
411
|
+
this.green = green;
|
|
412
|
+
this.blue = blue;
|
|
413
|
+
this.alpha = alpha;
|
|
414
|
+
}
|
|
414
415
|
}
|
|
415
416
|
// X = <negative/positive number with/without decimal places>
|
|
416
417
|
// before/after a comma, 0 or more whitespaces are allowed
|
|
417
418
|
// - hsb(X, X%, X%)
|
|
418
419
|
// - hsba(X, X%, X%, X)
|
|
419
|
-
const $
|
|
420
|
-
class $
|
|
421
|
-
constructor(hue, saturation, brightness, alpha){
|
|
422
|
-
super();
|
|
423
|
-
this.hue = hue;
|
|
424
|
-
this.saturation = saturation;
|
|
425
|
-
this.brightness = brightness;
|
|
426
|
-
this.alpha = alpha;
|
|
427
|
-
}
|
|
420
|
+
const $83fe1a57d631223b$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+)?)\)/;
|
|
421
|
+
class $83fe1a57d631223b$var$HSBColor extends $83fe1a57d631223b$var$Color {
|
|
428
422
|
static parse(value) {
|
|
429
423
|
let m;
|
|
430
|
-
if (m = value.match($
|
|
431
|
-
|
|
424
|
+
if (m = value.match($83fe1a57d631223b$var$HSB_REGEX)) {
|
|
425
|
+
var ref;
|
|
426
|
+
const [h, s, b, a] = ((ref = m[1]) !== null && ref !== void 0 ? ref : m[2]).split(',').map((n)=>Number(n.trim().replace('%', ''))
|
|
432
427
|
);
|
|
433
|
-
return new $
|
|
428
|
+
return new $83fe1a57d631223b$var$HSBColor($83fe1a57d631223b$var$mod(h, 360), $4tN2K$reactstatelyutils.clamp(s, 0, 100), $4tN2K$reactstatelyutils.clamp(b, 0, 100), $4tN2K$reactstatelyutils.clamp(a !== null && a !== void 0 ? a : 1, 0, 1));
|
|
434
429
|
}
|
|
435
430
|
}
|
|
436
431
|
toString(format) {
|
|
@@ -442,9 +437,9 @@ class $412b05879b4e9a06$var$HSBColor extends $412b05879b4e9a06$var$Color {
|
|
|
442
437
|
case 'hexa':
|
|
443
438
|
return this.toRGB().toString('hexa');
|
|
444
439
|
case 'hsb':
|
|
445
|
-
return `hsb(${this.hue}, ${$
|
|
440
|
+
return `hsb(${this.hue}, ${$4tN2K$reactstatelyutils.toFixedNumber(this.saturation, 2)}%, ${$4tN2K$reactstatelyutils.toFixedNumber(this.brightness, 2)}%)`;
|
|
446
441
|
case 'hsba':
|
|
447
|
-
return `hsba(${this.hue}, ${$
|
|
442
|
+
return `hsba(${this.hue}, ${$4tN2K$reactstatelyutils.toFixedNumber(this.saturation, 2)}%, ${$4tN2K$reactstatelyutils.toFixedNumber(this.brightness, 2)}%, ${this.alpha})`;
|
|
448
443
|
default:
|
|
449
444
|
return this.toFormat(format).toString(format);
|
|
450
445
|
}
|
|
@@ -473,7 +468,7 @@ class $412b05879b4e9a06$var$HSBColor extends $412b05879b4e9a06$var$Color {
|
|
|
473
468
|
let brightness = this.brightness / 100;
|
|
474
469
|
let lightness = brightness * (1 - saturation / 2);
|
|
475
470
|
saturation = lightness === 0 || lightness === 1 ? 0 : (brightness - lightness) / Math.min(lightness, 1 - lightness);
|
|
476
|
-
return new $
|
|
471
|
+
return new $83fe1a57d631223b$var$HSLColor($4tN2K$reactstatelyutils.toFixedNumber(this.hue, 2), $4tN2K$reactstatelyutils.toFixedNumber(saturation * 100, 2), $4tN2K$reactstatelyutils.toFixedNumber(lightness * 100, 2), this.alpha);
|
|
477
472
|
}
|
|
478
473
|
/**
|
|
479
474
|
* Converts a HSV color value to RGB.
|
|
@@ -485,10 +480,10 @@ class $412b05879b4e9a06$var$HSBColor extends $412b05879b4e9a06$var$Color {
|
|
|
485
480
|
let brightness = this.brightness / 100;
|
|
486
481
|
let fn = (n, k = (n + hue / 60) % 6)=>brightness - saturation * brightness * Math.max(Math.min(k, 4 - k, 1), 0)
|
|
487
482
|
;
|
|
488
|
-
return new $
|
|
483
|
+
return new $83fe1a57d631223b$var$RGBColor(Math.round(fn(5) * 255), Math.round(fn(3) * 255), Math.round(fn(1) * 255), this.alpha);
|
|
489
484
|
}
|
|
490
485
|
clone() {
|
|
491
|
-
return new $
|
|
486
|
+
return new $83fe1a57d631223b$var$HSBColor(this.hue, this.saturation, this.brightness, this.alpha);
|
|
492
487
|
}
|
|
493
488
|
getChannelRange(channel) {
|
|
494
489
|
switch(channel){
|
|
@@ -541,34 +536,35 @@ class $412b05879b4e9a06$var$HSBColor extends $412b05879b4e9a06$var$Color {
|
|
|
541
536
|
default:
|
|
542
537
|
throw new Error('Unknown color channel: ' + channel);
|
|
543
538
|
}
|
|
544
|
-
return new $
|
|
539
|
+
return new $4tN2K$internationalizednumber.NumberFormatter(locale, options).format(value);
|
|
545
540
|
}
|
|
546
541
|
getColorSpace() {
|
|
547
542
|
return 'hsb';
|
|
548
543
|
}
|
|
544
|
+
constructor(hue, saturation, brightness, alpha){
|
|
545
|
+
super();
|
|
546
|
+
this.hue = hue;
|
|
547
|
+
this.saturation = saturation;
|
|
548
|
+
this.brightness = brightness;
|
|
549
|
+
this.alpha = alpha;
|
|
550
|
+
}
|
|
549
551
|
}
|
|
550
552
|
// X = <negative/positive number with/without decimal places>
|
|
551
553
|
// before/after a comma, 0 or more whitespaces are allowed
|
|
552
554
|
// - hsl(X, X%, X%)
|
|
553
555
|
// - hsla(X, X%, X%, X)
|
|
554
|
-
const $
|
|
555
|
-
function $
|
|
556
|
+
const $83fe1a57d631223b$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+)?)\)/;
|
|
557
|
+
function $83fe1a57d631223b$var$mod(n, m) {
|
|
556
558
|
return (n % m + m) % m;
|
|
557
559
|
}
|
|
558
|
-
class $
|
|
559
|
-
constructor(hue, saturation, lightness, alpha){
|
|
560
|
-
super();
|
|
561
|
-
this.hue = hue;
|
|
562
|
-
this.saturation = saturation;
|
|
563
|
-
this.lightness = lightness;
|
|
564
|
-
this.alpha = alpha;
|
|
565
|
-
}
|
|
560
|
+
class $83fe1a57d631223b$var$HSLColor extends $83fe1a57d631223b$var$Color {
|
|
566
561
|
static parse(value) {
|
|
567
562
|
let m;
|
|
568
|
-
if (m = value.match($
|
|
569
|
-
|
|
563
|
+
if (m = value.match($83fe1a57d631223b$var$HSL_REGEX)) {
|
|
564
|
+
var ref;
|
|
565
|
+
const [h, s, l, a] = ((ref = m[1]) !== null && ref !== void 0 ? ref : m[2]).split(',').map((n)=>Number(n.trim().replace('%', ''))
|
|
570
566
|
);
|
|
571
|
-
return new $
|
|
567
|
+
return new $83fe1a57d631223b$var$HSLColor($83fe1a57d631223b$var$mod(h, 360), $4tN2K$reactstatelyutils.clamp(s, 0, 100), $4tN2K$reactstatelyutils.clamp(l, 0, 100), $4tN2K$reactstatelyutils.clamp(a !== null && a !== void 0 ? a : 1, 0, 1));
|
|
572
568
|
}
|
|
573
569
|
}
|
|
574
570
|
toString(format) {
|
|
@@ -578,10 +574,10 @@ class $412b05879b4e9a06$var$HSLColor extends $412b05879b4e9a06$var$Color {
|
|
|
578
574
|
case 'hexa':
|
|
579
575
|
return this.toRGB().toString('hexa');
|
|
580
576
|
case 'hsl':
|
|
581
|
-
return `hsl(${this.hue}, ${$
|
|
577
|
+
return `hsl(${this.hue}, ${$4tN2K$reactstatelyutils.toFixedNumber(this.saturation, 2)}%, ${$4tN2K$reactstatelyutils.toFixedNumber(this.lightness, 2)}%)`;
|
|
582
578
|
case 'css':
|
|
583
579
|
case 'hsla':
|
|
584
|
-
return `hsla(${this.hue}, ${$
|
|
580
|
+
return `hsla(${this.hue}, ${$4tN2K$reactstatelyutils.toFixedNumber(this.saturation, 2)}%, ${$4tN2K$reactstatelyutils.toFixedNumber(this.lightness, 2)}%, ${this.alpha})`;
|
|
585
581
|
default:
|
|
586
582
|
return this.toFormat(format).toString(format);
|
|
587
583
|
}
|
|
@@ -610,7 +606,7 @@ class $412b05879b4e9a06$var$HSLColor extends $412b05879b4e9a06$var$Color {
|
|
|
610
606
|
let lightness = this.lightness / 100;
|
|
611
607
|
let brightness = lightness + saturation * Math.min(lightness, 1 - lightness);
|
|
612
608
|
saturation = brightness === 0 ? 0 : 2 * (1 - lightness / brightness);
|
|
613
|
-
return new $
|
|
609
|
+
return new $83fe1a57d631223b$var$HSBColor($4tN2K$reactstatelyutils.toFixedNumber(this.hue, 2), $4tN2K$reactstatelyutils.toFixedNumber(saturation * 100, 2), $4tN2K$reactstatelyutils.toFixedNumber(brightness * 100, 2), this.alpha);
|
|
614
610
|
}
|
|
615
611
|
/**
|
|
616
612
|
* Converts a HSL color to RGB.
|
|
@@ -623,10 +619,10 @@ class $412b05879b4e9a06$var$HSLColor extends $412b05879b4e9a06$var$Color {
|
|
|
623
619
|
let a = saturation * Math.min(lightness, 1 - lightness);
|
|
624
620
|
let fn = (n, k = (n + hue / 30) % 12)=>lightness - a * Math.max(Math.min(k - 3, 9 - k, 1), -1)
|
|
625
621
|
;
|
|
626
|
-
return new $
|
|
622
|
+
return new $83fe1a57d631223b$var$RGBColor(Math.round(fn(0) * 255), Math.round(fn(8) * 255), Math.round(fn(4) * 255), this.alpha);
|
|
627
623
|
}
|
|
628
624
|
clone() {
|
|
629
|
-
return new $
|
|
625
|
+
return new $83fe1a57d631223b$var$HSLColor(this.hue, this.saturation, this.lightness, this.alpha);
|
|
630
626
|
}
|
|
631
627
|
getChannelRange(channel) {
|
|
632
628
|
switch(channel){
|
|
@@ -679,29 +675,36 @@ class $412b05879b4e9a06$var$HSLColor extends $412b05879b4e9a06$var$Color {
|
|
|
679
675
|
default:
|
|
680
676
|
throw new Error('Unknown color channel: ' + channel);
|
|
681
677
|
}
|
|
682
|
-
return new $
|
|
678
|
+
return new $4tN2K$internationalizednumber.NumberFormatter(locale, options).format(value);
|
|
683
679
|
}
|
|
684
680
|
getColorSpace() {
|
|
685
681
|
return 'hsl';
|
|
686
682
|
}
|
|
683
|
+
constructor(hue, saturation, lightness, alpha){
|
|
684
|
+
super();
|
|
685
|
+
this.hue = hue;
|
|
686
|
+
this.saturation = saturation;
|
|
687
|
+
this.lightness = lightness;
|
|
688
|
+
this.alpha = alpha;
|
|
689
|
+
}
|
|
687
690
|
}
|
|
688
691
|
|
|
689
692
|
|
|
690
|
-
var $
|
|
693
|
+
var $5386a492cfd3234c$exports = {};
|
|
691
694
|
|
|
692
|
-
$parcel$export($
|
|
695
|
+
$parcel$export($5386a492cfd3234c$exports, "useColorSliderState", () => $5386a492cfd3234c$export$57bc203e1c9c6d44);
|
|
693
696
|
|
|
694
697
|
|
|
695
698
|
|
|
696
|
-
function $
|
|
697
|
-
if (typeof v === 'string') return $
|
|
699
|
+
function $5386a492cfd3234c$var$normalizeColor(v) {
|
|
700
|
+
if (typeof v === 'string') return $83fe1a57d631223b$export$6e865ea70d7724f(v);
|
|
698
701
|
else return v;
|
|
699
702
|
}
|
|
700
|
-
function $
|
|
703
|
+
function $5386a492cfd3234c$export$57bc203e1c9c6d44(props) {
|
|
701
704
|
let { channel: channel , value: value1 , defaultValue: defaultValue , onChange: onChange , locale: locale , ...otherProps } = props;
|
|
702
705
|
if (value1 == null && defaultValue == null) throw new Error('useColorSliderState requires a value or defaultValue');
|
|
703
|
-
let [color, setColor] = $
|
|
704
|
-
let sliderState = $
|
|
706
|
+
let [color, setColor] = $4tN2K$reactstatelyutils.useControlledState(value1 && $5386a492cfd3234c$var$normalizeColor(value1), defaultValue && $5386a492cfd3234c$var$normalizeColor(defaultValue), onChange);
|
|
707
|
+
let sliderState = $4tN2K$reactstatelyslider.useSliderState({
|
|
705
708
|
...color.getChannelRange(channel),
|
|
706
709
|
...otherProps,
|
|
707
710
|
// Unused except in getThumbValueLabel, which is overridden below. null to appease TypeScript.
|
|
@@ -721,12 +724,12 @@ function $164fc04cbb06c959$export$57bc203e1c9c6d44(props) {
|
|
|
721
724
|
...sliderState,
|
|
722
725
|
value: color,
|
|
723
726
|
setValue (value) {
|
|
724
|
-
setColor($
|
|
727
|
+
setColor($5386a492cfd3234c$var$normalizeColor(value));
|
|
725
728
|
},
|
|
726
729
|
getDisplayColor () {
|
|
727
730
|
switch(channel){
|
|
728
731
|
case 'hue':
|
|
729
|
-
return $
|
|
732
|
+
return $83fe1a57d631223b$export$6e865ea70d7724f(`hsl(${color.getChannelValue('hue')}, 100%, 50%)`);
|
|
730
733
|
case 'lightness':
|
|
731
734
|
case 'brightness':
|
|
732
735
|
case 'saturation':
|
|
@@ -747,37 +750,37 @@ function $164fc04cbb06c959$export$57bc203e1c9c6d44(props) {
|
|
|
747
750
|
}
|
|
748
751
|
|
|
749
752
|
|
|
750
|
-
var $
|
|
753
|
+
var $9d7d8736d45f74b8$exports = {};
|
|
751
754
|
|
|
752
|
-
$parcel$export($
|
|
755
|
+
$parcel$export($9d7d8736d45f74b8$exports, "useColorWheelState", () => $9d7d8736d45f74b8$export$f4301076d9336137);
|
|
753
756
|
|
|
754
757
|
|
|
755
758
|
|
|
756
|
-
function $
|
|
757
|
-
if (typeof v === 'string') return $
|
|
759
|
+
function $9d7d8736d45f74b8$var$normalizeColor(v) {
|
|
760
|
+
if (typeof v === 'string') return $83fe1a57d631223b$export$6e865ea70d7724f(v);
|
|
758
761
|
else return v;
|
|
759
762
|
}
|
|
760
|
-
const $
|
|
761
|
-
function $
|
|
763
|
+
const $9d7d8736d45f74b8$var$DEFAULT_COLOR = $83fe1a57d631223b$export$6e865ea70d7724f('hsl(0, 100%, 50%)');
|
|
764
|
+
function $9d7d8736d45f74b8$var$roundToStep(value, step) {
|
|
762
765
|
return Math.round(value / step) * step;
|
|
763
766
|
}
|
|
764
|
-
function $
|
|
767
|
+
function $9d7d8736d45f74b8$var$mod(n, m) {
|
|
765
768
|
return (n % m + m) % m;
|
|
766
769
|
}
|
|
767
|
-
function $
|
|
770
|
+
function $9d7d8736d45f74b8$var$roundDown(v) {
|
|
768
771
|
let r = Math.floor(v);
|
|
769
772
|
if (r === v) return v - 1;
|
|
770
773
|
else return r;
|
|
771
774
|
}
|
|
772
|
-
function $
|
|
775
|
+
function $9d7d8736d45f74b8$var$degToRad(deg) {
|
|
773
776
|
return deg * Math.PI / 180;
|
|
774
777
|
}
|
|
775
|
-
function $
|
|
778
|
+
function $9d7d8736d45f74b8$var$radToDeg(rad) {
|
|
776
779
|
return rad * 180 / Math.PI;
|
|
777
780
|
}
|
|
778
781
|
// 0deg = 3 o'clock. increases clockwise
|
|
779
|
-
function $
|
|
780
|
-
let rad = $
|
|
782
|
+
function $9d7d8736d45f74b8$var$angleToCartesian(angle, radius) {
|
|
783
|
+
let rad = $9d7d8736d45f74b8$var$degToRad(360 - angle + 90);
|
|
781
784
|
let x = Math.sin(rad) * radius;
|
|
782
785
|
let y = Math.cos(rad) * radius;
|
|
783
786
|
return {
|
|
@@ -785,23 +788,23 @@ function $605819ebb1cf98c3$var$angleToCartesian(angle, radius) {
|
|
|
785
788
|
y: y
|
|
786
789
|
};
|
|
787
790
|
}
|
|
788
|
-
function $
|
|
789
|
-
let deg = $
|
|
791
|
+
function $9d7d8736d45f74b8$var$cartesianToAngle(x, y, radius) {
|
|
792
|
+
let deg = $9d7d8736d45f74b8$var$radToDeg(Math.atan2(y / radius, x / radius));
|
|
790
793
|
return (deg + 360) % 360;
|
|
791
794
|
}
|
|
792
|
-
function $
|
|
795
|
+
function $9d7d8736d45f74b8$export$f4301076d9336137(props) {
|
|
793
796
|
let { defaultValue: defaultValue , onChange: onChange , onChangeEnd: onChangeEnd , step: step = 1 } = props;
|
|
794
|
-
if (!props.value && !defaultValue) defaultValue = $
|
|
795
|
-
let [value, setValue] = $
|
|
796
|
-
let valueRef = $
|
|
797
|
+
if (!props.value && !defaultValue) defaultValue = $9d7d8736d45f74b8$var$DEFAULT_COLOR;
|
|
798
|
+
let [value, setValue] = $4tN2K$reactstatelyutils.useControlledState($9d7d8736d45f74b8$var$normalizeColor(props.value), $9d7d8736d45f74b8$var$normalizeColor(defaultValue), onChange);
|
|
799
|
+
let valueRef = $4tN2K$react.useRef(value);
|
|
797
800
|
valueRef.current = value;
|
|
798
|
-
let [isDragging1, setDragging] = $
|
|
799
|
-
let isDraggingRef = $
|
|
801
|
+
let [isDragging1, setDragging] = $4tN2K$react.useState(false);
|
|
802
|
+
let isDraggingRef = $4tN2K$react.useRef(false).current;
|
|
800
803
|
let hue = value.getChannelValue('hue');
|
|
801
804
|
function setHue(v) {
|
|
802
805
|
if (v > 360) // Make sure you can always get back to 0.
|
|
803
806
|
v = 0;
|
|
804
|
-
v = $
|
|
807
|
+
v = $9d7d8736d45f74b8$var$roundToStep($9d7d8736d45f74b8$var$mod(v, 360), step);
|
|
805
808
|
if (hue !== v) {
|
|
806
809
|
let color = value.withChannelValue('hue', v);
|
|
807
810
|
valueRef.current = color;
|
|
@@ -811,17 +814,17 @@ function $605819ebb1cf98c3$export$f4301076d9336137(props) {
|
|
|
811
814
|
return {
|
|
812
815
|
value: value,
|
|
813
816
|
setValue (v) {
|
|
814
|
-
let color = $
|
|
817
|
+
let color = $9d7d8736d45f74b8$var$normalizeColor(v);
|
|
815
818
|
valueRef.current = color;
|
|
816
819
|
setValue(color);
|
|
817
820
|
},
|
|
818
821
|
hue: hue,
|
|
819
822
|
setHue: setHue,
|
|
820
823
|
setHueFromPoint (x, y, radius) {
|
|
821
|
-
setHue($
|
|
824
|
+
setHue($9d7d8736d45f74b8$var$cartesianToAngle(x, y, radius));
|
|
822
825
|
},
|
|
823
826
|
getThumbPosition (radius) {
|
|
824
|
-
return $
|
|
827
|
+
return $9d7d8736d45f74b8$var$angleToCartesian(value.getChannelValue('hue'), radius);
|
|
825
828
|
},
|
|
826
829
|
increment (minStepSize = 0) {
|
|
827
830
|
let newValue = hue + Math.max(minStepSize, step);
|
|
@@ -833,7 +836,7 @@ function $605819ebb1cf98c3$export$f4301076d9336137(props) {
|
|
|
833
836
|
let s = Math.max(minStepSize, step);
|
|
834
837
|
if (hue === 0) // We can't just subtract step because this might be the case:
|
|
835
838
|
// |(previous step) - 0| < step size
|
|
836
|
-
setHue($
|
|
839
|
+
setHue($9d7d8736d45f74b8$var$roundDown(360 / s) * s);
|
|
837
840
|
else setHue(hue - s);
|
|
838
841
|
},
|
|
839
842
|
setDragging (isDragging) {
|
|
@@ -850,16 +853,16 @@ function $605819ebb1cf98c3$export$f4301076d9336137(props) {
|
|
|
850
853
|
}
|
|
851
854
|
|
|
852
855
|
|
|
853
|
-
var $
|
|
856
|
+
var $d59d0c2b2ce1568f$exports = {};
|
|
854
857
|
|
|
855
|
-
$parcel$export($
|
|
858
|
+
$parcel$export($d59d0c2b2ce1568f$exports, "useColorFieldState", () => $d59d0c2b2ce1568f$export$d52a01683abdfcd6);
|
|
856
859
|
|
|
857
860
|
|
|
858
861
|
|
|
859
|
-
function $
|
|
860
|
-
return $
|
|
862
|
+
function $f8b3be23ba4462b1$export$5aadd9c0606af5c2(value) {
|
|
863
|
+
return $4tN2K$react.useMemo(()=>{
|
|
861
864
|
if (typeof value === 'string') try {
|
|
862
|
-
return $
|
|
865
|
+
return $83fe1a57d631223b$export$6e865ea70d7724f(value);
|
|
863
866
|
} catch (err) {
|
|
864
867
|
return undefined;
|
|
865
868
|
}
|
|
@@ -872,16 +875,16 @@ function $3721a75ad9e74048$export$5aadd9c0606af5c2(value) {
|
|
|
872
875
|
|
|
873
876
|
|
|
874
877
|
|
|
875
|
-
const $
|
|
876
|
-
const $
|
|
877
|
-
const $
|
|
878
|
-
const $
|
|
879
|
-
function $
|
|
878
|
+
const $d59d0c2b2ce1568f$var$MIN_COLOR = $83fe1a57d631223b$export$6e865ea70d7724f('#000000');
|
|
879
|
+
const $d59d0c2b2ce1568f$var$MAX_COLOR = $83fe1a57d631223b$export$6e865ea70d7724f('#FFFFFF');
|
|
880
|
+
const $d59d0c2b2ce1568f$var$MIN_COLOR_INT = $d59d0c2b2ce1568f$var$MIN_COLOR.toHexInt();
|
|
881
|
+
const $d59d0c2b2ce1568f$var$MAX_COLOR_INT = $d59d0c2b2ce1568f$var$MAX_COLOR.toHexInt();
|
|
882
|
+
function $d59d0c2b2ce1568f$export$d52a01683abdfcd6(props) {
|
|
880
883
|
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] = $
|
|
884
|
+
let initialValue = $f8b3be23ba4462b1$export$5aadd9c0606af5c2(value1);
|
|
885
|
+
let initialDefaultValue = $f8b3be23ba4462b1$export$5aadd9c0606af5c2(defaultValue);
|
|
886
|
+
let [colorValue, setColorValue] = $4tN2K$reactstatelyutils.useControlledState(initialValue, initialDefaultValue, onChange);
|
|
887
|
+
let [inputValue, setInputValue] = $4tN2K$react.useState(()=>(value1 || defaultValue) && colorValue ? colorValue.toString('hex') : ''
|
|
885
888
|
);
|
|
886
889
|
let safelySetColorValue = (newColor)=>{
|
|
887
890
|
if (!colorValue || !newColor) {
|
|
@@ -893,25 +896,25 @@ function $53c8c8a3c8a0c7ca$export$d52a01683abdfcd6(props) {
|
|
|
893
896
|
return;
|
|
894
897
|
}
|
|
895
898
|
};
|
|
896
|
-
$
|
|
899
|
+
$4tN2K$react.useEffect(()=>{
|
|
897
900
|
setInputValue(colorValue ? colorValue.toString('hex') : '');
|
|
898
901
|
}, [
|
|
899
902
|
colorValue,
|
|
900
903
|
setInputValue
|
|
901
904
|
]);
|
|
902
|
-
let parsedValue = $
|
|
905
|
+
let parsedValue = $4tN2K$react.useMemo(()=>{
|
|
903
906
|
let color;
|
|
904
907
|
try {
|
|
905
|
-
color = $
|
|
908
|
+
color = $83fe1a57d631223b$export$6e865ea70d7724f(inputValue.startsWith('#') ? inputValue : `#${inputValue}`);
|
|
906
909
|
} catch (err) {
|
|
907
910
|
color = null;
|
|
908
911
|
}
|
|
909
912
|
return color;
|
|
910
913
|
}, [
|
|
911
|
-
$
|
|
914
|
+
$83fe1a57d631223b$export$6e865ea70d7724f,
|
|
912
915
|
inputValue
|
|
913
916
|
]);
|
|
914
|
-
let parsed = $
|
|
917
|
+
let parsed = $4tN2K$react.useRef(null);
|
|
915
918
|
parsed.current = parsedValue;
|
|
916
919
|
let commit = ()=>{
|
|
917
920
|
// Set to empty state if input value is empty
|
|
@@ -932,7 +935,7 @@ function $53c8c8a3c8a0c7ca$export$d52a01683abdfcd6(props) {
|
|
|
932
935
|
setInputValue(newColorValue);
|
|
933
936
|
};
|
|
934
937
|
let increment = ()=>{
|
|
935
|
-
let newValue = $
|
|
938
|
+
let newValue = $d59d0c2b2ce1568f$var$addColorValue(parsed.current, step);
|
|
936
939
|
// if we've arrived at the same value that was previously in the state, the
|
|
937
940
|
// input value should be updated to match
|
|
938
941
|
// ex type 4, press increment, highlight the number in the input, type 4 again, press increment
|
|
@@ -941,7 +944,7 @@ function $53c8c8a3c8a0c7ca$export$d52a01683abdfcd6(props) {
|
|
|
941
944
|
safelySetColorValue(newValue);
|
|
942
945
|
};
|
|
943
946
|
let decrement = ()=>{
|
|
944
|
-
let newValue = $
|
|
947
|
+
let newValue = $d59d0c2b2ce1568f$var$addColorValue(parsed.current, -step);
|
|
945
948
|
// if we've arrived at the same value that was previously in the state, the
|
|
946
949
|
// input value should be updated to match
|
|
947
950
|
// ex type 4, press increment, highlight the number in the input, type 4 again, press increment
|
|
@@ -949,12 +952,14 @@ function $53c8c8a3c8a0c7ca$export$d52a01683abdfcd6(props) {
|
|
|
949
952
|
if (newValue === colorValue) setInputValue(newValue.toString('hex'));
|
|
950
953
|
safelySetColorValue(newValue);
|
|
951
954
|
};
|
|
952
|
-
let incrementToMax = ()=>safelySetColorValue($
|
|
955
|
+
let incrementToMax = ()=>safelySetColorValue($d59d0c2b2ce1568f$var$MAX_COLOR)
|
|
953
956
|
;
|
|
954
|
-
let decrementToMin = ()=>safelySetColorValue($
|
|
955
|
-
;
|
|
956
|
-
let validate = (value)=>value === '' || !!value.match(/^#?[0-9a-f]{0,6}$/i)?.[0]
|
|
957
|
+
let decrementToMin = ()=>safelySetColorValue($d59d0c2b2ce1568f$var$MIN_COLOR)
|
|
957
958
|
;
|
|
959
|
+
let validate = (value)=>{
|
|
960
|
+
var ref;
|
|
961
|
+
return value === '' || !!((ref = value.match(/^#?[0-9a-f]{0,6}$/i)) === null || ref === void 0 ? void 0 : ref[0]);
|
|
962
|
+
};
|
|
958
963
|
return {
|
|
959
964
|
validate: validate,
|
|
960
965
|
colorValue: colorValue,
|
|
@@ -967,22 +972,22 @@ function $53c8c8a3c8a0c7ca$export$d52a01683abdfcd6(props) {
|
|
|
967
972
|
decrementToMin: decrementToMin
|
|
968
973
|
};
|
|
969
974
|
}
|
|
970
|
-
function $
|
|
971
|
-
let newColor = color ? color : $
|
|
975
|
+
function $d59d0c2b2ce1568f$var$addColorValue(color, step) {
|
|
976
|
+
let newColor = color ? color : $d59d0c2b2ce1568f$var$MIN_COLOR;
|
|
972
977
|
let colorInt = newColor.toHexInt();
|
|
973
|
-
let clampInt = Math.min(Math.max(colorInt + step, $
|
|
978
|
+
let clampInt = Math.min(Math.max(colorInt + step, $d59d0c2b2ce1568f$var$MIN_COLOR_INT), $d59d0c2b2ce1568f$var$MAX_COLOR_INT);
|
|
974
979
|
if (clampInt !== colorInt) {
|
|
975
980
|
let newColorString = `#${clampInt.toString(16).padStart(6, '0').toUpperCase()}`;
|
|
976
|
-
newColor = $
|
|
981
|
+
newColor = $83fe1a57d631223b$export$6e865ea70d7724f(newColorString);
|
|
977
982
|
}
|
|
978
983
|
return newColor;
|
|
979
984
|
}
|
|
980
985
|
|
|
981
986
|
|
|
982
|
-
$parcel$exportWildcard(module.exports, $
|
|
983
|
-
$parcel$exportWildcard(module.exports, $
|
|
984
|
-
$parcel$exportWildcard(module.exports, $
|
|
985
|
-
$parcel$exportWildcard(module.exports, $
|
|
987
|
+
$parcel$exportWildcard(module.exports, $83fe1a57d631223b$exports);
|
|
988
|
+
$parcel$exportWildcard(module.exports, $5386a492cfd3234c$exports);
|
|
989
|
+
$parcel$exportWildcard(module.exports, $9d7d8736d45f74b8$exports);
|
|
990
|
+
$parcel$exportWildcard(module.exports, $d59d0c2b2ce1568f$exports);
|
|
986
991
|
|
|
987
992
|
|
|
988
993
|
//# sourceMappingURL=main.js.map
|