poe-svelte-ui-lib 1.9.4 → 1.9.5
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/Joystick/Joystick.svelte +15 -15
- package/package.json +5 -5
|
@@ -9,8 +9,8 @@
|
|
|
9
9
|
value = $bindable([0, 0, 0, 0]),
|
|
10
10
|
readonly = false,
|
|
11
11
|
axes = [
|
|
12
|
-
{ name: "Roll", minNum: -360, maxNum: 360 },
|
|
13
12
|
{ name: "Pitch", minNum: -360, maxNum: 360 },
|
|
13
|
+
{ name: "Roll", minNum: -360, maxNum: 360 },
|
|
14
14
|
{ name: "Yaw", minNum: -360, maxNum: 360 },
|
|
15
15
|
],
|
|
16
16
|
buttonIcon,
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
mainButton: false,
|
|
34
34
|
onClick: () => {
|
|
35
35
|
updateValue(2, +sensitivity)
|
|
36
|
-
updateValue(
|
|
36
|
+
updateValue(0, -sensitivity)
|
|
37
37
|
onUpdate(value)
|
|
38
38
|
},
|
|
39
39
|
},
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
angle: 122,
|
|
43
43
|
mainButton: true,
|
|
44
44
|
onClick: () => {
|
|
45
|
-
updateValue(
|
|
45
|
+
updateValue(0, -sensitivity)
|
|
46
46
|
onUpdate(value)
|
|
47
47
|
},
|
|
48
48
|
},
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
mainButton: false,
|
|
53
53
|
onClick: () => {
|
|
54
54
|
updateValue(2, -sensitivity)
|
|
55
|
-
updateValue(
|
|
55
|
+
updateValue(0, -sensitivity)
|
|
56
56
|
onUpdate(value)
|
|
57
57
|
},
|
|
58
58
|
},
|
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
angle: 239,
|
|
71
71
|
mainButton: false,
|
|
72
72
|
onClick: () => {
|
|
73
|
-
updateValue(
|
|
73
|
+
updateValue(0, +sensitivity)
|
|
74
74
|
updateValue(2, -sensitivity)
|
|
75
75
|
onUpdate(value)
|
|
76
76
|
},
|
|
@@ -80,7 +80,7 @@
|
|
|
80
80
|
angle: 301,
|
|
81
81
|
mainButton: true,
|
|
82
82
|
onClick: () => {
|
|
83
|
-
updateValue(
|
|
83
|
+
updateValue(0, +sensitivity)
|
|
84
84
|
onUpdate(value)
|
|
85
85
|
},
|
|
86
86
|
},
|
|
@@ -89,7 +89,7 @@
|
|
|
89
89
|
angle: 328,
|
|
90
90
|
mainButton: false,
|
|
91
91
|
onClick: () => {
|
|
92
|
-
updateValue(
|
|
92
|
+
updateValue(0, +sensitivity)
|
|
93
93
|
updateValue(2, +sensitivity)
|
|
94
94
|
onUpdate(value)
|
|
95
95
|
},
|
|
@@ -97,7 +97,7 @@
|
|
|
97
97
|
]
|
|
98
98
|
|
|
99
99
|
const updateValue = (index: number, delta: number) => {
|
|
100
|
-
const axis = axes[axes.length == 2 ? index - 1 : index]
|
|
100
|
+
const axis = axes[axes.length == 2 && index == 2 ? index - 1 : index]
|
|
101
101
|
const min = axis.minNum ?? -360
|
|
102
102
|
const max = axis.maxNum ?? 360
|
|
103
103
|
|
|
@@ -210,12 +210,12 @@
|
|
|
210
210
|
class="btn-segment h-full cursor-pointer rounded-l-full px-3.5"
|
|
211
211
|
title=""
|
|
212
212
|
onclick={() => {
|
|
213
|
-
if (value[
|
|
214
|
-
value[
|
|
213
|
+
if (value[1] - sensitivity <= (axes[1].minNum ?? -360)) {
|
|
214
|
+
value[1] = axes[1].minNum ?? -360
|
|
215
215
|
onUpdate(value)
|
|
216
216
|
return
|
|
217
217
|
}
|
|
218
|
-
value[
|
|
218
|
+
value[1] = roundToClean(value[1] - sensitivity)
|
|
219
219
|
onUpdate(value)
|
|
220
220
|
}}
|
|
221
221
|
onmouseenter={(e) => (e.currentTarget.style.backgroundColor = "color-mix(in srgb, var(--bg-color), var(--shadow-color) 30%)")}
|
|
@@ -234,12 +234,12 @@
|
|
|
234
234
|
class="btn-segment h-full cursor-pointer rounded-r-full px-3.5"
|
|
235
235
|
title=""
|
|
236
236
|
onclick={() => {
|
|
237
|
-
if (value[
|
|
238
|
-
value[
|
|
237
|
+
if (value[1] + sensitivity >= (axes[1].maxNum ?? 360)) {
|
|
238
|
+
value[1] = axes[1].maxNum ?? 360
|
|
239
239
|
onUpdate(value)
|
|
240
240
|
return
|
|
241
241
|
}
|
|
242
|
-
value[
|
|
242
|
+
value[1] = roundToClean(value[1] + sensitivity)
|
|
243
243
|
onUpdate(value)
|
|
244
244
|
}}
|
|
245
245
|
onmouseenter={(e) => (e.currentTarget.style.backgroundColor = "color-mix(in srgb, var(--bg-color), var(--shadow-color) 30%)")}
|
|
@@ -302,7 +302,7 @@
|
|
|
302
302
|
[&::-webkit-inner-spin-button]:hidden
|
|
303
303
|
[&::-webkit-outer-spin-button]:hidden`}
|
|
304
304
|
style="background: color-mix(in srgb, var(--bg-color), var(--back-color) 70%);"
|
|
305
|
-
value={value[axes.length ==
|
|
305
|
+
value={value[axes.length == 2 && index == 1 ? index + 1 : index]}
|
|
306
306
|
id={`${id}-${crypto.randomUUID().slice(0, 6)}`}
|
|
307
307
|
readonly
|
|
308
308
|
/>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "poe-svelte-ui-lib",
|
|
3
|
-
"version": "1.9.
|
|
3
|
+
"version": "1.9.5",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"scripts": {
|
|
@@ -37,12 +37,12 @@
|
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
39
39
|
"@sveltejs/adapter-static": "^3.0.10",
|
|
40
|
-
"@sveltejs/kit": "^2.
|
|
40
|
+
"@sveltejs/kit": "^2.56.1",
|
|
41
41
|
"@sveltejs/package": "^2.5.7",
|
|
42
42
|
"@sveltejs/vite-plugin-svelte": "^7.0.0",
|
|
43
43
|
"@tailwindcss/vite": "^4.2.2",
|
|
44
44
|
"@types/maplibre-gl": "^1.14.0",
|
|
45
|
-
"@types/node": "^25.5.
|
|
45
|
+
"@types/node": "^25.5.2",
|
|
46
46
|
"prettier": "^3.8.1",
|
|
47
47
|
"prettier-plugin-svelte": "^3.5.1",
|
|
48
48
|
"prettier-plugin-tailwindcss": "^0.7.2",
|
|
@@ -50,8 +50,8 @@
|
|
|
50
50
|
"svelte": "^5.55.1",
|
|
51
51
|
"tailwindcss": "^4.2.2",
|
|
52
52
|
"tsx": "^4.21.0",
|
|
53
|
-
"typescript": "^
|
|
54
|
-
"vite": "^8.0.
|
|
53
|
+
"typescript": "^6.0.2",
|
|
54
|
+
"vite": "^8.0.5",
|
|
55
55
|
"vite-plugin-compression": "^0.5.1"
|
|
56
56
|
}
|
|
57
57
|
}
|