1
1
import { defineComponent as vt , ref as F , reactive as pt , computed as U , watch as dt , onMounted as mt , onBeforeUnmount as gt , openBlock as w , createElementBlock as y , createElementVNode as h , renderSlot as I , createTextVNode as q , createCommentVNode as X , Fragment as bt , renderList as wt , toDisplayString as yt } from "vue" ;
2
- function M ( t , e , s ) {
2
+ function $ ( t , e , s ) {
3
3
return Math . max ( e , Math . min ( t , s ) ) ;
4
4
}
5
5
function xt ( t , e ) {
@@ -64,7 +64,7 @@ function tt(t) {
64
64
a : t . a
65
65
} ;
66
66
}
67
- function T ( t ) {
67
+ function _ ( t ) {
68
68
return A ( Z ( t ) ) ;
69
69
}
70
70
function x ( t ) {
@@ -93,54 +93,54 @@ function H(t) {
93
93
function V ( t ) {
94
94
return "#" + Object . values ( t ) . map ( ( e , s ) => Math . round ( s === 3 ? e * 255 : e ) . toString ( 16 ) . padStart ( 2 , "0" ) ) . join ( "" ) ;
95
95
}
96
- function k ( t ) {
96
+ function M ( t ) {
97
97
return tt ( Q ( H ( t ) ) ) ;
98
98
}
99
99
const Ct = {
100
100
hex : {
101
101
hex : ( t ) => t ,
102
102
hsl : ( t ) => H ( N ( t ) ) ,
103
- hsv : ( t ) => x ( k ( N ( t ) ) ) ,
104
- hwb : ( t ) => k ( N ( t ) ) ,
103
+ hsv : ( t ) => x ( M ( N ( t ) ) ) ,
104
+ hwb : ( t ) => M ( N ( t ) ) ,
105
105
rgb : N
106
106
} ,
107
107
hsl : {
108
108
hex : ( t ) => V ( A ( t ) ) ,
109
109
hsl : ( t ) => t ,
110
110
hsv : Q ,
111
- hwb : ( t ) => k ( A ( t ) ) ,
111
+ hwb : ( t ) => M ( A ( t ) ) ,
112
112
rgb : A
113
113
} ,
114
114
hsv : {
115
- hex : ( t ) => V ( T ( t ) ) ,
115
+ hex : ( t ) => V ( _ ( t ) ) ,
116
116
hsl : Z ,
117
117
hsv : ( t ) => t ,
118
118
hwb : tt ,
119
- rgb : T
119
+ rgb : _
120
120
} ,
121
121
hwb : {
122
- hex : ( t ) => V ( T ( x ( t ) ) ) ,
123
- hsl : ( t ) => H ( T ( x ( t ) ) ) ,
122
+ hex : ( t ) => V ( _ ( x ( t ) ) ) ,
123
+ hsl : ( t ) => H ( _ ( x ( t ) ) ) ,
124
124
hsv : x ,
125
125
hwb : ( t ) => t ,
126
- rgb : ( t ) => T ( x ( t ) )
126
+ rgb : ( t ) => _ ( x ( t ) )
127
127
} ,
128
128
rgb : {
129
129
hex : V ,
130
130
hsl : H ,
131
- hsv : ( t ) => x ( k ( t ) ) ,
132
- hwb : k ,
131
+ hsv : ( t ) => x ( M ( t ) ) ,
132
+ hwb : M ,
133
133
rgb : ( t ) => t
134
134
}
135
135
} ;
136
- function _t ( t , e , s ) {
136
+ function Tt ( t , e , s ) {
137
137
return Ct [ t ] [ e ] ( s ) ;
138
138
}
139
- function Tt ( t , e ) {
139
+ function _t ( t , e ) {
140
140
const s = t . toFixed ( e ) ;
141
141
return s . includes ( "." ) ? s . replace ( / \. ? 0 + $ / , "" ) : s ;
142
142
}
143
- const kt = {
143
+ const Mt = {
144
144
deg : 1 ,
145
145
grad : 0.9 ,
146
146
rad : 180 / Math . PI ,
@@ -158,17 +158,17 @@ const kt = {
158
158
if ( e === null )
159
159
return g . from ( t ) ;
160
160
const s = e [ 0 ] ;
161
- return g . from ( t . slice ( 0 , - s . length ) ) * kt [ s ] ;
161
+ return g . from ( t . slice ( 0 , - s . length ) ) * Mt [ s ] ;
162
162
} ,
163
163
to ( t ) {
164
164
return g . to ( t ) ;
165
165
}
166
166
} , g = {
167
167
from ( t , { min : e = Number . NEGATIVE_INFINITY , max : s = Number . POSITIVE_INFINITY } = { } ) {
168
- return t . endsWith ( "." ) ? NaN : M ( Number ( t ) , e , s ) ;
168
+ return t . endsWith ( "." ) ? NaN : $ ( Number ( t ) , e , s ) ;
169
169
} ,
170
170
to ( t ) {
171
- return Tt ( t , 2 ) ;
171
+ return _t ( t , 2 ) ;
172
172
}
173
173
} , C = {
174
174
from ( t , { referenceValue : e = 100 , min : s = 0 , max : o = 100 } = { } ) {
@@ -184,7 +184,7 @@ const kt = {
184
184
to ( t ) {
185
185
return g . to ( t ) ;
186
186
}
187
- } , Mt = {
187
+ } , $t = {
188
188
hsl : {
189
189
h : G ,
190
190
s : C ,
@@ -205,7 +205,7 @@ const kt = {
205
205
}
206
206
} ;
207
207
function E ( t , e ) {
208
- return Mt [ t ] [ e ] ;
208
+ return $t [ t ] [ e ] ;
209
209
}
210
210
function W ( { format : t , color : e } , s ) {
211
211
if ( t === "hex" )
@@ -219,7 +219,7 @@ function W({ format: t, color: e }, s) {
219
219
function et ( t ) {
220
220
return / ^ # (?: (?: [ A - F 0 - 9 ] { 2 } ) { 3 , 4 } | [ A - F 0 - 9 ] { 3 , 4 } ) $ / i. test ( t ) ;
221
221
}
222
- function $t ( t ) {
222
+ function kt ( t ) {
223
223
return "r" in t ? "rgb" : "w" in t ? "hwb" : "v" in t ? "hsv" : "s" in t ? "hsl" : null ;
224
224
}
225
225
const J = {
@@ -229,7 +229,7 @@ const J = {
229
229
} ;
230
230
function Ft ( t ) {
231
231
if ( typeof t != "string" ) {
232
- const p = $t ( t ) ;
232
+ const p = kt ( t ) ;
233
233
return p === null ? null : { format : p , color : t } ;
234
234
}
235
235
if ( t . startsWith ( "#" ) )
@@ -257,8 +257,8 @@ function Ft(t) {
257
257
function It ( t , e , s ) {
258
258
const o = t . getBoundingClientRect ( ) , u = e - o . left , f = s - o . top ;
259
259
return {
260
- x : o . width === 0 ? 0 : M ( u / o . width * 100 , 0 , 100 ) ,
261
- y : o . height === 0 ? 0 : M ( ( 1 - f / o . height ) * 100 , 0 , 100 )
260
+ x : o . width === 0 ? 0 : $ ( u / o . width * 100 , 0 , 100 ) ,
261
+ y : o . height === 0 ? 0 : $ ( ( 1 - f / o . height ) * 100 , 0 , 100 )
262
262
} ;
263
263
}
264
264
const Nt = { class : "vacp-range-input-group" } , Vt = [ "for" ] , At = { class : "vacp-range-input-label-text vacp-range-input-label-text--hue" } , Ht = [ "id" , "value" ] , Et = [ "for" ] , Lt = { class : "vacp-range-input-label-text vacp-range-input-label-text--alpha" } , Pt = [ "id" , "value" ] , Ot = /* @__PURE__ */ h ( "span" , { class : "vacp-visually-hidden" } , "Copy color" , - 1 ) , St = /* @__PURE__ */ h ( "svg" , {
@@ -310,9 +310,9 @@ const Nt = { class: "vacp-range-input-group" }, Vt = ["for"], At = { class: "vac
310
310
return o . alphaChannel === "hide" && [ 5 , 9 ] . includes ( l . hex . length ) ? l . hex . substring ( 0 , l . hex . length - ( l . hex . length - 1 ) / 4 ) : l . hex ;
311
311
} ) ;
312
312
dt ( ( ) => o . color , z ) , mt ( function ( ) {
313
- document . addEventListener ( "mousemove" , L , { passive : ! 1 } ) , document . addEventListener ( "touchmove" , P , { passive : ! 1 } ) , document . addEventListener ( "mouseup" , $ ) , document . addEventListener ( "touchend" , $ ) , z ( o . color ) ;
313
+ document . addEventListener ( "mousemove" , L , { passive : ! 1 } ) , document . addEventListener ( "touchmove" , P , { passive : ! 1 } ) , document . addEventListener ( "mouseup" , k ) , document . addEventListener ( "touchend" , k ) , z ( o . color ) ;
314
314
} ) , gt ( function ( ) {
315
- document . removeEventListener ( "mousemove" , L ) , document . removeEventListener ( "touchmove" , P ) , document . removeEventListener ( "mouseup" , $ ) , document . removeEventListener ( "touchend" , $ ) ;
315
+ document . removeEventListener ( "mousemove" , L ) , document . removeEventListener ( "touchmove" , P ) , document . removeEventListener ( "mouseup" , k ) , document . removeEventListener ( "touchend" , k ) ;
316
316
} ) ;
317
317
function st ( ) {
318
318
const r = ( o . visibleFormats . findIndex ( ( a ) => a === c . value ) + 1 ) % o . visibleFormats . length ;
@@ -324,7 +324,7 @@ const Nt = { class: "vacp-range-input-group" }, Vt = ["for"], At = { class: "vac
324
324
function at ( n ) {
325
325
d = ! 0 , P ( n ) ;
326
326
}
327
- function $ ( ) {
327
+ function k ( ) {
328
328
d = ! 1 ;
329
329
}
330
330
function L ( n ) {
@@ -345,8 +345,8 @@ const Nt = { class: "vacp-range-input-group" }, Vt = ["for"], At = { class: "vac
345
345
if ( ! [ "ArrowUp" , "ArrowRight" , "ArrowDown" , "ArrowLeft" ] . includes ( n . key ) )
346
346
return ;
347
347
n . preventDefault ( ) ;
348
- const r = [ "ArrowLeft" , "ArrowDown" ] . includes ( n . key ) ? - 1 : 1 , a = [ "ArrowLeft" , "ArrowRight" ] . includes ( n . key ) ? "s" : "v" , i = n . shiftKey ? 10 : 1 , m = l . hsv [ a ] + r * i , _ = Object . assign ( { } , l . hsv ) ;
349
- _ [ a ] = M ( m , 0 , 100 ) , b ( "hsv" , _ ) ;
348
+ const r = [ "ArrowLeft" , "ArrowDown" ] . includes ( n . key ) ? - 1 : 1 , a = [ "ArrowLeft" , "ArrowRight" ] . includes ( n . key ) ? "s" : "v" , i = n . shiftKey ? 10 : 1 , m = l . hsv [ a ] + r * i , T = Object . assign ( { } , l . hsv ) ;
349
+ T [ a ] = $ ( m , 0 , 100 ) , b ( "hsv" , T ) ;
350
350
}
351
351
function z ( n ) {
352
352
const r = Ft ( n ) ;
@@ -377,7 +377,7 @@ const Nt = { class: "vacp-range-input-group" }, Vt = ["for"], At = { class: "vac
377
377
if ( ! xt ( l [ n ] , a ) ) {
378
378
l [ n ] = a ;
379
379
for ( const i of s )
380
- i !== n && ( l [ i ] = _t ( n , i , a ) ) ;
380
+ i !== n && ( l [ i ] = Tt ( n , i , a ) ) ;
381
381
u ( "color-change" , ft ( ) ) ;
382
382
}
383
383
f . value instanceof HTMLElement && v . value instanceof HTMLElement && p . value instanceof HTMLElement && ht ( f . value , v . value , p . value ) ;
@@ -404,8 +404,8 @@ const Nt = { class: "vacp-range-input-group" }, Vt = ["for"], At = { class: "vac
404
404
function B ( n ) {
405
405
if ( ! [ "ArrowUp" , "ArrowRight" , "ArrowDown" , "ArrowLeft" ] . includes ( n . key ) || ! n . shiftKey )
406
406
return ;
407
- const r = n . currentTarget , a = Number ( r . step ) , i = [ "ArrowLeft" , "ArrowDown" ] . includes ( n . key ) ? - 1 : 1 , m = Number ( r . value ) + i * a * 10 , _ = M ( m , Number ( r . min ) , Number ( r . max ) ) ;
408
- r . value = String ( _ - i * a ) ;
407
+ const r = n . currentTarget , a = Number ( r . step ) , i = [ "ArrowLeft" , "ArrowDown" ] . includes ( n . key ) ? - 1 : 1 , m = Number ( r . value ) + i * a * 10 , T = $ ( m , Number ( r . min ) , Number ( r . max ) ) ;
408
+ r . value = String ( T - i * a ) ;
409
409
}
410
410
return ( n , r ) => ( w ( ) , y ( "div" , {
411
411
ref_key : "colorPicker" ,
@@ -529,8 +529,7 @@ const Nt = { class: "vacp-range-input-group" }, Vt = ["for"], At = { class: "vac
529
529
] )
530
530
] , 512 ) ) ;
531
531
}
532
- } ) ;
533
- const Jt = {
532
+ } ) , Jt = {
534
533
install ( t ) {
535
534
t . component ( "ColorPicker" , Xt ) ;
536
535
}
0 commit comments