intelliwaketssveltekitv25 1.0.83 → 1.0.85
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/DropDownControl.svelte +7 -7
- package/docs/Home.md +0 -22
- package/package.json +6 -6
|
@@ -120,18 +120,17 @@
|
|
|
120
120
|
}
|
|
121
121
|
|
|
122
122
|
let divToggle = $state<HTMLDivElement | undefined>(undefined)
|
|
123
|
-
let dialogParent = $derived<HTMLDialogElement | null | undefined>(divToggle?.closest('dialog'))
|
|
124
123
|
|
|
125
124
|
let windowW = $state<number | undefined>(undefined)
|
|
126
125
|
let windowH = $state<number | undefined>(undefined)
|
|
127
126
|
|
|
128
127
|
let bodyStyle = $state<string | null>(null)
|
|
129
128
|
|
|
130
|
-
function resizeEvent(isShow: boolean, togg: HTMLDivElement | null | undefined,
|
|
129
|
+
function resizeEvent(isShow: boolean, togg: HTMLDivElement | null | undefined, wW: number | undefined, wH: number | undefined) {
|
|
131
130
|
if (wW === undefined || wH === undefined) return
|
|
132
131
|
|
|
133
132
|
const toggleRect = togg?.getBoundingClientRect()
|
|
134
|
-
const dialogRect =
|
|
133
|
+
const dialogRect = togg?.closest('dialog')?.getBoundingClientRect()
|
|
135
134
|
if (toggleRect) {
|
|
136
135
|
const rect = PickProperty(toggleRect, 'x', 'y', 'width', 'height')
|
|
137
136
|
|
|
@@ -182,9 +181,10 @@
|
|
|
182
181
|
}
|
|
183
182
|
|
|
184
183
|
$effect(() => {
|
|
185
|
-
if (resizeTS) {/*No Action*/
|
|
186
|
-
}
|
|
187
|
-
resizeEvent
|
|
184
|
+
if (resizeTS) {/*No Action*/}
|
|
185
|
+
if (divToggle) {/*No Action*/} // Add this
|
|
186
|
+
if (verbose) console.info('resizeEvent called', show, !!divToggle, windowW, windowH)
|
|
187
|
+
resizeEvent(show, divToggle, windowW, windowH)
|
|
188
188
|
})
|
|
189
189
|
|
|
190
190
|
function getScrollParent(node: HTMLElement | undefined) {
|
|
@@ -242,7 +242,7 @@
|
|
|
242
242
|
}
|
|
243
243
|
|
|
244
244
|
function doResize() {
|
|
245
|
-
resizeEvent(show, divToggle,
|
|
245
|
+
resizeEvent(show, divToggle, windowW, windowH)
|
|
246
246
|
}
|
|
247
247
|
|
|
248
248
|
parentScrolls.forEach(parentScroll => parentScroll.addEventListener('scroll', doResize))
|
package/docs/Home.md
CHANGED
|
@@ -7,28 +7,6 @@
|
|
|
7
7
|
|
|
8
8
|
Professional SvelteKit component library providing 41 reusable UI components and 17 utility modules. Built with modern Svelte 5 features (runes, snippets, generics) and optimized for TypeScript developers building data-driven applications.
|
|
9
9
|
|
|
10
|
-
## Quick Start
|
|
11
|
-
|
|
12
|
-
### Installation
|
|
13
|
-
|
|
14
|
-
```bash
|
|
15
|
-
npm install intelliwaketssveltekitv25
|
|
16
|
-
```
|
|
17
|
-
|
|
18
|
-
### Required Setup
|
|
19
|
-
|
|
20
|
-
1. **Import CSS** (in your root `+layout.svelte` or `app.css`):
|
|
21
|
-
```typescript
|
|
22
|
-
import 'intelliwaketssveltekitv25/dist/app.css';
|
|
23
|
-
```
|
|
24
|
-
|
|
25
|
-
2. **Configure Tailwind** - See [Integration Guide](Integration) for required color configuration
|
|
26
|
-
|
|
27
|
-
3. **Install Peer Dependencies**:
|
|
28
|
-
```bash
|
|
29
|
-
npm install @solidbasisventures/intelliwaketsfoundation @sveltejs/kit svelte
|
|
30
|
-
```
|
|
31
|
-
|
|
32
10
|
## Component Categories
|
|
33
11
|
|
|
34
12
|
### 🎛️ Form Controls
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "intelliwaketssveltekitv25",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.85",
|
|
4
4
|
"private": false,
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"exports": {
|
|
@@ -27,8 +27,8 @@
|
|
|
27
27
|
"INTEGRATION.md"
|
|
28
28
|
],
|
|
29
29
|
"peerDependencies": {
|
|
30
|
-
"@solidbasisventures/intelliwaketsfoundation": "^5.13.
|
|
31
|
-
"@sveltejs/kit": "^2.49.
|
|
30
|
+
"@solidbasisventures/intelliwaketsfoundation": "^5.13.66",
|
|
31
|
+
"@sveltejs/kit": "^2.49.4",
|
|
32
32
|
"svelte": "^5.46.1"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"@fortawesome/fontawesome-common-types": "^6.7.2",
|
|
38
38
|
"@fortawesome/free-solid-svg-icons": "^6.7.2",
|
|
39
39
|
"@playwright/test": "^1.57.0",
|
|
40
|
-
"@solidbasisventures/intelliwaketsfoundation": "^5.13.
|
|
40
|
+
"@solidbasisventures/intelliwaketsfoundation": "^5.13.66",
|
|
41
41
|
"@storybook/addon-essentials": "^8.6.15",
|
|
42
42
|
"@storybook/addon-svelte-csf": "^5.0.10",
|
|
43
43
|
"@storybook/blocks": "^8.6.14",
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"@storybook/sveltekit": "^8.6.15",
|
|
47
47
|
"@storybook/test": "^8.6.15",
|
|
48
48
|
"@sveltejs/adapter-auto": "^6.1.1",
|
|
49
|
-
"@sveltejs/kit": "^2.49.
|
|
49
|
+
"@sveltejs/kit": "^2.49.4",
|
|
50
50
|
"@sveltejs/package": "^2.5.7",
|
|
51
51
|
"@sveltejs/vite-plugin-svelte": "^5.1.1",
|
|
52
52
|
"@tailwindcss/cli": "^4.1.8",
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
"publint": "^0.3.16",
|
|
69
69
|
"storybook": "^8.6.15",
|
|
70
70
|
"svelte": "^5.46.1",
|
|
71
|
-
"svelte-check": "^4.3.
|
|
71
|
+
"svelte-check": "^4.3.5",
|
|
72
72
|
"tailwindcss": "^4.1.8",
|
|
73
73
|
"typescript": "^5.8.3",
|
|
74
74
|
"typescript-eslint": "^8.32.1",
|