hamzus-ui 0.0.65 → 0.0.67
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/package.json
CHANGED
|
@@ -33,18 +33,17 @@
|
|
|
33
33
|
import { onMount } from 'svelte';
|
|
34
34
|
|
|
35
35
|
// local var
|
|
36
|
+
let isMounted = false
|
|
36
37
|
|
|
37
|
-
$: {
|
|
38
|
+
$:if(value) {
|
|
38
39
|
let newValue = formatInput(value);
|
|
39
40
|
|
|
40
41
|
if (newValue !== value) {
|
|
41
42
|
value = newValue;
|
|
42
43
|
hasChanged = value != initialValue;
|
|
43
|
-
}
|
|
44
|
-
console.log("in change");
|
|
45
|
-
|
|
44
|
+
}else if (onChange && isMounted) {
|
|
46
45
|
onChange(value);
|
|
47
|
-
|
|
46
|
+
}
|
|
48
47
|
}
|
|
49
48
|
|
|
50
49
|
// fnctions
|
|
@@ -89,15 +88,9 @@
|
|
|
89
88
|
}
|
|
90
89
|
|
|
91
90
|
onMount(() => {
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
value = newValue;
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
if (formatPattern.length !== 0) {
|
|
99
|
-
initialValue = value;
|
|
100
|
-
}
|
|
91
|
+
isMounted = false
|
|
92
|
+
|
|
93
|
+
isMounted = true
|
|
101
94
|
});
|
|
102
95
|
|
|
103
96
|
function handleDisplay() {
|
|
@@ -342,7 +342,7 @@
|
|
|
342
342
|
></Button>
|
|
343
343
|
</div>
|
|
344
344
|
{/if}
|
|
345
|
-
<span class="resizer"
|
|
345
|
+
<span class="resizer {column.name === trackedColumnName ? "active-resizer" : ""}"
|
|
346
346
|
><button
|
|
347
347
|
on:mousedown={(event) => {
|
|
348
348
|
handleMouseDown(event, column.name);
|
|
@@ -387,9 +387,13 @@
|
|
|
387
387
|
position: relative;
|
|
388
388
|
}
|
|
389
389
|
.resizer:has(.resizer-pad:hover) {
|
|
390
|
+
background-color: var(--accent-b);
|
|
391
|
+
outline: 2px solid var(--accent-b);
|
|
392
|
+
}
|
|
393
|
+
.active-resizer {
|
|
390
394
|
background-color: var(--accent);
|
|
391
395
|
outline: 2px solid var(--accent);
|
|
392
|
-
|
|
396
|
+
}
|
|
393
397
|
.resizer:has(.resizer-pad:global(.resizing)) {
|
|
394
398
|
background-color: var(--accent);
|
|
395
399
|
outline: 2px solid var(--accent);
|