vim-web 0.3.44-dev.7 → 0.3.44-dev.9

package/dist/vim-web.js

@@ -67862,9 +67862,9 @@ function controlBarSectionBox(section, hasSelection) {
         id: elementIds.buttonSectionBoxSettings,
         tip: "Section Settings",
         enabled: () => section.getEnable(),
-        isOn: () => section.getOffsetVisible(),
+        isOn: () => section.getShowOffsetPanel(),
         style: (on) => buttonDefaultStyle(on),
-        action: () => section.setOffsetsVisible(!section.getOffsetVisible()),
+        action: () => section.setShowOffsetPanel(!section.getShowOffsetPanel()),
         icon: slidersHoriz
       }
     ]
@@ -75717,8 +75717,8 @@ function SectionBoxPanel(props) {
         resizeObserver.disconnect();
       }
     };
-  }, [props.state.getOffsetVisible()]);
-  if (!props.state.getOffsetVisible()) return null;
+  }, [props.state.getShowOffsetPanel()]);
+  if (!props.state.getShowOffsetPanel()) return null;
   const renderField = (id2, label, field) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "vim-sectionbox-offsets-entry vc-text-xs vc-flex vc-items-center vc-justify-center vc-justify-between vc-my-2", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("dt", { className: "vc-w-1/2 vc-inline", children: label }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("dd", { className: "vc-w-1/3 vc-inline", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -75726,8 +75726,8 @@ function SectionBoxPanel(props) {
       {
         id: id2,
         type: "text",
-        value: props.state.getText(field),
-        onChange: (e) => props.state.setText(field, e.target.value),
+        value: props.state.getOffsetText(field),
+        onChange: (e) => props.state.setOffsetText(field, e.target.value),
         className: "vc-border vc-inline vc-border-gray-300 vc-py-1 vc-w-full vc-px-1",
         onBlur: () => props.state.validate(field)
       }
@@ -75751,7 +75751,7 @@ function SectionBoxPanel(props) {
                 "button",
                 {
                   className: "vc-flex vc-border-none vc-bg-transparent vc-text-sm vc-cursor-pointer",
-                  onClick: () => props.state.setOffsetsVisible(false),
+                  onClick: () => props.state.setShowOffsetPanel(false),
                   children: close({ height: 12, width: 12, fill: "currentColor" })
                 }
               )
@@ -75809,17 +75809,6 @@ function useSectionBox(adapter) {
   });
   const boxRef = useRef(adapter.getBox());
   const offsetBox = useMemo(() => offsetsToBox3(offsets), [offsets]);
-  useEffect(() => {
-    setVisible(enable);
-    setAuto(false);
-    setOffsetsVisible(false);
-    setOffsets({
-      topOffset: "1",
-      sideOffset: "1",
-      bottomOffset: "1"
-    });
-    void resetBox();
-  }, [enable]);
   useEffect(() => {
     if (auto) sectionSelection();
     return auto ? adapter.onSelectionChanged.sub(sectionSelection) : () => {
@@ -75861,18 +75850,33 @@ function useSectionBox(adapter) {
     setBox(box);
   };
   return {
-    setEnable,
+    setEnable: (v) => {
+      setEnable(v);
+      setVisible(v);
+      setAuto(false);
+      setOffsetsVisible(false);
+      setOffsets({
+        topOffset: "1",
+        sideOffset: "1",
+        bottomOffset: "1"
+      });
+      void resetBox();
+    },
     getEnable: () => enable,
     getVisible: () => visible2,
     setVisible,
     sectionSelection,
     sectionReset: resetBox,
-    getOffsetVisible: () => offsetsVisible,
-    setOffsetsVisible,
-    getText: (field) => offsets[field],
-    setText,
+    section: setBox,
+    getShowOffsetPanel: () => offsetsVisible,
+    setShowOffsetPanel: setOffsetsVisible,
+    getOffsetText: (field) => offsets[field],
+    setOffsetText: setText,
     getAuto: () => auto,
-    setAuto,
+    setAuto: (v) => {
+      console.log("auto", v);
+      setAuto(v);
+    },
     validate
   };
 }