vim-web 0.3.44-dev.71 → 0.3.44-dev.73

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,
@@ -75704,6 +75725,24 @@ function GenericBoolField(props) {
     }
   );
 }
+function useCustomizer(baseEntries, ref) {
+  const customization = useRef();
+  const [entries, setEntries] = useState(baseEntries);
+  const applyCustomization = () => {
+    setEntries(customization.current ? customization.current(baseEntries) : baseEntries);
+  };
+  const setCustomization = (fn) => {
+    customization.current = fn;
+    applyCustomization();
+  };
+  useEffect(() => {
+    applyCustomization();
+  }, [baseEntries]);
+  useImperativeHandle(ref, () => ({
+    customize: setCustomization
+  }));
+  return entries;
+}
 const GenericPanel = forwardRef((props, ref) => {
   const panelRef = useRef(null);
   const panelPosition = useFloatingPanelPosition(
@@ -75742,24 +75781,6 @@ const GenericPanel = forwardRef((props, ref) => {
     }
   ) });
 });
-function useCustomizer(baseEntries, ref) {
-  const customization = useRef();
-  const [entries, setEntries] = useState(baseEntries);
-  const applyCustomization = () => {
-    setEntries(customization.current ? customization.current(baseEntries) : baseEntries);
-  };
-  const setCustomization = (fn) => {
-    customization.current = fn;
-    applyCustomization();
-  };
-  useEffect(() => {
-    applyCustomization();
-  }, [baseEntries]);
-  useImperativeHandle(ref, () => ({
-    customize: setCustomization
-  }));
-  return entries;
-}
 const SectionBoxPanel = forwardRef(
   (props, ref) => {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -76120,8 +76141,8 @@ function Viewer$1(props) {
   const settings2 = useSettings(props.viewer, props.settings ?? {});
   const modal = useRef(null);
   const sectionBoxRef = useWebglSectionBox(props.viewer);
-  const isolationPanelRef = useRef(null);
-  const sectionBoxPanelRef = useRef(null);
+  const isolationPanelHandle = useRef(null);
+  const sectionBoxPanelHandle = useRef(null);
   const camera2 = useWebglCamera(props.viewer, sectionBoxRef);
   const cursor = useMemo(() => new CursorManager(props.viewer), []);
   const loader = useRef(new ComponentLoader(props.viewer, modal));
@@ -76158,10 +76179,10 @@ function Viewer$1(props) {
       camera: camera2,
       settings: settings2,
       get isolationPanel() {
-        return isolationPanelRef.current;
+        return isolationPanelHandle.current;
       },
       get sectionBoxPanel() {
-        return sectionBoxPanelRef.current;
+        return sectionBoxPanelHandle.current;
       },
       get sectionBox() {
         return sectionBoxRef;
@@ -76230,8 +76251,8 @@ function Viewer$1(props) {
             show: isTrue(settings2.value.ui.controlBar)
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(SectionBoxPanel, { ref: sectionBoxPanelRef, state: sectionBoxRef }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(IsolationPanel, { ref: isolationPanelRef, state: isolationRef }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(SectionBoxPanel, { ref: sectionBoxPanelHandle, state: sectionBoxRef }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(IsolationPanel, { ref: isolationPanelHandle, state: isolationRef }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           AxesPanelMemo,
           {
@@ -76509,9 +76530,11 @@ function createViewer(container) {
   return promise;
 }
 function Viewer3(props) {
-  const modal = useRef(null);
   const sectionBox2 = useUltraSectionBox(props.core);
   const camera2 = useUltraCamera(props.core, sectionBox2);
+  const isolationPanelHandle = useRef(null);
+  const sectionBoxPanelHandle = useRef(null);
+  const modalHandle = useRef(null);
   const side = useSideState(true, 400);
   const [_, setSelectState] = useState(0);
   const [controlBarCustom, setControlBarCustom] = useState(() => (c) => c);
@@ -76519,24 +76542,30 @@ function Viewer3(props) {
   const controlBar = useUltraControlBar(props.core, sectionBox2, isolation, camera2, (_2) => _2);
   useViewerInput(props.core.inputs, camera2);
   useEffect(() => {
-    props.core.onStateChanged.subscribe((state) => updateModal(modal, state));
+    props.core.onStateChanged.subscribe((state) => updateModal(modalHandle, state));
     props.core.selection.onSelectionChanged.subscribe(() => {
       setSelectState((i) => (i + 1) % 2);
     });
     props.onMount({
       core: props.core,
       get modal() {
-        return modal.current;
+        return modalHandle.current;
       },
       isolation,
       sectionBox: sectionBox2,
       camera: camera2,
+      get isolationPanel() {
+        return isolationPanelHandle.current;
+      },
+      get sectionBoxPanel() {
+        return sectionBoxPanelHandle.current;
+      },
       dispose: () => {
       },
       controlBar: {
         customize: (v) => setControlBarCustom(() => v)
       },
-      load: patchLoad(props.core, modal)
+      load: patchLoad(props.core, modalHandle)
     });
   }, []);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
@@ -76551,11 +76580,11 @@ function Viewer3(props) {
             show: true
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(SectionBoxPanel, { state: sectionBox2 }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(IsolationPanel, { state: isolation })
+        /* @__PURE__ */ jsxRuntimeExports.jsx(SectionBoxPanel, { ref: sectionBoxPanelHandle, state: sectionBox2 }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(IsolationPanel, { ref: isolationPanelHandle, state: isolation })
       ] });
     } }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Modal, { ref: modal, canFollowLinks: true }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Modal, { ref: modalHandle, canFollowLinks: true }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       ReactTooltip,
       {