koin.js 1.0.15 → 1.0.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +21 -5
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +21 -5
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -827,7 +827,7 @@ var SaveLoadControls = React2.memo(function SaveLoadControls2({
|
|
|
827
827
|
{
|
|
828
828
|
progress: autoSaveProgress,
|
|
829
829
|
state: autoSavePaused ? "idle" : autoSaveState,
|
|
830
|
-
intervalSeconds:
|
|
830
|
+
intervalSeconds: 60,
|
|
831
831
|
isPaused: autoSavePaused,
|
|
832
832
|
onClick: onAutoSaveToggle
|
|
833
833
|
}
|
|
@@ -3707,14 +3707,22 @@ var Dpad = React2__default.default.memo(function Dpad2({
|
|
|
3707
3707
|
if (!touch) return;
|
|
3708
3708
|
if (drag.isDragging) {
|
|
3709
3709
|
drag.handleDragMove(touch.clientX, touch.clientY);
|
|
3710
|
+
} else if (onPositionChange) {
|
|
3711
|
+
const startedDrag = drag.checkMoveThreshold(touch.clientX, touch.clientY);
|
|
3712
|
+
if (!startedDrag) {
|
|
3713
|
+
drag.clearDragTimer();
|
|
3714
|
+
const rect = dpadRef.current?.getBoundingClientRect();
|
|
3715
|
+
if (rect) {
|
|
3716
|
+
updateDirections(getDirectionsFromTouch(touch.clientX, touch.clientY, rect));
|
|
3717
|
+
}
|
|
3718
|
+
}
|
|
3710
3719
|
} else {
|
|
3711
3720
|
const rect = dpadRef.current?.getBoundingClientRect();
|
|
3712
3721
|
if (rect) {
|
|
3713
|
-
drag.clearDragTimer();
|
|
3714
3722
|
updateDirections(getDirectionsFromTouch(touch.clientX, touch.clientY, rect));
|
|
3715
3723
|
}
|
|
3716
3724
|
}
|
|
3717
|
-
}, [drag, getDirectionsFromTouch, updateDirections]);
|
|
3725
|
+
}, [drag, getDirectionsFromTouch, updateDirections, onPositionChange]);
|
|
3718
3726
|
const handleTouchEnd = React2.useCallback((e) => {
|
|
3719
3727
|
e.preventDefault();
|
|
3720
3728
|
drag.clearDragTimer();
|
|
@@ -3915,8 +3923,16 @@ function ControlsHint({ isVisible }) {
|
|
|
3915
3923
|
children: [
|
|
3916
3924
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center mb-4", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.Move, { size: 32, className: "text-green-400" }) }) }),
|
|
3917
3925
|
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-white text-lg font-bold mb-2", children: "Customize Your Controls" }),
|
|
3918
|
-
/* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-white/70 text-sm mb-
|
|
3919
|
-
|
|
3926
|
+
/* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-white/70 text-sm mb-3", children: [
|
|
3927
|
+
"Use the ",
|
|
3928
|
+
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lock, { size: 12, className: "inline mx-1 text-white" }),
|
|
3929
|
+
" ",
|
|
3930
|
+
/* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-white", children: "lock icon" }),
|
|
3931
|
+
" at the top to unlock controls for repositioning."
|
|
3932
|
+
] }),
|
|
3933
|
+
/* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-white/70 text-sm mb-3", children: [
|
|
3934
|
+
"When unlocked, ",
|
|
3935
|
+
/* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-white", children: "long-press" }),
|
|
3920
3936
|
" any button or the ",
|
|
3921
3937
|
/* @__PURE__ */ jsxRuntime.jsx("strong", { className: "text-white", children: "D-pad center" }),
|
|
3922
3938
|
" to drag and reposition it."
|