koin.js 1.0.15 → 1.0.16

package/dist/index.mjs

@@ -821,7 +821,7 @@ var SaveLoadControls = memo(function SaveLoadControls2({
       {
         progress: autoSaveProgress,
         state: autoSavePaused ? "idle" : autoSaveState,
-        intervalSeconds: 20,
+        intervalSeconds: 60,
         isPaused: autoSavePaused,
         onClick: onAutoSaveToggle
       }
@@ -3701,14 +3701,22 @@ var Dpad = React2.memo(function Dpad2({
     if (!touch) return;
     if (drag.isDragging) {
       drag.handleDragMove(touch.clientX, touch.clientY);
+    } else if (onPositionChange) {
+      const startedDrag = drag.checkMoveThreshold(touch.clientX, touch.clientY);
+      if (!startedDrag) {
+        drag.clearDragTimer();
+        const rect = dpadRef.current?.getBoundingClientRect();
+        if (rect) {
+          updateDirections(getDirectionsFromTouch(touch.clientX, touch.clientY, rect));
+        }
+      }
     } else {
       const rect = dpadRef.current?.getBoundingClientRect();
       if (rect) {
-        drag.clearDragTimer();
         updateDirections(getDirectionsFromTouch(touch.clientX, touch.clientY, rect));
       }
     }
-  }, [drag, getDirectionsFromTouch, updateDirections]);
+  }, [drag, getDirectionsFromTouch, updateDirections, onPositionChange]);
   const handleTouchEnd = useCallback((e) => {
     e.preventDefault();
     drag.clearDragTimer();
@@ -3909,8 +3917,16 @@ function ControlsHint({ isVisible }) {
           children: [
             /* @__PURE__ */ jsx("div", { className: "flex justify-center mb-4", children: /* @__PURE__ */ jsx("div", { className: "w-16 h-16 rounded-full bg-green-500/20 border-2 border-green-400 flex items-center justify-center", children: /* @__PURE__ */ jsx(Move, { size: 32, className: "text-green-400" }) }) }),
             /* @__PURE__ */ jsx("h3", { className: "text-white text-lg font-bold mb-2", children: "Customize Your Controls" }),
-            /* @__PURE__ */ jsxs("p", { className: "text-white/70 text-sm mb-4", children: [
-              /* @__PURE__ */ jsx("strong", { className: "text-white", children: "Long-press" }),
+            /* @__PURE__ */ jsxs("p", { className: "text-white/70 text-sm mb-3", children: [
+              "Use the ",
+              /* @__PURE__ */ jsx(Lock, { size: 12, className: "inline mx-1 text-white" }),
+              " ",
+              /* @__PURE__ */ jsx("strong", { className: "text-white", children: "lock icon" }),
+              " at the top to unlock controls for repositioning."
+            ] }),
+            /* @__PURE__ */ jsxs("p", { className: "text-white/70 text-sm mb-3", children: [
+              "When unlocked, ",
+              /* @__PURE__ */ jsx("strong", { className: "text-white", children: "long-press" }),
               " any button or the ",
               /* @__PURE__ */ jsx("strong", { className: "text-white", children: "D-pad center" }),
               " to drag and reposition it."