@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.
Files changed (196) hide show
  1. package/dist/{chunk-7H32FZ35.js → chunk-B3N473DY.js} +45 -37
  2. package/dist/chunk-B3N473DY.js.map +1 -0
  3. package/dist/index.d.ts +249 -3
  4. package/dist/index.js +100 -5
  5. package/dist/index.js.map +1 -1
  6. package/dist/utils-jEvPb5wq.d.ts +141 -0
  7. package/dist/utils.d.ts +1 -50
  8. package/dist/utils.js +2 -32
  9. package/dist/utils.js.map +1 -1
  10. package/package.json +31 -47
  11. package/dist/BaseInput.cjs +0 -13
  12. package/dist/BaseInput.cjs.map +0 -1
  13. package/dist/BaseInput.css +0 -112
  14. package/dist/BaseInput.css.map +0 -1
  15. package/dist/BaseInput.d.ts +0 -12
  16. package/dist/BaseInput.js +0 -13
  17. package/dist/BaseInput.js.map +0 -1
  18. package/dist/Context.cjs +0 -49
  19. package/dist/Context.cjs.map +0 -1
  20. package/dist/Context.d.ts +0 -19
  21. package/dist/Context.js +0 -49
  22. package/dist/Context.js.map +0 -1
  23. package/dist/Controller/BigInt.cjs +0 -10
  24. package/dist/Controller/BigInt.cjs.map +0 -1
  25. package/dist/Controller/BigInt.css +0 -183
  26. package/dist/Controller/BigInt.css.map +0 -1
  27. package/dist/Controller/BigInt.d.ts +0 -8
  28. package/dist/Controller/BigInt.js +0 -10
  29. package/dist/Controller/BigInt.js.map +0 -1
  30. package/dist/Controller/Boolean.cjs +0 -9
  31. package/dist/Controller/Boolean.cjs.map +0 -1
  32. package/dist/Controller/Boolean.css +0 -183
  33. package/dist/Controller/Boolean.css.map +0 -1
  34. package/dist/Controller/Boolean.d.ts +0 -8
  35. package/dist/Controller/Boolean.js +0 -9
  36. package/dist/Controller/Boolean.js.map +0 -1
  37. package/dist/Controller/Bytes.cjs +0 -9
  38. package/dist/Controller/Bytes.cjs.map +0 -1
  39. package/dist/Controller/Bytes.css +0 -191
  40. package/dist/Controller/Bytes.css.map +0 -1
  41. package/dist/Controller/Bytes.d.ts +0 -8
  42. package/dist/Controller/Bytes.js +0 -9
  43. package/dist/Controller/Bytes.js.map +0 -1
  44. package/dist/Controller/Color.cjs +0 -10
  45. package/dist/Controller/Color.cjs.map +0 -1
  46. package/dist/Controller/Color.css +0 -227
  47. package/dist/Controller/Color.css.map +0 -1
  48. package/dist/Controller/Color.d.ts +0 -8
  49. package/dist/Controller/Color.js +0 -10
  50. package/dist/Controller/Color.js.map +0 -1
  51. package/dist/Controller/Controller.cjs +0 -14
  52. package/dist/Controller/Controller.cjs.map +0 -1
  53. package/dist/Controller/Controller.css +0 -183
  54. package/dist/Controller/Controller.css.map +0 -1
  55. package/dist/Controller/Controller.d.ts +0 -41
  56. package/dist/Controller/Controller.js +0 -14
  57. package/dist/Controller/Controller.js.map +0 -1
  58. package/dist/Controller/Invalid.cjs +0 -7
  59. package/dist/Controller/Invalid.cjs.map +0 -1
  60. package/dist/Controller/Invalid.css +0 -48
  61. package/dist/Controller/Invalid.css.map +0 -1
  62. package/dist/Controller/Invalid.d.ts +0 -11
  63. package/dist/Controller/Invalid.js +0 -7
  64. package/dist/Controller/Invalid.js.map +0 -1
  65. package/dist/Controller/Number.cjs +0 -9
  66. package/dist/Controller/Number.cjs.map +0 -1
  67. package/dist/Controller/Number.css +0 -183
  68. package/dist/Controller/Number.css.map +0 -1
  69. package/dist/Controller/Number.d.ts +0 -8
  70. package/dist/Controller/Number.js +0 -9
  71. package/dist/Controller/Number.js.map +0 -1
  72. package/dist/Controller/Param.cjs +0 -21
  73. package/dist/Controller/Param.cjs.map +0 -1
  74. package/dist/Controller/Param.css +0 -283
  75. package/dist/Controller/Param.css.map +0 -1
  76. package/dist/Controller/Param.d.ts +0 -25
  77. package/dist/Controller/Param.js +0 -21
  78. package/dist/Controller/Param.js.map +0 -1
  79. package/dist/Controller/Select.cjs +0 -9
  80. package/dist/Controller/Select.cjs.map +0 -1
  81. package/dist/Controller/Select.css +0 -183
  82. package/dist/Controller/Select.css.map +0 -1
  83. package/dist/Controller/Select.d.ts +0 -8
  84. package/dist/Controller/Select.js +0 -9
  85. package/dist/Controller/Select.js.map +0 -1
  86. package/dist/Controller/String.cjs +0 -9
  87. package/dist/Controller/String.cjs.map +0 -1
  88. package/dist/Controller/String.css +0 -183
  89. package/dist/Controller/String.css.map +0 -1
  90. package/dist/Controller/String.d.ts +0 -8
  91. package/dist/Controller/String.js +0 -9
  92. package/dist/Controller/String.js.map +0 -1
  93. package/dist/Controls.cjs +0 -102
  94. package/dist/Controls.cjs.map +0 -1
  95. package/dist/Controls.css +0 -304
  96. package/dist/Controls.css.map +0 -1
  97. package/dist/Controls.d.ts +0 -17
  98. package/dist/Controls.js +0 -102
  99. package/dist/Controls.js.map +0 -1
  100. package/dist/LockButton/LockButton.cjs +0 -8
  101. package/dist/LockButton/LockButton.cjs.map +0 -1
  102. package/dist/LockButton/LockButton.css +0 -117
  103. package/dist/LockButton/LockButton.css.map +0 -1
  104. package/dist/LockButton/LockButton.d.ts +0 -11
  105. package/dist/LockButton/LockButton.js +0 -8
  106. package/dist/LockButton/LockButton.js.map +0 -1
  107. package/dist/ParamsHistory.cjs +0 -89
  108. package/dist/ParamsHistory.cjs.map +0 -1
  109. package/dist/ParamsHistory.d.ts +0 -22
  110. package/dist/ParamsHistory.js +0 -89
  111. package/dist/ParamsHistory.js.map +0 -1
  112. package/dist/RuntimeContext.cjs +0 -10
  113. package/dist/RuntimeContext.cjs.map +0 -1
  114. package/dist/RuntimeContext.d.ts +0 -44
  115. package/dist/RuntimeContext.js +0 -10
  116. package/dist/RuntimeContext.js.map +0 -1
  117. package/dist/chunk-2SARESCF.js +0 -135
  118. package/dist/chunk-2SARESCF.js.map +0 -1
  119. package/dist/chunk-2XWOWIXK.cjs +0 -23
  120. package/dist/chunk-2XWOWIXK.cjs.map +0 -1
  121. package/dist/chunk-3OF5LR4Y.cjs +0 -110
  122. package/dist/chunk-3OF5LR4Y.cjs.map +0 -1
  123. package/dist/chunk-3QFEC7SK.cjs +0 -39
  124. package/dist/chunk-3QFEC7SK.cjs.map +0 -1
  125. package/dist/chunk-4OKETOHR.js +0 -120
  126. package/dist/chunk-4OKETOHR.js.map +0 -1
  127. package/dist/chunk-7H32FZ35.js.map +0 -1
  128. package/dist/chunk-AMJCUB2I.cjs +0 -46
  129. package/dist/chunk-AMJCUB2I.cjs.map +0 -1
  130. package/dist/chunk-BEDRMOBJ.js +0 -43
  131. package/dist/chunk-BEDRMOBJ.js.map +0 -1
  132. package/dist/chunk-CVLSVTCX.cjs +0 -43
  133. package/dist/chunk-CVLSVTCX.cjs.map +0 -1
  134. package/dist/chunk-EACKNC6C.cjs +0 -103
  135. package/dist/chunk-EACKNC6C.cjs.map +0 -1
  136. package/dist/chunk-GDSG5VLX.js +0 -67
  137. package/dist/chunk-GDSG5VLX.js.map +0 -1
  138. package/dist/chunk-GXCX5YCI.js +0 -46
  139. package/dist/chunk-GXCX5YCI.js.map +0 -1
  140. package/dist/chunk-HIC6NEI2.js +0 -39
  141. package/dist/chunk-HIC6NEI2.js.map +0 -1
  142. package/dist/chunk-JSFJKANM.js +0 -115
  143. package/dist/chunk-JSFJKANM.js.map +0 -1
  144. package/dist/chunk-K22KNCGR.cjs +0 -24
  145. package/dist/chunk-K22KNCGR.cjs.map +0 -1
  146. package/dist/chunk-K6UPSPM5.cjs +0 -115
  147. package/dist/chunk-K6UPSPM5.cjs.map +0 -1
  148. package/dist/chunk-LTIGECX6.cjs +0 -44
  149. package/dist/chunk-LTIGECX6.cjs.map +0 -1
  150. package/dist/chunk-LVN3UGUH.cjs +0 -404
  151. package/dist/chunk-LVN3UGUH.cjs.map +0 -1
  152. package/dist/chunk-M7HJ2CKM.cjs +0 -135
  153. package/dist/chunk-M7HJ2CKM.cjs.map +0 -1
  154. package/dist/chunk-MWP7SJWC.js +0 -103
  155. package/dist/chunk-MWP7SJWC.js.map +0 -1
  156. package/dist/chunk-NBDFYP3Y.js +0 -24
  157. package/dist/chunk-NBDFYP3Y.js.map +0 -1
  158. package/dist/chunk-SOEAQVIE.js +0 -34
  159. package/dist/chunk-SOEAQVIE.js.map +0 -1
  160. package/dist/chunk-TQGOPELV.cjs +0 -67
  161. package/dist/chunk-TQGOPELV.cjs.map +0 -1
  162. package/dist/chunk-WHVPVEYH.cjs +0 -34
  163. package/dist/chunk-WHVPVEYH.cjs.map +0 -1
  164. package/dist/chunk-X4GS3I5P.js +0 -110
  165. package/dist/chunk-X4GS3I5P.js.map +0 -1
  166. package/dist/chunk-XYWE6TCQ.js +0 -37
  167. package/dist/chunk-XYWE6TCQ.js.map +0 -1
  168. package/dist/chunk-YLZI7BR5.cjs +0 -120
  169. package/dist/chunk-YLZI7BR5.cjs.map +0 -1
  170. package/dist/chunk-YNPYJVNU.js +0 -44
  171. package/dist/chunk-YNPYJVNU.js.map +0 -1
  172. package/dist/chunk-Z5Z6AKH7.cjs +0 -37
  173. package/dist/chunk-Z5Z6AKH7.cjs.map +0 -1
  174. package/dist/chunk-ZALRIFOG.js +0 -23
  175. package/dist/chunk-ZALRIFOG.js.map +0 -1
  176. package/dist/hooks.cjs +0 -29
  177. package/dist/hooks.cjs.map +0 -1
  178. package/dist/hooks.d.ts +0 -6
  179. package/dist/hooks.js +0 -29
  180. package/dist/hooks.js.map +0 -1
  181. package/dist/index.cjs +0 -7
  182. package/dist/index.cjs.map +0 -1
  183. package/dist/index.css +0 -112
  184. package/dist/index.css.map +0 -1
  185. package/dist/types.cjs +0 -1
  186. package/dist/types.cjs.map +0 -1
  187. package/dist/types.d.ts +0 -100
  188. package/dist/types.js +0 -1
  189. package/dist/types.js.map +0 -1
  190. package/dist/utils.cjs +0 -33
  191. package/dist/utils.cjs.map +0 -1
  192. package/dist/validation.cjs +0 -9
  193. package/dist/validation.cjs.map +0 -1
  194. package/dist/validation.d.ts +0 -241
  195. package/dist/validation.js +0 -9
  196. 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,9 +0,0 @@
1
- import {
2
- SelectController
3
- } from "../chunk-SOEAQVIE.js";
4
- import "../chunk-2SARESCF.js";
5
- import "../chunk-BEDRMOBJ.js";
6
- export {
7
- SelectController
8
- };
9
- //# sourceMappingURL=Select.js.map
@@ -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,9 +0,0 @@
1
- import {
2
- StringController
3
- } from "../chunk-NBDFYP3Y.js";
4
- import "../chunk-2SARESCF.js";
5
- import "../chunk-BEDRMOBJ.js";
6
- export {
7
- StringController
8
- };
9
- //# sourceMappingURL=String.js.map
@@ -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
@@ -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};"]}