@fxhash/params 0.0.4 → 0.0.7

package/dist/Controller/Select.css

@@ -0,0 +1,183 @@
+/* esbuild-sass-plugin:css-chunk:src/Controller/Controller.module.scss */
+._controller_1rjbl_1 {
+  display: flex;
+  align-items: center;
+  gap: var(--fxl-spacing-xxs);
+}
+._controller_1rjbl_1 label {
+  flex: 1;
+  font-size: 1rem;
+  word-break: break-all;
+  font-size: var(--fxl-font-size-s);
+}
+._controller_1rjbl_1 ._inputContainer_1rjbl_12 {
+  width: 200px;
+  display: flex;
+  align-items: center;
+}
+._default_1rjbl_18 input:nth-child(1),
+._default_1rjbl_18 select:nth-child(1) {
+  margin-right: var(--fxl-spacing-xxs);
+  width: 65%;
+}
+._default_1rjbl_18 input:nth-child(2),
+._default_1rjbl_18 select:nth-child(2) {
+  margin-left: var(--fxl-spacing-xxs);
+  width: 35%;
+}
+._default_1rjbl_18 input:only-child,
+._default_1rjbl_18 select:only-child {
+  width: 100%;
+  margin-right: 0;
+}
+._invert_1rjbl_31 input:nth-child(1),
+._invert_1rjbl_31 select:nth-child(1) {
+  margin-right: var(--fxl-spacing-xxs);
+  width: 30%;
+}
+._invert_1rjbl_31 input:nth-child(2),
+._invert_1rjbl_31 select:nth-child(2) {
+  margin-left: var(--fxl-spacing-xxs);
+  width: 70%;
+}
+._invert_1rjbl_31 input:only-child,
+._invert_1rjbl_31 select:only-child {
+  width: 100%;
+  margin-right: 0;
+}
+._box_1rjbl_44 input:nth-child(1),
+._box_1rjbl_44 select:nth-child(1) {
+  margin-right: var(--fxl-spacing-xxs);
+  width: 30px;
+}
+._box_1rjbl_44 input:nth-child(2),
+._box_1rjbl_44 select:nth-child(2) {
+  margin-left: var(--fxl-spacing-xxs);
+  width: calc(100% - 30px);
+}
+._box_1rjbl_44 input:only-child,
+._box_1rjbl_44 select:only-child {
+  width: 30px;
+  margin-right: 0;
+}
+._numberInput_1rjbl_58::-webkit-outer-spin-button,
+._numberInput_1rjbl_58::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+._numberInput_1rjbl_58[type=number] {
+  -moz-appearance: textfield;
+}
+
+/* esbuild-sass-plugin:css-chunk:src/BaseInput.module.scss */
+._baseInput_jtvfw_1,
+._baseSelect_jtvfw_1,
+._baseButton_jtvfw_1 {
+  font-family: var(--fxl-font-family);
+  font-size: var(--fxl-font-size-regular);
+  height: 30px;
+  color: var(--fxl-color-text-primary);
+  background: var(--fxl-color-background2);
+  border: 1px solid var(--fxl-color-light2);
+  padding: 0 var(--fxl-spacing-xxs);
+  outline-offset: -1px;
+}
+._baseInput_jtvfw_1:hover,
+._baseSelect_jtvfw_1:hover,
+._baseButton_jtvfw_1:hover {
+  background: var(--fxl-color-background3);
+}
+._baseInput_jtvfw_1:focus-visible,
+._baseSelect_jtvfw_1:focus-visible,
+._baseButton_jtvfw_1:focus-visible {
+  outline: 1px solid var(--fxl-color-primary);
+}
+._baseInput_jtvfw_1:disabled,
+._baseSelect_jtvfw_1:disabled,
+._baseButton_jtvfw_1:disabled {
+  opacity: 0.6;
+  pointer-events: none;
+}
+._baseButton_jtvfw_1 {
+  cursor: pointer;
+  background: var(--fxl-color-background2);
+  color: var(--fxl-color-text-primary);
+  font-weight: 700;
+}
+._baseButton_jtvfw_1:hover {
+  background: var(--fxl-color-background3);
+  color: var(--fxl-color-light);
+  outline: 1px solid var(--fxl-color-primary);
+}
+._baseButton_jtvfw_1:focus-visible {
+  outline: 1px solid var(--fxl-color-primary);
+  outline-offset: 2px;
+}
+._baseButton_jtvfw_1._color-secondary_jtvfw_37 {
+  background: var(--fxl-color-dark1);
+  color: var(--fxl-color-light);
+}
+._baseButton_jtvfw_1._color-secondary_jtvfw_37:hover {
+  background: var(--fxl-color-dark2);
+  color: var(--fxl-color-light);
+  outline: 1px solid var(--fxl-color-primary);
+}
+._iconButton_jtvfw_47 {
+  width: 30px !important;
+  cursor: pointer;
+  padding: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-grow: 0;
+  flex-shrink: 0;
+}
+._baseInput_jtvfw_1[type=range] {
+  -webkit-appearance: none;
+  appearance: none;
+  height: 3px !important;
+  background: var(--fxl-color-light2);
+  outline: none;
+  padding: 0 !important;
+  border: none;
+}
+._baseInput_jtvfw_1[type=range]::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  cursor: pointer;
+  width: 15px;
+  height: 15px;
+  background: var(--fxl-color-primary);
+  border-radius: 50%;
+}
+._baseInput_jtvfw_1[type=range]::-webkit-slider-thumb:hover {
+  transform: scale(1.1);
+}
+._baseInput_jtvfw_1[type=range]::-moz-range-thumb {
+  cursor: pointer;
+  width: 15px;
+  height: 15px;
+  background: var(--fxl-color-primary);
+  border-radius: 50%;
+}
+._baseInput_jtvfw_1[type=checkbox] {
+  -webkit-appearance: none;
+  appearance: none;
+  cursor: pointer;
+  width: 30px !important;
+  height: 30px !important;
+  margin: 0;
+  padding: 0;
+  position: relative;
+}
+._baseInput_jtvfw_1[type=checkbox]:checked:after {
+  content: "";
+  width: 15px;
+  height: 15px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  background: var(--fxl-color-primary);
+}
+/*# sourceMappingURL=Select.css.map */

package/dist/Controller/Select.css.map

@@ -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_1rjbl_1 {\n  display: flex;\n  align-items: center;\n  gap: var(--fxl-spacing-xxs);\n}\n._controller_1rjbl_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_1rjbl_1 ._inputContainer_1rjbl_12 {\n  width: 200px;\n  display: flex;\n  align-items: center;\n}\n\n._default_1rjbl_18 input:nth-child(1), ._default_1rjbl_18 select:nth-child(1) {\n  margin-right: var(--fxl-spacing-xxs);\n  width: 65%;\n}\n._default_1rjbl_18 input:nth-child(2), ._default_1rjbl_18 select:nth-child(2) {\n  margin-left: var(--fxl-spacing-xxs);\n  width: 35%;\n}\n._default_1rjbl_18 input:only-child, ._default_1rjbl_18 select:only-child {\n  width: 100%;\n  margin-right: 0;\n}\n\n._invert_1rjbl_31 input:nth-child(1), ._invert_1rjbl_31 select:nth-child(1) {\n  margin-right: var(--fxl-spacing-xxs);\n  width: 30%;\n}\n._invert_1rjbl_31 input:nth-child(2), ._invert_1rjbl_31 select:nth-child(2) {\n  margin-left: var(--fxl-spacing-xxs);\n  width: 70%;\n}\n._invert_1rjbl_31 input:only-child, ._invert_1rjbl_31 select:only-child {\n  width: 100%;\n  margin-right: 0;\n}\n\n._box_1rjbl_44 input:nth-child(1), ._box_1rjbl_44 select:nth-child(1) {\n  margin-right: var(--fxl-spacing-xxs);\n  width: 30px;\n}\n._box_1rjbl_44 input:nth-child(2), ._box_1rjbl_44 select:nth-child(2) {\n  margin-left: var(--fxl-spacing-xxs);\n  width: calc(100% - 30px);\n}\n._box_1rjbl_44 input:only-child, ._box_1rjbl_44 select:only-child {\n  width: 30px;\n  margin-right: 0;\n}\n\n/* Chrome, Safari, Edge, Opera */\n._numberInput_1rjbl_58::-webkit-outer-spin-button,\n._numberInput_1rjbl_58::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n/* Firefox */\n._numberInput_1rjbl_58[type=number] {\n  -moz-appearance: textfield;\n}","._baseInput_jtvfw_1, ._baseSelect_jtvfw_1, ._baseButton_jtvfw_1 {\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_jtvfw_1:hover, ._baseSelect_jtvfw_1:hover, ._baseButton_jtvfw_1:hover {\n  background: var(--fxl-color-background3);\n}\n._baseInput_jtvfw_1:focus-visible, ._baseSelect_jtvfw_1:focus-visible, ._baseButton_jtvfw_1:focus-visible {\n  outline: 1px solid var(--fxl-color-primary);\n}\n._baseInput_jtvfw_1:disabled, ._baseSelect_jtvfw_1:disabled, ._baseButton_jtvfw_1:disabled {\n  opacity: 0.6;\n  pointer-events: none;\n}\n\n._baseButton_jtvfw_1 {\n  cursor: pointer;\n  background: var(--fxl-color-background2);\n  color: var(--fxl-color-text-primary);\n  font-weight: 700;\n}\n._baseButton_jtvfw_1:hover {\n  background: var(--fxl-color-background3);\n  color: var(--fxl-color-light);\n  outline: 1px solid var(--fxl-color-primary);\n}\n._baseButton_jtvfw_1:focus-visible {\n  outline: 1px solid var(--fxl-color-primary);\n  outline-offset: 2px;\n}\n._baseButton_jtvfw_1._color-secondary_jtvfw_37 {\n  background: var(--fxl-color-dark1);\n  color: var(--fxl-color-light);\n}\n._baseButton_jtvfw_1._color-secondary_jtvfw_37: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_jtvfw_47 {\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_jtvfw_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_jtvfw_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_jtvfw_1[type=range]::-webkit-slider-thumb:hover {\n  transform: scale(1.1);\n}\n\n._baseInput_jtvfw_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_jtvfw_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_jtvfw_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;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAGF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAGF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAIF;AAAA;AAEE;AACA;AAAA;AAIF;AACE;AAAA;;;ACjEF;AAAA;AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AAAA;AAAA;AACE;AAAA;AAEF;AAAA;AAAA;AACE;AAAA;AAEF;AAAA;AAAA;AACE;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":[]}

package/dist/Controller/Select.d.ts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FxParamControllerProps } from './Controller.js';
+import 'react';
+import '../types.js';
+
+declare function SelectController({ id, label, value, onChange, options, isCodeDriven, }: FxParamControllerProps<"select">): react_jsx_runtime.JSX.Element;
+
+export { SelectController };

package/dist/Controller/Select.js

@@ -0,0 +1,9 @@
+import {
+  SelectController
+} from "../chunk-6VMIOQSE.js";
+import "../chunk-CE3TPOSO.js";
+import "../chunk-2BHABOFI.js";
+export {
+  SelectController
+};
+//# sourceMappingURL=Select.js.map

package/dist/Controller/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/Controller/String.cjs

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkJAU4ONF2cjs = require('../chunk-JAU4ONF2.cjs');
+require('../chunk-HJBHIE5T.cjs');
+require('../chunk-OFUKQ2TB.cjs');
+
+
+exports.StringController = _chunkJAU4ONF2cjs.StringController;
+//# sourceMappingURL=String.cjs.map

package/dist/Controller/String.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/Controller/String.css

@@ -0,0 +1,183 @@
+/* esbuild-sass-plugin:css-chunk:src/Controller/Controller.module.scss */
+._controller_1rjbl_1 {
+  display: flex;
+  align-items: center;
+  gap: var(--fxl-spacing-xxs);
+}
+._controller_1rjbl_1 label {
+  flex: 1;
+  font-size: 1rem;
+  word-break: break-all;
+  font-size: var(--fxl-font-size-s);
+}
+._controller_1rjbl_1 ._inputContainer_1rjbl_12 {
+  width: 200px;
+  display: flex;
+  align-items: center;
+}
+._default_1rjbl_18 input:nth-child(1),
+._default_1rjbl_18 select:nth-child(1) {
+  margin-right: var(--fxl-spacing-xxs);
+  width: 65%;
+}
+._default_1rjbl_18 input:nth-child(2),
+._default_1rjbl_18 select:nth-child(2) {
+  margin-left: var(--fxl-spacing-xxs);
+  width: 35%;
+}
+._default_1rjbl_18 input:only-child,
+._default_1rjbl_18 select:only-child {
+  width: 100%;
+  margin-right: 0;
+}
+._invert_1rjbl_31 input:nth-child(1),
+._invert_1rjbl_31 select:nth-child(1) {
+  margin-right: var(--fxl-spacing-xxs);
+  width: 30%;
+}
+._invert_1rjbl_31 input:nth-child(2),
+._invert_1rjbl_31 select:nth-child(2) {
+  margin-left: var(--fxl-spacing-xxs);
+  width: 70%;
+}
+._invert_1rjbl_31 input:only-child,
+._invert_1rjbl_31 select:only-child {
+  width: 100%;
+  margin-right: 0;
+}
+._box_1rjbl_44 input:nth-child(1),
+._box_1rjbl_44 select:nth-child(1) {
+  margin-right: var(--fxl-spacing-xxs);
+  width: 30px;
+}
+._box_1rjbl_44 input:nth-child(2),
+._box_1rjbl_44 select:nth-child(2) {
+  margin-left: var(--fxl-spacing-xxs);
+  width: calc(100% - 30px);
+}
+._box_1rjbl_44 input:only-child,
+._box_1rjbl_44 select:only-child {
+  width: 30px;
+  margin-right: 0;
+}
+._numberInput_1rjbl_58::-webkit-outer-spin-button,
+._numberInput_1rjbl_58::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+._numberInput_1rjbl_58[type=number] {
+  -moz-appearance: textfield;
+}
+
+/* esbuild-sass-plugin:css-chunk:src/BaseInput.module.scss */
+._baseInput_jtvfw_1,
+._baseSelect_jtvfw_1,
+._baseButton_jtvfw_1 {
+  font-family: var(--fxl-font-family);
+  font-size: var(--fxl-font-size-regular);
+  height: 30px;
+  color: var(--fxl-color-text-primary);
+  background: var(--fxl-color-background2);
+  border: 1px solid var(--fxl-color-light2);
+  padding: 0 var(--fxl-spacing-xxs);
+  outline-offset: -1px;
+}
+._baseInput_jtvfw_1:hover,
+._baseSelect_jtvfw_1:hover,
+._baseButton_jtvfw_1:hover {
+  background: var(--fxl-color-background3);
+}
+._baseInput_jtvfw_1:focus-visible,
+._baseSelect_jtvfw_1:focus-visible,
+._baseButton_jtvfw_1:focus-visible {
+  outline: 1px solid var(--fxl-color-primary);
+}
+._baseInput_jtvfw_1:disabled,
+._baseSelect_jtvfw_1:disabled,
+._baseButton_jtvfw_1:disabled {
+  opacity: 0.6;
+  pointer-events: none;
+}
+._baseButton_jtvfw_1 {
+  cursor: pointer;
+  background: var(--fxl-color-background2);
+  color: var(--fxl-color-text-primary);
+  font-weight: 700;
+}
+._baseButton_jtvfw_1:hover {
+  background: var(--fxl-color-background3);
+  color: var(--fxl-color-light);
+  outline: 1px solid var(--fxl-color-primary);
+}
+._baseButton_jtvfw_1:focus-visible {
+  outline: 1px solid var(--fxl-color-primary);
+  outline-offset: 2px;
+}
+._baseButton_jtvfw_1._color-secondary_jtvfw_37 {
+  background: var(--fxl-color-dark1);
+  color: var(--fxl-color-light);
+}
+._baseButton_jtvfw_1._color-secondary_jtvfw_37:hover {
+  background: var(--fxl-color-dark2);
+  color: var(--fxl-color-light);
+  outline: 1px solid var(--fxl-color-primary);
+}
+._iconButton_jtvfw_47 {
+  width: 30px !important;
+  cursor: pointer;
+  padding: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-grow: 0;
+  flex-shrink: 0;
+}
+._baseInput_jtvfw_1[type=range] {
+  -webkit-appearance: none;
+  appearance: none;
+  height: 3px !important;
+  background: var(--fxl-color-light2);
+  outline: none;
+  padding: 0 !important;
+  border: none;
+}
+._baseInput_jtvfw_1[type=range]::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  cursor: pointer;
+  width: 15px;
+  height: 15px;
+  background: var(--fxl-color-primary);
+  border-radius: 50%;
+}
+._baseInput_jtvfw_1[type=range]::-webkit-slider-thumb:hover {
+  transform: scale(1.1);
+}
+._baseInput_jtvfw_1[type=range]::-moz-range-thumb {
+  cursor: pointer;
+  width: 15px;
+  height: 15px;
+  background: var(--fxl-color-primary);
+  border-radius: 50%;
+}
+._baseInput_jtvfw_1[type=checkbox] {
+  -webkit-appearance: none;
+  appearance: none;
+  cursor: pointer;
+  width: 30px !important;
+  height: 30px !important;
+  margin: 0;
+  padding: 0;
+  position: relative;
+}
+._baseInput_jtvfw_1[type=checkbox]:checked:after {
+  content: "";
+  width: 15px;
+  height: 15px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  background: var(--fxl-color-primary);
+}
+/*# sourceMappingURL=String.css.map */

package/dist/Controller/String.css.map

@@ -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_1rjbl_1 {\n  display: flex;\n  align-items: center;\n  gap: var(--fxl-spacing-xxs);\n}\n._controller_1rjbl_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_1rjbl_1 ._inputContainer_1rjbl_12 {\n  width: 200px;\n  display: flex;\n  align-items: center;\n}\n\n._default_1rjbl_18 input:nth-child(1), ._default_1rjbl_18 select:nth-child(1) {\n  margin-right: var(--fxl-spacing-xxs);\n  width: 65%;\n}\n._default_1rjbl_18 input:nth-child(2), ._default_1rjbl_18 select:nth-child(2) {\n  margin-left: var(--fxl-spacing-xxs);\n  width: 35%;\n}\n._default_1rjbl_18 input:only-child, ._default_1rjbl_18 select:only-child {\n  width: 100%;\n  margin-right: 0;\n}\n\n._invert_1rjbl_31 input:nth-child(1), ._invert_1rjbl_31 select:nth-child(1) {\n  margin-right: var(--fxl-spacing-xxs);\n  width: 30%;\n}\n._invert_1rjbl_31 input:nth-child(2), ._invert_1rjbl_31 select:nth-child(2) {\n  margin-left: var(--fxl-spacing-xxs);\n  width: 70%;\n}\n._invert_1rjbl_31 input:only-child, ._invert_1rjbl_31 select:only-child {\n  width: 100%;\n  margin-right: 0;\n}\n\n._box_1rjbl_44 input:nth-child(1), ._box_1rjbl_44 select:nth-child(1) {\n  margin-right: var(--fxl-spacing-xxs);\n  width: 30px;\n}\n._box_1rjbl_44 input:nth-child(2), ._box_1rjbl_44 select:nth-child(2) {\n  margin-left: var(--fxl-spacing-xxs);\n  width: calc(100% - 30px);\n}\n._box_1rjbl_44 input:only-child, ._box_1rjbl_44 select:only-child {\n  width: 30px;\n  margin-right: 0;\n}\n\n/* Chrome, Safari, Edge, Opera */\n._numberInput_1rjbl_58::-webkit-outer-spin-button,\n._numberInput_1rjbl_58::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n/* Firefox */\n._numberInput_1rjbl_58[type=number] {\n  -moz-appearance: textfield;\n}","._baseInput_jtvfw_1, ._baseSelect_jtvfw_1, ._baseButton_jtvfw_1 {\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_jtvfw_1:hover, ._baseSelect_jtvfw_1:hover, ._baseButton_jtvfw_1:hover {\n  background: var(--fxl-color-background3);\n}\n._baseInput_jtvfw_1:focus-visible, ._baseSelect_jtvfw_1:focus-visible, ._baseButton_jtvfw_1:focus-visible {\n  outline: 1px solid var(--fxl-color-primary);\n}\n._baseInput_jtvfw_1:disabled, ._baseSelect_jtvfw_1:disabled, ._baseButton_jtvfw_1:disabled {\n  opacity: 0.6;\n  pointer-events: none;\n}\n\n._baseButton_jtvfw_1 {\n  cursor: pointer;\n  background: var(--fxl-color-background2);\n  color: var(--fxl-color-text-primary);\n  font-weight: 700;\n}\n._baseButton_jtvfw_1:hover {\n  background: var(--fxl-color-background3);\n  color: var(--fxl-color-light);\n  outline: 1px solid var(--fxl-color-primary);\n}\n._baseButton_jtvfw_1:focus-visible {\n  outline: 1px solid var(--fxl-color-primary);\n  outline-offset: 2px;\n}\n._baseButton_jtvfw_1._color-secondary_jtvfw_37 {\n  background: var(--fxl-color-dark1);\n  color: var(--fxl-color-light);\n}\n._baseButton_jtvfw_1._color-secondary_jtvfw_37: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_jtvfw_47 {\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_jtvfw_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_jtvfw_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_jtvfw_1[type=range]::-webkit-slider-thumb:hover {\n  transform: scale(1.1);\n}\n\n._baseInput_jtvfw_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_jtvfw_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_jtvfw_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;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAGF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAGF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAEF;AAAA;AACE;AACA;AAAA;AAIF;AAAA;AAEE;AACA;AAAA;AAIF;AACE;AAAA;;;ACjEF;AAAA;AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AAAA;AAAA;AACE;AAAA;AAEF;AAAA;AAAA;AACE;AAAA;AAEF;AAAA;AAAA;AACE;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":[]}

package/dist/Controller/String.d.ts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FxParamControllerProps } from './Controller.js';
+import 'react';
+import '../types.js';
+
+declare function StringController(props: FxParamControllerProps<"string">): react_jsx_runtime.JSX.Element;
+
+export { StringController };

package/dist/Controller/String.js

@@ -0,0 +1,9 @@
+import {
+  StringController
+} from "../chunk-YYEIYDDF.js";
+import "../chunk-CE3TPOSO.js";
+import "../chunk-2BHABOFI.js";
+export {
+  StringController
+};
+//# sourceMappingURL=String.js.map

package/dist/Controller/String.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/Controls.cjs

@@ -0,0 +1,102 @@
+"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; }
+
+var _chunkWQVPKBSNcjs = require('./chunk-WQVPKBSN.cjs');
+require('./chunk-TKKYM77A.cjs');
+require('./chunk-K4EW6YY3.cjs');
+require('./chunk-JAU4ONF2.cjs');
+
+
+var _chunkX4O42D2Pcjs = require('./chunk-X4O42D2P.cjs');
+
+
+var _chunkEACKNC6Ccjs = require('./chunk-EACKNC6C.cjs');
+require('./chunk-DP5CBORY.cjs');
+require('./chunk-D4RVVQC7.cjs');
+require('./chunk-VED7SCYX.cjs');
+require('./chunk-FDUCXROE.cjs');
+require('./chunk-HJBHIE5T.cjs');
+require('./chunk-QM6EKPI6.cjs');
+
+
+
+var _chunk2QU65L2Ocjs = require('./chunk-2QU65L2O.cjs');
+require('./chunk-OFUKQ2TB.cjs');
+
+// src/Controls.tsx
+var _react = require('react');
+
+// src/Controls.module.scss
+var Controls_module_default = {
+  "controls": "_controls_25wa3_1",
+  "blade": "_blade_25wa3_8"
+};
+
+// src/Controls.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function ControllerBlade(props) {
+  const { parameter, onClickLockButton, lockedParamIds, onChangeParam } = props;
+  const parsed = _react.useMemo.call(void 0, 
+    () => _chunkEACKNC6Ccjs.validateParameterDefinition.call(void 0, parameter),
+    [parameter]
+  );
+  const isValid = _react.useMemo.call(void 0, () => parsed && parsed.success, [parsed]);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: Controls_module_default.blade, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkWQVPKBSNcjs.ParameterController,
+      {
+        parameter,
+        value: parameter.value,
+        onChange: onChangeParam
+      }
+    ),
+    onClickLockButton && isValid && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkX4O42D2Pcjs.LockButton,
+      {
+        className: Controls_module_default.lockButton,
+        title: `toggle lock ${parameter.id} param`,
+        isLocked: _optionalChain([lockedParamIds, 'optionalAccess', _ => _.includes, 'call', _2 => _2(parameter.id)]),
+        onClick: (e) => onClickLockButton(parameter.id)
+      }
+    )
+  ] });
+}
+var Controls = ({
+  params,
+  data,
+  onClickLockButton,
+  lockedParamIds,
+  onChangeData
+}) => {
+  const consolidatedParams = _chunk2QU65L2Ocjs.consolidateParams.call(void 0, params, data);
+  const p = _react.createRef.call(void 0, );
+  _react.useEffect.call(void 0, () => {
+    const ps = {};
+    if (_optionalChain([consolidatedParams, 'optionalAccess', _3 => _3.length]) > 0) {
+      consolidatedParams.forEach((p2) => {
+        ps[p2.id] = p2.value;
+      });
+      if (_chunk2QU65L2Ocjs.stringifyParamsData.call(void 0, data) !== _chunk2QU65L2Ocjs.stringifyParamsData.call(void 0, ps))
+        onChangeData(ps);
+    }
+  }, [params]);
+  const handleChangeParam = (id, value) => {
+    const newData = { ...data, [id]: value };
+    onChangeData(newData, { id, value });
+  };
+  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) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      ControllerBlade,
+      {
+        parameter: p2,
+        onChangeParam: handleChangeParam,
+        lockedParamIds,
+        onClickLockButton
+      },
+      p2.id
+    );
+  })]) });
+};
+
+
+exports.Controls = Controls;
+//# sourceMappingURL=Controls.cjs.map

package/dist/Controls.cjs.map

@@ -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,CAAC,MAAM,kBAAkB,UAAU,EAAE;AAAA;AAAA,IAChD;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_25wa3_1\",\n  \"blade\": \"_blade_25wa3_8\"\n};"]}