@fxhash/params 0.0.10 → 0.0.12
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/{chunk-7H32FZ35.js → chunk-B3N473DY.js} +45 -37
- package/dist/chunk-B3N473DY.js.map +1 -0
- package/dist/index.d.ts +249 -3
- package/dist/index.js +100 -5
- package/dist/index.js.map +1 -1
- package/dist/utils-jEvPb5wq.d.ts +141 -0
- package/dist/utils.d.ts +1 -50
- package/dist/utils.js +2 -32
- package/dist/utils.js.map +1 -1
- package/package.json +31 -47
- package/dist/BaseInput.cjs +0 -13
- package/dist/BaseInput.cjs.map +0 -1
- package/dist/BaseInput.css +0 -112
- package/dist/BaseInput.css.map +0 -1
- package/dist/BaseInput.d.ts +0 -12
- package/dist/BaseInput.js +0 -13
- package/dist/BaseInput.js.map +0 -1
- package/dist/Context.cjs +0 -49
- package/dist/Context.cjs.map +0 -1
- package/dist/Context.d.ts +0 -19
- package/dist/Context.js +0 -49
- package/dist/Context.js.map +0 -1
- package/dist/Controller/BigInt.cjs +0 -10
- package/dist/Controller/BigInt.cjs.map +0 -1
- package/dist/Controller/BigInt.css +0 -183
- package/dist/Controller/BigInt.css.map +0 -1
- package/dist/Controller/BigInt.d.ts +0 -8
- package/dist/Controller/BigInt.js +0 -10
- package/dist/Controller/BigInt.js.map +0 -1
- package/dist/Controller/Boolean.cjs +0 -9
- package/dist/Controller/Boolean.cjs.map +0 -1
- package/dist/Controller/Boolean.css +0 -183
- package/dist/Controller/Boolean.css.map +0 -1
- package/dist/Controller/Boolean.d.ts +0 -8
- package/dist/Controller/Boolean.js +0 -9
- package/dist/Controller/Boolean.js.map +0 -1
- package/dist/Controller/Bytes.cjs +0 -9
- package/dist/Controller/Bytes.cjs.map +0 -1
- package/dist/Controller/Bytes.css +0 -191
- package/dist/Controller/Bytes.css.map +0 -1
- package/dist/Controller/Bytes.d.ts +0 -8
- package/dist/Controller/Bytes.js +0 -9
- package/dist/Controller/Bytes.js.map +0 -1
- package/dist/Controller/Color.cjs +0 -10
- package/dist/Controller/Color.cjs.map +0 -1
- package/dist/Controller/Color.css +0 -227
- package/dist/Controller/Color.css.map +0 -1
- package/dist/Controller/Color.d.ts +0 -8
- package/dist/Controller/Color.js +0 -10
- package/dist/Controller/Color.js.map +0 -1
- package/dist/Controller/Controller.cjs +0 -14
- package/dist/Controller/Controller.cjs.map +0 -1
- package/dist/Controller/Controller.css +0 -183
- package/dist/Controller/Controller.css.map +0 -1
- package/dist/Controller/Controller.d.ts +0 -41
- package/dist/Controller/Controller.js +0 -14
- package/dist/Controller/Controller.js.map +0 -1
- package/dist/Controller/Invalid.cjs +0 -7
- package/dist/Controller/Invalid.cjs.map +0 -1
- package/dist/Controller/Invalid.css +0 -48
- package/dist/Controller/Invalid.css.map +0 -1
- package/dist/Controller/Invalid.d.ts +0 -11
- package/dist/Controller/Invalid.js +0 -7
- package/dist/Controller/Invalid.js.map +0 -1
- package/dist/Controller/Number.cjs +0 -9
- package/dist/Controller/Number.cjs.map +0 -1
- package/dist/Controller/Number.css +0 -183
- package/dist/Controller/Number.css.map +0 -1
- package/dist/Controller/Number.d.ts +0 -8
- package/dist/Controller/Number.js +0 -9
- package/dist/Controller/Number.js.map +0 -1
- package/dist/Controller/Param.cjs +0 -21
- package/dist/Controller/Param.cjs.map +0 -1
- package/dist/Controller/Param.css +0 -283
- package/dist/Controller/Param.css.map +0 -1
- package/dist/Controller/Param.d.ts +0 -25
- package/dist/Controller/Param.js +0 -21
- package/dist/Controller/Param.js.map +0 -1
- package/dist/Controller/Select.cjs +0 -9
- package/dist/Controller/Select.cjs.map +0 -1
- package/dist/Controller/Select.css +0 -183
- package/dist/Controller/Select.css.map +0 -1
- package/dist/Controller/Select.d.ts +0 -8
- package/dist/Controller/Select.js +0 -9
- package/dist/Controller/Select.js.map +0 -1
- package/dist/Controller/String.cjs +0 -9
- package/dist/Controller/String.cjs.map +0 -1
- package/dist/Controller/String.css +0 -183
- package/dist/Controller/String.css.map +0 -1
- package/dist/Controller/String.d.ts +0 -8
- package/dist/Controller/String.js +0 -9
- package/dist/Controller/String.js.map +0 -1
- package/dist/Controls.cjs +0 -102
- package/dist/Controls.cjs.map +0 -1
- package/dist/Controls.css +0 -304
- package/dist/Controls.css.map +0 -1
- package/dist/Controls.d.ts +0 -17
- package/dist/Controls.js +0 -102
- package/dist/Controls.js.map +0 -1
- package/dist/LockButton/LockButton.cjs +0 -8
- package/dist/LockButton/LockButton.cjs.map +0 -1
- package/dist/LockButton/LockButton.css +0 -117
- package/dist/LockButton/LockButton.css.map +0 -1
- package/dist/LockButton/LockButton.d.ts +0 -11
- package/dist/LockButton/LockButton.js +0 -8
- package/dist/LockButton/LockButton.js.map +0 -1
- package/dist/ParamsHistory.cjs +0 -89
- package/dist/ParamsHistory.cjs.map +0 -1
- package/dist/ParamsHistory.d.ts +0 -22
- package/dist/ParamsHistory.js +0 -89
- package/dist/ParamsHistory.js.map +0 -1
- package/dist/RuntimeContext.cjs +0 -10
- package/dist/RuntimeContext.cjs.map +0 -1
- package/dist/RuntimeContext.d.ts +0 -44
- package/dist/RuntimeContext.js +0 -10
- package/dist/RuntimeContext.js.map +0 -1
- package/dist/chunk-2SARESCF.js +0 -135
- package/dist/chunk-2SARESCF.js.map +0 -1
- package/dist/chunk-2XWOWIXK.cjs +0 -23
- package/dist/chunk-2XWOWIXK.cjs.map +0 -1
- package/dist/chunk-3OF5LR4Y.cjs +0 -110
- package/dist/chunk-3OF5LR4Y.cjs.map +0 -1
- package/dist/chunk-3QFEC7SK.cjs +0 -39
- package/dist/chunk-3QFEC7SK.cjs.map +0 -1
- package/dist/chunk-4OKETOHR.js +0 -120
- package/dist/chunk-4OKETOHR.js.map +0 -1
- package/dist/chunk-7H32FZ35.js.map +0 -1
- package/dist/chunk-AMJCUB2I.cjs +0 -46
- package/dist/chunk-AMJCUB2I.cjs.map +0 -1
- package/dist/chunk-BEDRMOBJ.js +0 -43
- package/dist/chunk-BEDRMOBJ.js.map +0 -1
- package/dist/chunk-CVLSVTCX.cjs +0 -43
- package/dist/chunk-CVLSVTCX.cjs.map +0 -1
- package/dist/chunk-EACKNC6C.cjs +0 -103
- package/dist/chunk-EACKNC6C.cjs.map +0 -1
- package/dist/chunk-GDSG5VLX.js +0 -67
- package/dist/chunk-GDSG5VLX.js.map +0 -1
- package/dist/chunk-GXCX5YCI.js +0 -46
- package/dist/chunk-GXCX5YCI.js.map +0 -1
- package/dist/chunk-HIC6NEI2.js +0 -39
- package/dist/chunk-HIC6NEI2.js.map +0 -1
- package/dist/chunk-JSFJKANM.js +0 -115
- package/dist/chunk-JSFJKANM.js.map +0 -1
- package/dist/chunk-K22KNCGR.cjs +0 -24
- package/dist/chunk-K22KNCGR.cjs.map +0 -1
- package/dist/chunk-K6UPSPM5.cjs +0 -115
- package/dist/chunk-K6UPSPM5.cjs.map +0 -1
- package/dist/chunk-LTIGECX6.cjs +0 -44
- package/dist/chunk-LTIGECX6.cjs.map +0 -1
- package/dist/chunk-LVN3UGUH.cjs +0 -404
- package/dist/chunk-LVN3UGUH.cjs.map +0 -1
- package/dist/chunk-M7HJ2CKM.cjs +0 -135
- package/dist/chunk-M7HJ2CKM.cjs.map +0 -1
- package/dist/chunk-MWP7SJWC.js +0 -103
- package/dist/chunk-MWP7SJWC.js.map +0 -1
- package/dist/chunk-NBDFYP3Y.js +0 -24
- package/dist/chunk-NBDFYP3Y.js.map +0 -1
- package/dist/chunk-SOEAQVIE.js +0 -34
- package/dist/chunk-SOEAQVIE.js.map +0 -1
- package/dist/chunk-TQGOPELV.cjs +0 -67
- package/dist/chunk-TQGOPELV.cjs.map +0 -1
- package/dist/chunk-WHVPVEYH.cjs +0 -34
- package/dist/chunk-WHVPVEYH.cjs.map +0 -1
- package/dist/chunk-X4GS3I5P.js +0 -110
- package/dist/chunk-X4GS3I5P.js.map +0 -1
- package/dist/chunk-XYWE6TCQ.js +0 -37
- package/dist/chunk-XYWE6TCQ.js.map +0 -1
- package/dist/chunk-YLZI7BR5.cjs +0 -120
- package/dist/chunk-YLZI7BR5.cjs.map +0 -1
- package/dist/chunk-YNPYJVNU.js +0 -44
- package/dist/chunk-YNPYJVNU.js.map +0 -1
- package/dist/chunk-Z5Z6AKH7.cjs +0 -37
- package/dist/chunk-Z5Z6AKH7.cjs.map +0 -1
- package/dist/chunk-ZALRIFOG.js +0 -23
- package/dist/chunk-ZALRIFOG.js.map +0 -1
- package/dist/hooks.cjs +0 -29
- package/dist/hooks.cjs.map +0 -1
- package/dist/hooks.d.ts +0 -6
- package/dist/hooks.js +0 -29
- package/dist/hooks.js.map +0 -1
- package/dist/index.cjs +0 -7
- package/dist/index.cjs.map +0 -1
- package/dist/index.css +0 -112
- package/dist/index.css.map +0 -1
- package/dist/types.cjs +0 -1
- package/dist/types.cjs.map +0 -1
- package/dist/types.d.ts +0 -100
- package/dist/types.js +0 -1
- package/dist/types.js.map +0 -1
- package/dist/utils.cjs +0 -33
- package/dist/utils.cjs.map +0 -1
- package/dist/validation.cjs +0 -9
- package/dist/validation.cjs.map +0 -1
- package/dist/validation.d.ts +0 -241
- package/dist/validation.js +0 -9
- package/dist/validation.js.map +0 -1
package/dist/Controls.css
DELETED
@@ -1,304 +0,0 @@
|
|
1
|
-
/* esbuild-sass-plugin:css-chunk:src/Controller/Controller.module.scss */
|
2
|
-
._controller_t5850_1 {
|
3
|
-
display: flex;
|
4
|
-
align-items: center;
|
5
|
-
gap: var(--fxl-spacing-xxs);
|
6
|
-
}
|
7
|
-
._controller_t5850_1 label {
|
8
|
-
flex: 1;
|
9
|
-
font-size: 1rem;
|
10
|
-
word-break: break-all;
|
11
|
-
font-size: var(--fxl-font-size-s);
|
12
|
-
}
|
13
|
-
._controller_t5850_1 ._inputContainer_t5850_12 {
|
14
|
-
width: 200px;
|
15
|
-
display: flex;
|
16
|
-
align-items: center;
|
17
|
-
}
|
18
|
-
._default_t5850_18 input:nth-child(1),
|
19
|
-
._default_t5850_18 select:nth-child(1) {
|
20
|
-
margin-right: var(--fxl-spacing-xxs);
|
21
|
-
width: 65%;
|
22
|
-
}
|
23
|
-
._default_t5850_18 input:nth-child(2),
|
24
|
-
._default_t5850_18 select:nth-child(2) {
|
25
|
-
margin-left: var(--fxl-spacing-xxs);
|
26
|
-
width: 35%;
|
27
|
-
}
|
28
|
-
._default_t5850_18 input:only-child,
|
29
|
-
._default_t5850_18 select:only-child {
|
30
|
-
width: 100%;
|
31
|
-
margin-right: 0;
|
32
|
-
}
|
33
|
-
._invert_t5850_34 input:nth-child(1),
|
34
|
-
._invert_t5850_34 select:nth-child(1) {
|
35
|
-
margin-right: var(--fxl-spacing-xxs);
|
36
|
-
width: 30%;
|
37
|
-
}
|
38
|
-
._invert_t5850_34 input:nth-child(2),
|
39
|
-
._invert_t5850_34 select:nth-child(2) {
|
40
|
-
margin-left: var(--fxl-spacing-xxs);
|
41
|
-
width: 70%;
|
42
|
-
}
|
43
|
-
._invert_t5850_34 input:only-child,
|
44
|
-
._invert_t5850_34 select:only-child {
|
45
|
-
width: 100%;
|
46
|
-
margin-right: 0;
|
47
|
-
}
|
48
|
-
._box_t5850_50 input:nth-child(1),
|
49
|
-
._box_t5850_50 select:nth-child(1) {
|
50
|
-
margin-right: var(--fxl-spacing-xxs);
|
51
|
-
width: 30px;
|
52
|
-
}
|
53
|
-
._box_t5850_50 input:nth-child(2),
|
54
|
-
._box_t5850_50 select:nth-child(2) {
|
55
|
-
margin-left: var(--fxl-spacing-xxs);
|
56
|
-
width: calc(100% - 30px);
|
57
|
-
}
|
58
|
-
._box_t5850_50 input:only-child,
|
59
|
-
._box_t5850_50 select:only-child {
|
60
|
-
width: 30px;
|
61
|
-
margin-right: 0;
|
62
|
-
}
|
63
|
-
._numberInput_t5850_67::-webkit-outer-spin-button,
|
64
|
-
._numberInput_t5850_67::-webkit-inner-spin-button {
|
65
|
-
-webkit-appearance: none;
|
66
|
-
margin: 0;
|
67
|
-
}
|
68
|
-
._numberInput_t5850_67[type=number] {
|
69
|
-
-moz-appearance: textfield;
|
70
|
-
}
|
71
|
-
|
72
|
-
/* esbuild-sass-plugin:css-chunk:src/BaseInput.module.scss */
|
73
|
-
._baseInput_13ljm_1,
|
74
|
-
._baseSelect_13ljm_2,
|
75
|
-
._baseButton_13ljm_3 {
|
76
|
-
font-family: var(--fxl-font-family);
|
77
|
-
font-size: var(--fxl-font-size-regular);
|
78
|
-
height: 30px;
|
79
|
-
color: var(--fxl-color-text-primary);
|
80
|
-
background: var(--fxl-color-background2);
|
81
|
-
border: 1px solid var(--fxl-color-light2);
|
82
|
-
padding: 0 var(--fxl-spacing-xxs);
|
83
|
-
outline-offset: -1px;
|
84
|
-
}
|
85
|
-
._baseInput_13ljm_1:hover,
|
86
|
-
._baseSelect_13ljm_2:hover,
|
87
|
-
._baseButton_13ljm_3:hover {
|
88
|
-
background: var(--fxl-color-background3);
|
89
|
-
}
|
90
|
-
._baseInput_13ljm_1:focus-visible,
|
91
|
-
._baseSelect_13ljm_2:focus-visible,
|
92
|
-
._baseButton_13ljm_3:focus-visible {
|
93
|
-
outline: 1px solid var(--fxl-color-primary);
|
94
|
-
}
|
95
|
-
._baseInput_13ljm_1:disabled,
|
96
|
-
._baseSelect_13ljm_2:disabled,
|
97
|
-
._baseButton_13ljm_3:disabled {
|
98
|
-
opacity: 0.6;
|
99
|
-
pointer-events: none;
|
100
|
-
}
|
101
|
-
._baseButton_13ljm_3 {
|
102
|
-
cursor: pointer;
|
103
|
-
background: var(--fxl-color-background2);
|
104
|
-
color: var(--fxl-color-text-primary);
|
105
|
-
font-weight: 700;
|
106
|
-
}
|
107
|
-
._baseButton_13ljm_3:hover {
|
108
|
-
background: var(--fxl-color-background3);
|
109
|
-
color: var(--fxl-color-light);
|
110
|
-
outline: 1px solid var(--fxl-color-primary);
|
111
|
-
}
|
112
|
-
._baseButton_13ljm_3:focus-visible {
|
113
|
-
outline: 1px solid var(--fxl-color-primary);
|
114
|
-
outline-offset: 2px;
|
115
|
-
}
|
116
|
-
._baseButton_13ljm_3._color-secondary_13ljm_45 {
|
117
|
-
background: var(--fxl-color-dark1);
|
118
|
-
color: var(--fxl-color-light);
|
119
|
-
}
|
120
|
-
._baseButton_13ljm_3._color-secondary_13ljm_45:hover {
|
121
|
-
background: var(--fxl-color-dark2);
|
122
|
-
color: var(--fxl-color-light);
|
123
|
-
outline: 1px solid var(--fxl-color-primary);
|
124
|
-
}
|
125
|
-
._iconButton_13ljm_55 {
|
126
|
-
width: 30px !important;
|
127
|
-
cursor: pointer;
|
128
|
-
padding: 0;
|
129
|
-
display: flex;
|
130
|
-
align-items: center;
|
131
|
-
justify-content: center;
|
132
|
-
flex-grow: 0;
|
133
|
-
flex-shrink: 0;
|
134
|
-
}
|
135
|
-
._baseInput_13ljm_1[type=range] {
|
136
|
-
-webkit-appearance: none;
|
137
|
-
appearance: none;
|
138
|
-
height: 3px !important;
|
139
|
-
background: var(--fxl-color-light2);
|
140
|
-
outline: none;
|
141
|
-
padding: 0 !important;
|
142
|
-
border: none;
|
143
|
-
}
|
144
|
-
._baseInput_13ljm_1[type=range]::-webkit-slider-thumb {
|
145
|
-
-webkit-appearance: none;
|
146
|
-
appearance: none;
|
147
|
-
cursor: pointer;
|
148
|
-
width: 15px;
|
149
|
-
height: 15px;
|
150
|
-
background: var(--fxl-color-primary);
|
151
|
-
border-radius: 50%;
|
152
|
-
}
|
153
|
-
._baseInput_13ljm_1[type=range]::-webkit-slider-thumb:hover {
|
154
|
-
transform: scale(1.1);
|
155
|
-
}
|
156
|
-
._baseInput_13ljm_1[type=range]::-moz-range-thumb {
|
157
|
-
cursor: pointer;
|
158
|
-
width: 15px;
|
159
|
-
height: 15px;
|
160
|
-
background: var(--fxl-color-primary);
|
161
|
-
border-radius: 50%;
|
162
|
-
}
|
163
|
-
._baseInput_13ljm_1[type=checkbox] {
|
164
|
-
-webkit-appearance: none;
|
165
|
-
appearance: none;
|
166
|
-
cursor: pointer;
|
167
|
-
width: 30px !important;
|
168
|
-
height: 30px !important;
|
169
|
-
margin: 0;
|
170
|
-
padding: 0;
|
171
|
-
position: relative;
|
172
|
-
}
|
173
|
-
._baseInput_13ljm_1[type=checkbox]:checked:after {
|
174
|
-
content: "";
|
175
|
-
width: 15px;
|
176
|
-
height: 15px;
|
177
|
-
position: absolute;
|
178
|
-
top: 50%;
|
179
|
-
left: 50%;
|
180
|
-
transform: translate(-50%, -50%);
|
181
|
-
background: var(--fxl-color-primary);
|
182
|
-
}
|
183
|
-
|
184
|
-
/* esbuild-sass-plugin:css-chunk:src/Controller/Color.module.scss */
|
185
|
-
._squaredButton_p7fh7_1 {
|
186
|
-
width: 30px;
|
187
|
-
height: 30px;
|
188
|
-
padding: 0;
|
189
|
-
border: 1px solid var(--fxl-color-light2);
|
190
|
-
position: relative;
|
191
|
-
background: white !important;
|
192
|
-
}
|
193
|
-
._squaredButton_p7fh7_1._active_p7fh7_9 {
|
194
|
-
border-color: var(--fxl-color-primary);
|
195
|
-
}
|
196
|
-
._squaredButton_p7fh7_1:focus-visible {
|
197
|
-
outline-offset: -1px;
|
198
|
-
}
|
199
|
-
._square_p7fh7_1 {
|
200
|
-
width: 100%;
|
201
|
-
height: 100%;
|
202
|
-
position: absolute;
|
203
|
-
top: 0;
|
204
|
-
left: 0;
|
205
|
-
}
|
206
|
-
._pickerWrapper_p7fh7_24 {
|
207
|
-
position: relative;
|
208
|
-
}
|
209
|
-
._pickerAbsoluteWrapper_p7fh7_28 {
|
210
|
-
position: absolute;
|
211
|
-
bottom: 0;
|
212
|
-
transform: translate(0, calc(100% + var(--fxl-spacing-xxs)));
|
213
|
-
z-index: 10;
|
214
|
-
}
|
215
|
-
._picker_p7fh7_24 {
|
216
|
-
border: 1px solid var(--fxl-color-light2);
|
217
|
-
}
|
218
|
-
._picker_p7fh7_24 input {
|
219
|
-
background: var(--fxl-color-light);
|
220
|
-
}
|
221
|
-
._colorful_p7fh7_42 .react-colorful__saturation {
|
222
|
-
border-radius: 0;
|
223
|
-
}
|
224
|
-
._colorful_p7fh7_42 .react-colorful__last-control {
|
225
|
-
border-radius: 0;
|
226
|
-
}
|
227
|
-
|
228
|
-
/* esbuild-sass-plugin:css-chunk:src/Controller/Invalid.module.scss */
|
229
|
-
._invalid_u8v12_1 {
|
230
|
-
color: var(--fxl-color-light);
|
231
|
-
display: flex;
|
232
|
-
width: 100%;
|
233
|
-
flex-direction: column;
|
234
|
-
margin-bottom: var(--fxl-spacing-xxs);
|
235
|
-
}
|
236
|
-
._invalid_u8v12_1 label {
|
237
|
-
color: var(--fxl-color-light1);
|
238
|
-
cursor: pointer;
|
239
|
-
display: flex;
|
240
|
-
align-items: center;
|
241
|
-
justify-content: center;
|
242
|
-
height: 30px;
|
243
|
-
background: repeating-linear-gradient(45deg, transparent, transparent 5px, var(--fxl-color-dark1) 5px, var(--fxl-color-dark1) 10px);
|
244
|
-
text-align: center;
|
245
|
-
position: relative;
|
246
|
-
}
|
247
|
-
._invalid_u8v12_1 label:hover {
|
248
|
-
background: repeating-linear-gradient(45deg, transparent, transparent 5px, var(--fxl-color-dark2) 5px, var(--fxl-color-dark2) 10px);
|
249
|
-
}
|
250
|
-
._invalid_u8v12_1 label i {
|
251
|
-
font-style: normal;
|
252
|
-
position: absolute;
|
253
|
-
left: var(--fxl-spacing-sm);
|
254
|
-
top: 50%;
|
255
|
-
transform: translate(0, -50%) rotate(-90deg);
|
256
|
-
font-size: var(--fxl-font-size-m);
|
257
|
-
}
|
258
|
-
._invalid_u8v12_1 label i._isOpen_u8v12_30 {
|
259
|
-
transform: translate(0, -50%) rotate(0);
|
260
|
-
}
|
261
|
-
._errorsWrapper_u8v12_34 {
|
262
|
-
border: 2px solid var(--fxl-color-dark2);
|
263
|
-
border-top: none;
|
264
|
-
padding: var(--fxl-spacing-sm);
|
265
|
-
}
|
266
|
-
._attributes_u8v12_40 {
|
267
|
-
margin-bottom: var(--fxl-spacing-l);
|
268
|
-
}
|
269
|
-
._issue_u8v12_44 h3 {
|
270
|
-
font-weight: 400;
|
271
|
-
}
|
272
|
-
._issue_u8v12_44 p {
|
273
|
-
color: var(--fxl-color-light1);
|
274
|
-
}
|
275
|
-
|
276
|
-
/* esbuild-sass-plugin:css-chunk:src/Controller/Bytes.module.scss */
|
277
|
-
._root_sy7al_1 {
|
278
|
-
width: 100%;
|
279
|
-
overflow-x: auto;
|
280
|
-
height: 100%;
|
281
|
-
padding: 4px;
|
282
|
-
}
|
283
|
-
|
284
|
-
/* esbuild-sass-plugin:css-chunk:src/LockButton/LockButton.module.scss */
|
285
|
-
._lockButton_xs4tj_1 {
|
286
|
-
color: var(--fxl-color-light1) !important;
|
287
|
-
}
|
288
|
-
|
289
|
-
/* esbuild-sass-plugin:css-chunk:src/Controls.module.scss */
|
290
|
-
._controls_10c1n_1 {
|
291
|
-
display: flex;
|
292
|
-
flex-direction: column;
|
293
|
-
flex-grow: 1;
|
294
|
-
gap: var(--fxl-spacing-xxs);
|
295
|
-
}
|
296
|
-
._blade_10c1n_8 {
|
297
|
-
display: flex;
|
298
|
-
gap: var(--fxl-spacing-xxs);
|
299
|
-
align-items: center;
|
300
|
-
}
|
301
|
-
._blade_10c1n_8 > div {
|
302
|
-
flex-grow: 1;
|
303
|
-
}
|
304
|
-
/*# sourceMappingURL=Controls.css.map */
|
package/dist/Controls.css.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["esbuild-sass-plugin:css-chunk:src/Controller/Controller.module.scss","esbuild-sass-plugin:css-chunk:src/BaseInput.module.scss","esbuild-sass-plugin:css-chunk:src/Controller/Color.module.scss","esbuild-sass-plugin:css-chunk:src/Controller/Invalid.module.scss","esbuild-sass-plugin:css-chunk:src/Controller/Bytes.module.scss","esbuild-sass-plugin:css-chunk:src/LockButton/LockButton.module.scss","esbuild-sass-plugin:css-chunk:src/Controls.module.scss"],"sourcesContent":["._controller_t5850_1 {\n display: flex;\n align-items: center;\n gap: var(--fxl-spacing-xxs);\n}\n._controller_t5850_1 label {\n flex: 1;\n font-size: 1rem;\n word-break: break-all;\n font-size: var(--fxl-font-size-s);\n}\n._controller_t5850_1 ._inputContainer_t5850_12 {\n width: 200px;\n display: flex;\n align-items: center;\n}\n\n._default_t5850_18 input:nth-child(1),\n._default_t5850_18 select:nth-child(1) {\n margin-right: var(--fxl-spacing-xxs);\n width: 65%;\n}\n._default_t5850_18 input:nth-child(2),\n._default_t5850_18 select:nth-child(2) {\n margin-left: var(--fxl-spacing-xxs);\n width: 35%;\n}\n._default_t5850_18 input:only-child,\n._default_t5850_18 select:only-child {\n width: 100%;\n margin-right: 0;\n}\n\n._invert_t5850_34 input:nth-child(1),\n._invert_t5850_34 select:nth-child(1) {\n margin-right: var(--fxl-spacing-xxs);\n width: 30%;\n}\n._invert_t5850_34 input:nth-child(2),\n._invert_t5850_34 select:nth-child(2) {\n margin-left: var(--fxl-spacing-xxs);\n width: 70%;\n}\n._invert_t5850_34 input:only-child,\n._invert_t5850_34 select:only-child {\n width: 100%;\n margin-right: 0;\n}\n\n._box_t5850_50 input:nth-child(1),\n._box_t5850_50 select:nth-child(1) {\n margin-right: var(--fxl-spacing-xxs);\n width: 30px;\n}\n._box_t5850_50 input:nth-child(2),\n._box_t5850_50 select:nth-child(2) {\n margin-left: var(--fxl-spacing-xxs);\n width: calc(100% - 30px);\n}\n._box_t5850_50 input:only-child,\n._box_t5850_50 select:only-child {\n width: 30px;\n margin-right: 0;\n}\n\n/* Chrome, Safari, Edge, Opera */\n._numberInput_t5850_67::-webkit-outer-spin-button,\n._numberInput_t5850_67::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n\n/* Firefox */\n._numberInput_t5850_67[type=number] {\n -moz-appearance: textfield;\n}","._baseInput_13ljm_1,\n._baseSelect_13ljm_2,\n._baseButton_13ljm_3 {\n font-family: var(--fxl-font-family);\n font-size: var(--fxl-font-size-regular);\n height: 30px;\n color: var(--fxl-color-text-primary);\n background: var(--fxl-color-background2);\n border: 1px solid var(--fxl-color-light2);\n padding: 0 var(--fxl-spacing-xxs);\n outline-offset: -1px;\n}\n._baseInput_13ljm_1:hover,\n._baseSelect_13ljm_2:hover,\n._baseButton_13ljm_3:hover {\n background: var(--fxl-color-background3);\n}\n._baseInput_13ljm_1:focus-visible,\n._baseSelect_13ljm_2:focus-visible,\n._baseButton_13ljm_3:focus-visible {\n outline: 1px solid var(--fxl-color-primary);\n}\n._baseInput_13ljm_1:disabled,\n._baseSelect_13ljm_2:disabled,\n._baseButton_13ljm_3:disabled {\n opacity: 0.6;\n pointer-events: none;\n}\n\n._baseButton_13ljm_3 {\n cursor: pointer;\n background: var(--fxl-color-background2);\n color: var(--fxl-color-text-primary);\n font-weight: 700;\n}\n._baseButton_13ljm_3:hover {\n background: var(--fxl-color-background3);\n color: var(--fxl-color-light);\n outline: 1px solid var(--fxl-color-primary);\n}\n._baseButton_13ljm_3:focus-visible {\n outline: 1px solid var(--fxl-color-primary);\n outline-offset: 2px;\n}\n._baseButton_13ljm_3._color-secondary_13ljm_45 {\n background: var(--fxl-color-dark1);\n color: var(--fxl-color-light);\n}\n._baseButton_13ljm_3._color-secondary_13ljm_45:hover {\n background: var(--fxl-color-dark2);\n color: var(--fxl-color-light);\n outline: 1px solid var(--fxl-color-primary);\n}\n\n._iconButton_13ljm_55 {\n width: 30px !important;\n cursor: pointer;\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-grow: 0;\n flex-shrink: 0;\n}\n\n._baseInput_13ljm_1[type=range] {\n -webkit-appearance: none;\n appearance: none;\n height: 3px !important;\n background: var(--fxl-color-light2);\n outline: none;\n padding: 0 !important;\n border: none;\n}\n\n._baseInput_13ljm_1[type=range]::-webkit-slider-thumb {\n -webkit-appearance: none; /* Override default look */\n appearance: none;\n cursor: pointer;\n width: 15px;\n height: 15px;\n background: var(--fxl-color-primary);\n border-radius: 50%;\n}\n._baseInput_13ljm_1[type=range]::-webkit-slider-thumb:hover {\n transform: scale(1.1);\n}\n\n._baseInput_13ljm_1[type=range]::-moz-range-thumb {\n cursor: pointer;\n width: 15px;\n height: 15px;\n background: var(--fxl-color-primary);\n border-radius: 50%;\n}\n\n._baseInput_13ljm_1[type=checkbox] {\n -webkit-appearance: none;\n appearance: none;\n cursor: pointer;\n width: 30px !important;\n height: 30px !important;\n margin: 0;\n padding: 0;\n position: relative;\n}\n._baseInput_13ljm_1[type=checkbox]:checked:after {\n content: \"\";\n width: 15px;\n height: 15px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background: var(--fxl-color-primary);\n}","._squaredButton_p7fh7_1 {\n width: 30px;\n height: 30px;\n padding: 0;\n border: 1px solid var(--fxl-color-light2);\n position: relative;\n background: white !important;\n}\n._squaredButton_p7fh7_1._active_p7fh7_9 {\n border-color: var(--fxl-color-primary);\n}\n._squaredButton_p7fh7_1:focus-visible {\n outline-offset: -1px;\n}\n\n._square_p7fh7_1 {\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n._pickerWrapper_p7fh7_24 {\n position: relative;\n}\n\n._pickerAbsoluteWrapper_p7fh7_28 {\n position: absolute;\n bottom: 0;\n transform: translate(0, calc(100% + var(--fxl-spacing-xxs)));\n z-index: 10;\n}\n\n._picker_p7fh7_24 {\n border: 1px solid var(--fxl-color-light2);\n}\n._picker_p7fh7_24 input {\n background: var(--fxl-color-light);\n}\n\n._colorful_p7fh7_42 .react-colorful__saturation {\n border-radius: 0;\n}\n._colorful_p7fh7_42 .react-colorful__last-control {\n border-radius: 0;\n}","._invalid_u8v12_1 {\n color: var(--fxl-color-light);\n display: flex;\n width: 100%;\n flex-direction: column;\n margin-bottom: var(--fxl-spacing-xxs);\n}\n._invalid_u8v12_1 label {\n color: var(--fxl-color-light1);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 30px;\n background: repeating-linear-gradient(45deg, transparent, transparent 5px, var(--fxl-color-dark1) 5px, var(--fxl-color-dark1) 10px);\n text-align: center;\n position: relative;\n}\n._invalid_u8v12_1 label:hover {\n background: repeating-linear-gradient(45deg, transparent, transparent 5px, var(--fxl-color-dark2) 5px, var(--fxl-color-dark2) 10px);\n}\n._invalid_u8v12_1 label i {\n font-style: normal;\n position: absolute;\n left: var(--fxl-spacing-sm);\n top: 50%;\n transform: translate(0, -50%) rotate(-90deg);\n font-size: var(--fxl-font-size-m);\n}\n._invalid_u8v12_1 label i._isOpen_u8v12_30 {\n transform: translate(0, -50%) rotate(0);\n}\n\n._errorsWrapper_u8v12_34 {\n border: 2px solid var(--fxl-color-dark2);\n border-top: none;\n padding: var(--fxl-spacing-sm);\n}\n\n._attributes_u8v12_40 {\n margin-bottom: var(--fxl-spacing-l);\n}\n\n._issue_u8v12_44 h3 {\n font-weight: 400;\n}\n._issue_u8v12_44 p {\n color: var(--fxl-color-light1);\n}","._root_sy7al_1 {\n width: 100%;\n overflow-x: auto;\n height: 100%;\n padding: 4px;\n}","._lockButton_xs4tj_1 {\n color: var(--fxl-color-light1) !important;\n}","._controls_10c1n_1 {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n gap: var(--fxl-spacing-xxs);\n}\n\n._blade_10c1n_8 {\n display: flex;\n gap: var(--fxl-spacing-xxs);\n align-items: center;\n}\n._blade_10c1n_8 > div {\n flex-grow: 1;\n}"],"mappings":";AAAA;AACE;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAGF;AAAA;AAEE;AACA;AAAA;AAEF;AAAA;AAEE;AACA;AAAA;AAEF;AAAA;AAEE;AACA;AAAA;AAGF;AAAA;AAEE;AACA;AAAA;AAEF;AAAA;AAEE;AACA;AAAA;AAEF;AAAA;AAEE;AACA;AAAA;AAGF;AAAA;AAEE;AACA;AAAA;AAEF;AAAA;AAEE;AACA;AAAA;AAEF;AAAA;AAEE;AACA;AAAA;AAIF;AAAA;AAEE;AACA;AAAA;AAIF;AACE;AAAA;;;AC1EF;AAAA;AAAA;AAGE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AAAA;AAAA;AAGE;AAAA;AAEF;AAAA;AAAA;AAGE;AAAA;AAEF;AAAA;AAAA;AAGE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;;;AClHF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAEF;AACE;AAAA;AAGF;AACE;AAAA;AAEF;AACE;AAAA;;;AC7CF;AACE;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAEF;AACE;AAAA;;;AC/CF;AACE;AACA;AACA;AACA;AAAA;;;ACJF;AACE;AAAA;;;ACDF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAEF;AACE;AAAA;","names":[]}
|
package/dist/Controls.d.ts
DELETED
@@ -1,17 +0,0 @@
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
2
|
-
import { FxParamTypeMap, FxParamType } from './types.js';
|
3
|
-
|
4
|
-
type ControlsOnChangeDataHandler = (newData: Record<string, any>, changedParam?: {
|
5
|
-
id: string;
|
6
|
-
value: FxParamTypeMap[FxParamType];
|
7
|
-
}) => void;
|
8
|
-
interface ControlsProps {
|
9
|
-
params: any;
|
10
|
-
onClickLockButton?: (id: string) => void;
|
11
|
-
lockedParamIds?: string[];
|
12
|
-
onChangeData: ControlsOnChangeDataHandler;
|
13
|
-
data: Record<string, any>;
|
14
|
-
}
|
15
|
-
declare const Controls: ({ params, data, onClickLockButton, lockedParamIds, onChangeData, }: ControlsProps) => react_jsx_runtime.JSX.Element;
|
16
|
-
|
17
|
-
export { Controls, ControlsOnChangeDataHandler };
|
package/dist/Controls.js
DELETED
@@ -1,102 +0,0 @@
|
|
1
|
-
import {
|
2
|
-
ParameterController
|
3
|
-
} from "./chunk-X4GS3I5P.js";
|
4
|
-
import "./chunk-YNPYJVNU.js";
|
5
|
-
import "./chunk-SOEAQVIE.js";
|
6
|
-
import "./chunk-NBDFYP3Y.js";
|
7
|
-
import {
|
8
|
-
LockButton
|
9
|
-
} from "./chunk-XYWE6TCQ.js";
|
10
|
-
import {
|
11
|
-
validateParameterDefinition
|
12
|
-
} from "./chunk-MWP7SJWC.js";
|
13
|
-
import "./chunk-GXCX5YCI.js";
|
14
|
-
import "./chunk-ZALRIFOG.js";
|
15
|
-
import "./chunk-HIC6NEI2.js";
|
16
|
-
import "./chunk-4OKETOHR.js";
|
17
|
-
import "./chunk-2SARESCF.js";
|
18
|
-
import "./chunk-GDSG5VLX.js";
|
19
|
-
import {
|
20
|
-
consolidateParams,
|
21
|
-
stringifyParamsData
|
22
|
-
} from "./chunk-7H32FZ35.js";
|
23
|
-
import "./chunk-BEDRMOBJ.js";
|
24
|
-
|
25
|
-
// src/Controls.tsx
|
26
|
-
import { createRef, useEffect, useMemo } from "react";
|
27
|
-
|
28
|
-
// src/Controls.module.scss
|
29
|
-
var Controls_module_default = {
|
30
|
-
"controls": "_controls_10c1n_1",
|
31
|
-
"blade": "_blade_10c1n_8"
|
32
|
-
};
|
33
|
-
|
34
|
-
// src/Controls.tsx
|
35
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
36
|
-
function ControllerBlade(props) {
|
37
|
-
const { parameter, onClickLockButton, lockedParamIds, onChangeParam } = props;
|
38
|
-
const parsed = useMemo(
|
39
|
-
() => validateParameterDefinition(parameter),
|
40
|
-
[parameter]
|
41
|
-
);
|
42
|
-
const isValid = useMemo(() => parsed && parsed.success, [parsed]);
|
43
|
-
return /* @__PURE__ */ jsxs("div", { className: Controls_module_default.blade, children: [
|
44
|
-
/* @__PURE__ */ jsx(
|
45
|
-
ParameterController,
|
46
|
-
{
|
47
|
-
parameter,
|
48
|
-
value: parameter.value,
|
49
|
-
onChange: onChangeParam
|
50
|
-
}
|
51
|
-
),
|
52
|
-
onClickLockButton && isValid && /* @__PURE__ */ jsx(
|
53
|
-
LockButton,
|
54
|
-
{
|
55
|
-
className: Controls_module_default.lockButton,
|
56
|
-
title: `toggle lock ${parameter.id} param`,
|
57
|
-
isLocked: lockedParamIds?.includes(parameter.id),
|
58
|
-
onClick: (e) => onClickLockButton(parameter.id)
|
59
|
-
}
|
60
|
-
)
|
61
|
-
] });
|
62
|
-
}
|
63
|
-
var Controls = ({
|
64
|
-
params,
|
65
|
-
data,
|
66
|
-
onClickLockButton,
|
67
|
-
lockedParamIds,
|
68
|
-
onChangeData
|
69
|
-
}) => {
|
70
|
-
const consolidatedParams = consolidateParams(params, data);
|
71
|
-
const p = createRef();
|
72
|
-
useEffect(() => {
|
73
|
-
const ps = {};
|
74
|
-
if (consolidatedParams?.length > 0) {
|
75
|
-
consolidatedParams.forEach((p2) => {
|
76
|
-
ps[p2.id] = p2.value;
|
77
|
-
});
|
78
|
-
if (stringifyParamsData(data) !== stringifyParamsData(ps))
|
79
|
-
onChangeData(ps);
|
80
|
-
}
|
81
|
-
}, [params]);
|
82
|
-
const handleChangeParam = (id, value) => {
|
83
|
-
const newData = { ...data, [id]: value };
|
84
|
-
onChangeData(newData, { id, value });
|
85
|
-
};
|
86
|
-
return /* @__PURE__ */ jsx("div", { className: Controls_module_default.controls, ref: p, children: consolidatedParams?.map((p2) => {
|
87
|
-
return /* @__PURE__ */ jsx(
|
88
|
-
ControllerBlade,
|
89
|
-
{
|
90
|
-
parameter: p2,
|
91
|
-
onChangeParam: handleChangeParam,
|
92
|
-
lockedParamIds,
|
93
|
-
onClickLockButton
|
94
|
-
},
|
95
|
-
p2.id
|
96
|
-
);
|
97
|
-
}) });
|
98
|
-
};
|
99
|
-
export {
|
100
|
-
Controls
|
101
|
-
};
|
102
|
-
//# sourceMappingURL=Controls.js.map
|
package/dist/Controls.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../src/Controls.tsx","../src/Controls.module.scss"],"sourcesContent":["import { createRef, useEffect, useMemo, useState } from \"react\"\nimport { consolidateParams } from \"utils\"\nimport { ParameterController } from \"./Controller/Param\"\nimport { LockButton } from \"./LockButton/LockButton\"\nimport classes from \"./Controls.module.scss\"\nimport { validateParameterDefinition } from \"./validation\"\nimport { stringifyParamsData } from \"./utils\"\nimport { FxParamType, FxParamTypeMap } from \"./types.js\"\n\ninterface ControllerBladeProps {\n parameter: any\n onClickLockButton?: (id: string) => void\n lockedParamIds?: string[]\n onChangeParam: (id: string, value: any) => void\n}\n\nfunction ControllerBlade(props: ControllerBladeProps) {\n const { parameter, onClickLockButton, lockedParamIds, onChangeParam } = props\n const parsed = useMemo(\n () => validateParameterDefinition(parameter),\n [parameter]\n )\n const isValid = useMemo(() => parsed && parsed.success, [parsed])\n return (\n <div className={classes.blade}>\n <ParameterController\n parameter={parameter}\n value={parameter.value}\n onChange={onChangeParam}\n />\n {onClickLockButton && isValid && (\n <LockButton\n className={classes.lockButton}\n title={`toggle lock ${parameter.id} param`}\n isLocked={lockedParamIds?.includes(parameter.id)}\n onClick={e => onClickLockButton(parameter.id)}\n />\n )}\n </div>\n )\n}\n\nexport type ControlsOnChangeDataHandler = (\n newData: Record<string, any>,\n changedParam?: {\n id: string\n value: FxParamTypeMap[FxParamType]\n }\n) => void\n\ninterface ControlsProps {\n params: any\n onClickLockButton?: (id: string) => void\n lockedParamIds?: string[]\n onChangeData: ControlsOnChangeDataHandler\n data: Record<string, any>\n}\n\nexport const Controls = ({\n params,\n data,\n onClickLockButton,\n lockedParamIds,\n onChangeData,\n}: ControlsProps) => {\n const consolidatedParams = consolidateParams(params, data)\n\n const p: React.RefObject<HTMLDivElement> = createRef()\n\n useEffect(() => {\n const ps: any = {}\n if (consolidatedParams?.length > 0) {\n consolidatedParams.forEach((p: any) => {\n ps[p.id] = p.value\n })\n if (stringifyParamsData(data) !== stringifyParamsData(ps))\n onChangeData(ps)\n }\n }, [params])\n\n const handleChangeParam = (id: string, value: any) => {\n const newData = { ...data, [id]: value }\n onChangeData(newData, { id, value })\n }\n\n return (\n <div className={classes.controls} ref={p}>\n {consolidatedParams?.map((p: any) => {\n return (\n <ControllerBlade\n key={p.id}\n parameter={p}\n onChangeParam={handleChangeParam}\n lockedParamIds={lockedParamIds}\n onClickLockButton={onClickLockButton}\n />\n )\n })}\n </div>\n )\n}\n","import 'css-chunk:src/Controls.module.scss';export default {\n \"controls\": \"_controls_10c1n_1\",\n \"blade\": \"_blade_10c1n_8\"\n};"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,WAAW,WAAW,eAAyB;;;ACAZ,IAAO,0BAAQ;AAAA,EACzD,YAAY;AAAA,EACZ,SAAS;AACX;;;ADqBI,SACE,KADF;AARJ,SAAS,gBAAgB,OAA6B;AACpD,QAAM,EAAE,WAAW,mBAAmB,gBAAgB,cAAc,IAAI;AACxE,QAAM,SAAS;AAAA,IACb,MAAM,4BAA4B,SAAS;AAAA,IAC3C,CAAC,SAAS;AAAA,EACZ;AACA,QAAM,UAAU,QAAQ,MAAM,UAAU,OAAO,SAAS,CAAC,MAAM,CAAC;AAChE,SACE,qBAAC,SAAI,WAAW,wBAAQ,OACtB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,OAAO,UAAU;AAAA,QACjB,UAAU;AAAA;AAAA,IACZ;AAAA,IACC,qBAAqB,WACpB;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,wBAAQ;AAAA,QACnB,OAAO,eAAe,UAAU;AAAA,QAChC,UAAU,gBAAgB,SAAS,UAAU,EAAE;AAAA,QAC/C,SAAS,OAAK,kBAAkB,UAAU,EAAE;AAAA;AAAA,IAC9C;AAAA,KAEJ;AAEJ;AAkBO,IAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAqB;AACnB,QAAM,qBAAqB,kBAAkB,QAAQ,IAAI;AAEzD,QAAM,IAAqC,UAAU;AAErD,YAAU,MAAM;AACd,UAAM,KAAU,CAAC;AACjB,QAAI,oBAAoB,SAAS,GAAG;AAClC,yBAAmB,QAAQ,CAACA,OAAW;AACrC,WAAGA,GAAE,EAAE,IAAIA,GAAE;AAAA,MACf,CAAC;AACD,UAAI,oBAAoB,IAAI,MAAM,oBAAoB,EAAE;AACtD,qBAAa,EAAE;AAAA,IACnB;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,oBAAoB,CAAC,IAAY,UAAe;AACpD,UAAM,UAAU,EAAE,GAAG,MAAM,CAAC,EAAE,GAAG,MAAM;AACvC,iBAAa,SAAS,EAAE,IAAI,MAAM,CAAC;AAAA,EACrC;AAEA,SACE,oBAAC,SAAI,WAAW,wBAAQ,UAAU,KAAK,GACpC,8BAAoB,IAAI,CAACA,OAAW;AACnC,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,WAAWA;AAAA,QACX,eAAe;AAAA,QACf;AAAA,QACA;AAAA;AAAA,MAJKA,GAAE;AAAA,IAKT;AAAA,EAEJ,CAAC,GACH;AAEJ;","names":["p"]}
|
@@ -1,8 +0,0 @@
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
2
|
-
|
3
|
-
var _chunkZ5Z6AKH7cjs = require('../chunk-Z5Z6AKH7.cjs');
|
4
|
-
require('../chunk-CVLSVTCX.cjs');
|
5
|
-
|
6
|
-
|
7
|
-
exports.LockButton = _chunkZ5Z6AKH7cjs.LockButton;
|
8
|
-
//# sourceMappingURL=LockButton.cjs.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":[],"names":[],"mappings":""}
|
@@ -1,117 +0,0 @@
|
|
1
|
-
/* esbuild-sass-plugin:css-chunk:src/BaseInput.module.scss */
|
2
|
-
._baseInput_13ljm_1,
|
3
|
-
._baseSelect_13ljm_2,
|
4
|
-
._baseButton_13ljm_3 {
|
5
|
-
font-family: var(--fxl-font-family);
|
6
|
-
font-size: var(--fxl-font-size-regular);
|
7
|
-
height: 30px;
|
8
|
-
color: var(--fxl-color-text-primary);
|
9
|
-
background: var(--fxl-color-background2);
|
10
|
-
border: 1px solid var(--fxl-color-light2);
|
11
|
-
padding: 0 var(--fxl-spacing-xxs);
|
12
|
-
outline-offset: -1px;
|
13
|
-
}
|
14
|
-
._baseInput_13ljm_1:hover,
|
15
|
-
._baseSelect_13ljm_2:hover,
|
16
|
-
._baseButton_13ljm_3:hover {
|
17
|
-
background: var(--fxl-color-background3);
|
18
|
-
}
|
19
|
-
._baseInput_13ljm_1:focus-visible,
|
20
|
-
._baseSelect_13ljm_2:focus-visible,
|
21
|
-
._baseButton_13ljm_3:focus-visible {
|
22
|
-
outline: 1px solid var(--fxl-color-primary);
|
23
|
-
}
|
24
|
-
._baseInput_13ljm_1:disabled,
|
25
|
-
._baseSelect_13ljm_2:disabled,
|
26
|
-
._baseButton_13ljm_3:disabled {
|
27
|
-
opacity: 0.6;
|
28
|
-
pointer-events: none;
|
29
|
-
}
|
30
|
-
._baseButton_13ljm_3 {
|
31
|
-
cursor: pointer;
|
32
|
-
background: var(--fxl-color-background2);
|
33
|
-
color: var(--fxl-color-text-primary);
|
34
|
-
font-weight: 700;
|
35
|
-
}
|
36
|
-
._baseButton_13ljm_3:hover {
|
37
|
-
background: var(--fxl-color-background3);
|
38
|
-
color: var(--fxl-color-light);
|
39
|
-
outline: 1px solid var(--fxl-color-primary);
|
40
|
-
}
|
41
|
-
._baseButton_13ljm_3:focus-visible {
|
42
|
-
outline: 1px solid var(--fxl-color-primary);
|
43
|
-
outline-offset: 2px;
|
44
|
-
}
|
45
|
-
._baseButton_13ljm_3._color-secondary_13ljm_45 {
|
46
|
-
background: var(--fxl-color-dark1);
|
47
|
-
color: var(--fxl-color-light);
|
48
|
-
}
|
49
|
-
._baseButton_13ljm_3._color-secondary_13ljm_45:hover {
|
50
|
-
background: var(--fxl-color-dark2);
|
51
|
-
color: var(--fxl-color-light);
|
52
|
-
outline: 1px solid var(--fxl-color-primary);
|
53
|
-
}
|
54
|
-
._iconButton_13ljm_55 {
|
55
|
-
width: 30px !important;
|
56
|
-
cursor: pointer;
|
57
|
-
padding: 0;
|
58
|
-
display: flex;
|
59
|
-
align-items: center;
|
60
|
-
justify-content: center;
|
61
|
-
flex-grow: 0;
|
62
|
-
flex-shrink: 0;
|
63
|
-
}
|
64
|
-
._baseInput_13ljm_1[type=range] {
|
65
|
-
-webkit-appearance: none;
|
66
|
-
appearance: none;
|
67
|
-
height: 3px !important;
|
68
|
-
background: var(--fxl-color-light2);
|
69
|
-
outline: none;
|
70
|
-
padding: 0 !important;
|
71
|
-
border: none;
|
72
|
-
}
|
73
|
-
._baseInput_13ljm_1[type=range]::-webkit-slider-thumb {
|
74
|
-
-webkit-appearance: none;
|
75
|
-
appearance: none;
|
76
|
-
cursor: pointer;
|
77
|
-
width: 15px;
|
78
|
-
height: 15px;
|
79
|
-
background: var(--fxl-color-primary);
|
80
|
-
border-radius: 50%;
|
81
|
-
}
|
82
|
-
._baseInput_13ljm_1[type=range]::-webkit-slider-thumb:hover {
|
83
|
-
transform: scale(1.1);
|
84
|
-
}
|
85
|
-
._baseInput_13ljm_1[type=range]::-moz-range-thumb {
|
86
|
-
cursor: pointer;
|
87
|
-
width: 15px;
|
88
|
-
height: 15px;
|
89
|
-
background: var(--fxl-color-primary);
|
90
|
-
border-radius: 50%;
|
91
|
-
}
|
92
|
-
._baseInput_13ljm_1[type=checkbox] {
|
93
|
-
-webkit-appearance: none;
|
94
|
-
appearance: none;
|
95
|
-
cursor: pointer;
|
96
|
-
width: 30px !important;
|
97
|
-
height: 30px !important;
|
98
|
-
margin: 0;
|
99
|
-
padding: 0;
|
100
|
-
position: relative;
|
101
|
-
}
|
102
|
-
._baseInput_13ljm_1[type=checkbox]:checked:after {
|
103
|
-
content: "";
|
104
|
-
width: 15px;
|
105
|
-
height: 15px;
|
106
|
-
position: absolute;
|
107
|
-
top: 50%;
|
108
|
-
left: 50%;
|
109
|
-
transform: translate(-50%, -50%);
|
110
|
-
background: var(--fxl-color-primary);
|
111
|
-
}
|
112
|
-
|
113
|
-
/* esbuild-sass-plugin:css-chunk:src/LockButton/LockButton.module.scss */
|
114
|
-
._lockButton_xs4tj_1 {
|
115
|
-
color: var(--fxl-color-light1) !important;
|
116
|
-
}
|
117
|
-
/*# sourceMappingURL=LockButton.css.map */
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["esbuild-sass-plugin:css-chunk:src/BaseInput.module.scss","esbuild-sass-plugin:css-chunk:src/LockButton/LockButton.module.scss"],"sourcesContent":["._baseInput_13ljm_1,\n._baseSelect_13ljm_2,\n._baseButton_13ljm_3 {\n font-family: var(--fxl-font-family);\n font-size: var(--fxl-font-size-regular);\n height: 30px;\n color: var(--fxl-color-text-primary);\n background: var(--fxl-color-background2);\n border: 1px solid var(--fxl-color-light2);\n padding: 0 var(--fxl-spacing-xxs);\n outline-offset: -1px;\n}\n._baseInput_13ljm_1:hover,\n._baseSelect_13ljm_2:hover,\n._baseButton_13ljm_3:hover {\n background: var(--fxl-color-background3);\n}\n._baseInput_13ljm_1:focus-visible,\n._baseSelect_13ljm_2:focus-visible,\n._baseButton_13ljm_3:focus-visible {\n outline: 1px solid var(--fxl-color-primary);\n}\n._baseInput_13ljm_1:disabled,\n._baseSelect_13ljm_2:disabled,\n._baseButton_13ljm_3:disabled {\n opacity: 0.6;\n pointer-events: none;\n}\n\n._baseButton_13ljm_3 {\n cursor: pointer;\n background: var(--fxl-color-background2);\n color: var(--fxl-color-text-primary);\n font-weight: 700;\n}\n._baseButton_13ljm_3:hover {\n background: var(--fxl-color-background3);\n color: var(--fxl-color-light);\n outline: 1px solid var(--fxl-color-primary);\n}\n._baseButton_13ljm_3:focus-visible {\n outline: 1px solid var(--fxl-color-primary);\n outline-offset: 2px;\n}\n._baseButton_13ljm_3._color-secondary_13ljm_45 {\n background: var(--fxl-color-dark1);\n color: var(--fxl-color-light);\n}\n._baseButton_13ljm_3._color-secondary_13ljm_45:hover {\n background: var(--fxl-color-dark2);\n color: var(--fxl-color-light);\n outline: 1px solid var(--fxl-color-primary);\n}\n\n._iconButton_13ljm_55 {\n width: 30px !important;\n cursor: pointer;\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-grow: 0;\n flex-shrink: 0;\n}\n\n._baseInput_13ljm_1[type=range] {\n -webkit-appearance: none;\n appearance: none;\n height: 3px !important;\n background: var(--fxl-color-light2);\n outline: none;\n padding: 0 !important;\n border: none;\n}\n\n._baseInput_13ljm_1[type=range]::-webkit-slider-thumb {\n -webkit-appearance: none; /* Override default look */\n appearance: none;\n cursor: pointer;\n width: 15px;\n height: 15px;\n background: var(--fxl-color-primary);\n border-radius: 50%;\n}\n._baseInput_13ljm_1[type=range]::-webkit-slider-thumb:hover {\n transform: scale(1.1);\n}\n\n._baseInput_13ljm_1[type=range]::-moz-range-thumb {\n cursor: pointer;\n width: 15px;\n height: 15px;\n background: var(--fxl-color-primary);\n border-radius: 50%;\n}\n\n._baseInput_13ljm_1[type=checkbox] {\n -webkit-appearance: none;\n appearance: none;\n cursor: pointer;\n width: 30px !important;\n height: 30px !important;\n margin: 0;\n padding: 0;\n position: relative;\n}\n._baseInput_13ljm_1[type=checkbox]:checked:after {\n content: \"\";\n width: 15px;\n height: 15px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background: var(--fxl-color-primary);\n}","._lockButton_xs4tj_1 {\n color: var(--fxl-color-light1) !important;\n}"],"mappings":";AAAA;AAAA;AAAA;AAGE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AAAA;AAAA;AAGE;AAAA;AAEF;AAAA;AAAA;AAGE;AAAA;AAEF;AAAA;AAAA;AAGE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;;;AClHF;AACE;AAAA;","names":[]}
|
@@ -1,11 +0,0 @@
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
2
|
-
import { BaseButtonProps } from '../BaseInput.js';
|
3
|
-
import 'react';
|
4
|
-
|
5
|
-
interface LockButtonProps extends BaseButtonProps {
|
6
|
-
isLocked?: boolean;
|
7
|
-
className?: string;
|
8
|
-
}
|
9
|
-
declare function LockButton(props: LockButtonProps): react_jsx_runtime.JSX.Element;
|
10
|
-
|
11
|
-
export { LockButton };
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|