@fxhash/params 0.0.10 → 0.0.11
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
@@ -1,183 +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
|
-
/*# sourceMappingURL=Select.css.map */
|
@@ -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"],"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}"],"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;","names":[]}
|
@@ -1,8 +0,0 @@
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
2
|
-
import { FxParamControllerProps } from './Controller.js';
|
3
|
-
import 'react';
|
4
|
-
import '../types.js';
|
5
|
-
|
6
|
-
declare function SelectController({ id, label, value, onChange, options, isCodeDriven, }: FxParamControllerProps<"select">): react_jsx_runtime.JSX.Element;
|
7
|
-
|
8
|
-
export { SelectController };
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
@@ -1,9 +0,0 @@
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
2
|
-
|
3
|
-
var _chunkK22KNCGRcjs = require('../chunk-K22KNCGR.cjs');
|
4
|
-
require('../chunk-M7HJ2CKM.cjs');
|
5
|
-
require('../chunk-CVLSVTCX.cjs');
|
6
|
-
|
7
|
-
|
8
|
-
exports.StringController = _chunkK22KNCGRcjs.StringController;
|
9
|
-
//# sourceMappingURL=String.cjs.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":[],"names":[],"mappings":""}
|
@@ -1,183 +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
|
-
/*# sourceMappingURL=String.css.map */
|
@@ -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"],"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}"],"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;","names":[]}
|
@@ -1,8 +0,0 @@
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
2
|
-
import { FxParamControllerProps } from './Controller.js';
|
3
|
-
import 'react';
|
4
|
-
import '../types.js';
|
5
|
-
|
6
|
-
declare function StringController(props: FxParamControllerProps<"string">): react_jsx_runtime.JSX.Element;
|
7
|
-
|
8
|
-
export { StringController };
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
package/dist/Controls.cjs
DELETED
@@ -1,102 +0,0 @@
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
|
2
|
-
|
3
|
-
var _chunk3OF5LR4Ycjs = require('./chunk-3OF5LR4Y.cjs');
|
4
|
-
require('./chunk-LTIGECX6.cjs');
|
5
|
-
require('./chunk-WHVPVEYH.cjs');
|
6
|
-
require('./chunk-K22KNCGR.cjs');
|
7
|
-
|
8
|
-
|
9
|
-
var _chunkZ5Z6AKH7cjs = require('./chunk-Z5Z6AKH7.cjs');
|
10
|
-
|
11
|
-
|
12
|
-
var _chunkEACKNC6Ccjs = require('./chunk-EACKNC6C.cjs');
|
13
|
-
require('./chunk-AMJCUB2I.cjs');
|
14
|
-
require('./chunk-2XWOWIXK.cjs');
|
15
|
-
require('./chunk-3QFEC7SK.cjs');
|
16
|
-
require('./chunk-YLZI7BR5.cjs');
|
17
|
-
require('./chunk-M7HJ2CKM.cjs');
|
18
|
-
require('./chunk-TQGOPELV.cjs');
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
var _chunkLVN3UGUHcjs = require('./chunk-LVN3UGUH.cjs');
|
23
|
-
require('./chunk-CVLSVTCX.cjs');
|
24
|
-
|
25
|
-
// src/Controls.tsx
|
26
|
-
var _react = require('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
|
-
var _jsxruntime = require('react/jsx-runtime');
|
36
|
-
function ControllerBlade(props) {
|
37
|
-
const { parameter, onClickLockButton, lockedParamIds, onChangeParam } = props;
|
38
|
-
const parsed = _react.useMemo.call(void 0,
|
39
|
-
() => _chunkEACKNC6Ccjs.validateParameterDefinition.call(void 0, parameter),
|
40
|
-
[parameter]
|
41
|
-
);
|
42
|
-
const isValid = _react.useMemo.call(void 0, () => parsed && parsed.success, [parsed]);
|
43
|
-
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: Controls_module_default.blade, children: [
|
44
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
45
|
-
_chunk3OF5LR4Ycjs.ParameterController,
|
46
|
-
{
|
47
|
-
parameter,
|
48
|
-
value: parameter.value,
|
49
|
-
onChange: onChangeParam
|
50
|
-
}
|
51
|
-
),
|
52
|
-
onClickLockButton && isValid && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
53
|
-
_chunkZ5Z6AKH7cjs.LockButton,
|
54
|
-
{
|
55
|
-
className: Controls_module_default.lockButton,
|
56
|
-
title: `toggle lock ${parameter.id} param`,
|
57
|
-
isLocked: _optionalChain([lockedParamIds, 'optionalAccess', _ => _.includes, 'call', _2 => _2(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 = _chunkLVN3UGUHcjs.consolidateParams.call(void 0, params, data);
|
71
|
-
const p = _react.createRef.call(void 0, );
|
72
|
-
_react.useEffect.call(void 0, () => {
|
73
|
-
const ps = {};
|
74
|
-
if (_optionalChain([consolidatedParams, 'optionalAccess', _3 => _3.length]) > 0) {
|
75
|
-
consolidatedParams.forEach((p2) => {
|
76
|
-
ps[p2.id] = p2.value;
|
77
|
-
});
|
78
|
-
if (_chunkLVN3UGUHcjs.stringifyParamsData.call(void 0, data) !== _chunkLVN3UGUHcjs.stringifyParamsData.call(void 0, 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__ */ _jsxruntime.jsx.call(void 0, "div", { className: Controls_module_default.controls, ref: p, children: _optionalChain([consolidatedParams, 'optionalAccess', _4 => _4.map, 'call', _5 => _5((p2) => {
|
87
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
88
|
-
ControllerBlade,
|
89
|
-
{
|
90
|
-
parameter: p2,
|
91
|
-
onChangeParam: handleChangeParam,
|
92
|
-
lockedParamIds,
|
93
|
-
onClickLockButton
|
94
|
-
},
|
95
|
-
p2.id
|
96
|
-
);
|
97
|
-
})]) });
|
98
|
-
};
|
99
|
-
|
100
|
-
|
101
|
-
exports.Controls = Controls;
|
102
|
-
//# sourceMappingURL=Controls.cjs.map
|
package/dist/Controls.cjs.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../src/Controls.tsx","../src/Controls.module.scss"],"names":["p"],"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","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};"]}
|