@x33025/sveltely 0.0.42 → 0.0.44
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.
|
@@ -203,9 +203,12 @@
|
|
|
203
203
|
};
|
|
204
204
|
|
|
205
205
|
const onBlur = () => {
|
|
206
|
-
|
|
207
|
-
|
|
206
|
+
const nextValue = inputValue.trim();
|
|
207
|
+
if (nextValue) {
|
|
208
|
+
addTag(nextValue);
|
|
208
209
|
}
|
|
210
|
+
inputValue = '';
|
|
211
|
+
showInput = false;
|
|
209
212
|
};
|
|
210
213
|
|
|
211
214
|
$effect(() => {
|
|
@@ -113,11 +113,8 @@
|
|
|
113
113
|
const itemRadius = parsePx(itemStyle.borderTopLeftRadius);
|
|
114
114
|
const effectiveItemRadius = Math.min(itemRadius, itemRect.height / 2, itemRect.width / 2);
|
|
115
115
|
|
|
116
|
-
const
|
|
117
|
-
const contentPadding = Math.min(
|
|
118
|
-
parsePx(contentStyle.paddingTop),
|
|
119
|
-
parsePx(contentStyle.paddingLeft)
|
|
120
|
-
);
|
|
116
|
+
const menuStyle = getComputedStyle(menuEl);
|
|
117
|
+
const contentPadding = Math.min(parsePx(menuStyle.paddingTop), parsePx(menuStyle.paddingLeft));
|
|
121
118
|
|
|
122
119
|
const menuRect = menuEl.getBoundingClientRect();
|
|
123
120
|
const outerRadius = Math.min(
|
package/dist/style/index.css
CHANGED
|
@@ -42,14 +42,11 @@
|
|
|
42
42
|
@apply rounded-full border border-transparent bg-zinc-100 px-2 py-1 text-xs whitespace-nowrap text-black;
|
|
43
43
|
}
|
|
44
44
|
|
|
45
|
-
.chip:hover {
|
|
46
|
-
@apply bg-zinc-200;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
45
|
.chip-selected {
|
|
50
46
|
@apply border-zinc-300;
|
|
51
47
|
}
|
|
52
48
|
|
|
49
|
+
.chip:hover,
|
|
53
50
|
.chip-hovered {
|
|
54
51
|
@apply bg-zinc-200;
|
|
55
52
|
}
|
package/dist/style.css
CHANGED
|
@@ -575,13 +575,10 @@
|
|
|
575
575
|
white-space: nowrap;
|
|
576
576
|
color: var(--color-black);
|
|
577
577
|
}
|
|
578
|
-
.chip:hover {
|
|
579
|
-
background-color: var(--color-zinc-200);
|
|
580
|
-
}
|
|
581
578
|
.chip-selected {
|
|
582
579
|
border-color: var(--color-zinc-300);
|
|
583
580
|
}
|
|
584
|
-
.chip-hovered {
|
|
581
|
+
.chip:hover, .chip-hovered {
|
|
585
582
|
background-color: var(--color-zinc-200);
|
|
586
583
|
}
|
|
587
584
|
.chip-input-field:hover {
|