math-notation 0.1.0 → 0.1.1

package/dist/formulize.umd.js

@@ -3608,7 +3608,7 @@ var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "
     const computationStore = createComputationStore();
     return initializeInstance(config, computationStore);
   }
-  const Formulize = {
+  const Store = {
     create: create$1
   };
   const CanvasContextMenu = React.memo(({
@@ -17450,9 +17450,9 @@ in order for it to be formatted.`, cliCategory: "Other" }, tabWidth: { type: "in
       transform: "translateX(-50%)"
     } }) });
   });
-  const FormulizeContext = React.createContext(null);
-  const useFormulize = () => {
-    return React.useContext(FormulizeContext);
+  const StoreContext = React.createContext(null);
+  const useStore = () => {
+    return React.useContext(StoreContext);
   };
   const getOrCreateStyleElement = () => {
     let styleElement = document.getElementById("custom-var-styles");
@@ -19222,10 +19222,13 @@ ${rows}
   const setupScaleWrappers = (container, selector, draggingVarIds) => {
     const elements = container.querySelectorAll(selector);
     elements.forEach((element) => {
-      var _a2;
+      var _a2, _b;
+      if ((_a2 = element.parentElement) == null ? void 0 : _a2.classList.contains(WRAPPER_CLASS)) {
+        return;
+      }
       const wrapper = document.createElement("span");
       wrapper.className = WRAPPER_CLASS;
-      (_a2 = element.parentNode) == null ? void 0 : _a2.insertBefore(wrapper, element);
+      (_b = element.parentNode) == null ? void 0 : _b.insertBefore(wrapper, element);
       wrapper.appendChild(element);
     });
   };
@@ -19254,7 +19257,7 @@ ${rows}
   };
   function updateVariableHoverState(container, highlightedVarIds, useScaleWrappers = false) {
     const highlightedSet = new Set(highlightedVarIds);
-    const currentlyHovered = container.querySelectorAll(".hovered");
+    const currentlyHovered = container.querySelectorAll(".var-scale-wrapper .hovered");
     currentlyHovered.forEach((element) => {
       const htmlEl = element;
       if (!highlightedSet.has(htmlEl.id)) {
@@ -19283,7 +19286,7 @@ ${rows}
   }) => {
     var _a2;
     const nodeRef = React.useRef(null);
-    const context = useFormulize();
+    const context = useStore();
     const computationStore = context == null ? void 0 : context.computationStore;
     const [isInitialized, setIsInitialized] = React.useState(false);
     React.useEffect(() => {
@@ -19308,7 +19311,11 @@ ${rows}
       };
       await renderFormulaWithMathJax(nodeRef.current, dataWithStores, isInitialized);
       if (nodeRef.current && computationStore) {
-        setupScaleWrappers(nodeRef.current, ".var-input, .var-base");
+        setupScaleWrappers(
+          nodeRef.current,
+          ".var-input, .var-base"
+          // computationStore.highlightedVarIds
+        );
       }
     }, [data, computationStore, isInitialized]);
     React.useEffect(() => {
@@ -19423,8 +19430,8 @@ ${rows}
   }) => {
     var _a2, _b;
     const labelRef = React.useRef(null);
-    const formulizeContext = useFormulize();
-    const labelFontSize = (_b = (_a2 = formulizeContext == null ? void 0 : formulizeContext.computationStore) == null ? void 0 : _a2.environment) == null ? void 0 : _b.labelFontSize;
+    const coreContext = useStore();
+    const labelFontSize = (_b = (_a2 = coreContext == null ? void 0 : coreContext.computationStore) == null ? void 0 : _a2.environment) == null ? void 0 : _b.labelFontSize;
     const fontSize = customFontSize ?? labelFontSize ?? 1;
     React.useEffect(() => {
       let isMounted = true;
@@ -19460,8 +19467,8 @@ ${rows}
     const [svgData, setSvgData] = React.useState(null);
     const [error, setError] = React.useState(null);
     const [isLoading, setIsLoading] = React.useState(false);
-    const formulizeContext = useFormulize();
-    const computationStore = formulizeContext == null ? void 0 : formulizeContext.computationStore;
+    const coreContext = useStore();
+    const computationStore = coreContext == null ? void 0 : coreContext.computationStore;
     const fontSize = ((_a2 = computationStore == null ? void 0 : computationStore.environment) == null ? void 0 : _a2.fontSize) || 1;
     React.useEffect(() => {
       const loadSVG = async () => {
@@ -19564,7 +19571,7 @@ ${rows}
     variable,
     fontSize
   }) => {
-    const context = useFormulize();
+    const context = useStore();
     const computationStore = context == null ? void 0 : context.computationStore;
     const currentValue = typeof variable.value === "number" ? variable.value : 0;
     const displayPrecision = variable.precision ?? INPUT_VARIABLE_DEFAULT.PRECISION;
@@ -19623,7 +19630,7 @@ ${rows}
       varId,
       formulaId
     } = data;
-    const context = useFormulize();
+    const context = useStore();
     const computationStore = context == null ? void 0 : context.computationStore;
     const labelFontSize = (_a2 = computationStore == null ? void 0 : computationStore.environment) == null ? void 0 : _a2.labelFontSize;
     const variable = computationStore == null ? void 0 : computationStore.variables.get(varId);
@@ -19753,7 +19760,7 @@ ${rows}
       width,
       height
     } = data;
-    const context = useFormulize();
+    const context = useStore();
     const computationStore = context == null ? void 0 : context.computationStore;
     if (!computationStore) {
       return null;
@@ -21183,7 +21190,7 @@ ${rows}
     className = "",
     style = {}
   }) => {
-    const context = useFormulize();
+    const context = useStore();
     const instance = context == null ? void 0 : context.instance;
     const isLoading = (context == null ? void 0 : context.isLoading) ?? true;
     const config = context == null ? void 0 : context.config;
@@ -21252,7 +21259,7 @@ ${rows}
                 window.MathJax.startup.defaultReady();
                 window.MathJax.startup.promise.then(() => {
                   var _a2;
-                  console.log("MathJax loaded and ready by formulize-math with scale 2.0");
+                  console.log("MathJax loaded and ready by math-notation with scale 2.0");
                   console.log("MathJax chtml config:", (_a2 = window.MathJax.config) == null ? void 0 : _a2.chtml);
                 });
               }
@@ -21326,7 +21333,7 @@ ${rows}
     }, children });
   };
   const useMathJax = () => React.useContext(MathJaxContext);
-  const FormulizeProviderInner = mobxReactLite.observer(({
+  const ProviderInner = mobxReactLite.observer(({
     config,
     children,
     onError,
@@ -21349,7 +21356,7 @@ ${rows}
         setIsLoading(false);
         return;
       }
-      const initializeFormulize = async () => {
+      const initialize = async () => {
         setIsLoading(true);
         setError(null);
         try {
@@ -21360,7 +21367,7 @@ ${rows}
           if (!window.MathJax || !window.MathJax.tex2chtml) {
             throw new Error("MathJax is not properly loaded");
           }
-          const newInstance = await Formulize.create(config);
+          const newInstance = await Store.create(config);
           instanceRef.current = newInstance;
           if (config.stepping && newInstance.computationStore) {
             newInstance.computationStore.setStepping(true);
@@ -21381,7 +21388,7 @@ ${rows}
           setIsLoading(false);
         }
       };
-      initializeFormulize();
+      initialize();
       return () => {
         if (instanceRef.current) {
           instanceRef.current.destroy();
@@ -21403,10 +21410,10 @@ ${rows}
       computationStore: (instance == null ? void 0 : instance.computationStore) ?? null,
       reinitialize
     }), [instance, config, isLoading, error, reinitialize]);
-    return /* @__PURE__ */ jsxRuntime.jsx(FormulizeContext.Provider, { value: contextValue, children });
+    return /* @__PURE__ */ jsxRuntime.jsx(StoreContext.Provider, { value: contextValue, children });
   });
-  const FormulizeProvider = (props) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(MathJaxLoader, { children: /* @__PURE__ */ jsxRuntime.jsx(FormulizeProviderInner, { ...props }) });
+  const Provider = (props) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(MathJaxLoader, { children: /* @__PURE__ */ jsxRuntime.jsx(ProviderInner, { ...props }) });
   };
   const InlineFormulaInner = mobxReactLite.observer(({
     id,
@@ -21552,7 +21559,7 @@ ${rows}
     style = {},
     scale = 1
   }) => {
-    const context = useFormulize();
+    const context = useStore();
     const instance = context == null ? void 0 : context.instance;
     const isLoading = (context == null ? void 0 : context.isLoading) ?? true;
     const computationStore = context == null ? void 0 : context.computationStore;
@@ -21583,7 +21590,7 @@ ${rows}
     const {
       isLoaded: mathJaxLoaded
     } = useMathJax();
-    const context = useFormulize();
+    const context = useStore();
     const config = context == null ? void 0 : context.config;
     const getVariable2 = React.useCallback(() => {
       return computationStore.variables.get(id);
@@ -21735,7 +21742,7 @@ ${rows}
     style = {},
     scale = 1
   }) => {
-    const context = useFormulize();
+    const context = useStore();
     const instance = context == null ? void 0 : context.instance;
     const isLoading = (context == null ? void 0 : context.isLoading) ?? true;
     const computationStore = context == null ? void 0 : context.computationStore;
@@ -21953,7 +21960,7 @@ ${rows}
     className = "",
     style = {}
   }) => {
-    const context = useFormulize();
+    const context = useStore();
     const isLoading = (context == null ? void 0 : context.isLoading) ?? true;
     const computationStore = context == null ? void 0 : context.computationStore;
     if (isLoading || !computationStore) {
@@ -22342,7 +22349,7 @@ ${rows}
   const Canvas = ({
     config
   }) => {
-    const context = useFormulize();
+    const context = useStore();
     const computationStore = context == null ? void 0 : context.computationStore;
     const [variables, setVariables] = React.useState({});
     const {
@@ -22570,7 +22577,7 @@ ${rows}
     yAxisHovered = false
   }) => {
     var _a2;
-    const context = useFormulize();
+    const context = useStore();
     const computationStore = context == null ? void 0 : context.computationStore;
     if (!computationStore) {
       return null;
@@ -23014,7 +23021,7 @@ ${rows}
     config
   }) => {
     var _a2, _b;
-    const context = useFormulize();
+    const context = useStore();
     const computationStore = context == null ? void 0 : context.computationStore;
     const svgRef = React.useRef(null);
     const tooltipRef = React.useRef(null);
@@ -23636,7 +23643,7 @@ ${rows}
     if (!computationStore) {
       return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "plot2d-loading", children: "Loading plot..." });
     }
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "formulize-plot2d", style: {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mn-plot2d", style: {
       position: "relative"
     }, children: [
       /* @__PURE__ */ jsxRuntime.jsx("svg", { ref: svgRef, style: {
@@ -24222,7 +24229,7 @@ ${rows}
   const Plot3D = mobxReactLite.observer(({
     config
   }) => {
-    const context = useFormulize();
+    const context = useStore();
     const computationStore = context == null ? void 0 : context.computationStore;
     if (!computationStore) {
       return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "plot3d-loading", children: "Loading plot..." });
@@ -24267,7 +24274,7 @@ ${rows}
   }) => {
     const containerRef = React.useRef(null);
     const [isReady, setIsReady] = React.useState(false);
-    const context = useFormulize();
+    const context = useStore();
     const computationStore = context == null ? void 0 : context.computationStore;
     const isLoading = (context == null ? void 0 : context.isLoading) ?? true;
     const instance = context == null ? void 0 : context.instance;
@@ -24318,7 +24325,7 @@ ${rows}
   const StepControl = mobxReactLite.observer(({
     className = ""
   }) => {
-    const context = useFormulize();
+    const context = useStore();
     const computationStore = (context == null ? void 0 : context.computationStore) ?? null;
     const isLoading = (context == null ? void 0 : context.isLoading) ?? true;
     const containerStyle = {
@@ -24560,11 +24567,11 @@ ${rows}
   exports2.EmbeddedFormula = EmbeddedFormula;
   exports2.Formula = Formula$1;
   exports2.FormulaGenerator = Formula;
-  exports2.Formulize = Formulize;
-  exports2.FormulizeProvider = FormulizeProvider;
   exports2.InlineFormula = InlineFormula;
   exports2.InlineVariable = InlineVariable;
+  exports2.Provider = Provider;
   exports2.StepControl = StepControl;
+  exports2.Store = Store;
   exports2.Variable = Variable;
   exports2.VisualizationComponent = VisualizationComponent;
   exports2.createComputationStore = createComputationStore;
@@ -24576,7 +24583,7 @@ ${rows}
   exports2.register = register;
   exports2.registerBuiltInComponents = registerBuiltInComponents;
   exports2.unRegister = unRegister;
-  exports2.useFormulize = useFormulize;
+  exports2.useStore = useStore;
   Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
 });
 //# sourceMappingURL=formulize.umd.js.map