poe-svelte-ui-lib 1.2.5 → 1.2.7
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.
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
let angle = 360 / directions.length
|
|
36
36
|
</script>
|
|
37
37
|
|
|
38
|
-
<div {id} class={twMerge(`bg-red relative flex w-full flex-col items-center`, wrapperClass)}>
|
|
38
|
+
<div {id} class={twMerge(`bg-red relative flex w-full flex-col items-center justify-center`, wrapperClass)}>
|
|
39
39
|
{#if label.name}
|
|
40
40
|
<h5 class={twMerge(` w-full px-4 text-center`, label.class)}>{label.name}</h5>
|
|
41
41
|
{/if}
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
</button>
|
|
68
68
|
{/each}
|
|
69
69
|
</div>
|
|
70
|
-
<div class="
|
|
70
|
+
<div class="pointer-events-none absolute h-full w-full overflow-hidden rounded-full">
|
|
71
71
|
{#each directions as direction, index}
|
|
72
72
|
<span
|
|
73
73
|
class=" absolute top-1/2 left-1/2 h-0 w-[52%] origin-left border-b border-(--bg-color) {index % 2 == 0
|
|
@@ -88,6 +88,36 @@
|
|
|
88
88
|
></button
|
|
89
89
|
>
|
|
90
90
|
</div>
|
|
91
|
+
|
|
92
|
+
<div
|
|
93
|
+
class="absolute -z-20 flex h-20 w-80 items-center justify-between rounded-full px-3"
|
|
94
|
+
style="background: color-mix(in srgb, var(--bg-color), var(--shadow-color) 50%)"
|
|
95
|
+
>
|
|
96
|
+
<button class="cursor-pointer" title=""
|
|
97
|
+
><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"
|
|
98
|
+
><path
|
|
99
|
+
fill="none"
|
|
100
|
+
stroke="currentColor"
|
|
101
|
+
stroke-linecap="round"
|
|
102
|
+
stroke-linejoin="round"
|
|
103
|
+
stroke-width="2"
|
|
104
|
+
d="M11 18h3.75a5.25 5.25 0 1 0 0-10.5H5M7.5 4L4 7.5L7.5 11"
|
|
105
|
+
/></svg
|
|
106
|
+
></button
|
|
107
|
+
>
|
|
108
|
+
<button class="cursor-pointer" title=""
|
|
109
|
+
><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"
|
|
110
|
+
><path
|
|
111
|
+
fill="none"
|
|
112
|
+
stroke="currentColor"
|
|
113
|
+
stroke-linecap="round"
|
|
114
|
+
stroke-linejoin="round"
|
|
115
|
+
stroke-width="2"
|
|
116
|
+
d="M13 18H9.25a5.25 5.25 0 1 1 0-10.5H19M16.5 4L20 7.5L16.5 11"
|
|
117
|
+
/></svg
|
|
118
|
+
></button
|
|
119
|
+
>
|
|
120
|
+
</div>
|
|
91
121
|
</div>
|
|
92
122
|
|
|
93
123
|
<!-- {direction.content ? 2 * 6.25 * Math.sin((Math.PI * 65) / 360) : 2 * 6.25 * Math.sin((Math.PI * 25) / 360)} -->
|
|
@@ -126,7 +126,7 @@
|
|
|
126
126
|
if (value === 2) {
|
|
127
127
|
component.properties.items.forEach((_item: any, index: number) => {
|
|
128
128
|
const items = [...(component.properties?.items || [])]
|
|
129
|
-
items[index]['class'] = twMerge(items[index].class, `w-1/${items.length}
|
|
129
|
+
items[index]['class'] = twMerge(items[index].class, `w-1/${items.length}`)
|
|
130
130
|
updateProperty('items', items, component, onPropertyChange)
|
|
131
131
|
})
|
|
132
132
|
} else {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "poe-svelte-ui-lib",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.7",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"scripts": {
|
|
@@ -32,7 +32,6 @@
|
|
|
32
32
|
"svelte": "^5.0.0"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@sveltejs/adapter-static": "^3.0.10",
|
|
36
35
|
"@tailwindcss/vite": "^4.1.17",
|
|
37
36
|
"prettier": "^3.6.2",
|
|
38
37
|
"prettier-plugin-svelte": "^3.4.0",
|
|
@@ -43,6 +42,7 @@
|
|
|
43
42
|
"typescript": "^5.9.3"
|
|
44
43
|
},
|
|
45
44
|
"devDependencies": {
|
|
45
|
+
"@sveltejs/adapter-static": "^3.0.10",
|
|
46
46
|
"@sveltejs/kit": "^2.48.4",
|
|
47
47
|
"@sveltejs/package": "^2.5.4",
|
|
48
48
|
"@sveltejs/vite-plugin-svelte": "^6.2.1",
|