vim-web 0.3.44-dev.6 → 0.3.44-dev.8

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" })
                 }
               )
@@ -75867,10 +75867,11 @@ function useSectionBox(adapter) {
     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,
     validate
@@ -75984,6 +75985,7 @@ function VimComponent(props) {
       isolation,
       camera: camera2,
       settings: settings2,
+      sectionBox: sectionBox2,
       contextMenu: {
         customize: (v) => setcontextMenu(() => v)
       },
@@ -76449,7 +76451,7 @@ function UltraComponent(props) {
     props.viewer.selection.onValueChanged.subscribe(() => {
       setSelectState((i) => (i + 1) % 2);
     });
-    props.onMount(createComponentRef(props.viewer, modal));
+    props.onMount(createComponentRef(props.viewer, modal, sectionBox2));
   }, []);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(RestOfScreen, { side, content: () => {
@@ -76469,7 +76471,7 @@ function UltraComponent(props) {
     /* @__PURE__ */ jsxRuntimeExports.jsx(Modal, { state: modal })
   ] });
 }
-function createComponentRef(viewer, modal) {
+function createComponentRef(viewer, modal, sectionBox2) {
   function load(source) {
     const request2 = viewer.loadVim(source);
     void updateProgress(request2, modal);
@@ -76489,6 +76491,7 @@ function createComponentRef(viewer, modal) {
   return {
     viewer,
     modal,
+    sectionBox: sectionBox2,
     dispose: () => {
     },
     load