@react-stately/color 3.0.0-beta.7 → 3.0.0-beta.8
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 +402 -244
- package/dist/main.js.map +1 -1
- package/dist/module.js +395 -239
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +55 -3
- package/dist/types.d.ts.map +1 -1
- package/package.json +9 -8
- package/src/Color.ts +16 -8
- package/src/index.ts +2 -1
- package/src/useColorAreaState.ts +217 -0
- package/src/useColorFieldState.ts +7 -4
- package/src/useColorSliderState.ts +6 -11
- package/src/useColorWheelState.ts +20 -21
package/dist/main.js
CHANGED
|
@@ -1,9 +1,12 @@
|
|
|
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$react = require("react");
|
|
5
|
+
var $4tN2K$reactstatelyslider = require("@react-stately/slider");
|
|
6
6
|
|
|
7
|
+
function $parcel$export(e, n, v, s) {
|
|
8
|
+
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
9
|
+
}
|
|
7
10
|
function $parcel$exportWildcard(dest, source) {
|
|
8
11
|
Object.keys(source).forEach(function(key) {
|
|
9
12
|
if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
|
|
@@ -23,197 +26,197 @@ function $parcel$exportWildcard(dest, source) {
|
|
|
23
26
|
function $parcel$interopDefault(a) {
|
|
24
27
|
return a && a.__esModule ? a.default : a;
|
|
25
28
|
}
|
|
26
|
-
function $parcel$export(e, n, v, s) {
|
|
27
|
-
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
28
|
-
}
|
|
29
|
-
var $523d1a2f70a56682$exports = {};
|
|
30
29
|
|
|
31
|
-
$parcel$export(
|
|
30
|
+
$parcel$export(module.exports, "parseColor", () => $83fe1a57d631223b$export$6e865ea70d7724f);
|
|
32
31
|
|
|
33
|
-
var $
|
|
34
|
-
var $
|
|
35
|
-
$
|
|
32
|
+
var $c0b600cf8eafdee9$exports = {};
|
|
33
|
+
var $b044e7150534af04$exports = {};
|
|
34
|
+
$b044e7150534af04$exports = JSON.parse("{\"alpha\":\"ألفا\",\"blue\":\"أزرق\",\"brightness\":\"السطوع\",\"green\":\"أخضر\",\"hue\":\"درجة اللون\",\"lightness\":\"الإضاءة\",\"red\":\"أحمر\",\"saturation\":\"التشبع\"}");
|
|
36
35
|
|
|
37
36
|
|
|
38
|
-
var $
|
|
39
|
-
$
|
|
37
|
+
var $c8bf89547a4a9b3f$exports = {};
|
|
38
|
+
$c8bf89547a4a9b3f$exports = JSON.parse("{\"alpha\":\"Алфа\",\"blue\":\"Синьо\",\"brightness\":\"Яркост\",\"green\":\"Зелено\",\"hue\":\"Оттенък\",\"lightness\":\"Лекота\",\"red\":\"Червено\",\"saturation\":\"Наситеност\"}");
|
|
40
39
|
|
|
41
40
|
|
|
42
|
-
var $
|
|
43
|
-
$
|
|
41
|
+
var $8365d8dfc7e4c985$exports = {};
|
|
42
|
+
$8365d8dfc7e4c985$exports = JSON.parse("{\"alpha\":\"Alfa\",\"blue\":\"Modrá\",\"brightness\":\"Jas\",\"green\":\"Zelená\",\"hue\":\"Odstín\",\"lightness\":\"Světlost\",\"red\":\"Červená\",\"saturation\":\"Sytost\"}");
|
|
44
43
|
|
|
45
44
|
|
|
46
|
-
var $
|
|
47
|
-
$
|
|
45
|
+
var $8d95eeaa73699e56$exports = {};
|
|
46
|
+
$8d95eeaa73699e56$exports = JSON.parse("{\"alpha\":\"Alfa\",\"blue\":\"Blå\",\"brightness\":\"Lysstyrke\",\"green\":\"Grøn\",\"hue\":\"Tone\",\"lightness\":\"Lyshed\",\"red\":\"Rød\",\"saturation\":\"Farvemætning\"}");
|
|
48
47
|
|
|
49
48
|
|
|
50
|
-
var $
|
|
51
|
-
$
|
|
49
|
+
var $2dbbd166053d6d10$exports = {};
|
|
50
|
+
$2dbbd166053d6d10$exports = JSON.parse("{\"alpha\":\"Alpha\",\"blue\":\"Blau\",\"brightness\":\"Helligkeit\",\"green\":\"Grün\",\"hue\":\"Farbton\",\"lightness\":\"Leuchtkraft\",\"red\":\"Rot\",\"saturation\":\"Sättigung\"}");
|
|
52
51
|
|
|
53
52
|
|
|
54
|
-
var $
|
|
55
|
-
$
|
|
53
|
+
var $1fcbdf9eaf6cc074$exports = {};
|
|
54
|
+
$1fcbdf9eaf6cc074$exports = JSON.parse("{\"alpha\":\"Άλφα\",\"blue\":\"Μπλε\",\"brightness\":\"Φωτεινότητα\",\"green\":\"Πράσινο\",\"hue\":\"Τόνος\",\"lightness\":\"Φωτεινότητα\",\"red\":\"Κόκκινο\",\"saturation\":\"Κορεσμός\"}");
|
|
56
55
|
|
|
57
56
|
|
|
58
|
-
var $
|
|
59
|
-
$
|
|
57
|
+
var $42d54be461715959$exports = {};
|
|
58
|
+
$42d54be461715959$exports = JSON.parse("{\"hue\":\"Hue\",\"saturation\":\"Saturation\",\"lightness\":\"Lightness\",\"brightness\":\"Brightness\",\"red\":\"Red\",\"green\":\"Green\",\"blue\":\"Blue\",\"alpha\":\"Alpha\"}");
|
|
60
59
|
|
|
61
60
|
|
|
62
|
-
var $
|
|
63
|
-
$
|
|
61
|
+
var $911646bd5662c33d$exports = {};
|
|
62
|
+
$911646bd5662c33d$exports = JSON.parse("{\"alpha\":\"Alpha\",\"blue\":\"Azul\",\"brightness\":\"Brillo\",\"green\":\"Verde\",\"hue\":\"Tono\",\"lightness\":\"Luminosidad\",\"red\":\"Rojo\",\"saturation\":\"Saturación\"}");
|
|
64
63
|
|
|
65
64
|
|
|
66
|
-
var $
|
|
67
|
-
$
|
|
65
|
+
var $6e8998796901e680$exports = {};
|
|
66
|
+
$6e8998796901e680$exports = JSON.parse("{\"alpha\":\"Alfa\",\"blue\":\"Sinine\",\"brightness\":\"Heledus\",\"green\":\"Roheline\",\"hue\":\"Värv\",\"lightness\":\"Valgus\",\"red\":\"Punane\",\"saturation\":\"Küllastus\"}");
|
|
68
67
|
|
|
69
68
|
|
|
70
|
-
var $
|
|
71
|
-
$
|
|
69
|
+
var $4503b4001036be6d$exports = {};
|
|
70
|
+
$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
71
|
|
|
73
72
|
|
|
74
|
-
var $
|
|
75
|
-
$
|
|
73
|
+
var $721e7016769a7a7f$exports = {};
|
|
74
|
+
$721e7016769a7a7f$exports = JSON.parse("{\"alpha\":\"Alpha\",\"blue\":\"Bleu\",\"brightness\":\"Luminosité\",\"green\":\"Vert\",\"hue\":\"Teinte\",\"lightness\":\"Luminosité\",\"red\":\"Rouge\",\"saturation\":\"Saturation\"}");
|
|
76
75
|
|
|
77
76
|
|
|
78
|
-
var $
|
|
79
|
-
$
|
|
77
|
+
var $dcc290e5792f9bab$exports = {};
|
|
78
|
+
$dcc290e5792f9bab$exports = JSON.parse("{\"alpha\":\"אלפא\",\"blue\":\"כחול\",\"brightness\":\"בהירות\",\"green\":\"ירוק\",\"hue\":\"גוון\",\"lightness\":\"כמות אור\",\"red\":\"אדום\",\"saturation\":\"רוויה\"}");
|
|
80
79
|
|
|
81
80
|
|
|
82
|
-
var $
|
|
83
|
-
$
|
|
81
|
+
var $d93d5aebdd12334c$exports = {};
|
|
82
|
+
$d93d5aebdd12334c$exports = JSON.parse("{\"alpha\":\"Alfa\",\"blue\":\"Plava\",\"brightness\":\"Svjetlina\",\"green\":\"Zelena\",\"hue\":\"Nijansa\",\"lightness\":\"Osvijetljenost\",\"red\":\"Crvena\",\"saturation\":\"Zasićenost\"}");
|
|
84
83
|
|
|
85
84
|
|
|
86
|
-
var $
|
|
87
|
-
$
|
|
85
|
+
var $a3749e0ee87dbebc$exports = {};
|
|
86
|
+
$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
87
|
|
|
89
88
|
|
|
90
|
-
var $
|
|
91
|
-
$
|
|
89
|
+
var $2fdb931b6c9652b9$exports = {};
|
|
90
|
+
$2fdb931b6c9652b9$exports = JSON.parse("{\"alpha\":\"Alfa\",\"blue\":\"Blu\",\"brightness\":\"Luminosità\",\"green\":\"Verde\",\"hue\":\"Tonalità\",\"lightness\":\"Luminosità\",\"red\":\"Rosso\",\"saturation\":\"Saturazione\"}");
|
|
92
91
|
|
|
93
92
|
|
|
94
|
-
var $
|
|
95
|
-
$
|
|
93
|
+
var $219c839b59015b4f$exports = {};
|
|
94
|
+
$219c839b59015b4f$exports = JSON.parse("{\"alpha\":\"アルファ\",\"blue\":\"青\",\"brightness\":\"明るさ\",\"green\":\"緑\",\"hue\":\"色相\",\"lightness\":\"明度\",\"red\":\"赤\",\"saturation\":\"彩度\"}");
|
|
96
95
|
|
|
97
96
|
|
|
98
|
-
var $
|
|
99
|
-
$
|
|
97
|
+
var $b7f67f414086d976$exports = {};
|
|
98
|
+
$b7f67f414086d976$exports = JSON.parse("{\"alpha\":\"알파\",\"blue\":\"파랑\",\"brightness\":\"명도\",\"green\":\"초록\",\"hue\":\"색조\",\"lightness\":\"밝기\",\"red\":\"빨강\",\"saturation\":\"채도\"}");
|
|
100
99
|
|
|
101
100
|
|
|
102
|
-
var $
|
|
103
|
-
$
|
|
101
|
+
var $f27b2ac7d517417c$exports = {};
|
|
102
|
+
$f27b2ac7d517417c$exports = JSON.parse("{\"alpha\":\"Alfa\",\"blue\":\"Mėlyna\",\"brightness\":\"Ryškumas\",\"green\":\"Žalia\",\"hue\":\"Atspalvis\",\"lightness\":\"Šviesumas\",\"red\":\"Raudona\",\"saturation\":\"Įsotinimas\"}");
|
|
104
103
|
|
|
105
104
|
|
|
106
|
-
var $
|
|
107
|
-
$
|
|
105
|
+
var $e92168db3cbe2797$exports = {};
|
|
106
|
+
$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
107
|
|
|
109
108
|
|
|
110
|
-
var $
|
|
111
|
-
$
|
|
109
|
+
var $44b012e02982e825$exports = {};
|
|
110
|
+
$44b012e02982e825$exports = JSON.parse("{\"alpha\":\"Alfa\",\"blue\":\"Blå\",\"brightness\":\"Lysstyrke\",\"green\":\"Grønn\",\"hue\":\"Fargetone\",\"lightness\":\"Lyshet\",\"red\":\"Rød\",\"saturation\":\"Metning\"}");
|
|
112
111
|
|
|
113
112
|
|
|
114
|
-
var $
|
|
115
|
-
$
|
|
113
|
+
var $64fbd91459613d8b$exports = {};
|
|
114
|
+
$64fbd91459613d8b$exports = JSON.parse("{\"alpha\":\"Alfa\",\"blue\":\"Blauw\",\"brightness\":\"Helderheid\",\"green\":\"Groen\",\"hue\":\"Kleurtoon\",\"lightness\":\"Lichtsterkte\",\"red\":\"Rood\",\"saturation\":\"Verzadiging\"}");
|
|
116
115
|
|
|
117
116
|
|
|
118
|
-
var $
|
|
119
|
-
$
|
|
117
|
+
var $83fabdc4e0df6af9$exports = {};
|
|
118
|
+
$83fabdc4e0df6af9$exports = JSON.parse("{\"alpha\":\"Alfa\",\"blue\":\"Niebieski\",\"brightness\":\"Jasność\",\"green\":\"Zielony\",\"hue\":\"Odcień\",\"lightness\":\"Jaskrawość\",\"red\":\"Czerwony\",\"saturation\":\"Nasycenie\"}");
|
|
120
119
|
|
|
121
120
|
|
|
122
|
-
var $
|
|
123
|
-
$
|
|
121
|
+
var $30b915257fa66ccf$exports = {};
|
|
122
|
+
$30b915257fa66ccf$exports = JSON.parse("{\"alpha\":\"Alfa\",\"blue\":\"Azul\",\"brightness\":\"Brilho\",\"green\":\"Verde\",\"hue\":\"Matiz\",\"lightness\":\"Luminosidade\",\"red\":\"Vermelho\",\"saturation\":\"Saturação\"}");
|
|
124
123
|
|
|
125
124
|
|
|
126
|
-
var $
|
|
127
|
-
$
|
|
125
|
+
var $ce75e45ccbc92491$exports = {};
|
|
126
|
+
$ce75e45ccbc92491$exports = JSON.parse("{\"alpha\":\"Alfa\",\"blue\":\"Azul\",\"brightness\":\"Luminosidade\",\"green\":\"Verde\",\"hue\":\"Tonalidade\",\"lightness\":\"Claridade\",\"red\":\"Vermelho\",\"saturation\":\"Saturação\"}");
|
|
128
127
|
|
|
129
128
|
|
|
130
|
-
var $
|
|
131
|
-
$
|
|
129
|
+
var $225440ee53a1fecd$exports = {};
|
|
130
|
+
$225440ee53a1fecd$exports = JSON.parse("{\"alpha\":\"Alfa\",\"blue\":\"Albastru\",\"brightness\":\"Luminozitate\",\"green\":\"Verde\",\"hue\":\"Nuanță\",\"lightness\":\"Luminozitate\",\"red\":\"Roșu\",\"saturation\":\"Saturație\"}");
|
|
132
131
|
|
|
133
132
|
|
|
134
|
-
var $
|
|
135
|
-
$
|
|
133
|
+
var $cbc60c1dd4e689ff$exports = {};
|
|
134
|
+
$cbc60c1dd4e689ff$exports = JSON.parse("{\"alpha\":\"Альфа\",\"blue\":\"Синий\",\"brightness\":\"Яркость\",\"green\":\"Зеленый\",\"hue\":\"Оттенок\",\"lightness\":\"Освещенность\",\"red\":\"Красный\",\"saturation\":\"Насыщенность\"}");
|
|
136
135
|
|
|
137
136
|
|
|
138
|
-
var $
|
|
139
|
-
$
|
|
137
|
+
var $8612080ab5efe0cf$exports = {};
|
|
138
|
+
$8612080ab5efe0cf$exports = JSON.parse("{\"alpha\":\"Alfa\",\"blue\":\"Modrá\",\"brightness\":\"Jas\",\"green\":\"Zelená\",\"hue\":\"Odtieň\",\"lightness\":\"Svetlosť\",\"red\":\"Červená\",\"saturation\":\"Sýtosť\"}");
|
|
140
139
|
|
|
141
140
|
|
|
142
|
-
var $
|
|
143
|
-
$
|
|
141
|
+
var $99cc034ddd2b7d86$exports = {};
|
|
142
|
+
$99cc034ddd2b7d86$exports = JSON.parse("{\"alpha\":\"Alfa\",\"blue\":\"Modra\",\"brightness\":\"Svetlost\",\"green\":\"Zelena\",\"hue\":\"Barva\",\"lightness\":\"Lahkost\",\"red\":\"Rdeča\",\"saturation\":\"Nasičenost\"}");
|
|
144
143
|
|
|
145
144
|
|
|
146
|
-
var $
|
|
147
|
-
$
|
|
145
|
+
var $dc671800d61be83e$exports = {};
|
|
146
|
+
$dc671800d61be83e$exports = JSON.parse("{\"alpha\":\"Alfa\",\"blue\":\"Plava\",\"brightness\":\"Osvetljenost\",\"green\":\"Zelena\",\"hue\":\"Nijansa\",\"lightness\":\"Osvetljenje\",\"red\":\"Crvena\",\"saturation\":\"Zasićenje\"}");
|
|
148
147
|
|
|
149
148
|
|
|
150
|
-
var $
|
|
151
|
-
$
|
|
149
|
+
var $0f4790e2f696e63f$exports = {};
|
|
150
|
+
$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
151
|
|
|
153
152
|
|
|
154
|
-
var $
|
|
155
|
-
$
|
|
153
|
+
var $deb5f82eb1998a3c$exports = {};
|
|
154
|
+
$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
155
|
|
|
157
156
|
|
|
158
|
-
var $
|
|
159
|
-
$
|
|
157
|
+
var $99530e1782ca02cc$exports = {};
|
|
158
|
+
$99530e1782ca02cc$exports = JSON.parse("{\"alpha\":\"Альфа\",\"blue\":\"Синій\",\"brightness\":\"Яскравість\",\"green\":\"Зелений\",\"hue\":\"Тон\",\"lightness\":\"Освітленість\",\"red\":\"Червоний\",\"saturation\":\"Насиченість\"}");
|
|
160
159
|
|
|
161
160
|
|
|
162
|
-
var $
|
|
163
|
-
$
|
|
161
|
+
var $a6e8f490b423d65e$exports = {};
|
|
162
|
+
$a6e8f490b423d65e$exports = JSON.parse("{\"alpha\":\"Alpha\",\"blue\":\"蓝色\",\"brightness\":\"亮度\",\"green\":\"绿色\",\"hue\":\"色相\",\"lightness\":\"明亮度\",\"red\":\"红色\",\"saturation\":\"饱和度\"}");
|
|
164
163
|
|
|
165
164
|
|
|
166
|
-
var $
|
|
167
|
-
$
|
|
165
|
+
var $eba443dcc93cab9a$exports = {};
|
|
166
|
+
$eba443dcc93cab9a$exports = JSON.parse("{\"alpha\":\"Alpha\",\"blue\":\"藍色\",\"brightness\":\"亮度\",\"green\":\"綠色\",\"hue\":\"色相\",\"lightness\":\"明亮\",\"red\":\"紅色\",\"saturation\":\"飽和度\"}");
|
|
168
167
|
|
|
169
168
|
|
|
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": $
|
|
169
|
+
$c0b600cf8eafdee9$exports = {
|
|
170
|
+
"ar-AE": $b044e7150534af04$exports,
|
|
171
|
+
"bg-BG": $c8bf89547a4a9b3f$exports,
|
|
172
|
+
"cs-CZ": $8365d8dfc7e4c985$exports,
|
|
173
|
+
"da-DK": $8d95eeaa73699e56$exports,
|
|
174
|
+
"de-DE": $2dbbd166053d6d10$exports,
|
|
175
|
+
"el-GR": $1fcbdf9eaf6cc074$exports,
|
|
176
|
+
"en-US": $42d54be461715959$exports,
|
|
177
|
+
"es-ES": $911646bd5662c33d$exports,
|
|
178
|
+
"et-EE": $6e8998796901e680$exports,
|
|
179
|
+
"fi-FI": $4503b4001036be6d$exports,
|
|
180
|
+
"fr-FR": $721e7016769a7a7f$exports,
|
|
181
|
+
"he-IL": $dcc290e5792f9bab$exports,
|
|
182
|
+
"hr-HR": $d93d5aebdd12334c$exports,
|
|
183
|
+
"hu-HU": $a3749e0ee87dbebc$exports,
|
|
184
|
+
"it-IT": $2fdb931b6c9652b9$exports,
|
|
185
|
+
"ja-JP": $219c839b59015b4f$exports,
|
|
186
|
+
"ko-KR": $b7f67f414086d976$exports,
|
|
187
|
+
"lt-LT": $f27b2ac7d517417c$exports,
|
|
188
|
+
"lv-LV": $e92168db3cbe2797$exports,
|
|
189
|
+
"nb-NO": $44b012e02982e825$exports,
|
|
190
|
+
"nl-NL": $64fbd91459613d8b$exports,
|
|
191
|
+
"pl-PL": $83fabdc4e0df6af9$exports,
|
|
192
|
+
"pt-BR": $30b915257fa66ccf$exports,
|
|
193
|
+
"pt-PT": $ce75e45ccbc92491$exports,
|
|
194
|
+
"ro-RO": $225440ee53a1fecd$exports,
|
|
195
|
+
"ru-RU": $cbc60c1dd4e689ff$exports,
|
|
196
|
+
"sk-SK": $8612080ab5efe0cf$exports,
|
|
197
|
+
"sl-SI": $99cc034ddd2b7d86$exports,
|
|
198
|
+
"sr-SP": $dc671800d61be83e$exports,
|
|
199
|
+
"sv-SE": $0f4790e2f696e63f$exports,
|
|
200
|
+
"tr-TR": $deb5f82eb1998a3c$exports,
|
|
201
|
+
"uk-UA": $99530e1782ca02cc$exports,
|
|
202
|
+
"zh-CN": $a6e8f490b423d65e$exports,
|
|
203
|
+
"zh-TW": $eba443dcc93cab9a$exports
|
|
205
204
|
};
|
|
206
205
|
|
|
207
206
|
|
|
208
207
|
|
|
209
208
|
|
|
210
|
-
const $
|
|
211
|
-
function $
|
|
212
|
-
let res = $
|
|
209
|
+
const $83fe1a57d631223b$var$messages = new $4tN2K$internationalizedmessage.MessageDictionary((/*@__PURE__*/$parcel$interopDefault($c0b600cf8eafdee9$exports)));
|
|
210
|
+
function $83fe1a57d631223b$export$6e865ea70d7724f(value) {
|
|
211
|
+
let res = $83fe1a57d631223b$var$RGBColor.parse(value) || $83fe1a57d631223b$var$HSBColor.parse(value) || $83fe1a57d631223b$var$HSLColor.parse(value);
|
|
213
212
|
if (res) return res;
|
|
214
213
|
throw new Error('Invalid color value: ' + value);
|
|
215
214
|
}
|
|
216
|
-
|
|
215
|
+
function $83fe1a57d631223b$export$4cde5df63f53f473(v) {
|
|
216
|
+
if (typeof v === 'string') return $83fe1a57d631223b$export$6e865ea70d7724f(v);
|
|
217
|
+
else return v;
|
|
218
|
+
}
|
|
219
|
+
class $83fe1a57d631223b$var$Color {
|
|
217
220
|
toHexInt() {
|
|
218
221
|
return this.toFormat('rgb').toHexInt();
|
|
219
222
|
}
|
|
@@ -230,36 +233,36 @@ class $523d1a2f70a56682$var$Color {
|
|
|
230
233
|
throw new Error('Unsupported color channel: ' + channel);
|
|
231
234
|
}
|
|
232
235
|
getChannelName(channel, locale) {
|
|
233
|
-
return $
|
|
236
|
+
return $83fe1a57d631223b$var$messages.getStringForLocale(channel, locale);
|
|
234
237
|
}
|
|
235
238
|
}
|
|
236
|
-
const $
|
|
239
|
+
const $83fe1a57d631223b$var$HEX_REGEX = /^#(?:([0-9a-f]{3})|([0-9a-f]{6}))$/i;
|
|
237
240
|
// X = <negative/positive number with/without decimal places>
|
|
238
241
|
// before/after a comma, 0 or more whitespaces are allowed
|
|
239
242
|
// - rgb(X, X, X)
|
|
240
243
|
// - rgba(X, X, X, X)
|
|
241
|
-
const $
|
|
242
|
-
class $
|
|
244
|
+
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+)?)\)/;
|
|
245
|
+
class $83fe1a57d631223b$var$RGBColor extends $83fe1a57d631223b$var$Color {
|
|
243
246
|
static parse(value) {
|
|
244
247
|
let m;
|
|
245
|
-
if (m = value.match($
|
|
248
|
+
if (m = value.match($83fe1a57d631223b$var$HEX_REGEX)) {
|
|
246
249
|
if (m[1]) {
|
|
247
250
|
let r = parseInt(m[1][0] + m[1][0], 16);
|
|
248
251
|
let g = parseInt(m[1][1] + m[1][1], 16);
|
|
249
252
|
let b = parseInt(m[1][2] + m[1][2], 16);
|
|
250
|
-
return new $
|
|
253
|
+
return new $83fe1a57d631223b$var$RGBColor(r, g, b, 1);
|
|
251
254
|
} else if (m[2]) {
|
|
252
255
|
let r = parseInt(m[2][0] + m[2][1], 16);
|
|
253
256
|
let g = parseInt(m[2][2] + m[2][3], 16);
|
|
254
257
|
let b = parseInt(m[2][4] + m[2][5], 16);
|
|
255
|
-
return new $
|
|
258
|
+
return new $83fe1a57d631223b$var$RGBColor(r, g, b, 1);
|
|
256
259
|
}
|
|
257
260
|
}
|
|
258
|
-
if (m = value.match($
|
|
261
|
+
if (m = value.match($83fe1a57d631223b$var$RGB_REGEX)) {
|
|
259
262
|
var ref;
|
|
260
263
|
const [r, g, b, a] = ((ref = m[1]) !== null && ref !== void 0 ? ref : m[2]).split(',').map((n)=>Number(n.trim())
|
|
261
264
|
);
|
|
262
|
-
return new $
|
|
265
|
+
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));
|
|
263
266
|
}
|
|
264
267
|
}
|
|
265
268
|
toString(format) {
|
|
@@ -324,7 +327,7 @@ class $523d1a2f70a56682$var$RGBColor extends $523d1a2f70a56682$var$Color {
|
|
|
324
327
|
}
|
|
325
328
|
hue /= 6;
|
|
326
329
|
}
|
|
327
|
-
return new $
|
|
330
|
+
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);
|
|
328
331
|
}
|
|
329
332
|
/**
|
|
330
333
|
* Converts an RGB color value to HSL.
|
|
@@ -356,10 +359,10 @@ class $523d1a2f70a56682$var$RGBColor extends $523d1a2f70a56682$var$Color {
|
|
|
356
359
|
}
|
|
357
360
|
hue /= 6;
|
|
358
361
|
}
|
|
359
|
-
return new $
|
|
362
|
+
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);
|
|
360
363
|
}
|
|
361
364
|
clone() {
|
|
362
|
-
return new $
|
|
365
|
+
return new $83fe1a57d631223b$var$RGBColor(this.red, this.green, this.blue, this.alpha);
|
|
363
366
|
}
|
|
364
367
|
getChannelRange(channel) {
|
|
365
368
|
switch(channel){
|
|
@@ -369,13 +372,15 @@ class $523d1a2f70a56682$var$RGBColor extends $523d1a2f70a56682$var$Color {
|
|
|
369
372
|
return {
|
|
370
373
|
minValue: 0,
|
|
371
374
|
maxValue: 255,
|
|
372
|
-
step: 1
|
|
375
|
+
step: 1,
|
|
376
|
+
pageSize: 17
|
|
373
377
|
};
|
|
374
378
|
case 'alpha':
|
|
375
379
|
return {
|
|
376
380
|
minValue: 0,
|
|
377
381
|
maxValue: 1,
|
|
378
|
-
step: 0.01
|
|
382
|
+
step: 0.01,
|
|
383
|
+
pageSize: 0.1
|
|
379
384
|
};
|
|
380
385
|
default:
|
|
381
386
|
throw new Error('Unknown color channel: ' + channel);
|
|
@@ -400,7 +405,7 @@ class $523d1a2f70a56682$var$RGBColor extends $523d1a2f70a56682$var$Color {
|
|
|
400
405
|
default:
|
|
401
406
|
throw new Error('Unknown color channel: ' + channel);
|
|
402
407
|
}
|
|
403
|
-
return new $
|
|
408
|
+
return new $4tN2K$internationalizednumber.NumberFormatter(locale, options).format(value);
|
|
404
409
|
}
|
|
405
410
|
getColorSpace() {
|
|
406
411
|
return 'rgb';
|
|
@@ -417,15 +422,15 @@ class $523d1a2f70a56682$var$RGBColor extends $523d1a2f70a56682$var$Color {
|
|
|
417
422
|
// before/after a comma, 0 or more whitespaces are allowed
|
|
418
423
|
// - hsb(X, X%, X%)
|
|
419
424
|
// - hsba(X, X%, X%, X)
|
|
420
|
-
const $
|
|
421
|
-
class $
|
|
425
|
+
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+)?)\)/;
|
|
426
|
+
class $83fe1a57d631223b$var$HSBColor extends $83fe1a57d631223b$var$Color {
|
|
422
427
|
static parse(value) {
|
|
423
428
|
let m;
|
|
424
|
-
if (m = value.match($
|
|
429
|
+
if (m = value.match($83fe1a57d631223b$var$HSB_REGEX)) {
|
|
425
430
|
var ref;
|
|
426
431
|
const [h, s, b, a] = ((ref = m[1]) !== null && ref !== void 0 ? ref : m[2]).split(',').map((n)=>Number(n.trim().replace('%', ''))
|
|
427
432
|
);
|
|
428
|
-
return new $
|
|
433
|
+
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));
|
|
429
434
|
}
|
|
430
435
|
}
|
|
431
436
|
toString(format) {
|
|
@@ -437,9 +442,9 @@ class $523d1a2f70a56682$var$HSBColor extends $523d1a2f70a56682$var$Color {
|
|
|
437
442
|
case 'hexa':
|
|
438
443
|
return this.toRGB().toString('hexa');
|
|
439
444
|
case 'hsb':
|
|
440
|
-
return `hsb(${this.hue}, ${$
|
|
445
|
+
return `hsb(${this.hue}, ${$4tN2K$reactstatelyutils.toFixedNumber(this.saturation, 2)}%, ${$4tN2K$reactstatelyutils.toFixedNumber(this.brightness, 2)}%)`;
|
|
441
446
|
case 'hsba':
|
|
442
|
-
return `hsba(${this.hue}, ${$
|
|
447
|
+
return `hsba(${this.hue}, ${$4tN2K$reactstatelyutils.toFixedNumber(this.saturation, 2)}%, ${$4tN2K$reactstatelyutils.toFixedNumber(this.brightness, 2)}%, ${this.alpha})`;
|
|
443
448
|
default:
|
|
444
449
|
return this.toFormat(format).toString(format);
|
|
445
450
|
}
|
|
@@ -468,7 +473,7 @@ class $523d1a2f70a56682$var$HSBColor extends $523d1a2f70a56682$var$Color {
|
|
|
468
473
|
let brightness = this.brightness / 100;
|
|
469
474
|
let lightness = brightness * (1 - saturation / 2);
|
|
470
475
|
saturation = lightness === 0 || lightness === 1 ? 0 : (brightness - lightness) / Math.min(lightness, 1 - lightness);
|
|
471
|
-
return new $
|
|
476
|
+
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);
|
|
472
477
|
}
|
|
473
478
|
/**
|
|
474
479
|
* Converts a HSV color value to RGB.
|
|
@@ -480,10 +485,10 @@ class $523d1a2f70a56682$var$HSBColor extends $523d1a2f70a56682$var$Color {
|
|
|
480
485
|
let brightness = this.brightness / 100;
|
|
481
486
|
let fn = (n, k = (n + hue / 60) % 6)=>brightness - saturation * brightness * Math.max(Math.min(k, 4 - k, 1), 0)
|
|
482
487
|
;
|
|
483
|
-
return new $
|
|
488
|
+
return new $83fe1a57d631223b$var$RGBColor(Math.round(fn(5) * 255), Math.round(fn(3) * 255), Math.round(fn(1) * 255), this.alpha);
|
|
484
489
|
}
|
|
485
490
|
clone() {
|
|
486
|
-
return new $
|
|
491
|
+
return new $83fe1a57d631223b$var$HSBColor(this.hue, this.saturation, this.brightness, this.alpha);
|
|
487
492
|
}
|
|
488
493
|
getChannelRange(channel) {
|
|
489
494
|
switch(channel){
|
|
@@ -491,20 +496,23 @@ class $523d1a2f70a56682$var$HSBColor extends $523d1a2f70a56682$var$Color {
|
|
|
491
496
|
return {
|
|
492
497
|
minValue: 0,
|
|
493
498
|
maxValue: 360,
|
|
494
|
-
step: 1
|
|
499
|
+
step: 1,
|
|
500
|
+
pageSize: 15
|
|
495
501
|
};
|
|
496
502
|
case 'saturation':
|
|
497
503
|
case 'brightness':
|
|
498
504
|
return {
|
|
499
505
|
minValue: 0,
|
|
500
506
|
maxValue: 100,
|
|
501
|
-
step: 1
|
|
507
|
+
step: 1,
|
|
508
|
+
pageSize: 10
|
|
502
509
|
};
|
|
503
510
|
case 'alpha':
|
|
504
511
|
return {
|
|
505
512
|
minValue: 0,
|
|
506
513
|
maxValue: 1,
|
|
507
|
-
step: 0.01
|
|
514
|
+
step: 0.01,
|
|
515
|
+
pageSize: 0.1
|
|
508
516
|
};
|
|
509
517
|
default:
|
|
510
518
|
throw new Error('Unknown color channel: ' + channel);
|
|
@@ -536,7 +544,7 @@ class $523d1a2f70a56682$var$HSBColor extends $523d1a2f70a56682$var$Color {
|
|
|
536
544
|
default:
|
|
537
545
|
throw new Error('Unknown color channel: ' + channel);
|
|
538
546
|
}
|
|
539
|
-
return new $
|
|
547
|
+
return new $4tN2K$internationalizednumber.NumberFormatter(locale, options).format(value);
|
|
540
548
|
}
|
|
541
549
|
getColorSpace() {
|
|
542
550
|
return 'hsb';
|
|
@@ -553,18 +561,18 @@ class $523d1a2f70a56682$var$HSBColor extends $523d1a2f70a56682$var$Color {
|
|
|
553
561
|
// before/after a comma, 0 or more whitespaces are allowed
|
|
554
562
|
// - hsl(X, X%, X%)
|
|
555
563
|
// - hsla(X, X%, X%, X)
|
|
556
|
-
const $
|
|
557
|
-
function $
|
|
564
|
+
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+)?)\)/;
|
|
565
|
+
function $83fe1a57d631223b$var$mod(n, m) {
|
|
558
566
|
return (n % m + m) % m;
|
|
559
567
|
}
|
|
560
|
-
class $
|
|
568
|
+
class $83fe1a57d631223b$var$HSLColor extends $83fe1a57d631223b$var$Color {
|
|
561
569
|
static parse(value) {
|
|
562
570
|
let m;
|
|
563
|
-
if (m = value.match($
|
|
571
|
+
if (m = value.match($83fe1a57d631223b$var$HSL_REGEX)) {
|
|
564
572
|
var ref;
|
|
565
573
|
const [h, s, l, a] = ((ref = m[1]) !== null && ref !== void 0 ? ref : m[2]).split(',').map((n)=>Number(n.trim().replace('%', ''))
|
|
566
574
|
);
|
|
567
|
-
return new $
|
|
575
|
+
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));
|
|
568
576
|
}
|
|
569
577
|
}
|
|
570
578
|
toString(format) {
|
|
@@ -574,10 +582,10 @@ class $523d1a2f70a56682$var$HSLColor extends $523d1a2f70a56682$var$Color {
|
|
|
574
582
|
case 'hexa':
|
|
575
583
|
return this.toRGB().toString('hexa');
|
|
576
584
|
case 'hsl':
|
|
577
|
-
return `hsl(${this.hue}, ${$
|
|
585
|
+
return `hsl(${this.hue}, ${$4tN2K$reactstatelyutils.toFixedNumber(this.saturation, 2)}%, ${$4tN2K$reactstatelyutils.toFixedNumber(this.lightness, 2)}%)`;
|
|
578
586
|
case 'css':
|
|
579
587
|
case 'hsla':
|
|
580
|
-
return `hsla(${this.hue}, ${$
|
|
588
|
+
return `hsla(${this.hue}, ${$4tN2K$reactstatelyutils.toFixedNumber(this.saturation, 2)}%, ${$4tN2K$reactstatelyutils.toFixedNumber(this.lightness, 2)}%, ${this.alpha})`;
|
|
581
589
|
default:
|
|
582
590
|
return this.toFormat(format).toString(format);
|
|
583
591
|
}
|
|
@@ -606,7 +614,7 @@ class $523d1a2f70a56682$var$HSLColor extends $523d1a2f70a56682$var$Color {
|
|
|
606
614
|
let lightness = this.lightness / 100;
|
|
607
615
|
let brightness = lightness + saturation * Math.min(lightness, 1 - lightness);
|
|
608
616
|
saturation = brightness === 0 ? 0 : 2 * (1 - lightness / brightness);
|
|
609
|
-
return new $
|
|
617
|
+
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);
|
|
610
618
|
}
|
|
611
619
|
/**
|
|
612
620
|
* Converts a HSL color to RGB.
|
|
@@ -619,10 +627,10 @@ class $523d1a2f70a56682$var$HSLColor extends $523d1a2f70a56682$var$Color {
|
|
|
619
627
|
let a = saturation * Math.min(lightness, 1 - lightness);
|
|
620
628
|
let fn = (n, k = (n + hue / 30) % 12)=>lightness - a * Math.max(Math.min(k - 3, 9 - k, 1), -1)
|
|
621
629
|
;
|
|
622
|
-
return new $
|
|
630
|
+
return new $83fe1a57d631223b$var$RGBColor(Math.round(fn(0) * 255), Math.round(fn(8) * 255), Math.round(fn(4) * 255), this.alpha);
|
|
623
631
|
}
|
|
624
632
|
clone() {
|
|
625
|
-
return new $
|
|
633
|
+
return new $83fe1a57d631223b$var$HSLColor(this.hue, this.saturation, this.lightness, this.alpha);
|
|
626
634
|
}
|
|
627
635
|
getChannelRange(channel) {
|
|
628
636
|
switch(channel){
|
|
@@ -630,20 +638,23 @@ class $523d1a2f70a56682$var$HSLColor extends $523d1a2f70a56682$var$Color {
|
|
|
630
638
|
return {
|
|
631
639
|
minValue: 0,
|
|
632
640
|
maxValue: 360,
|
|
633
|
-
step: 1
|
|
641
|
+
step: 1,
|
|
642
|
+
pageSize: 15
|
|
634
643
|
};
|
|
635
644
|
case 'saturation':
|
|
636
645
|
case 'lightness':
|
|
637
646
|
return {
|
|
638
647
|
minValue: 0,
|
|
639
648
|
maxValue: 100,
|
|
640
|
-
step: 1
|
|
649
|
+
step: 1,
|
|
650
|
+
pageSize: 10
|
|
641
651
|
};
|
|
642
652
|
case 'alpha':
|
|
643
653
|
return {
|
|
644
654
|
minValue: 0,
|
|
645
655
|
maxValue: 1,
|
|
646
|
-
step: 0.01
|
|
656
|
+
step: 0.01,
|
|
657
|
+
pageSize: 0.1
|
|
647
658
|
};
|
|
648
659
|
default:
|
|
649
660
|
throw new Error('Unknown color channel: ' + channel);
|
|
@@ -675,7 +686,7 @@ class $523d1a2f70a56682$var$HSLColor extends $523d1a2f70a56682$var$Color {
|
|
|
675
686
|
default:
|
|
676
687
|
throw new Error('Unknown color channel: ' + channel);
|
|
677
688
|
}
|
|
678
|
-
return new $
|
|
689
|
+
return new $4tN2K$internationalizednumber.NumberFormatter(locale, options).format(value);
|
|
679
690
|
}
|
|
680
691
|
getColorSpace() {
|
|
681
692
|
return 'hsl';
|
|
@@ -690,21 +701,164 @@ class $523d1a2f70a56682$var$HSLColor extends $523d1a2f70a56682$var$Color {
|
|
|
690
701
|
}
|
|
691
702
|
|
|
692
703
|
|
|
693
|
-
var $
|
|
704
|
+
var $af2d7ac9990cfee2$exports = {};
|
|
694
705
|
|
|
695
|
-
$parcel$export($
|
|
706
|
+
$parcel$export($af2d7ac9990cfee2$exports, "useColorAreaState", () => $af2d7ac9990cfee2$export$6df7f0e2cabc7eef);
|
|
696
707
|
|
|
697
708
|
|
|
698
709
|
|
|
699
|
-
|
|
700
|
-
|
|
701
|
-
|
|
710
|
+
const $af2d7ac9990cfee2$var$DEFAULT_COLOR = $83fe1a57d631223b$export$6e865ea70d7724f('#ffffff');
|
|
711
|
+
const $af2d7ac9990cfee2$var$RGBSet = new Set([
|
|
712
|
+
'red',
|
|
713
|
+
'green',
|
|
714
|
+
'blue'
|
|
715
|
+
]);
|
|
716
|
+
let $af2d7ac9990cfee2$var$difference = (a, b)=>new Set([
|
|
717
|
+
...a
|
|
718
|
+
].filter((x)=>!b.has(x)
|
|
719
|
+
))
|
|
720
|
+
;
|
|
721
|
+
function $af2d7ac9990cfee2$export$6df7f0e2cabc7eef(props) {
|
|
722
|
+
let { value: value1 , defaultValue: defaultValue , xChannel: xChannel , yChannel: yChannel , onChange: onChange , onChangeEnd: onChangeEnd } = props;
|
|
723
|
+
if (!value1 && !defaultValue) defaultValue = $af2d7ac9990cfee2$var$DEFAULT_COLOR;
|
|
724
|
+
let [color, setColor] = $4tN2K$reactstatelyutils.useControlledState(value1 && $83fe1a57d631223b$export$4cde5df63f53f473(value1), defaultValue && $83fe1a57d631223b$export$4cde5df63f53f473(defaultValue), onChange);
|
|
725
|
+
let valueRef = $4tN2K$react.useRef(color);
|
|
726
|
+
valueRef.current = color;
|
|
727
|
+
let channels = $4tN2K$react.useMemo(()=>{
|
|
728
|
+
if (!xChannel) switch(yChannel){
|
|
729
|
+
case 'red':
|
|
730
|
+
case 'green':
|
|
731
|
+
xChannel = 'blue';
|
|
732
|
+
break;
|
|
733
|
+
case 'blue':
|
|
734
|
+
xChannel = 'red';
|
|
735
|
+
break;
|
|
736
|
+
default:
|
|
737
|
+
xChannel = 'blue';
|
|
738
|
+
yChannel = 'green';
|
|
739
|
+
}
|
|
740
|
+
else if (!yChannel) switch(xChannel){
|
|
741
|
+
case 'red':
|
|
742
|
+
yChannel = 'green';
|
|
743
|
+
break;
|
|
744
|
+
case 'blue':
|
|
745
|
+
yChannel = 'red';
|
|
746
|
+
break;
|
|
747
|
+
default:
|
|
748
|
+
xChannel = 'blue';
|
|
749
|
+
yChannel = 'green';
|
|
750
|
+
}
|
|
751
|
+
let xyChannels = new Set([
|
|
752
|
+
xChannel,
|
|
753
|
+
yChannel
|
|
754
|
+
]);
|
|
755
|
+
let zChannel = $af2d7ac9990cfee2$var$difference($af2d7ac9990cfee2$var$RGBSet, xyChannels).values().next().value;
|
|
756
|
+
return {
|
|
757
|
+
xChannel: xChannel,
|
|
758
|
+
yChannel: yChannel,
|
|
759
|
+
zChannel: zChannel
|
|
760
|
+
};
|
|
761
|
+
}, [
|
|
762
|
+
xChannel,
|
|
763
|
+
yChannel
|
|
764
|
+
]);
|
|
765
|
+
let xChannelRange = color.getChannelRange(channels.xChannel);
|
|
766
|
+
let yChannelRange = color.getChannelRange(channels.yChannel);
|
|
767
|
+
let { minValue: minValueX1 , maxValue: maxValueX1 , step: stepX , pageSize: pageSizeX } = xChannelRange;
|
|
768
|
+
let { minValue: minValueY1 , maxValue: maxValueY1 , step: stepY , pageSize: pageSizeY } = yChannelRange;
|
|
769
|
+
let [isDragging1, setDragging] = $4tN2K$react.useState(false);
|
|
770
|
+
let isDraggingRef = $4tN2K$react.useRef(false).current;
|
|
771
|
+
let xValue = color.getChannelValue(channels.xChannel);
|
|
772
|
+
let yValue = color.getChannelValue(channels.yChannel);
|
|
773
|
+
let setXValue = (v)=>{
|
|
774
|
+
if (v === xValue) return;
|
|
775
|
+
valueRef.current = color.withChannelValue(channels.xChannel, v);
|
|
776
|
+
setColor(valueRef.current);
|
|
777
|
+
};
|
|
778
|
+
let setYValue = (v)=>{
|
|
779
|
+
if (v === yValue) return;
|
|
780
|
+
valueRef.current = color.withChannelValue(channels.yChannel, v);
|
|
781
|
+
setColor(valueRef.current);
|
|
782
|
+
};
|
|
783
|
+
return {
|
|
784
|
+
channels: channels,
|
|
785
|
+
xChannelStep: stepX,
|
|
786
|
+
yChannelStep: stepY,
|
|
787
|
+
xChannelPageStep: pageSizeX,
|
|
788
|
+
yChannelPageStep: pageSizeY,
|
|
789
|
+
value: color,
|
|
790
|
+
setValue (value) {
|
|
791
|
+
let c = $83fe1a57d631223b$export$4cde5df63f53f473(value);
|
|
792
|
+
valueRef.current = c;
|
|
793
|
+
setColor(c);
|
|
794
|
+
},
|
|
795
|
+
xValue: xValue,
|
|
796
|
+
setXValue: setXValue,
|
|
797
|
+
yValue: yValue,
|
|
798
|
+
setYValue: setYValue,
|
|
799
|
+
setColorFromPoint (x, y) {
|
|
800
|
+
let { minValue: minValueX , maxValue: maxValueX } = color.getChannelRange(channels.xChannel);
|
|
801
|
+
let { minValue: minValueY , maxValue: maxValueY } = color.getChannelRange(channels.yChannel);
|
|
802
|
+
let newXValue = minValueX + $4tN2K$reactstatelyutils.clamp(x, 0, 1) * (maxValueX - minValueX);
|
|
803
|
+
let newYValue = minValueY + (1 - $4tN2K$reactstatelyutils.clamp(y, 0, 1)) * (maxValueY - minValueY);
|
|
804
|
+
let newColor;
|
|
805
|
+
if (newXValue !== xValue) {
|
|
806
|
+
// Round new value to multiple of step, clamp value between min and max
|
|
807
|
+
newXValue = $4tN2K$reactstatelyutils.snapValueToStep(newXValue, minValueX, maxValueX, stepX);
|
|
808
|
+
newColor = color.withChannelValue(channels.xChannel, newXValue);
|
|
809
|
+
}
|
|
810
|
+
if (newYValue !== yValue) {
|
|
811
|
+
// Round new value to multiple of step, clamp value between min and max
|
|
812
|
+
newYValue = $4tN2K$reactstatelyutils.snapValueToStep(newYValue, minValueY, maxValueY, stepY);
|
|
813
|
+
newColor = (newColor || color).withChannelValue(channels.yChannel, newYValue);
|
|
814
|
+
}
|
|
815
|
+
if (newColor) setColor(newColor);
|
|
816
|
+
},
|
|
817
|
+
getThumbPosition () {
|
|
818
|
+
let x = (xValue - minValueX1) / (maxValueX1 - minValueX1);
|
|
819
|
+
let y = 1 - (yValue - minValueY1) / (maxValueY1 - minValueY1);
|
|
820
|
+
return {
|
|
821
|
+
x: x,
|
|
822
|
+
y: y
|
|
823
|
+
};
|
|
824
|
+
},
|
|
825
|
+
incrementX (stepSize) {
|
|
826
|
+
setXValue(xValue + stepSize > maxValueX1 ? maxValueX1 : $4tN2K$reactstatelyutils.snapValueToStep(xValue + stepSize, minValueX1, maxValueX1, stepX));
|
|
827
|
+
},
|
|
828
|
+
incrementY (stepSize) {
|
|
829
|
+
setYValue(yValue + stepSize > maxValueY1 ? maxValueY1 : $4tN2K$reactstatelyutils.snapValueToStep(yValue + stepSize, minValueY1, maxValueY1, stepY));
|
|
830
|
+
},
|
|
831
|
+
decrementX (stepSize) {
|
|
832
|
+
setXValue($4tN2K$reactstatelyutils.snapValueToStep(xValue - stepSize, minValueX1, maxValueX1, stepX));
|
|
833
|
+
},
|
|
834
|
+
decrementY (stepSize) {
|
|
835
|
+
setYValue($4tN2K$reactstatelyutils.snapValueToStep(yValue - stepSize, minValueY1, maxValueY1, stepY));
|
|
836
|
+
},
|
|
837
|
+
setDragging (isDragging) {
|
|
838
|
+
let wasDragging = isDraggingRef;
|
|
839
|
+
isDraggingRef = isDragging;
|
|
840
|
+
if (onChangeEnd && !isDragging && wasDragging) onChangeEnd(valueRef.current);
|
|
841
|
+
setDragging(isDragging);
|
|
842
|
+
},
|
|
843
|
+
isDragging: isDragging1,
|
|
844
|
+
getDisplayColor () {
|
|
845
|
+
return color.withChannelValue('alpha', 1);
|
|
846
|
+
}
|
|
847
|
+
};
|
|
702
848
|
}
|
|
703
|
-
|
|
849
|
+
|
|
850
|
+
|
|
851
|
+
var $5386a492cfd3234c$exports = {};
|
|
852
|
+
|
|
853
|
+
$parcel$export($5386a492cfd3234c$exports, "useColorSliderState", () => $5386a492cfd3234c$export$57bc203e1c9c6d44);
|
|
854
|
+
|
|
855
|
+
|
|
856
|
+
|
|
857
|
+
function $5386a492cfd3234c$export$57bc203e1c9c6d44(props) {
|
|
704
858
|
let { channel: channel , value: value1 , defaultValue: defaultValue , onChange: onChange , locale: locale , ...otherProps } = props;
|
|
705
859
|
if (value1 == null && defaultValue == null) throw new Error('useColorSliderState requires a value or defaultValue');
|
|
706
|
-
let [color, setColor] = $
|
|
707
|
-
let sliderState = $
|
|
860
|
+
let [color, setColor] = $4tN2K$reactstatelyutils.useControlledState(value1 && $83fe1a57d631223b$export$4cde5df63f53f473(value1), defaultValue && $83fe1a57d631223b$export$4cde5df63f53f473(defaultValue), onChange);
|
|
861
|
+
let sliderState = $4tN2K$reactstatelyslider.useSliderState({
|
|
708
862
|
...color.getChannelRange(channel),
|
|
709
863
|
...otherProps,
|
|
710
864
|
// Unused except in getThumbValueLabel, which is overridden below. null to appease TypeScript.
|
|
@@ -716,20 +870,21 @@ function $998e88d099c05d47$export$57bc203e1c9c6d44(props) {
|
|
|
716
870
|
setColor(color.withChannelValue(channel, v));
|
|
717
871
|
},
|
|
718
872
|
onChangeEnd ([v]) {
|
|
719
|
-
// onChange will have already been called with the right value, this is just to trigger
|
|
873
|
+
// onChange will have already been called with the right value, this is just to trigger onChangeEnd
|
|
720
874
|
if (props.onChangeEnd) props.onChangeEnd(color.withChannelValue(channel, v));
|
|
721
875
|
}
|
|
722
876
|
});
|
|
877
|
+
let { step: step , pageSize: pageSize } = color.getChannelRange(channel);
|
|
723
878
|
return {
|
|
724
879
|
...sliderState,
|
|
725
880
|
value: color,
|
|
726
881
|
setValue (value) {
|
|
727
|
-
setColor($
|
|
882
|
+
setColor($83fe1a57d631223b$export$4cde5df63f53f473(value));
|
|
728
883
|
},
|
|
729
884
|
getDisplayColor () {
|
|
730
885
|
switch(channel){
|
|
731
886
|
case 'hue':
|
|
732
|
-
return $
|
|
887
|
+
return $83fe1a57d631223b$export$6e865ea70d7724f(`hsl(${color.getChannelValue('hue')}, 100%, 50%)`);
|
|
733
888
|
case 'lightness':
|
|
734
889
|
case 'brightness':
|
|
735
890
|
case 'saturation':
|
|
@@ -745,42 +900,40 @@ function $998e88d099c05d47$export$57bc203e1c9c6d44(props) {
|
|
|
745
900
|
},
|
|
746
901
|
getThumbValueLabel () {
|
|
747
902
|
return color.formatChannelValue(channel, locale);
|
|
748
|
-
}
|
|
903
|
+
},
|
|
904
|
+
step: step,
|
|
905
|
+
pageSize: pageSize
|
|
749
906
|
};
|
|
750
907
|
}
|
|
751
908
|
|
|
752
909
|
|
|
753
|
-
var $
|
|
910
|
+
var $9d7d8736d45f74b8$exports = {};
|
|
754
911
|
|
|
755
|
-
$parcel$export($
|
|
912
|
+
$parcel$export($9d7d8736d45f74b8$exports, "useColorWheelState", () => $9d7d8736d45f74b8$export$f4301076d9336137);
|
|
756
913
|
|
|
757
914
|
|
|
758
915
|
|
|
759
|
-
|
|
760
|
-
|
|
761
|
-
else return v;
|
|
762
|
-
}
|
|
763
|
-
const $430b627fcf219882$var$DEFAULT_COLOR = $523d1a2f70a56682$export$6e865ea70d7724f('hsl(0, 100%, 50%)');
|
|
764
|
-
function $430b627fcf219882$var$roundToStep(value, step) {
|
|
916
|
+
const $9d7d8736d45f74b8$var$DEFAULT_COLOR = $83fe1a57d631223b$export$6e865ea70d7724f('hsl(0, 100%, 50%)');
|
|
917
|
+
function $9d7d8736d45f74b8$var$roundToStep(value, step) {
|
|
765
918
|
return Math.round(value / step) * step;
|
|
766
919
|
}
|
|
767
|
-
function $
|
|
920
|
+
function $9d7d8736d45f74b8$var$mod(n, m) {
|
|
768
921
|
return (n % m + m) % m;
|
|
769
922
|
}
|
|
770
|
-
function $
|
|
923
|
+
function $9d7d8736d45f74b8$var$roundDown(v) {
|
|
771
924
|
let r = Math.floor(v);
|
|
772
925
|
if (r === v) return v - 1;
|
|
773
926
|
else return r;
|
|
774
927
|
}
|
|
775
|
-
function $
|
|
928
|
+
function $9d7d8736d45f74b8$var$degToRad(deg) {
|
|
776
929
|
return deg * Math.PI / 180;
|
|
777
930
|
}
|
|
778
|
-
function $
|
|
931
|
+
function $9d7d8736d45f74b8$var$radToDeg(rad) {
|
|
779
932
|
return rad * 180 / Math.PI;
|
|
780
933
|
}
|
|
781
934
|
// 0deg = 3 o'clock. increases clockwise
|
|
782
|
-
function $
|
|
783
|
-
let rad = $
|
|
935
|
+
function $9d7d8736d45f74b8$var$angleToCartesian(angle, radius) {
|
|
936
|
+
let rad = $9d7d8736d45f74b8$var$degToRad(360 - angle + 90);
|
|
784
937
|
let x = Math.sin(rad) * radius;
|
|
785
938
|
let y = Math.cos(rad) * radius;
|
|
786
939
|
return {
|
|
@@ -788,23 +941,25 @@ function $430b627fcf219882$var$angleToCartesian(angle, radius) {
|
|
|
788
941
|
y: y
|
|
789
942
|
};
|
|
790
943
|
}
|
|
791
|
-
function $
|
|
792
|
-
let deg = $
|
|
944
|
+
function $9d7d8736d45f74b8$var$cartesianToAngle(x, y, radius) {
|
|
945
|
+
let deg = $9d7d8736d45f74b8$var$radToDeg(Math.atan2(y / radius, x / radius));
|
|
793
946
|
return (deg + 360) % 360;
|
|
794
947
|
}
|
|
795
|
-
function $
|
|
796
|
-
let { defaultValue: defaultValue , onChange: onChange , onChangeEnd: onChangeEnd
|
|
797
|
-
if (!props.value && !defaultValue) defaultValue = $
|
|
798
|
-
let [value, setValue] = $
|
|
799
|
-
let valueRef = $
|
|
948
|
+
function $9d7d8736d45f74b8$export$f4301076d9336137(props) {
|
|
949
|
+
let { defaultValue: defaultValue , onChange: onChange , onChangeEnd: onChangeEnd } = props;
|
|
950
|
+
if (!props.value && !defaultValue) defaultValue = $9d7d8736d45f74b8$var$DEFAULT_COLOR;
|
|
951
|
+
let [value, setValue] = $4tN2K$reactstatelyutils.useControlledState($83fe1a57d631223b$export$4cde5df63f53f473(props.value), $83fe1a57d631223b$export$4cde5df63f53f473(defaultValue), onChange);
|
|
952
|
+
let valueRef = $4tN2K$react.useRef(value);
|
|
800
953
|
valueRef.current = value;
|
|
801
|
-
let
|
|
802
|
-
let
|
|
954
|
+
let channelRange = value.getChannelRange('hue');
|
|
955
|
+
let { minValue: minValueX , maxValue: maxValueX , step: step , pageSize: pageStep } = channelRange;
|
|
956
|
+
let [isDragging1, setDragging] = $4tN2K$react.useState(false);
|
|
957
|
+
let isDraggingRef = $4tN2K$react.useRef(false).current;
|
|
803
958
|
let hue = value.getChannelValue('hue');
|
|
804
959
|
function setHue(v) {
|
|
805
960
|
if (v > 360) // Make sure you can always get back to 0.
|
|
806
961
|
v = 0;
|
|
807
|
-
v = $
|
|
962
|
+
v = $9d7d8736d45f74b8$var$roundToStep($9d7d8736d45f74b8$var$mod(v, 360), step);
|
|
808
963
|
if (hue !== v) {
|
|
809
964
|
let color = value.withChannelValue('hue', v);
|
|
810
965
|
valueRef.current = color;
|
|
@@ -813,31 +968,34 @@ function $430b627fcf219882$export$f4301076d9336137(props) {
|
|
|
813
968
|
}
|
|
814
969
|
return {
|
|
815
970
|
value: value,
|
|
971
|
+
step: step,
|
|
972
|
+
pageStep: pageStep,
|
|
816
973
|
setValue (v) {
|
|
817
|
-
let color = $
|
|
974
|
+
let color = $83fe1a57d631223b$export$4cde5df63f53f473(v);
|
|
818
975
|
valueRef.current = color;
|
|
819
976
|
setValue(color);
|
|
820
977
|
},
|
|
821
978
|
hue: hue,
|
|
822
979
|
setHue: setHue,
|
|
823
980
|
setHueFromPoint (x, y, radius) {
|
|
824
|
-
setHue($
|
|
981
|
+
setHue($9d7d8736d45f74b8$var$cartesianToAngle(x, y, radius));
|
|
825
982
|
},
|
|
826
983
|
getThumbPosition (radius) {
|
|
827
|
-
return $
|
|
984
|
+
return $9d7d8736d45f74b8$var$angleToCartesian(value.getChannelValue('hue'), radius);
|
|
828
985
|
},
|
|
829
|
-
increment (
|
|
830
|
-
let
|
|
831
|
-
|
|
832
|
-
newValue
|
|
833
|
-
|
|
986
|
+
increment (stepSize = 1) {
|
|
987
|
+
let s = Math.max(stepSize, step);
|
|
988
|
+
let newValue = hue + s;
|
|
989
|
+
if (newValue >= maxValueX) // Make sure you can always get back to 0.
|
|
990
|
+
newValue = minValueX;
|
|
991
|
+
setHue($9d7d8736d45f74b8$var$roundToStep($9d7d8736d45f74b8$var$mod(newValue, 360), s));
|
|
834
992
|
},
|
|
835
|
-
decrement (
|
|
836
|
-
let s = Math.max(
|
|
993
|
+
decrement (stepSize = 1) {
|
|
994
|
+
let s = Math.max(stepSize, step);
|
|
837
995
|
if (hue === 0) // We can't just subtract step because this might be the case:
|
|
838
996
|
// |(previous step) - 0| < step size
|
|
839
|
-
setHue($
|
|
840
|
-
else setHue(hue - s);
|
|
997
|
+
setHue($9d7d8736d45f74b8$var$roundDown(360 / s) * s);
|
|
998
|
+
else setHue($9d7d8736d45f74b8$var$roundToStep($9d7d8736d45f74b8$var$mod(hue - s, 360), s));
|
|
841
999
|
},
|
|
842
1000
|
setDragging (isDragging) {
|
|
843
1001
|
let wasDragging = isDraggingRef;
|
|
@@ -853,16 +1011,16 @@ function $430b627fcf219882$export$f4301076d9336137(props) {
|
|
|
853
1011
|
}
|
|
854
1012
|
|
|
855
1013
|
|
|
856
|
-
var $
|
|
1014
|
+
var $d59d0c2b2ce1568f$exports = {};
|
|
857
1015
|
|
|
858
|
-
$parcel$export($
|
|
1016
|
+
$parcel$export($d59d0c2b2ce1568f$exports, "useColorFieldState", () => $d59d0c2b2ce1568f$export$d52a01683abdfcd6);
|
|
859
1017
|
|
|
860
1018
|
|
|
861
1019
|
|
|
862
|
-
function $
|
|
863
|
-
return $
|
|
1020
|
+
function $f8b3be23ba4462b1$export$5aadd9c0606af5c2(value) {
|
|
1021
|
+
return $4tN2K$react.useMemo(()=>{
|
|
864
1022
|
if (typeof value === 'string') try {
|
|
865
|
-
return $
|
|
1023
|
+
return $83fe1a57d631223b$export$6e865ea70d7724f(value);
|
|
866
1024
|
} catch (err) {
|
|
867
1025
|
return undefined;
|
|
868
1026
|
}
|
|
@@ -875,16 +1033,17 @@ function $c1c16c6d297071f3$export$5aadd9c0606af5c2(value) {
|
|
|
875
1033
|
|
|
876
1034
|
|
|
877
1035
|
|
|
878
|
-
const $
|
|
879
|
-
const $
|
|
880
|
-
const $
|
|
881
|
-
const $
|
|
882
|
-
function $
|
|
883
|
-
let {
|
|
884
|
-
let
|
|
885
|
-
let
|
|
886
|
-
let
|
|
887
|
-
let [
|
|
1036
|
+
const $d59d0c2b2ce1568f$var$MIN_COLOR = $83fe1a57d631223b$export$6e865ea70d7724f('#000000');
|
|
1037
|
+
const $d59d0c2b2ce1568f$var$MAX_COLOR = $83fe1a57d631223b$export$6e865ea70d7724f('#FFFFFF');
|
|
1038
|
+
const $d59d0c2b2ce1568f$var$MIN_COLOR_INT = $d59d0c2b2ce1568f$var$MIN_COLOR.toHexInt();
|
|
1039
|
+
const $d59d0c2b2ce1568f$var$MAX_COLOR_INT = $d59d0c2b2ce1568f$var$MAX_COLOR.toHexInt();
|
|
1040
|
+
function $d59d0c2b2ce1568f$export$d52a01683abdfcd6(props) {
|
|
1041
|
+
let { value: value1 , defaultValue: defaultValue , onChange: onChange } = props;
|
|
1042
|
+
let { step: step } = $d59d0c2b2ce1568f$var$MIN_COLOR.getChannelRange('red');
|
|
1043
|
+
let initialValue = $f8b3be23ba4462b1$export$5aadd9c0606af5c2(value1);
|
|
1044
|
+
let initialDefaultValue = $f8b3be23ba4462b1$export$5aadd9c0606af5c2(defaultValue);
|
|
1045
|
+
let [colorValue, setColorValue] = $4tN2K$reactstatelyutils.useControlledState(initialValue, initialDefaultValue, onChange);
|
|
1046
|
+
let [inputValue, setInputValue] = $4tN2K$react.useState(()=>(value1 || defaultValue) && colorValue ? colorValue.toString('hex') : ''
|
|
888
1047
|
);
|
|
889
1048
|
let safelySetColorValue = (newColor)=>{
|
|
890
1049
|
if (!colorValue || !newColor) {
|
|
@@ -896,25 +1055,24 @@ function $887d7eacef9af0a7$export$d52a01683abdfcd6(props) {
|
|
|
896
1055
|
return;
|
|
897
1056
|
}
|
|
898
1057
|
};
|
|
899
|
-
$
|
|
1058
|
+
let prevValue = $4tN2K$react.useRef(colorValue);
|
|
1059
|
+
if (prevValue.current !== colorValue) {
|
|
900
1060
|
setInputValue(colorValue ? colorValue.toString('hex') : '');
|
|
901
|
-
|
|
902
|
-
|
|
903
|
-
|
|
904
|
-
]);
|
|
905
|
-
let parsedValue = $jelaE$react.useMemo(()=>{
|
|
1061
|
+
prevValue.current = colorValue;
|
|
1062
|
+
}
|
|
1063
|
+
let parsedValue = $4tN2K$react.useMemo(()=>{
|
|
906
1064
|
let color;
|
|
907
1065
|
try {
|
|
908
|
-
color = $
|
|
1066
|
+
color = $83fe1a57d631223b$export$6e865ea70d7724f(inputValue.startsWith('#') ? inputValue : `#${inputValue}`);
|
|
909
1067
|
} catch (err) {
|
|
910
1068
|
color = null;
|
|
911
1069
|
}
|
|
912
1070
|
return color;
|
|
913
1071
|
}, [
|
|
914
|
-
$
|
|
1072
|
+
$83fe1a57d631223b$export$6e865ea70d7724f,
|
|
915
1073
|
inputValue
|
|
916
1074
|
]);
|
|
917
|
-
let parsed = $
|
|
1075
|
+
let parsed = $4tN2K$react.useRef(null);
|
|
918
1076
|
parsed.current = parsedValue;
|
|
919
1077
|
let commit = ()=>{
|
|
920
1078
|
// Set to empty state if input value is empty
|
|
@@ -935,7 +1093,7 @@ function $887d7eacef9af0a7$export$d52a01683abdfcd6(props) {
|
|
|
935
1093
|
setInputValue(newColorValue);
|
|
936
1094
|
};
|
|
937
1095
|
let increment = ()=>{
|
|
938
|
-
let newValue = $
|
|
1096
|
+
let newValue = $d59d0c2b2ce1568f$var$addColorValue(parsed.current, step);
|
|
939
1097
|
// if we've arrived at the same value that was previously in the state, the
|
|
940
1098
|
// input value should be updated to match
|
|
941
1099
|
// ex type 4, press increment, highlight the number in the input, type 4 again, press increment
|
|
@@ -944,7 +1102,7 @@ function $887d7eacef9af0a7$export$d52a01683abdfcd6(props) {
|
|
|
944
1102
|
safelySetColorValue(newValue);
|
|
945
1103
|
};
|
|
946
1104
|
let decrement = ()=>{
|
|
947
|
-
let newValue = $
|
|
1105
|
+
let newValue = $d59d0c2b2ce1568f$var$addColorValue(parsed.current, -step);
|
|
948
1106
|
// if we've arrived at the same value that was previously in the state, the
|
|
949
1107
|
// input value should be updated to match
|
|
950
1108
|
// ex type 4, press increment, highlight the number in the input, type 4 again, press increment
|
|
@@ -952,9 +1110,9 @@ function $887d7eacef9af0a7$export$d52a01683abdfcd6(props) {
|
|
|
952
1110
|
if (newValue === colorValue) setInputValue(newValue.toString('hex'));
|
|
953
1111
|
safelySetColorValue(newValue);
|
|
954
1112
|
};
|
|
955
|
-
let incrementToMax = ()=>safelySetColorValue($
|
|
1113
|
+
let incrementToMax = ()=>safelySetColorValue($d59d0c2b2ce1568f$var$MAX_COLOR)
|
|
956
1114
|
;
|
|
957
|
-
let decrementToMin = ()=>safelySetColorValue($
|
|
1115
|
+
let decrementToMin = ()=>safelySetColorValue($d59d0c2b2ce1568f$var$MIN_COLOR)
|
|
958
1116
|
;
|
|
959
1117
|
let validate = (value)=>{
|
|
960
1118
|
var ref;
|
|
@@ -972,22 +1130,22 @@ function $887d7eacef9af0a7$export$d52a01683abdfcd6(props) {
|
|
|
972
1130
|
decrementToMin: decrementToMin
|
|
973
1131
|
};
|
|
974
1132
|
}
|
|
975
|
-
function $
|
|
976
|
-
let newColor = color ? color : $
|
|
1133
|
+
function $d59d0c2b2ce1568f$var$addColorValue(color, step) {
|
|
1134
|
+
let newColor = color ? color : $d59d0c2b2ce1568f$var$MIN_COLOR;
|
|
977
1135
|
let colorInt = newColor.toHexInt();
|
|
978
|
-
let clampInt = Math.min(Math.max(colorInt + step, $
|
|
1136
|
+
let clampInt = Math.min(Math.max(colorInt + step, $d59d0c2b2ce1568f$var$MIN_COLOR_INT), $d59d0c2b2ce1568f$var$MAX_COLOR_INT);
|
|
979
1137
|
if (clampInt !== colorInt) {
|
|
980
1138
|
let newColorString = `#${clampInt.toString(16).padStart(6, '0').toUpperCase()}`;
|
|
981
|
-
newColor = $
|
|
1139
|
+
newColor = $83fe1a57d631223b$export$6e865ea70d7724f(newColorString);
|
|
982
1140
|
}
|
|
983
1141
|
return newColor;
|
|
984
1142
|
}
|
|
985
1143
|
|
|
986
1144
|
|
|
987
|
-
$parcel$exportWildcard(module.exports, $
|
|
988
|
-
$parcel$exportWildcard(module.exports, $
|
|
989
|
-
$parcel$exportWildcard(module.exports, $
|
|
990
|
-
$parcel$exportWildcard(module.exports, $
|
|
1145
|
+
$parcel$exportWildcard(module.exports, $af2d7ac9990cfee2$exports);
|
|
1146
|
+
$parcel$exportWildcard(module.exports, $5386a492cfd3234c$exports);
|
|
1147
|
+
$parcel$exportWildcard(module.exports, $9d7d8736d45f74b8$exports);
|
|
1148
|
+
$parcel$exportWildcard(module.exports, $d59d0c2b2ce1568f$exports);
|
|
991
1149
|
|
|
992
1150
|
|
|
993
1151
|
//# sourceMappingURL=main.js.map
|