vim-web 0.3.44-dev.72 → 0.3.44-dev.74

package/dist/vim-web.js

@@ -74567,6 +74567,26 @@ async function getFamilyTypeNameMap(document2) {
     })
   );
 }
+class MutableState {
+  constructor(initial) {
+    __publicField(this, "_value");
+    __publicField(this, "_onChange", new distExports.SimpleEventDispatcher());
+    this._value = initial;
+  }
+  get() {
+    return this._value;
+  }
+  set(value) {
+    if (value === this._value) return;
+    this._value = value;
+    this._onChange.dispatch(value);
+  }
+  confirm() {
+  }
+  get onChange() {
+    return this._onChange.asEvent();
+  }
+}
 function useRefresher() {
   const [refresh, setRefresh] = useState(false);
   return {
@@ -74801,6 +74821,7 @@ function useArgFuncRef(fn) {
 }
 const reactUtils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
+  MutableState,
   useActionRef,
   useArgActionRef,
   useArgFuncRef,
@@ -75638,6 +75659,7 @@ function InputNumber(props) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "input",
     {
+      disabled: props.disabled ?? false,
       type: "number",
       value: inputValue,
       onChange: handleChange,
@@ -75647,9 +75669,11 @@ function InputNumber(props) {
   );
 }
 function GenericEntry(field) {
+  if (field.visible() === false) return null;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
+      style: {},
       className: "vim-sectionbox-offsets-entry vc-text-xs vc-flex vc-items-center vc-justify-between vc-my-2",
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("dt", { className: "vc-w-1/2 vc-inline", children: field.label }),
@@ -75662,11 +75686,11 @@ function GenericEntry(field) {
 function GenericField(props) {
   switch (props.field.type) {
     case "number":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(InputNumber, { state: props.field.state });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(InputNumber, { state: props.field.state, disabled: !props.field.enabled() });
     case "text":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(GenericTextField, { field: props.field });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(GenericTextField, { state: props.field.state, disabled: !props.field.enabled() });
     case "bool":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(GenericBoolField, { field: props.field });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(GenericBoolField, { state: props.field.state, disabled: !props.field.enabled() });
     default:
       return null;
   }
@@ -75676,15 +75700,15 @@ function GenericTextField(props) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "input",
     {
-      id: props.field.id,
       type: "text",
-      value: props.field.state.get(),
+      disabled: props.disabled ?? false,
+      value: props.state.get(),
       onChange: (e) => {
         refresher.refresh();
-        props.field.state.set(e.target.value);
+        props.state.set(e.target.value);
       },
       className: "vc-border vc-inline vc-border-gray-300 vc-py-1 vc-w-full vc-px-1",
-      onBlur: () => props.field.state.confirm()
+      onBlur: () => props.state.confirm()
     }
   );
 }
@@ -75693,12 +75717,12 @@ function GenericBoolField(props) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "input",
     {
-      id: props.field.id,
       type: "checkbox",
-      checked: props.field.state.get(),
+      disabled: props.disabled ?? false,
+      checked: props.state.get(),
       onChange: (e) => {
         refresher.refresh();
-        props.field.state.set(e.target.checked);
+        props.state.set(e.target.checked);
       },
       className: "vc-border vc-inline vc-border-gray-300 vc-py-1 vc-w-full vc-px-1"
     }