vim-web 0.3.44-dev.69 → 0.3.44-dev.70

package/dist/types/react-viewers/components/inputNumber.d.ts

@@ -0,0 +1,4 @@
+import { StateRef } from "../helpers/reactUtils";
+export declare function InputNumber(props: {
+    state: StateRef<number>;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/react-viewers/helpers/reactUtils.d.ts

@@ -74,7 +74,7 @@ export declare function useStateRef<T>(initialValue: T | (() => T)): {
      * Sets a validation function to process any new state value before updating.
      * @param on - A function that validates (and optionally transforms) the new state value.
      */
-    useValidate(on: (value: T) => T): void;
+    useValidate(on: (next: T, current: T) => T): void;
     /**
      * Sets a confirmation function to process the state value during confirmation.
      * @param on - A function that confirms (and optionally transforms) the current state value.

package/dist/types/react-viewers/panels/genericPanel.d.ts

@@ -7,11 +7,15 @@ export interface PanelFieldText extends BasePanelField {
     type: "text";
     state: StateRef<string>;
 }
+export interface PanelFieldNumber extends BasePanelField {
+    type: "number";
+    state: StateRef<number>;
+}
 export interface PanelFieldBool extends BasePanelField {
     type: "bool";
     state: StateRef<boolean>;
 }
-export type PanelField = PanelFieldText | PanelFieldBool;
+export type PanelField = PanelFieldText | PanelFieldBool | PanelFieldNumber;
 export interface GenericPanelProps {
     showPanel: StateRef<boolean>;
     header?: React.ReactNode;

package/dist/types/react-viewers/state/sectionBoxState.d.ts

@@ -16,9 +16,9 @@ export interface SectionBoxRef {
     sectionBox: ArgActionRef<THREE.Box3>;
     getBox: () => THREE.Box3;
     showOffsetPanel: StateRef<boolean>;
-    topOffset: StateRef<string>;
-    sideOffset: StateRef<string>;
-    bottomOffset: StateRef<string>;
+    topOffset: StateRef<number>;
+    sideOffset: StateRef<number>;
+    bottomOffset: StateRef<number>;
     getSelectionBox: AsyncFuncRef<THREE.Box3 | undefined>;
     getSceneBox: AsyncFuncRef<THREE.Box3>;
 }

package/dist/types/react-viewers/state/sharedIsolation.d.ts

@@ -8,7 +8,7 @@ export interface IsolationRef {
     autoIsolate: StateRef<boolean>;
     showPanel: StateRef<boolean>;
     showGhost: StateRef<boolean>;
-    ghostOpacity: StateRef<string>;
+    ghostOpacity: StateRef<number>;
     showRooms: StateRef<boolean>;
     onAutoIsolate: FuncRef<void>;
     onVisibilityChange: FuncRef<void>;

package/dist/types/utils/index.d.ts

@@ -5,7 +5,6 @@ export * from './math3d';
 export * from './partial';
 export * from './promise';
 export * from './result';
-export * from './strings';
 export * from './threeUtils';
 export * from './url';
 export * from './validation';

package/dist/vim-web.iife.js

@@ -50741,17 +50741,6 @@ void main() {
     }
     return Math.min(Math.max(value, min2), max2);
   }
-  function sanitize(value, strict, fallback) {
-    if (!strict) {
-      if (value === "" || value === "-") return value;
-    }
-    const num = parseFloat(value);
-    console.log(num);
-    if (isNaN(num)) {
-      return strict ? fallback.toString() : void 0;
-    }
-    return String(num);
-  }
   function addBox(b1, b2) {
     const r = b1.clone();
     r.min.x += b2.min.x;
@@ -74692,10 +74681,10 @@ Averrage Date/Second ${avgDataRatePS} kb
       }
     }
     const event = React2.useRef(new distExports.SimpleEventDispatcher());
-    const validate = React2.useRef((value2) => value2);
+    const validate = React2.useRef((next, current) => next);
     const confirm = React2.useRef((value2) => value2);
     const set2 = (value2) => {
-      const finalValue = validate.current(value2);
+      const finalValue = validate.current(value2, ref.current);
       if (finalValue === ref.current) return;
       ref.current = finalValue;
       setValue(finalValue);
@@ -74746,7 +74735,7 @@ Averrage Date/Second ${avgDataRatePS} kb
        * @param on - A function that validates (and optionally transforms) the new state value.
        */
       useValidate(on) {
-        set2(on(ref.current));
+        set2(on(ref.current, ref.current));
         React2.useEffect(() => {
           validate.current = on;
         }, []);
@@ -75560,6 +75549,44 @@ Averrage Date/Second ${avgDataRatePS} kb
       return /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingBox, { content: modal });
     }
   }
+  function InputNumber(props) {
+    const defaultValue = React2.useRef(props.state.get());
+    const externalValue = React2.useSyncExternalStore(
+      (callback) => props.state.onChange.subscribe(callback),
+      () => props.state.get()
+    );
+    const [inputValue, setInputValue] = React2.useState(externalValue.toString());
+    React2.useEffect(() => {
+      const parsed = parseFloat(inputValue);
+      if (isNaN(parsed) || parsed !== externalValue) {
+        setInputValue(externalValue.toString());
+      }
+    }, [externalValue]);
+    const handleChange = (e) => {
+      const input = e.target.value;
+      setInputValue(input);
+      const parsed = parseFloat(input);
+      if (!isNaN(parsed)) {
+        props.state.set(parsed);
+      }
+    };
+    const handleBlur = () => {
+      const parsed = parseFloat(inputValue);
+      const value = isNaN(parsed) ? defaultValue.current : parsed;
+      props.state.set(value);
+      setInputValue(props.state.get().toString());
+    };
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "input",
+      {
+        type: "number",
+        value: inputValue,
+        onChange: handleChange,
+        onBlur: handleBlur,
+        className: "vc-border vc-inline vc-border-gray-300 vc-py-1 vc-w-full vc-px-1"
+      }
+    );
+  }
   function GenericPanel(props) {
     const [panelPosition, setPanelPosition] = React2.useState({
       top: 0,
@@ -75584,17 +75611,19 @@ Averrage Date/Second ${avgDataRatePS} kb
       };
     }, [props.showPanel.get()]);
     if (!props.showPanel.get()) return null;
-    const createTextBox = (field) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "input",
-      {
-        id: field.id,
-        type: "text",
-        value: field.state.get(),
-        onChange: (e) => field.state.set(e.target.value),
-        className: "vc-border vc-inline vc-border-gray-300 vc-py-1 vc-w-full vc-px-1",
-        onBlur: () => field.state.confirm()
-      }
-    );
+    const createTextBox = (field) => {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "input",
+        {
+          id: field.id,
+          type: "number",
+          value: field.state.get(),
+          onChange: (e) => field.state.set(e.target.value),
+          className: "vc-border vc-inline vc-border-gray-300 vc-py-1 vc-w-full vc-px-1",
+          onBlur: () => field.state.confirm()
+        }
+      );
+    };
     const createCheckbox = (field) => /* @__PURE__ */ jsxRuntimeExports.jsx(
       "input",
       {
@@ -75607,7 +75636,9 @@ Averrage Date/Second ${avgDataRatePS} kb
     );
     const renderField = (field) => {
       let fieldElement = null;
-      if (field.type === "text") {
+      if (field.type === "number") {
+        fieldElement = /* @__PURE__ */ jsxRuntimeExports.jsx(InputNumber, { state: field.state });
+      } else if (field.type === "text") {
         fieldElement = createTextBox(field);
       } else if (field.type === "bool") {
         fieldElement = createCheckbox(field);
@@ -75678,9 +75709,9 @@ Averrage Date/Second ${avgDataRatePS} kb
       header: "Section Box Offsets",
       showPanel: props.state.showOffsetPanel,
       fields: [
-        { type: "text", id: "topOffset", label: "Top Offset", state: props.state.topOffset },
-        { type: "text", id: "sideOffset", label: "Side Offset", state: props.state.sideOffset },
-        { type: "text", id: "bottomOffset", label: "Bottom Offset", state: props.state.bottomOffset }
+        { type: "number", id: "topOffset", label: "Top Offset", state: props.state.topOffset },
+        { type: "number", id: "sideOffset", label: "Side Offset", state: props.state.sideOffset },
+        { type: "number", id: "bottomOffset", label: "Bottom Offset", state: props.state.bottomOffset }
       ]
     });
   }
@@ -75689,9 +75720,9 @@ Averrage Date/Second ${avgDataRatePS} kb
     const visible2 = useStateRef(false);
     const showOffsetPanel = useStateRef(false);
     const auto = useStateRef(false);
-    const topOffset = useStateRef("1");
-    const sideOffset = useStateRef("1");
-    const bottomOffset = useStateRef("1");
+    const topOffset = useStateRef(1);
+    const sideOffset = useStateRef(1);
+    const bottomOffset = useStateRef(1);
     const boxRef = React2.useRef(adapter.getBox());
     const getSelectionBox = useAsyncFuncRef(adapter.getSelectionBox);
     const getSceneBox = useAsyncFuncRef(adapter.getSceneBox);
@@ -75714,9 +75745,6 @@ Averrage Date/Second ${avgDataRatePS} kb
     });
     visible2.useValidate((v) => enable.get() && v);
     showOffsetPanel.useValidate((v) => enable.get() && v);
-    topOffset.useConfirm((v) => sanitize(v, true, 1));
-    sideOffset.useConfirm((v) => sanitize(v, true, 1));
-    bottomOffset.useConfirm((v) => sanitize(v, true, 1));
     topOffset.useOnChange((v) => sectionBox2.call(boxRef.current));
     sideOffset.useOnChange((v) => sectionBox2.call(boxRef.current));
     bottomOffset.useOnChange((v) => sectionBox2.call(boxRef.current));
@@ -75727,7 +75755,7 @@ Averrage Date/Second ${avgDataRatePS} kb
     const sectionBox2 = useArgActionRef((baseBox) => {
       if (baseBox === void 0) return;
       boxRef.current = baseBox;
-      const newBox = addBox(baseBox, offsetsToBox3(topOffset.get(), sideOffset.get(), bottomOffset.get()));
+      const newBox = addBox(baseBox, offsetsToBox3_(topOffset.get(), sideOffset.get(), bottomOffset.get()));
       adapter.setBox(newBox);
     });
     const sectionSelection2 = useFuncRef(async () => {
@@ -75755,14 +75783,10 @@ Averrage Date/Second ${avgDataRatePS} kb
       getSelectionBox
     };
   }
-  function offsetsToBox3(top, side, bottom) {
-    const getNumber = (s) => {
-      const num = parseFloat(s);
-      return isNaN(num) ? 0 : num;
-    };
+  function offsetsToBox3_(top, side, bottom) {
     return new Box3(
-      new Vector3(-getNumber(side), -getNumber(side), -getNumber(bottom)),
-      new Vector3(getNumber(side), getNumber(side), getNumber(top))
+      new Vector3(-side, -side, -bottom),
+      new Vector3(side, side, top)
     );
   }
   function useWebglSectionBox(viewer) {
@@ -75853,7 +75877,7 @@ Averrage Date/Second ${avgDataRatePS} kb
       fields: [
         { type: "bool", id: "showGhost", label: "Show Ghost", state: props.state.showGhost },
         // { type: 'bool', id: 'showRooms', label: 'Show Rooms', state: props.state.showRooms },
-        { type: "text", id: "ghostOpacity", label: "Ghost Opacity", state: props.state.ghostOpacity }
+        { type: "number", id: "ghostOpacity", label: "Ghost Opacity", state: props.state.ghostOpacity }
       ]
     });
   }
@@ -75864,7 +75888,7 @@ Averrage Date/Second ${avgDataRatePS} kb
     const showPanel = useStateRef(false);
     const showRooms = useStateRef(false);
     const showGhost = useStateRef(false);
-    const ghostOpacity = useStateRef(() => adapter.getGhostOpacity().toFixed(4));
+    const ghostOpacity = useStateRef(() => adapter.getGhostOpacity());
     const onAutoIsolate = useFuncRef(() => {
       if (adapter.hasSelection()) {
         adapter.isolateSelection();
@@ -75884,13 +75908,15 @@ Averrage Date/Second ${avgDataRatePS} kb
         if (autoIsolate2.get()) onAutoIsolate.call();
       });
     }, []);
-    ghostOpacity.useConfirm((v) => sanitize(v, true, 0.04));
     autoIsolate2.useOnChange((v) => {
       if (v) onAutoIsolate.call();
     });
     showGhost.useOnChange((v) => adapter.showGhost(v));
     showRooms.useOnChange((v) => adapter.setShowRooms(v));
-    ghostOpacity.useOnChange((v) => adapter.setGhostOpacity(parseFloat(v)));
+    ghostOpacity.useValidate((next, current) => {
+      return next <= 0 ? current : next;
+    });
+    ghostOpacity.useOnChange((v) => adapter.setGhostOpacity(v));
     return {
       adapter: _adapter,
       visibility,