@ynput/ayon-react-components 0.4.8 → 0.4.9
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.
|
@@ -1,107 +1,107 @@
|
|
|
1
|
-
import ne, { css as
|
|
1
|
+
import ne, { css as z, keyframes as Hr } from "styled-components";
|
|
2
2
|
import * as xt from "react";
|
|
3
3
|
import xe, { forwardRef as qe, useState as st, useEffect as Xn, useRef as Ao, useMemo as _t, createElement as O1, Component as M1, createRef as P1, isValidElement as E1 } from "react";
|
|
4
4
|
import * as R1 from "react-dom";
|
|
5
5
|
import I1, { findDOMNode as N1 } from "react-dom";
|
|
6
|
-
const A1 =
|
|
6
|
+
const A1 = z`
|
|
7
7
|
font-family: var(--md-sys-typescale-display-large-font-family-name);
|
|
8
8
|
font-style: var(--md-sys-typescale-display-large-font-family-style);
|
|
9
9
|
font-weight: var(--md-sys-typescale-display-large-font-weight);
|
|
10
10
|
font-size: var(--md-sys-typescale-display-large-font-size);
|
|
11
11
|
letter-spacing: var(--md-sys-typescale-display-large-letter-spacing);
|
|
12
12
|
line-height: var(--md-sys-typescale-display-large-line-height);
|
|
13
|
-
`, L1 =
|
|
13
|
+
`, L1 = z`
|
|
14
14
|
font-family: var(--md-sys-typescale-display-medium-font-family-name);
|
|
15
15
|
font-style: var(--md-sys-typescale-display-medium-font-family-style);
|
|
16
16
|
font-weight: var(--md-sys-typescale-display-medium-font-weight);
|
|
17
17
|
font-size: var(--md-sys-typescale-display-medium-font-size);
|
|
18
18
|
letter-spacing: var(--md-sys-typescale-display-medium-letter-spacing);
|
|
19
19
|
line-height: var(--md-sys-typescale-display-medium-line-height);
|
|
20
|
-
`, Y1 =
|
|
20
|
+
`, Y1 = z`
|
|
21
21
|
font-family: var(--md-sys-typescale-display-small-font-family-name);
|
|
22
22
|
font-style: var(--md-sys-typescale-display-small-font-family-style);
|
|
23
23
|
font-weight: var(--md-sys-typescale-display-small-font-weight);
|
|
24
24
|
font-size: var(--md-sys-typescale-display-small-font-size);
|
|
25
25
|
letter-spacing: var(--md-sys-typescale-display-small-letter-spacing);
|
|
26
26
|
line-height: var(--md-sys-typescale-display-small-line-height);
|
|
27
|
-
`, $1 =
|
|
27
|
+
`, $1 = z`
|
|
28
28
|
font-family: var(--md-sys-typescale-headline-large-font-family-name);
|
|
29
29
|
font-style: var(--md-sys-typescale-headline-large-font-family-style);
|
|
30
30
|
font-weight: var(--md-sys-typescale-headline-large-font-weight);
|
|
31
31
|
font-size: var(--md-sys-typescale-headline-large-font-size);
|
|
32
32
|
letter-spacing: var(--md-sys-typescale-headline-large-letter-spacing);
|
|
33
33
|
line-height: var(--md-sys-typescale-headline-large-line-height);
|
|
34
|
-
`, F1 =
|
|
34
|
+
`, F1 = z`
|
|
35
35
|
font-family: var(--md-sys-typescale-headline-medium-font-family-name);
|
|
36
36
|
font-style: var(--md-sys-typescale-headline-medium-font-family-style);
|
|
37
37
|
font-weight: var(--md-sys-typescale-headline-medium-font-weight);
|
|
38
38
|
font-size: var(--md-sys-typescale-headline-medium-font-size);
|
|
39
39
|
letter-spacing: var(--md-sys-typescale-headline-medium-letter-spacing);
|
|
40
40
|
line-height: var(--md-sys-typescale-headline-medium-line-height);
|
|
41
|
-
`, W1 =
|
|
41
|
+
`, W1 = z`
|
|
42
42
|
font-family: var(--md-sys-typescale-headline-small-font-family-name);
|
|
43
43
|
font-style: var(--md-sys-typescale-headline-small-font-family-style);
|
|
44
44
|
font-weight: var(--md-sys-typescale-headline-small-font-weight);
|
|
45
45
|
font-size: var(--md-sys-typescale-headline-small-font-size);
|
|
46
46
|
letter-spacing: var(--md-sys-typescale-headline-small-letter-spacing);
|
|
47
47
|
line-height: var(--md-sys-typescale-headline-small-line-height);
|
|
48
|
-
`, U1 =
|
|
48
|
+
`, U1 = z`
|
|
49
49
|
font-family: var(--md-sys-typescale-body-large-font-family-name);
|
|
50
50
|
font-style: var(--md-sys-typescale-body-large-font-family-style);
|
|
51
51
|
font-weight: var(--md-sys-typescale-body-large-font-weight);
|
|
52
52
|
font-size: var(--md-sys-typescale-body-large-font-size);
|
|
53
53
|
letter-spacing: var(--md-sys-typescale-body-large-letter-spacing);
|
|
54
54
|
line-height: var(--md-sys-typescale-body-large-line-height);
|
|
55
|
-
`, q1 =
|
|
55
|
+
`, q1 = z`
|
|
56
56
|
font-family: var(--md-sys-typescale-body-medium-font-family-name);
|
|
57
57
|
font-style: var(--md-sys-typescale-body-medium-font-family-style);
|
|
58
58
|
font-weight: var(--md-sys-typescale-body-medium-font-weight);
|
|
59
59
|
font-size: var(--md-sys-typescale-body-medium-font-size);
|
|
60
60
|
letter-spacing: var(--md-sys-typescale-body-medium-letter-spacing);
|
|
61
61
|
line-height: var(--md-sys-typescale-body-medium-line-height);
|
|
62
|
-
`, B1 =
|
|
62
|
+
`, B1 = z`
|
|
63
63
|
font-family: var(--md-sys-typescale-body-small-font-family-name);
|
|
64
64
|
font-style: var(--md-sys-typescale-body-small-font-family-style);
|
|
65
65
|
font-weight: var(--md-sys-typescale-body-small-font-weight);
|
|
66
66
|
font-size: var(--md-sys-typescale-body-small-font-size);
|
|
67
67
|
letter-spacing: var(--md-sys-typescale-body-small-letter-spacing);
|
|
68
68
|
line-height: var(--md-sys-typescale-body-small-line-height);
|
|
69
|
-
`, z1 =
|
|
69
|
+
`, z1 = z`
|
|
70
70
|
font-family: var(--md-sys-typescale-label-large-font-family-name);
|
|
71
71
|
font-style: var(--md-sys-typescale-label-large-font-family-style);
|
|
72
72
|
font-weight: var(--md-sys-typescale-label-large-font-weight);
|
|
73
73
|
font-size: var(--md-sys-typescale-label-large-font-size);
|
|
74
74
|
letter-spacing: var(--md-sys-typescale-label-large-letter-spacing);
|
|
75
75
|
line-height: var(--md-sys-typescale-label-large-line-height);
|
|
76
|
-
`, Ec =
|
|
76
|
+
`, Ec = z`
|
|
77
77
|
font-family: var(--md-sys-typescale-label-medium-font-family-name);
|
|
78
78
|
font-style: var(--md-sys-typescale-label-medium-font-family-style);
|
|
79
79
|
font-weight: var(--md-sys-typescale-label-medium-font-weight);
|
|
80
80
|
font-size: var(--md-sys-typescale-label-medium-font-size);
|
|
81
81
|
letter-spacing: var(--md-sys-typescale-label-medium-letter-spacing);
|
|
82
82
|
line-height: var(--md-sys-typescale-label-medium-line-height);
|
|
83
|
-
`, H1 =
|
|
83
|
+
`, H1 = z`
|
|
84
84
|
font-family: var(--md-sys-typescale-label-small-font-family-name);
|
|
85
85
|
font-style: var(--md-sys-typescale-label-small-font-family-style);
|
|
86
86
|
font-weight: var(--md-sys-typescale-label-small-font-weight);
|
|
87
87
|
font-size: var(--md-sys-typescale-label-small-font-size);
|
|
88
88
|
letter-spacing: var(--md-sys-typescale-label-small-letter-spacing);
|
|
89
89
|
line-height: var(--md-sys-typescale-label-small-line-height);
|
|
90
|
-
`, j1 =
|
|
90
|
+
`, j1 = z`
|
|
91
91
|
font-family: var(--md-sys-typescale-title-large-font-family-name);
|
|
92
92
|
font-style: var(--md-sys-typescale-title-large-font-family-style);
|
|
93
93
|
font-weight: var(--md-sys-typescale-title-large-font-weight);
|
|
94
94
|
font-size: var(--md-sys-typescale-title-large-font-size);
|
|
95
95
|
letter-spacing: var(--md-sys-typescale-title-large-letter-spacing);
|
|
96
96
|
line-height: var(--md-sys-typescale-title-large-line-height);
|
|
97
|
-
`, Q1 =
|
|
97
|
+
`, Q1 = z`
|
|
98
98
|
font-family: var(--md-sys-typescale-title-medium-font-family-name);
|
|
99
99
|
font-style: var(--md-sys-typescale-title-medium-font-family-style);
|
|
100
100
|
font-weight: var(--md-sys-typescale-title-medium-font-weight);
|
|
101
101
|
font-size: var(--md-sys-typescale-title-medium-font-size);
|
|
102
102
|
letter-spacing: var(--md-sys-typescale-title-medium-letter-spacing);
|
|
103
103
|
line-height: var(--md-sys-typescale-title-medium-line-height);
|
|
104
|
-
`, K1 =
|
|
104
|
+
`, K1 = z`
|
|
105
105
|
font-family: var(--md-sys-typescale-title-small-font-family-name);
|
|
106
106
|
font-style: var(--md-sys-typescale-title-small-font-family-style);
|
|
107
107
|
font-weight: var(--md-sys-typescale-title-small-font-weight);
|
|
@@ -149,7 +149,7 @@ const A1 = H`
|
|
|
149
149
|
}
|
|
150
150
|
|
|
151
151
|
/* if highlight true make border green */
|
|
152
|
-
${({ $highlight: a }) => a &&
|
|
152
|
+
${({ $highlight: a }) => a && z`
|
|
153
153
|
border-color: var(--md-sys-color-tertiary);
|
|
154
154
|
`}
|
|
155
155
|
`;
|
|
@@ -360,7 +360,7 @@ function X1() {
|
|
|
360
360
|
var Z = typeof WeakMap == "function" ? WeakMap : Map;
|
|
361
361
|
me = new Z();
|
|
362
362
|
}
|
|
363
|
-
function
|
|
363
|
+
function H(D, F) {
|
|
364
364
|
if (!D || ve)
|
|
365
365
|
return "";
|
|
366
366
|
{
|
|
@@ -432,7 +432,7 @@ function X1() {
|
|
|
432
432
|
return typeof D == "function" && me.set(D, Ea), Ea;
|
|
433
433
|
}
|
|
434
434
|
function Te(D, F, Q) {
|
|
435
|
-
return
|
|
435
|
+
return H(D, !1);
|
|
436
436
|
}
|
|
437
437
|
function de(D) {
|
|
438
438
|
var F = D.prototype;
|
|
@@ -442,7 +442,7 @@ function X1() {
|
|
|
442
442
|
if (D == null)
|
|
443
443
|
return "";
|
|
444
444
|
if (typeof D == "function")
|
|
445
|
-
return
|
|
445
|
+
return H(D, de(D));
|
|
446
446
|
if (typeof D == "string")
|
|
447
447
|
return be(D);
|
|
448
448
|
switch (D) {
|
|
@@ -3672,13 +3672,13 @@ const co = $i.exports.Fragment, w = $i.exports.jsx, ee = $i.exports.jsxs, k0 = q
|
|
|
3672
3672
|
|
|
3673
3673
|
${({
|
|
3674
3674
|
disabled: a
|
|
3675
|
-
}) => a &&
|
|
3675
|
+
}) => a && z`
|
|
3676
3676
|
opacity: 0.7;
|
|
3677
3677
|
`}
|
|
3678
3678
|
|
|
3679
3679
|
${({
|
|
3680
3680
|
isMultiple: a
|
|
3681
|
-
}) => a &&
|
|
3681
|
+
}) => a && z`
|
|
3682
3682
|
::before {
|
|
3683
3683
|
content: 'Mixed (';
|
|
3684
3684
|
margin-right: 4px;
|
|
@@ -3740,7 +3740,7 @@ const co = $i.exports.Fragment, w = $i.exports.jsx, ee = $i.exports.jsxs, k0 = q
|
|
|
3740
3740
|
|
|
3741
3741
|
${({
|
|
3742
3742
|
isSelected: a
|
|
3743
|
-
}) => a &&
|
|
3743
|
+
}) => a && z`
|
|
3744
3744
|
background-color: var(--md-sys-color-primary-container);
|
|
3745
3745
|
color: var(--md-sys-color-on-primary-container);
|
|
3746
3746
|
`}
|
|
@@ -3776,7 +3776,7 @@ const co = $i.exports.Fragment, w = $i.exports.jsx, ee = $i.exports.jsxs, k0 = q
|
|
|
3776
3776
|
position: relative;
|
|
3777
3777
|
|
|
3778
3778
|
/* if isOpen and :focus-visible remove outline */
|
|
3779
|
-
${({ $isOpen: a }) => a &&
|
|
3779
|
+
${({ $isOpen: a }) => a && z`
|
|
3780
3780
|
&:focus-visible {
|
|
3781
3781
|
outline: none;
|
|
3782
3782
|
}
|
|
@@ -3792,7 +3792,7 @@ const co = $i.exports.Fragment, w = $i.exports.jsx, ee = $i.exports.jsxs, k0 = q
|
|
|
3792
3792
|
|
|
3793
3793
|
border-radius: var(--border-radius-m);
|
|
3794
3794
|
|
|
3795
|
-
${({ $isChanged: a }) => a &&
|
|
3795
|
+
${({ $isChanged: a }) => a && z`
|
|
3796
3796
|
background-color: var(--md-sys-color-primary);
|
|
3797
3797
|
|
|
3798
3798
|
&,
|
|
@@ -3806,7 +3806,7 @@ const co = $i.exports.Fragment, w = $i.exports.jsx, ee = $i.exports.jsxs, k0 = q
|
|
|
3806
3806
|
}
|
|
3807
3807
|
`}
|
|
3808
3808
|
|
|
3809
|
-
${({ disabled: a }) => a &&
|
|
3809
|
+
${({ disabled: a }) => a && z`
|
|
3810
3810
|
opacity: 0.7;
|
|
3811
3811
|
font-style: italic;
|
|
3812
3812
|
|
|
@@ -3846,12 +3846,12 @@ const co = $i.exports.Fragment, w = $i.exports.jsx, ee = $i.exports.jsxs, k0 = q
|
|
|
3846
3846
|
/* position: fixed; */
|
|
3847
3847
|
|
|
3848
3848
|
/* hide when startAnimation false */
|
|
3849
|
-
${({ $startAnimation: a }) => !a &&
|
|
3849
|
+
${({ $startAnimation: a }) => !a && z`
|
|
3850
3850
|
opacity: 0;
|
|
3851
3851
|
`}
|
|
3852
3852
|
|
|
3853
3853
|
/* show warning when changing multiple entities */
|
|
3854
|
-
${({ $isOpen: a, $message: i }) => a && i &&
|
|
3854
|
+
${({ $isOpen: a, $message: i }) => a && i && z`
|
|
3855
3855
|
&::before {
|
|
3856
3856
|
content: '${i}';
|
|
3857
3857
|
top: 0;
|
|
@@ -3905,10 +3905,10 @@ const co = $i.exports.Fragment, w = $i.exports.jsx, ee = $i.exports.jsxs, k0 = q
|
|
|
3905
3905
|
}
|
|
3906
3906
|
|
|
3907
3907
|
/* play animation on $startAnimation */
|
|
3908
|
-
${({ $startAnimation: a, $animationHeight: i, $maxHeight: r }) => r && (a ?
|
|
3908
|
+
${({ $startAnimation: a, $animationHeight: i, $maxHeight: r }) => r && (a ? z`
|
|
3909
3909
|
animation: ${qse(i)} 0.1s ease-in-out forwards;
|
|
3910
3910
|
max-height: ${r}px;
|
|
3911
|
-
` :
|
|
3911
|
+
` : z`
|
|
3912
3912
|
opacity: 0;
|
|
3913
3913
|
max-height: ${r}px;
|
|
3914
3914
|
`)}
|
|
@@ -3931,7 +3931,7 @@ const co = $i.exports.Fragment, w = $i.exports.jsx, ee = $i.exports.jsxs, k0 = q
|
|
|
3931
3931
|
cursor: pointer;
|
|
3932
3932
|
user-select: none;
|
|
3933
3933
|
|
|
3934
|
-
${({ $usingKeyboard: a, $disabled: i }) => !a && (i ?
|
|
3934
|
+
${({ $usingKeyboard: a, $disabled: i }) => !a && (i ? z`
|
|
3935
3935
|
text-decoration: line-through;
|
|
3936
3936
|
background-color: var(--md-sys-color-surface-container-low-hover);
|
|
3937
3937
|
&,
|
|
@@ -3939,7 +3939,7 @@ const co = $i.exports.Fragment, w = $i.exports.jsx, ee = $i.exports.jsxs, k0 = q
|
|
|
3939
3939
|
cursor: not-allowed;
|
|
3940
3940
|
}
|
|
3941
3941
|
opacity: 0.3;
|
|
3942
|
-
` :
|
|
3942
|
+
` : z`
|
|
3943
3943
|
&:hover {
|
|
3944
3944
|
background-color: var(--md-sys-color-surface-container-low-hover);
|
|
3945
3945
|
}
|
|
@@ -3950,7 +3950,7 @@ const co = $i.exports.Fragment, w = $i.exports.jsx, ee = $i.exports.jsxs, k0 = q
|
|
|
3950
3950
|
|
|
3951
3951
|
/* $focused */
|
|
3952
3952
|
outline-offset: -1px;
|
|
3953
|
-
${({ $focused: a }) => a &&
|
|
3953
|
+
${({ $focused: a }) => a && z`
|
|
3954
3954
|
background-color: var(--md-sys-color-surface-container-low-hover);
|
|
3955
3955
|
|
|
3956
3956
|
& > * {
|
|
@@ -3961,7 +3961,7 @@ const co = $i.exports.Fragment, w = $i.exports.jsx, ee = $i.exports.jsxs, k0 = q
|
|
|
3961
3961
|
`}
|
|
3962
3962
|
|
|
3963
3963
|
/* start animation, slide down 100% height */
|
|
3964
|
-
${({ $startAnimation: a }) => a &&
|
|
3964
|
+
${({ $startAnimation: a }) => a && z`
|
|
3965
3965
|
animation: ${zse} 0.1s ease-in-out forwards;
|
|
3966
3966
|
`}
|
|
3967
3967
|
`, mc = ne.span`
|
|
@@ -3971,7 +3971,7 @@ const co = $i.exports.Fragment, w = $i.exports.jsx, ee = $i.exports.jsxs, k0 = q
|
|
|
3971
3971
|
height: 32px;
|
|
3972
3972
|
padding: 0 8px;
|
|
3973
3973
|
|
|
3974
|
-
${({ $isSelected: a }) => a &&
|
|
3974
|
+
${({ $isSelected: a }) => a && z`
|
|
3975
3975
|
background-color: var(--md-sys-color-primary-container);
|
|
3976
3976
|
color: var(--md-sys-color-on-primary-container);
|
|
3977
3977
|
`}
|
|
@@ -4008,7 +4008,7 @@ const co = $i.exports.Fragment, w = $i.exports.jsx, ee = $i.exports.jsxs, k0 = q
|
|
|
4008
4008
|
|
|
4009
4009
|
opacity: 0;
|
|
4010
4010
|
/* $startAnimation transition opacity 0 to 1 */
|
|
4011
|
-
${({ $startAnimation: a }) => a &&
|
|
4011
|
+
${({ $startAnimation: a }) => a && z`
|
|
4012
4012
|
transition: opacity 0.05;
|
|
4013
4013
|
opacity: 1;
|
|
4014
4014
|
`}
|
|
@@ -4035,7 +4035,7 @@ var ha = { exports: {} };
|
|
|
4035
4035
|
["partial", q],
|
|
4036
4036
|
["partialRight", B],
|
|
4037
4037
|
["rearg", ce]
|
|
4038
|
-
], lt = "[object Arguments]", Pt = "[object Array]", ht = "[object AsyncFunction]", be = "[object Boolean]", ve = "[object Date]", me = "[object DOMException]", Z = "[object Error]",
|
|
4038
|
+
], lt = "[object Arguments]", Pt = "[object Array]", ht = "[object AsyncFunction]", be = "[object Boolean]", ve = "[object Date]", me = "[object DOMException]", Z = "[object Error]", H = "[object Function]", Te = "[object GeneratorFunction]", de = "[object Map]", Qe = "[object Number]", ut = "[object Null]", mt = "[object Object]", vn = "[object Promise]", Zt = "[object Proxy]", dt = "[object RegExp]", pt = "[object Set]", Ze = "[object String]", Ut = "[object Symbol]", yt = "[object Undefined]", St = "[object WeakMap]", bt = "[object WeakSet]", Et = "[object ArrayBuffer]", at = "[object DataView]", Mn = "[object Float32Array]", yn = "[object Float64Array]", Jn = "[object Int8Array]", er = "[object Int16Array]", xr = "[object Int32Array]", ln = "[object Uint8Array]", qt = "[object Uint8ClampedArray]", Dr = "[object Uint16Array]", Pn = "[object Uint32Array]", fo = /\b__p \+= '';/g, Cr = /\b(__p \+=) '' \+/g, Sr = /(__e\(.*?\)|\b__t\)) \+\n'';/g, Bn = /&(?:amp|lt|gt|quot|#39);/g, Tr = /[&<>"']/g, Qr = RegExp(Bn.source), _o = RegExp(Tr.source), Kr = /<%-([\s\S]+?)%>/g, ho = /<%([\s\S]+?)%>/g, Or = /<%=([\s\S]+?)%>/g, mo = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, Gr = /^\w*$/, go = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g, V = /[\\^$.*+?()[\]{}|]/g, ke = RegExp(V.source), Ye = /^\s+/, nt = /\s/, $t = /\{(?:\n\/\* \[wrapped with .+\] \*\/)?\n?/, zn = /\{\n\/\* \[wrapped with (.+)\] \*/, D = /,? & /, F = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g, Q = /[()=,{}\[\]\/\s]/, se = /\\(\\)?/g, Ce = /\$\{([^\\}]*(?:\\.[^\\}]*)*)\}/g, ze = /\w*$/, Oe = /^[-+]0x[0-9a-f]+$/i, Ie = /^0b[01]+$/i, Kt = /^\[object .+?Constructor\]$/, wt = /^0o[0-7]+$/i, Tt = /^(?:0|[1-9]\d*)$/, un = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g, Hn = /($^)/, Ea = /['\n\r\u2028\u2029\\]/g, dn = "\\ud800-\\udfff", bp = "\\u0300-\\u036f", wp = "\\ufe20-\\ufe2f", kp = "\\u20d0-\\u20ff", Vc = bp + wp + kp, Xc = "\\u2700-\\u27bf", Zc = "a-z\\xdf-\\xf6\\xf8-\\xff", xp = "\\xac\\xb1\\xd7\\xf7", Dp = "\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf", Cp = "\\u2000-\\u206f", Sp = " \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000", Jc = "A-Z\\xc0-\\xd6\\xd8-\\xde", el = "\\ufe0e\\ufe0f", tl = xp + Dp + Cp + Sp, Qi = "['\u2019]", Tp = "[" + dn + "]", nl = "[" + tl + "]", Ra = "[" + Vc + "]", rl = "\\d+", Op = "[" + Xc + "]", ol = "[" + Zc + "]", al = "[^" + dn + tl + rl + Xc + Zc + Jc + "]", Ki = "\\ud83c[\\udffb-\\udfff]", Mp = "(?:" + Ra + "|" + Ki + ")", il = "[^" + dn + "]", Gi = "(?:\\ud83c[\\udde6-\\uddff]){2}", Vi = "[\\ud800-\\udbff][\\udc00-\\udfff]", vo = "[" + Jc + "]", sl = "\\u200d", cl = "(?:" + ol + "|" + al + ")", Pp = "(?:" + vo + "|" + al + ")", ll = "(?:" + Qi + "(?:d|ll|m|re|s|t|ve))?", ul = "(?:" + Qi + "(?:D|LL|M|RE|S|T|VE))?", dl = Mp + "?", pl = "[" + el + "]?", Ep = "(?:" + sl + "(?:" + [il, Gi, Vi].join("|") + ")" + pl + dl + ")*", Rp = "\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])", Ip = "\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])", fl = pl + dl + Ep, Np = "(?:" + [Op, Gi, Vi].join("|") + ")" + fl, Ap = "(?:" + [il + Ra + "?", Ra, Gi, Vi, Tp].join("|") + ")", Lp = RegExp(Qi, "g"), Yp = RegExp(Ra, "g"), Xi = RegExp(Ki + "(?=" + Ki + ")|" + Ap + fl, "g"), $p = RegExp([
|
|
4039
4039
|
vo + "?" + ol + "+" + ll + "(?=" + [nl, vo, "$"].join("|") + ")",
|
|
4040
4040
|
Pp + "+" + ul + "(?=" + [nl, vo + cl, "$"].join("|") + ")",
|
|
4041
4041
|
vo + "?" + cl + "+" + ll,
|
|
@@ -4076,9 +4076,9 @@ var ha = { exports: {} };
|
|
|
4076
4076
|
"parseInt",
|
|
4077
4077
|
"setTimeout"
|
|
4078
4078
|
], qp = -1, ft = {};
|
|
4079
|
-
ft[Mn] = ft[yn] = ft[Jn] = ft[er] = ft[xr] = ft[ln] = ft[qt] = ft[Dr] = ft[Pn] = !0, ft[lt] = ft[Pt] = ft[Et] = ft[be] = ft[at] = ft[ve] = ft[Z] = ft[
|
|
4079
|
+
ft[Mn] = ft[yn] = ft[Jn] = ft[er] = ft[xr] = ft[ln] = ft[qt] = ft[Dr] = ft[Pn] = !0, ft[lt] = ft[Pt] = ft[Et] = ft[be] = ft[at] = ft[ve] = ft[Z] = ft[H] = ft[de] = ft[Qe] = ft[mt] = ft[dt] = ft[pt] = ft[Ze] = ft[St] = !1;
|
|
4080
4080
|
var ct = {};
|
|
4081
|
-
ct[lt] = ct[Pt] = ct[Et] = ct[at] = ct[be] = ct[ve] = ct[Mn] = ct[yn] = ct[Jn] = ct[er] = ct[xr] = ct[de] = ct[Qe] = ct[mt] = ct[dt] = ct[pt] = ct[Ze] = ct[Ut] = ct[ln] = ct[qt] = ct[Dr] = ct[Pn] = !0, ct[Z] = ct[
|
|
4081
|
+
ct[lt] = ct[Pt] = ct[Et] = ct[at] = ct[be] = ct[ve] = ct[Mn] = ct[yn] = ct[Jn] = ct[er] = ct[xr] = ct[de] = ct[Qe] = ct[mt] = ct[dt] = ct[pt] = ct[Ze] = ct[Ut] = ct[ln] = ct[qt] = ct[Dr] = ct[Pn] = !0, ct[Z] = ct[H] = ct[St] = !1;
|
|
4082
4082
|
var Bp = {
|
|
4083
4083
|
\u00C0: "A",
|
|
4084
4084
|
\u00C1: "A",
|
|
@@ -4849,7 +4849,7 @@ var ha = { exports: {} };
|
|
|
4849
4849
|
if (b = rh(t), !C)
|
|
4850
4850
|
return pn(t, b);
|
|
4851
4851
|
} else {
|
|
4852
|
-
var W = en(t), K = W ==
|
|
4852
|
+
var W = en(t), K = W == H || W == Te;
|
|
4853
4853
|
if (Yr(t))
|
|
4854
4854
|
return pu(t, C);
|
|
4855
4855
|
if (W == mt || W == lt || K && !h) {
|
|
@@ -6910,7 +6910,7 @@ var ha = { exports: {} };
|
|
|
6910
6910
|
if (!kt(t))
|
|
6911
6911
|
return !1;
|
|
6912
6912
|
var o = nn(t);
|
|
6913
|
-
return o ==
|
|
6913
|
+
return o == H || o == Te || o == ht || o == Zt;
|
|
6914
6914
|
}
|
|
6915
6915
|
function rd(t) {
|
|
6916
6916
|
return typeof t == "number" && t == De(t);
|
|
@@ -7767,7 +7767,7 @@ const Oa = qe(({
|
|
|
7767
7767
|
Xn(() => {
|
|
7768
7768
|
Z(ha.exports.compact(a));
|
|
7769
7769
|
}, [a]), !$ && me.length > 1 && (q = !0);
|
|
7770
|
-
const [
|
|
7770
|
+
const [H, Te] = st(!1), [de, Qe] = st({
|
|
7771
7771
|
left: null,
|
|
7772
7772
|
right: null,
|
|
7773
7773
|
y: 0
|
|
@@ -7777,7 +7777,7 @@ const Oa = qe(({
|
|
|
7777
7777
|
}, [_e]);
|
|
7778
7778
|
const ln = Ao(null), qt = Ao(null), Dr = Ao(null);
|
|
7779
7779
|
Xn(() => {
|
|
7780
|
-
if (
|
|
7780
|
+
if (H && ln.current && qt.current) {
|
|
7781
7781
|
const V = ln.current.getBoundingClientRect(), ke = V.width, Ye = V.height, $t = qt.current.getBoundingClientRect().height, zn = V.x, D = window.innerWidth - V.x - ke;
|
|
7782
7782
|
let F = V.y + (Pt ? 0 : Ye);
|
|
7783
7783
|
$t + F + 20 > window.innerHeight && (F = window.innerHeight - $t - 20), Qe(N === "right" ? {
|
|
@@ -7791,7 +7791,7 @@ const Oa = qe(({
|
|
|
7791
7791
|
}), A && Ut(ke), mt(!0), pt($t);
|
|
7792
7792
|
} else
|
|
7793
7793
|
mt(!1);
|
|
7794
|
-
}, [
|
|
7794
|
+
}, [H, ln, qt, Ut, mt, Qe]), Xn(() => {
|
|
7795
7795
|
Et(me);
|
|
7796
7796
|
}, [me, Et]), Xn(() => {
|
|
7797
7797
|
var V, ke, Ye, nt, $t, zn, D;
|
|
@@ -7837,9 +7837,9 @@ const Oa = qe(({
|
|
|
7837
7837
|
}, Bn = (V) => {
|
|
7838
7838
|
if (V.target.id === "clear")
|
|
7839
7839
|
return Sr();
|
|
7840
|
-
if (
|
|
7840
|
+
if (H)
|
|
7841
7841
|
return Pn();
|
|
7842
|
-
ht || S || (V.stopPropagation(), Te(!
|
|
7842
|
+
ht || S || (V.stopPropagation(), Te(!H), M && M());
|
|
7843
7843
|
}, Tr = (V) => {
|
|
7844
7844
|
}, Qr = (V) => {
|
|
7845
7845
|
var Ye, nt;
|
|
@@ -7849,24 +7849,24 @@ const Oa = qe(({
|
|
|
7849
7849
|
}
|
|
7850
7850
|
(V.code === "ArrowUp" || V.code === "ArrowLeft") && at !== null && Mn(at === 0 ? c.length - 1 : at - 1);
|
|
7851
7851
|
let ke;
|
|
7852
|
-
if (at !== null && c[at] && c[at][e] && (ke = c[at][e]), (V.code === "ArrowDown" || V.code === "ArrowUp" || V.code === "ArrowLeft" || V.code === "ArrowRight") && (V.preventDefault(),
|
|
7853
|
-
if (V.preventDefault(), !
|
|
7852
|
+
if (at !== null && c[at] && c[at][e] && (ke = c[at][e]), (V.code === "ArrowDown" || V.code === "ArrowUp" || V.code === "ArrowLeft" || V.code === "ArrowRight") && (V.preventDefault(), H ? yn || Jn(!0) : !$ && ke && E && E([ke])), V.code === "Enter") {
|
|
7853
|
+
if (V.preventDefault(), !H)
|
|
7854
7854
|
return V.target.id === "clear" ? E && E([]) : Te(!0);
|
|
7855
7855
|
$ ? (ke && Cr(ke, at || 0), (c.length === 1 || c.length === 2 && Be) && Pn(void 0, [...bt, c[0][e]])) : (c.length === 1 && !Be && (ke = c[0][e]), Be && yt && (ke = yt), Pn(void 0, [ke]), (Ye = ln.current) == null || Ye.focus());
|
|
7856
7856
|
}
|
|
7857
|
-
(V.code === "Escape" || V.code === "Tab" &&
|
|
7857
|
+
(V.code === "Escape" || V.code === "Tab" && H) && (V.code === "Escape" && ((nt = ln.current) == null || nt.focus()), Pn());
|
|
7858
7858
|
}, _o = () => {
|
|
7859
7859
|
xr(er + 50);
|
|
7860
7860
|
}, Kr = _t(() => {
|
|
7861
|
-
const V =
|
|
7861
|
+
const V = H ? bt : me;
|
|
7862
7862
|
let ke = [];
|
|
7863
7863
|
return c.forEach((Ye) => {
|
|
7864
7864
|
V.includes(Ye[e]) && ke.push(Ye[s] || Ye[e]);
|
|
7865
7865
|
}), ke;
|
|
7866
|
-
}, [c, me, e, s, bt,
|
|
7866
|
+
}, [c, me, e, s, bt, H]), ho = _t(() => me.length ? v || ($ && me.length > 1 ? null : c.length && c[Be ? 1 : 0] ? c[Be ? 1 : 0].icon : null) : null, [v, $, c]);
|
|
7867
7867
|
let Or = _t(() => B || Be ? [...c].splice(0, er) : c, [c, er]), mo = _t(() => c.length - Or.length, [c, Or]);
|
|
7868
7868
|
const Gr = {
|
|
7869
|
-
value:
|
|
7869
|
+
value: H ? bt : me,
|
|
7870
7870
|
isMultiple: q,
|
|
7871
7871
|
dropIcon: Ct,
|
|
7872
7872
|
displayIcon: ho,
|
|
@@ -7874,7 +7874,7 @@ const Oa = qe(({
|
|
|
7874
7874
|
onClearNoValue: Xe,
|
|
7875
7875
|
style: r,
|
|
7876
7876
|
placeholder: j,
|
|
7877
|
-
isOpen:
|
|
7877
|
+
isOpen: H,
|
|
7878
7878
|
setStartAnimationFinished: Zt,
|
|
7879
7879
|
className: he
|
|
7880
7880
|
}, go = _t(() => {
|
|
@@ -7884,7 +7884,7 @@ const Oa = qe(({
|
|
|
7884
7884
|
return () => /* @__PURE__ */ w(Qse, {
|
|
7885
7885
|
...Gr
|
|
7886
7886
|
});
|
|
7887
|
-
}, [i, me,
|
|
7887
|
+
}, [i, me, H, Ve, Xe, bt, Sr, q, Ct]);
|
|
7888
7888
|
return /* @__PURE__ */ ee(Wse, {
|
|
7889
7889
|
onKeyDown: Qr,
|
|
7890
7890
|
onMouseMove: () => yn && Jn(!1),
|
|
@@ -7897,14 +7897,14 @@ const Oa = qe(({
|
|
|
7897
7897
|
onClick: Bn,
|
|
7898
7898
|
disabled: S,
|
|
7899
7899
|
$isChanged: !!ge,
|
|
7900
|
-
$isOpen:
|
|
7900
|
+
$isOpen: H,
|
|
7901
7901
|
style: f,
|
|
7902
7902
|
className: `button ${ae}`,
|
|
7903
|
-
children: go ? go(me, bt,
|
|
7903
|
+
children: go ? go(me, bt, H) : /* @__PURE__ */ w(Wi, {
|
|
7904
7904
|
...Gr,
|
|
7905
7905
|
children: !Kr.length && S && j ? j : Kr.length ? Kr.join(", ") : ce
|
|
7906
7906
|
})
|
|
7907
|
-
}),
|
|
7907
|
+
}), H && c && /* @__PURE__ */ ee(Use, {
|
|
7908
7908
|
style: {
|
|
7909
7909
|
left: (de == null ? void 0 : de.left) || "unset",
|
|
7910
7910
|
right: (de == null ? void 0 : de.right) || "unset",
|
|
@@ -8001,7 +8001,7 @@ const Oa = qe(({
|
|
|
8001
8001
|
/* scale and opacity goes to 0 when open */
|
|
8002
8002
|
${({
|
|
8003
8003
|
isOpen: a
|
|
8004
|
-
}) => a &&
|
|
8004
|
+
}) => a && z`
|
|
8005
8005
|
&:not(#clear) {
|
|
8006
8006
|
transform: rotate(180deg);
|
|
8007
8007
|
}
|
|
@@ -8160,7 +8160,7 @@ const Oa = qe(({
|
|
|
8160
8160
|
`, Zse = ne(Wi)`
|
|
8161
8161
|
padding: 0 4px;
|
|
8162
8162
|
|
|
8163
|
-
${({ editor: a }) => !a &&
|
|
8163
|
+
${({ editor: a }) => !a && z`
|
|
8164
8164
|
/* remove border */
|
|
8165
8165
|
border: none;
|
|
8166
8166
|
/* remove icon */
|
|
@@ -8268,17 +8268,17 @@ const Oa = qe(({
|
|
|
8268
8268
|
}
|
|
8269
8269
|
|
|
8270
8270
|
/* valueTemplate */
|
|
8271
|
-
${({ $valueTemplate: a }) => a ?
|
|
8271
|
+
${({ $valueTemplate: a }) => a ? z`
|
|
8272
8272
|
border: 1px solid var(--md-sys-color-outline-variant);
|
|
8273
8273
|
border-radius: var(--border-radius-m);
|
|
8274
8274
|
|
|
8275
8275
|
width: 150px;
|
|
8276
|
-
` :
|
|
8276
|
+
` : z`
|
|
8277
8277
|
width: 100%;
|
|
8278
8278
|
`}
|
|
8279
8279
|
|
|
8280
8280
|
/* isActive */
|
|
8281
|
-
${({ $isActive: a }) => a &&
|
|
8281
|
+
${({ $isActive: a }) => a && z`
|
|
8282
8282
|
background: var(--md-sys-color-primary-container);
|
|
8283
8283
|
color: var(--md-sys-color-on-primary-container);
|
|
8284
8284
|
`}
|
|
@@ -8350,11 +8350,11 @@ const Oa = qe(({
|
|
|
8350
8350
|
padding: 0 8px;
|
|
8351
8351
|
white-space: nowrap;
|
|
8352
8352
|
|
|
8353
|
-
${({ $disabled: a }) => a &&
|
|
8353
|
+
${({ $disabled: a }) => a && z`
|
|
8354
8354
|
opacity: 0.5;
|
|
8355
8355
|
`}
|
|
8356
8356
|
|
|
8357
|
-
${({ $isSelected: a }) => a &&
|
|
8357
|
+
${({ $isSelected: a }) => a && z`
|
|
8358
8358
|
background: var(--md-sys-color-primary-container);
|
|
8359
8359
|
`}
|
|
8360
8360
|
`, Dfe = qe(({
|
|
@@ -8430,9 +8430,9 @@ const Oa = qe(({
|
|
|
8430
8430
|
}
|
|
8431
8431
|
|
|
8432
8432
|
/* prevent hover when disabled */
|
|
8433
|
-
${({ $disabled: a }) => a ?
|
|
8433
|
+
${({ $disabled: a }) => a ? z`
|
|
8434
8434
|
pointer-events: none;
|
|
8435
|
-
` :
|
|
8435
|
+
` : z`
|
|
8436
8436
|
&:hover {
|
|
8437
8437
|
background-color: var(--md-sys-color-primary-hover);
|
|
8438
8438
|
}
|
|
@@ -8482,7 +8482,7 @@ const Oa = qe(({
|
|
|
8482
8482
|
})), oce = ne(Oa)`
|
|
8483
8483
|
${({
|
|
8484
8484
|
$cardHovering: a
|
|
8485
|
-
}) => a &&
|
|
8485
|
+
}) => a && z`
|
|
8486
8486
|
button {
|
|
8487
8487
|
&:hover {
|
|
8488
8488
|
background-color: var(--md-sys-color-surface-container-low);
|
|
@@ -8589,7 +8589,7 @@ const Oa = qe(({
|
|
|
8589
8589
|
padding: 6px 16px;
|
|
8590
8590
|
padding-left: ${({ $icon: a }) => a ? "12px" : "16px"};
|
|
8591
8591
|
/* icon only */
|
|
8592
|
-
${({ $icon: a, label: i }) => a && !i &&
|
|
8592
|
+
${({ $icon: a, label: i }) => a && !i && z`
|
|
8593
8593
|
padding: 6px;
|
|
8594
8594
|
`}
|
|
8595
8595
|
|
|
@@ -8618,7 +8618,7 @@ const Oa = qe(({
|
|
|
8618
8618
|
}
|
|
8619
8619
|
|
|
8620
8620
|
/* SURFACE: surface-container */
|
|
8621
|
-
${({ $variant: a }) => a === "surface" &&
|
|
8621
|
+
${({ $variant: a }) => a === "surface" && z`
|
|
8622
8622
|
background-color: var(--md-sys-color-surface-container-highest);
|
|
8623
8623
|
color: var(--md-sys-color-on-surface);
|
|
8624
8624
|
|
|
@@ -8642,7 +8642,7 @@ const Oa = qe(({
|
|
|
8642
8642
|
`}
|
|
8643
8643
|
|
|
8644
8644
|
/* TONAL = secondary-container */
|
|
8645
|
-
${({ $variant: a }) => a === "tonal" &&
|
|
8645
|
+
${({ $variant: a }) => a === "tonal" && z`
|
|
8646
8646
|
background-color: var(--md-sys-color-secondary-container);
|
|
8647
8647
|
color: var(--md-sys-color-on-secondary-container);
|
|
8648
8648
|
|
|
@@ -8658,7 +8658,7 @@ const Oa = qe(({
|
|
|
8658
8658
|
`}
|
|
8659
8659
|
|
|
8660
8660
|
/* FILLED = primary */
|
|
8661
|
-
${({ $variant: a }) => a === "filled" &&
|
|
8661
|
+
${({ $variant: a }) => a === "filled" && z`
|
|
8662
8662
|
background-color: var(--md-sys-color-primary);
|
|
8663
8663
|
color: var(--md-sys-color-on-primary);
|
|
8664
8664
|
|
|
@@ -8677,7 +8677,7 @@ const Oa = qe(({
|
|
|
8677
8677
|
`}
|
|
8678
8678
|
|
|
8679
8679
|
/* NAV = primary */
|
|
8680
|
-
${({ $variant: a, $selected: i }) => a === "nav" &&
|
|
8680
|
+
${({ $variant: a, $selected: i }) => a === "nav" && z`
|
|
8681
8681
|
border: 1px solid transparent;
|
|
8682
8682
|
background-color: transparent;
|
|
8683
8683
|
color: var(--md-sys-color-on-surface);
|
|
@@ -8690,7 +8690,7 @@ const Oa = qe(({
|
|
|
8690
8690
|
border-color: var(--md-sys-color-outline-variant);
|
|
8691
8691
|
}
|
|
8692
8692
|
|
|
8693
|
-
${i &&
|
|
8693
|
+
${i && z`
|
|
8694
8694
|
background-color: var(--md-sys-color-background);
|
|
8695
8695
|
border-color: var(--md-sys-color-outline-variant);
|
|
8696
8696
|
`}
|
|
@@ -8702,7 +8702,7 @@ const Oa = qe(({
|
|
|
8702
8702
|
`}
|
|
8703
8703
|
|
|
8704
8704
|
/* TEXT = surface-container */
|
|
8705
|
-
${({ $variant: a }) => a === "text" &&
|
|
8705
|
+
${({ $variant: a }) => a === "text" && z`
|
|
8706
8706
|
background-color: transparent;
|
|
8707
8707
|
|
|
8708
8708
|
&:hover {
|
|
@@ -8718,7 +8718,7 @@ const Oa = qe(({
|
|
|
8718
8718
|
`}
|
|
8719
8719
|
|
|
8720
8720
|
/* TERTIARY = secondary-container */
|
|
8721
|
-
${({ $variant: a, $selected: i }) => a === "tertiary" &&
|
|
8721
|
+
${({ $variant: a, $selected: i }) => a === "tertiary" && z`
|
|
8722
8722
|
background-color: var(--md-sys-color-tertiary);
|
|
8723
8723
|
color: var(--md-sys-color-on-tertiary);
|
|
8724
8724
|
|
|
@@ -8732,7 +8732,7 @@ const Oa = qe(({
|
|
|
8732
8732
|
outline-color: white;
|
|
8733
8733
|
}
|
|
8734
8734
|
|
|
8735
|
-
${i &&
|
|
8735
|
+
${i && z`
|
|
8736
8736
|
background-color: var(--md-sys-color-tertiary-container);
|
|
8737
8737
|
color: var(--md-sys-color-on-tertiary-container);
|
|
8738
8738
|
|
|
@@ -8750,8 +8750,25 @@ const Oa = qe(({
|
|
|
8750
8750
|
}
|
|
8751
8751
|
`}
|
|
8752
8752
|
|
|
8753
|
+
/* TEXT = surface-container */
|
|
8754
|
+
${({ $variant: a }) => a === "danger" && z`
|
|
8755
|
+
background-color: var(--md-sys-color-error-container);
|
|
8756
|
+
color: var(--md-sys-color-on-error-container);
|
|
8757
|
+
|
|
8758
|
+
&:hover {
|
|
8759
|
+
background-color: var(--md-sys-color-error-container-hover);
|
|
8760
|
+
}
|
|
8761
|
+
&:active {
|
|
8762
|
+
background-color: var(--md-sys-color-error-container-active);
|
|
8763
|
+
}
|
|
8764
|
+
|
|
8765
|
+
&:disabled {
|
|
8766
|
+
background-color: var(--md-sys-color-error-container);
|
|
8767
|
+
}
|
|
8768
|
+
`}
|
|
8769
|
+
|
|
8753
8770
|
/* selection */
|
|
8754
|
-
${({ $variant: a, $selected: i }) => i && ["surface", "tonal", "filled", "text"].includes(a) &&
|
|
8771
|
+
${({ $variant: a, $selected: i }) => i && ["surface", "tonal", "filled", "text"].includes(a) && z`
|
|
8755
8772
|
background-color: var(--md-sys-color-primary-container);
|
|
8756
8773
|
color: var(--md-sys-color-on-primary-container);
|
|
8757
8774
|
|
|
@@ -8838,7 +8855,7 @@ const ice = "_displayLarge_e1guk_1", sce = "_displayMedium_e1guk_10", cce = "_di
|
|
|
8838
8855
|
${({
|
|
8839
8856
|
$active: a,
|
|
8840
8857
|
$saving: i
|
|
8841
|
-
}) => a &&
|
|
8858
|
+
}) => a && z`
|
|
8842
8859
|
transition: background-color 0s;
|
|
8843
8860
|
|
|
8844
8861
|
|
|
@@ -8847,7 +8864,7 @@ const ice = "_displayLarge_e1guk_1", sce = "_displayMedium_e1guk_10", cce = "_di
|
|
|
8847
8864
|
|
|
8848
8865
|
|
|
8849
8866
|
/* saving spine icon */
|
|
8850
|
-
${i &&
|
|
8867
|
+
${i && z`
|
|
8851
8868
|
animation: ${kce} 1s linear infinite;
|
|
8852
8869
|
cursor: not-allowed;
|
|
8853
8870
|
user-select: none;
|
|
@@ -8856,7 +8873,7 @@ const ice = "_displayLarge_e1guk_1", sce = "_displayMedium_e1guk_10", cce = "_di
|
|
|
8856
8873
|
|
|
8857
8874
|
=
|
|
8858
8875
|
|
|
8859
|
-
${i &&
|
|
8876
|
+
${i && z`
|
|
8860
8877
|
opacity: 0.8;
|
|
8861
8878
|
user-select: none;
|
|
8862
8879
|
`}
|
|
@@ -9024,7 +9041,7 @@ const ice = "_displayLarge_e1guk_1", sce = "_displayMedium_e1guk_10", cce = "_di
|
|
|
9024
9041
|
|
|
9025
9042
|
overflow: auto;
|
|
9026
9043
|
|
|
9027
|
-
${({ $isSuccess: a }) => a &&
|
|
9044
|
+
${({ $isSuccess: a }) => a && z`
|
|
9028
9045
|
animation: ${Sce} 0.3s ease forwards;
|
|
9029
9046
|
`}
|
|
9030
9047
|
`, Oce = ne.div`
|
|
@@ -9044,7 +9061,7 @@ const ice = "_displayLarge_e1guk_1", sce = "_displayMedium_e1guk_10", cce = "_di
|
|
|
9044
9061
|
`;
|
|
9045
9062
|
function T0(a = "var(--md-sys-color-surface-container-high)", i = "var(--md-sys-color-surface-container-highest)", r = {}) {
|
|
9046
9063
|
const { speed: n = 1.2, opacity: e = 0.25, delay: s = 0.15 } = r;
|
|
9047
|
-
return
|
|
9064
|
+
return z`
|
|
9048
9065
|
&::after {
|
|
9049
9066
|
content: '';
|
|
9050
9067
|
position: absolute;
|
|
@@ -9104,7 +9121,7 @@ const Od = Hr`
|
|
|
9104
9121
|
border-radius: 4px;
|
|
9105
9122
|
}
|
|
9106
9123
|
|
|
9107
|
-
${({ $isFetching: a }) => a &&
|
|
9124
|
+
${({ $isFetching: a }) => a && z`
|
|
9108
9125
|
user-select: none;
|
|
9109
9126
|
pointer-events: none;
|
|
9110
9127
|
|
|
@@ -9118,7 +9135,7 @@ const Od = Hr`
|
|
|
9118
9135
|
})}
|
|
9119
9136
|
`}
|
|
9120
9137
|
|
|
9121
|
-
${({ $message: a, $first: i }) => a &&
|
|
9138
|
+
${({ $message: a, $first: i }) => a && z`
|
|
9122
9139
|
&:hover {
|
|
9123
9140
|
/* little triangle */
|
|
9124
9141
|
&::before {
|
|
@@ -9153,7 +9170,7 @@ const Od = Hr`
|
|
|
9153
9170
|
color: black;
|
|
9154
9171
|
}
|
|
9155
9172
|
|
|
9156
|
-
${i &&
|
|
9173
|
+
${i && z`
|
|
9157
9174
|
&::before {
|
|
9158
9175
|
translate: 0 100%;
|
|
9159
9176
|
top: 19px;
|
|
@@ -9176,7 +9193,7 @@ const Od = Hr`
|
|
|
9176
9193
|
color: var(--md-sys-color-on-surface);
|
|
9177
9194
|
}
|
|
9178
9195
|
|
|
9179
|
-
${({ $error: a }) => a &&
|
|
9196
|
+
${({ $error: a }) => a && z`
|
|
9180
9197
|
.icon {
|
|
9181
9198
|
color: var(--md-custom-color-warning);
|
|
9182
9199
|
}
|
|
@@ -9306,13 +9323,13 @@ const Od = Hr`
|
|
|
9306
9323
|
if (!!Array.isArray(a)) {
|
|
9307
9324
|
for (const Z of a)
|
|
9308
9325
|
if (Z.file.type.startsWith("image/") && Z.file.size <= q) {
|
|
9309
|
-
const
|
|
9310
|
-
|
|
9326
|
+
const H = new FileReader();
|
|
9327
|
+
H.onload = () => {
|
|
9311
9328
|
ae((Te) => ({
|
|
9312
9329
|
...Te,
|
|
9313
|
-
[Z.file.name]:
|
|
9330
|
+
[Z.file.name]: H.result
|
|
9314
9331
|
}));
|
|
9315
|
-
}, Z.file instanceof Blob ?
|
|
9332
|
+
}, Z.file instanceof Blob ? H.readAsDataURL(Z.file) : Z.dataUrl && ae((Te) => ({
|
|
9316
9333
|
...Te,
|
|
9317
9334
|
[Z.file.name]: Z.dataUrl
|
|
9318
9335
|
}));
|
|
@@ -9344,7 +9361,7 @@ const Od = Hr`
|
|
|
9344
9361
|
if (!Z.length)
|
|
9345
9362
|
return;
|
|
9346
9363
|
r || i([]);
|
|
9347
|
-
let
|
|
9364
|
+
let H = [];
|
|
9348
9365
|
const Te = {};
|
|
9349
9366
|
for (const de of Z) {
|
|
9350
9367
|
const Qe = de.name, ut = Qe.split(".").pop(), mt = "." + ut, vn = e.includes(mt) && ut, Zt = e.includes(de.type) || e.includes(de.type.split("/")[0] + "/*");
|
|
@@ -9357,7 +9374,7 @@ const Od = Hr`
|
|
|
9357
9374
|
continue;
|
|
9358
9375
|
}
|
|
9359
9376
|
if (!n) {
|
|
9360
|
-
|
|
9377
|
+
H.push({
|
|
9361
9378
|
file: de,
|
|
9362
9379
|
sequenceNumber: null,
|
|
9363
9380
|
sequenceId: null
|
|
@@ -9366,7 +9383,7 @@ const Od = Hr`
|
|
|
9366
9383
|
}
|
|
9367
9384
|
const dt = Nce(Qe);
|
|
9368
9385
|
if (!dt.length) {
|
|
9369
|
-
|
|
9386
|
+
H.push({
|
|
9370
9387
|
file: de,
|
|
9371
9388
|
sequenceNumber: null,
|
|
9372
9389
|
sequenceId: null
|
|
@@ -9387,8 +9404,8 @@ const Od = Hr`
|
|
|
9387
9404
|
bt === void 0 ? St.push([Ze, Ze]) : bt[1] !== Ze - 1 ? St.push([Ze, Ze]) : St[St.length - 1] = [bt[0], Ze], yt.counts = St;
|
|
9388
9405
|
}
|
|
9389
9406
|
if (!r && !n) {
|
|
9390
|
-
if (
|
|
9391
|
-
console.log("only one file allowed"), Ve("Only 1 file allowed"), i([
|
|
9407
|
+
if (H.length > 1) {
|
|
9408
|
+
console.log("only one file allowed"), Ve("Only 1 file allowed"), i([H[0]]);
|
|
9392
9409
|
return;
|
|
9393
9410
|
} else if (Object.keys(Te).length) {
|
|
9394
9411
|
Object.keys(Te).length > 1 && (console.log("only one sequence allowed"), Ve("Only 1 sequence allowed"));
|
|
@@ -9405,13 +9422,13 @@ const Od = Hr`
|
|
|
9405
9422
|
}
|
|
9406
9423
|
}
|
|
9407
9424
|
}
|
|
9408
|
-
!r &&
|
|
9425
|
+
!r && H.length > 1 && (Object.keys(Te).length > 1 && Ve("Only 1 file allowed"), H.splice(1, H.length - 1));
|
|
9409
9426
|
for (const [de, {
|
|
9410
9427
|
files: Qe,
|
|
9411
9428
|
counts: ut
|
|
9412
9429
|
}] of Object.entries(Te)) {
|
|
9413
9430
|
if (Qe.length < 2)
|
|
9414
|
-
if (
|
|
9431
|
+
if (H.push({
|
|
9415
9432
|
...Qe[0],
|
|
9416
9433
|
sequenceId: null,
|
|
9417
9434
|
sequenceNumber: null
|
|
@@ -9432,14 +9449,14 @@ const Od = Hr`
|
|
|
9432
9449
|
sequenceId: dt
|
|
9433
9450
|
}));
|
|
9434
9451
|
if (!r && n) {
|
|
9435
|
-
Object.entries(Te).length > 1 && Ve("Only 1 sequence allowed"),
|
|
9452
|
+
Object.entries(Te).length > 1 && Ve("Only 1 sequence allowed"), H.splice(0, H.length, ...pt);
|
|
9436
9453
|
break;
|
|
9437
9454
|
} else
|
|
9438
|
-
|
|
9455
|
+
H.push(...pt);
|
|
9439
9456
|
}
|
|
9440
|
-
if (
|
|
9457
|
+
if (H.length) {
|
|
9441
9458
|
const de = [...a];
|
|
9442
|
-
for (const Qe of
|
|
9459
|
+
for (const Qe of H)
|
|
9443
9460
|
de.push(Qe);
|
|
9444
9461
|
i(de);
|
|
9445
9462
|
} else
|
|
@@ -9449,19 +9466,19 @@ const Od = Hr`
|
|
|
9449
9466
|
}, Yt = (Z) => {
|
|
9450
9467
|
Z.preventDefault(), Z.target.files && Z.target.files[0] && Be(Z.target.files);
|
|
9451
9468
|
}, lt = (Z) => {
|
|
9452
|
-
const
|
|
9453
|
-
i(
|
|
9469
|
+
const H = a.filter((Te) => Te.sequenceId ? Te.sequenceId !== Z : Te.file.name !== Z);
|
|
9470
|
+
i(H);
|
|
9454
9471
|
}, Pt = (Z) => {
|
|
9455
|
-
const
|
|
9472
|
+
const H = a.map((Te) => Te.sequenceId === Z ? {
|
|
9456
9473
|
...Te,
|
|
9457
9474
|
sequenceId: null,
|
|
9458
9475
|
sequenceNumber: null
|
|
9459
9476
|
} : Te);
|
|
9460
|
-
i(
|
|
9477
|
+
i(H);
|
|
9461
9478
|
}, ht = _t(() => r || n ? "files" : "file", [r, n]), be = _t(() => !k || !_e.length ? Array.isArray(a) ? a : [] : _e, [a, k, _e]), ve = _t(() => {
|
|
9462
9479
|
const Z = {};
|
|
9463
|
-
for (const
|
|
9464
|
-
!
|
|
9480
|
+
for (const H of be)
|
|
9481
|
+
!H || (H.sequenceId ? (Z[H.sequenceId] || (Z[H.sequenceId] = []), Z[H.sequenceId].push(H)) : Z[H.file.name] = [H]);
|
|
9465
9482
|
return Z;
|
|
9466
9483
|
}, [be]), me = `Allowed:${r ? " Multiple," : " Single,"}${n ? " Sequence," : ""}${e.length ? " " + e.join(", ") : " All Files Types"}`;
|
|
9467
9484
|
return /* @__PURE__ */ ee(Cce, {
|
|
@@ -9510,21 +9527,21 @@ const Od = Hr`
|
|
|
9510
9527
|
$isSuccess: !!k && !!_e.length,
|
|
9511
9528
|
onAnimationEnd: () => oe([]),
|
|
9512
9529
|
style: A,
|
|
9513
|
-
children: Object.entries(ve).map(([Z,
|
|
9530
|
+
children: Object.entries(ve).map(([Z, H], Te) => /* @__PURE__ */ w("li", {
|
|
9514
9531
|
children: /* @__PURE__ */ w(Ice, {
|
|
9515
9532
|
index: Te,
|
|
9516
9533
|
title: Z,
|
|
9517
|
-
type: (
|
|
9518
|
-
size:
|
|
9519
|
-
length:
|
|
9534
|
+
type: (H == null ? void 0 : H.length) > 1 ? "sequence" : (H == null ? void 0 : H.length) && H[0].file.type || "unknown",
|
|
9535
|
+
size: H == null ? void 0 : H.reduce((de, Qe) => de + Qe.file.size, 0),
|
|
9536
|
+
length: H == null ? void 0 : H.length,
|
|
9520
9537
|
onRemove: () => lt(Z),
|
|
9521
9538
|
onSplit: () => Pt(Z),
|
|
9522
|
-
splitDisabled: (
|
|
9539
|
+
splitDisabled: (H == null ? void 0 : H.length) < 2 || !r,
|
|
9523
9540
|
isFetching: _,
|
|
9524
9541
|
readOnly: $,
|
|
9525
9542
|
disabled: T,
|
|
9526
|
-
message: (
|
|
9527
|
-
preview: U ? null : Ee[
|
|
9543
|
+
message: (H == null ? void 0 : H.length) > 1 ? Ace(H) : (H == null ? void 0 : H.length) && H[0].message || "",
|
|
9544
|
+
preview: U ? null : Ee[H[0].file.name]
|
|
9528
9545
|
})
|
|
9529
9546
|
}, Z))
|
|
9530
9547
|
})
|
|
@@ -9741,7 +9758,7 @@ const Uce = ne.div`
|
|
|
9741
9758
|
|
|
9742
9759
|
/* add padding to top if no header */
|
|
9743
9760
|
|
|
9744
|
-
${({ $noHeader: a }) => a &&
|
|
9761
|
+
${({ $noHeader: a }) => a && z`
|
|
9745
9762
|
padding-top: 46px;
|
|
9746
9763
|
`}
|
|
9747
9764
|
`, O0 = ne.div`
|
|
@@ -10108,7 +10125,7 @@ const ole = ne.form`
|
|
|
10108
10125
|
flex: 1;
|
|
10109
10126
|
}
|
|
10110
10127
|
`, ale = ne(Fi)`
|
|
10111
|
-
${({ $open: a }) => !a &&
|
|
10128
|
+
${({ $open: a }) => !a && z`
|
|
10112
10129
|
cursor: pointer;
|
|
10113
10130
|
background-color: var(--md-sys-color-surface-container-high);
|
|
10114
10131
|
font-style: normal;
|
|
@@ -13547,10 +13564,10 @@ function ic(a, i, r, n) {
|
|
|
13547
13564
|
!(n != null && n.useAdditionalWeekYearTokens) && L0(ve) && Ti(ve, j, a), !(n != null && n.useAdditionalDayOfYearTokens) && A0(ve) && Ti(ve, j, a);
|
|
13548
13565
|
var me = ve[0], Z = kde[me];
|
|
13549
13566
|
if (Z) {
|
|
13550
|
-
var
|
|
13551
|
-
if (Array.isArray(
|
|
13567
|
+
var H = Z.incompatibleTokens;
|
|
13568
|
+
if (Array.isArray(H)) {
|
|
13552
13569
|
var Te = he.find(function(Qe) {
|
|
13553
|
-
return
|
|
13570
|
+
return H.includes(Qe.token) || Qe.token === me;
|
|
13554
13571
|
});
|
|
13555
13572
|
if (Te)
|
|
13556
13573
|
throw new RangeError("The format string mustn't contain `".concat(Te.fullToken, "` and `").concat(ve, "` at the same time"));
|
|
@@ -14588,7 +14605,7 @@ function V0e(a) {
|
|
|
14588
14605
|
var ae, le = U === "y" ? mn : gn, he = U === "y" ? Un : qn, Re = U === "y" ? "height" : "width", Ae = B[U], ot = Ae + M[le], Ct = Ae - M[he], Ve = S ? -ce[Re] / 2 : 0, Xe = N === Uo ? j[Re] : ce[Re], Be = N === Uo ? -ce[Re] : -j[Re], Xt = i.elements.arrow, Yt = S && Xt ? qc(Xt) : {
|
|
14589
14606
|
width: 0,
|
|
14590
14607
|
height: 0
|
|
14591
|
-
}, lt = i.modifiersData["arrow#persistent"] ? i.modifiersData["arrow#persistent"].padding : np(), Pt = lt[le], ht = lt[he], be = va(0, j[Re], Yt[Re]), ve = $ ? j[Re] / 2 - Ve - be - Pt - _e.mainAxis : Xe - be - Pt - _e.mainAxis, me = $ ? -j[Re] / 2 + Ve + be + ht + _e.mainAxis : Be + be + ht + _e.mainAxis, Z = i.elements.arrow && Pa(i.elements.arrow),
|
|
14608
|
+
}, lt = i.modifiersData["arrow#persistent"] ? i.modifiersData["arrow#persistent"].padding : np(), Pt = lt[le], ht = lt[he], be = va(0, j[Re], Yt[Re]), ve = $ ? j[Re] / 2 - Ve - be - Pt - _e.mainAxis : Xe - be - Pt - _e.mainAxis, me = $ ? -j[Re] / 2 + Ve + be + ht + _e.mainAxis : Be + be + ht + _e.mainAxis, Z = i.elements.arrow && Pa(i.elements.arrow), H = Z ? U === "y" ? Z.clientTop || 0 : Z.clientLeft || 0 : 0, Te = (ae = oe == null ? void 0 : oe[U]) != null ? ae : 0, de = Ae + ve - Te - H, Qe = Ae + me - Te, ut = va(S ? Ni(ot, de) : ot, Ae, S ? io(Ct, Qe) : Ct);
|
|
14592
14609
|
B[U] = ut, Ee[U] = ut - Ae;
|
|
14593
14610
|
}
|
|
14594
14611
|
if (u) {
|
|
@@ -18098,11 +18115,11 @@ const Zpe = ne(Vpe)`
|
|
|
18098
18115
|
align-items: center;
|
|
18099
18116
|
margin: 20px 0;
|
|
18100
18117
|
|
|
18101
|
-
${(a) => !a.children &&
|
|
18118
|
+
${(a) => !a.children && z`
|
|
18102
18119
|
border-bottom: 1px solid var(--md-sys-color-outline-variant);
|
|
18103
18120
|
`}
|
|
18104
18121
|
|
|
18105
|
-
${(a) => a.children &&
|
|
18122
|
+
${(a) => a.children && z`
|
|
18106
18123
|
&::before,
|
|
18107
18124
|
&::after {
|
|
18108
18125
|
content: '';
|
|
@@ -18195,7 +18212,7 @@ const Zpe = ne(Vpe)`
|
|
|
18195
18212
|
margin-left: 4px;
|
|
18196
18213
|
}
|
|
18197
18214
|
|
|
18198
|
-
${({ $isNode: a }) => !a &&
|
|
18215
|
+
${({ $isNode: a }) => !a && z`
|
|
18199
18216
|
margin-right: 4px;
|
|
18200
18217
|
`}
|
|
18201
18218
|
`, rfe = ne.span`
|
|
@@ -18237,7 +18254,7 @@ const Zpe = ne(Vpe)`
|
|
|
18237
18254
|
box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%);
|
|
18238
18255
|
transition: opacity 0.2s;
|
|
18239
18256
|
|
|
18240
|
-
${({ $isCopy: a }) => a &&
|
|
18257
|
+
${({ $isCopy: a }) => a && z`
|
|
18241
18258
|
margin-top: -6px;
|
|
18242
18259
|
`}
|
|
18243
18260
|
|
|
@@ -18291,7 +18308,7 @@ const Zpe = ne(Vpe)`
|
|
|
18291
18308
|
|
|
18292
18309
|
${({
|
|
18293
18310
|
$wrap: a
|
|
18294
|
-
}) => a &&
|
|
18311
|
+
}) => a && z`
|
|
18295
18312
|
position: absolute;
|
|
18296
18313
|
top: 0;
|
|
18297
18314
|
left: 0;
|
|
@@ -18330,7 +18347,7 @@ const Zpe = ne(Vpe)`
|
|
|
18330
18347
|
position: relative;
|
|
18331
18348
|
|
|
18332
18349
|
/* when tooltip not null */
|
|
18333
|
-
${({ $tooltip: a }) => a &&
|
|
18350
|
+
${({ $tooltip: a }) => a && z`
|
|
18334
18351
|
/* show $tooltip on hover as ::after */
|
|
18335
18352
|
&:hover::after {
|
|
18336
18353
|
content: '${a}';
|
|
@@ -18458,7 +18475,7 @@ const Zpe = ne(Vpe)`
|
|
|
18458
18475
|
children: r.children
|
|
18459
18476
|
})
|
|
18460
18477
|
})
|
|
18461
|
-
})), b0 =
|
|
18478
|
+
})), b0 = z`
|
|
18462
18479
|
background-color: var(--md-sys-color-surface-container-high-hover);
|
|
18463
18480
|
|
|
18464
18481
|
/* hover to show description */
|
|
@@ -18476,12 +18493,12 @@ const Zpe = ne(Vpe)`
|
|
|
18476
18493
|
--selection-color-active: var(--md-sys-color-primary-container-active);
|
|
18477
18494
|
--selection-color-text: var(--md-sys-color-on-primary-container);
|
|
18478
18495
|
|
|
18479
|
-
${({ $isHover: a }) => a &&
|
|
18496
|
+
${({ $isHover: a }) => a && z`
|
|
18480
18497
|
--hover-transition: 0ms;
|
|
18481
18498
|
`}
|
|
18482
18499
|
|
|
18483
18500
|
/* if $isSecondary, use secondary color */
|
|
18484
|
-
${({ $isSecondary: a }) => a &&
|
|
18501
|
+
${({ $isSecondary: a }) => a && z`
|
|
18485
18502
|
--selection-color: var(--md-sys-color-tertiary-container);
|
|
18486
18503
|
--selection-color-hover: var(--md-sys-color-tertiary-container-hover);
|
|
18487
18504
|
--selection-color-active: var(--md-sys-color-tertiary-container-active);
|
|
@@ -18501,7 +18518,7 @@ const Zpe = ne(Vpe)`
|
|
|
18501
18518
|
|
|
18502
18519
|
padding: 2px;
|
|
18503
18520
|
/* thumbnail variant no padding */
|
|
18504
|
-
${({ $variant: a }) => a === "thumbnail" &&
|
|
18521
|
+
${({ $variant: a }) => a === "thumbnail" && z`
|
|
18505
18522
|
padding: 0;
|
|
18506
18523
|
|
|
18507
18524
|
/* lighten thumbnail */
|
|
@@ -18531,7 +18548,7 @@ const Zpe = ne(Vpe)`
|
|
|
18531
18548
|
}
|
|
18532
18549
|
|
|
18533
18550
|
/* for keyboard selection when in dragging mode */
|
|
18534
|
-
${({ $isDraggable: a }) => a &&
|
|
18551
|
+
${({ $isDraggable: a }) => a && z`
|
|
18535
18552
|
&:has(:focus-visible),
|
|
18536
18553
|
&:focus-visible {
|
|
18537
18554
|
${b0}
|
|
@@ -18539,7 +18556,7 @@ const Zpe = ne(Vpe)`
|
|
|
18539
18556
|
`}
|
|
18540
18557
|
|
|
18541
18558
|
/* when active, set background color */
|
|
18542
|
-
${({ $isActive: a, $variant: i, $isDraggable: r }) => a &&
|
|
18559
|
+
${({ $isActive: a, $variant: i, $isDraggable: r }) => a && z`
|
|
18543
18560
|
/* set backgrounds */
|
|
18544
18561
|
background-color: var(--selection-color);
|
|
18545
18562
|
color: var(--selection-color-text);
|
|
@@ -18551,7 +18568,7 @@ const Zpe = ne(Vpe)`
|
|
|
18551
18568
|
background-color: var(--selection-color-active);
|
|
18552
18569
|
}
|
|
18553
18570
|
|
|
18554
|
-
${r &&
|
|
18571
|
+
${r && z`
|
|
18555
18572
|
&:focus-visible,
|
|
18556
18573
|
&:has(:focus-visible) {
|
|
18557
18574
|
background-color: var(--selection-color);
|
|
@@ -18570,7 +18587,7 @@ const Zpe = ne(Vpe)`
|
|
|
18570
18587
|
}
|
|
18571
18588
|
|
|
18572
18589
|
/* when variant = 'basic' titles are blue */
|
|
18573
|
-
${i === "basic" &&
|
|
18590
|
+
${i === "basic" && z`
|
|
18574
18591
|
${No} {
|
|
18575
18592
|
background-color: var(--selection-color);
|
|
18576
18593
|
}
|
|
@@ -18606,7 +18623,7 @@ const Zpe = ne(Vpe)`
|
|
|
18606
18623
|
}
|
|
18607
18624
|
|
|
18608
18625
|
/* set opacity to 0 when not loading */
|
|
18609
|
-
${({ $isLoading: a }) => a ?
|
|
18626
|
+
${({ $isLoading: a }) => a ? z`
|
|
18610
18627
|
/* LOADING ACTIVE */
|
|
18611
18628
|
pointer-events: none;
|
|
18612
18629
|
/* title card loading styles */
|
|
@@ -18633,7 +18650,7 @@ const Zpe = ne(Vpe)`
|
|
|
18633
18650
|
grid-template-rows: 0fr !important;
|
|
18634
18651
|
padding-top: 0 !important;
|
|
18635
18652
|
}
|
|
18636
|
-
` :
|
|
18653
|
+
` : z`
|
|
18637
18654
|
/* LOADING FINISHED */
|
|
18638
18655
|
&::after {
|
|
18639
18656
|
opacity: 0;
|
|
@@ -18641,13 +18658,13 @@ const Zpe = ne(Vpe)`
|
|
|
18641
18658
|
`}
|
|
18642
18659
|
|
|
18643
18660
|
/* ERROR */
|
|
18644
|
-
${({ $isError: a, $isDraggable: i }) => a &&
|
|
18661
|
+
${({ $isError: a, $isDraggable: i }) => a && z`
|
|
18645
18662
|
&,
|
|
18646
18663
|
&:hover {
|
|
18647
18664
|
background-color: var(--md-sys-color-error-container);
|
|
18648
18665
|
}
|
|
18649
18666
|
|
|
18650
|
-
${i &&
|
|
18667
|
+
${i && z`
|
|
18651
18668
|
&:focus-visible,
|
|
18652
18669
|
&:has(:focus-visible) {
|
|
18653
18670
|
background-color: var(--md-sys-color-error-container);
|
|
@@ -18670,7 +18687,7 @@ const Zpe = ne(Vpe)`
|
|
|
18670
18687
|
`}
|
|
18671
18688
|
|
|
18672
18689
|
/* DISABLED */
|
|
18673
|
-
${({ $disabled: a }) => a &&
|
|
18690
|
+
${({ $disabled: a }) => a && z`
|
|
18674
18691
|
/* prevent clicks and hover */
|
|
18675
18692
|
pointer-events: none;
|
|
18676
18693
|
|
|
@@ -18690,7 +18707,7 @@ const Zpe = ne(Vpe)`
|
|
|
18690
18707
|
transition: rotate 100ms;
|
|
18691
18708
|
|
|
18692
18709
|
/* if we are dragging, hide description and rotate */
|
|
18693
|
-
${({ $isDragging: a }) => a &&
|
|
18710
|
+
${({ $isDragging: a }) => a && z`
|
|
18694
18711
|
/* box shadow */
|
|
18695
18712
|
box-shadow: 0 0 20px 0px rgb(0 0 0 / 30%);
|
|
18696
18713
|
rotate: 5deg;
|
|
@@ -18731,13 +18748,13 @@ const Zpe = ne(Vpe)`
|
|
|
18731
18748
|
transition-delay: 100ms;
|
|
18732
18749
|
}
|
|
18733
18750
|
|
|
18734
|
-
${({ $disableImageAnimation: a }) => a &&
|
|
18751
|
+
${({ $disableImageAnimation: a }) => a && z`
|
|
18735
18752
|
&::after {
|
|
18736
18753
|
display: none;
|
|
18737
18754
|
}
|
|
18738
18755
|
`}
|
|
18739
18756
|
|
|
18740
|
-
${({ $isImageLoading: a }) => a &&
|
|
18757
|
+
${({ $isImageLoading: a }) => a && z`
|
|
18741
18758
|
&::after {
|
|
18742
18759
|
opacity: 1;
|
|
18743
18760
|
}
|