intelliwaketssveltekitv25 1.0.86 → 1.0.89
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/TabHeader.svelte +18 -11
- package/package.json +3 -3
package/dist/TabHeader.svelte
CHANGED
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
} = $props()
|
|
23
23
|
|
|
24
24
|
let openedKeys = $state<string[]>([])
|
|
25
|
-
let controlElement
|
|
25
|
+
let controlElement: HTMLDivElement | null = null
|
|
26
26
|
let isVisible = $state(false)
|
|
27
27
|
let clientWidth = $state(0)
|
|
28
28
|
|
|
@@ -55,10 +55,26 @@
|
|
|
55
55
|
const controlElementRect = controlElement.getBoundingClientRect()
|
|
56
56
|
const activeElementRect = activeElement.getBoundingClientRect()
|
|
57
57
|
indicatorStyles = `left: ${activeElementRect.left - controlElementRect.left - 4}px; width: ${activeElementRect.width + 8}px; top: ${activeElementRect.top - controlElementRect.top - 3}px; height: ${activeElementRect.height + 4}px;`
|
|
58
|
+
} else {
|
|
59
|
+
console.log('No active element found', currentKey, tabItems)
|
|
58
60
|
}
|
|
61
|
+
} else {
|
|
62
|
+
console.log('No control element found', currentKey, tabItems)
|
|
59
63
|
}
|
|
60
64
|
}
|
|
61
65
|
|
|
66
|
+
$effect(() => {
|
|
67
|
+
clientWidth
|
|
68
|
+
tabItems
|
|
69
|
+
|
|
70
|
+
if (currentKey && isVisible) {
|
|
71
|
+
setIndicatorStyle().then(() => {
|
|
72
|
+
})
|
|
73
|
+
} else {
|
|
74
|
+
console.log('No currentKey or not visible', currentKey, isVisible)
|
|
75
|
+
}
|
|
76
|
+
})
|
|
77
|
+
|
|
62
78
|
onMount(() => {
|
|
63
79
|
const observer = new IntersectionObserver(
|
|
64
80
|
(entries) => {
|
|
@@ -80,16 +96,6 @@
|
|
|
80
96
|
}
|
|
81
97
|
})
|
|
82
98
|
|
|
83
|
-
$effect(() => {
|
|
84
|
-
clientWidth
|
|
85
|
-
tabItems
|
|
86
|
-
|
|
87
|
-
if (currentKey && isVisible) {
|
|
88
|
-
setIndicatorStyle().then(() => {
|
|
89
|
-
})
|
|
90
|
-
}
|
|
91
|
-
})
|
|
92
|
-
|
|
93
99
|
</script>
|
|
94
100
|
|
|
95
101
|
<div class='grid mx-auto mb-2 relative'
|
|
@@ -98,6 +104,7 @@
|
|
|
98
104
|
bind:clientWidth>
|
|
99
105
|
<div
|
|
100
106
|
class="tab_href_indicator absolute h-8 z-10 bg-transparent border-b-2 border-b-primary-selected transition-all duration-300 ease-[cubic-bezier(0.4,0,0.2,1)] select-none pointer-events-none"
|
|
107
|
+
hidden={!currentKey}
|
|
101
108
|
style={indicatorStyles}
|
|
102
109
|
in:fly={{ y: 10, duration: 200, easing: cubicInOut }}>
|
|
103
110
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "intelliwaketssveltekitv25",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.89",
|
|
4
4
|
"private": false,
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"exports": {
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"peerDependencies": {
|
|
30
30
|
"@solidbasisventures/intelliwaketsfoundation": "^5.13.66",
|
|
31
31
|
"@sveltejs/kit": "^2.49.4",
|
|
32
|
-
"svelte": "^5.46.
|
|
32
|
+
"svelte": "^5.46.3"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
35
|
"@eslint/compat": "^1.2.9",
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
"prettier-plugin-tailwindcss": "^0.6.11",
|
|
68
68
|
"publint": "^0.3.16",
|
|
69
69
|
"storybook": "^8.6.15",
|
|
70
|
-
"svelte": "^5.46.
|
|
70
|
+
"svelte": "^5.46.3",
|
|
71
71
|
"svelte-check": "^4.3.5",
|
|
72
72
|
"tailwindcss": "^4.1.8",
|
|
73
73
|
"typescript": "^5.8.3",
|