@featherk/composables 0.13.3 → 0.13.5
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/README.md +8 -2
- package/dist/docs-manifest.d.ts +1 -0
- package/dist/docs-manifest.js +25 -23
- package/dist/featherk-composables.es.js +1457 -1322
- package/dist/featherk-composables.es.js.map +1 -1
- package/dist/featherk-composables.umd.js +1 -1
- package/dist/featherk-composables.umd.js.map +1 -1
- package/dist/geometry/{computeFlippedOffset.d.ts → computeCollisionOffset.d.ts} +14 -10
- package/dist/geometry/index.d.ts +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/menu/usePopupMenu.d.ts +11 -10
- package/dist/window/index.d.ts +1 -0
- package/dist/window/useWindow.d.ts +100 -0
- package/dist/window/useWindow.test.d.ts +1 -0
- package/docs/menu/usePopupMenu.md +24 -18
- package/docs/window/useWindow.md +107 -0
- package/package.json +6 -1
- /package/dist/geometry/{computeFlippedOffset.test.d.ts → computeCollisionOffset.test.d.ts} +0 -0
package/README.md
CHANGED
|
@@ -42,10 +42,12 @@ Vue 3 composables that improve Kendo UI for Vue behavior and accessibility.
|
|
|
42
42
|
- Guide: [docs/time/useMaskedTimeInput.md](https://github.com/NantHealth/featherk/blob/integration/packages/composables/docs/time/useMaskedTimeInput.md)
|
|
43
43
|
- **Trap**: `usePopupTrap` — Focus trap + Escape/Outside click close behavior for popups.
|
|
44
44
|
- Guide: [docs/trap/usePopupTrap.md](https://github.com/NantHealth/featherk/blob/integration/packages/composables/docs/trap/usePopupTrap.md)
|
|
45
|
+
- **Window**: `useWindow` — Zero/low-config Kendo `Window` wrapper: viewport-clamped dragging, resize tracking, stage transitions, and an internal pointerdown-capture resize/text-selection workaround.
|
|
46
|
+
- Guide: [docs/window/useWindow.md](https://github.com/NantHealth/featherk/blob/integration/packages/composables/docs/window/useWindow.md)
|
|
45
47
|
|
|
46
48
|
## Utility Export
|
|
47
49
|
|
|
48
|
-
`
|
|
50
|
+
`computeCollisionOffset` is a pure utility export, not a Vue composable. It applies per-axis `fit` or `flip` collision behavior and is available from `@featherk/composables/geometry` or the package root.
|
|
49
51
|
|
|
50
52
|
## Importing Composables
|
|
51
53
|
|
|
@@ -99,7 +101,7 @@ import {
|
|
|
99
101
|
import { useIntersectionObserver } from "@featherk/composables/observer";
|
|
100
102
|
|
|
101
103
|
// Geometry utilities
|
|
102
|
-
import {
|
|
104
|
+
import { computeCollisionOffset } from "@featherk/composables/geometry";
|
|
103
105
|
|
|
104
106
|
// Component-scoped DOM ID utilities
|
|
105
107
|
import { useCompositeId } from "@featherk/composables/id";
|
|
@@ -116,6 +118,9 @@ import {
|
|
|
116
118
|
useFieldsetValidationKit,
|
|
117
119
|
useFieldsetTouchTracker,
|
|
118
120
|
} from "@featherk/composables/form";
|
|
121
|
+
|
|
122
|
+
// Kendo Window wrapper
|
|
123
|
+
import { useWindow } from "@featherk/composables/window";
|
|
119
124
|
```
|
|
120
125
|
|
|
121
126
|
Root imports (types are aliased to avoid name collisions):
|
|
@@ -143,6 +148,7 @@ import {
|
|
|
143
148
|
useUSAddress,
|
|
144
149
|
useFieldsetValidationKit,
|
|
145
150
|
useFieldsetTouchTracker,
|
|
151
|
+
useWindow,
|
|
146
152
|
} from "@featherk/composables";
|
|
147
153
|
```
|
|
148
154
|
|
package/dist/docs-manifest.d.ts
CHANGED
package/dist/docs-manifest.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
// Generated by scripts/generate-docs-manifest.mjs. Do not edit.
|
|
2
2
|
export const packageName = "@featherk/composables";
|
|
3
3
|
|
|
4
|
-
export const version = "0.13.
|
|
4
|
+
export const version = "0.13.5";
|
|
5
5
|
|
|
6
6
|
export const paths = {
|
|
7
7
|
useActiveIdRegistry: "registry/useActiveIdRegistry.md",
|
|
@@ -25,32 +25,34 @@ export const paths = {
|
|
|
25
25
|
usePopupMenuUpgrade0130: "menu/usePopupMenuUpgrade0130.md",
|
|
26
26
|
usePopupTrap: "trap/usePopupTrap.md",
|
|
27
27
|
useUSAddress: "address/useUSAddress.md",
|
|
28
|
+
useWindow: "window/useWindow.md",
|
|
28
29
|
useZipTextBox: "address/useZipTextBox.md",
|
|
29
30
|
};
|
|
30
31
|
|
|
31
32
|
export const docs = {
|
|
32
|
-
useActiveIdRegistry: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.
|
|
33
|
-
useCompositeId: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.
|
|
34
|
-
useExclusiveGroup: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.
|
|
35
|
-
useFieldsetTouchTracker: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.
|
|
36
|
-
useFieldsetValidationKit: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.
|
|
37
|
-
useGridA11y: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.
|
|
38
|
-
useGridActiveFilter: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.
|
|
39
|
-
useGridRowAction: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.
|
|
40
|
-
useIntersectionObserver: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.
|
|
41
|
-
useMaskedDateInput: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.
|
|
42
|
-
useMaskedDateRangeInput: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.
|
|
43
|
-
useMaskedTimeInput: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.
|
|
44
|
-
usePopupMenu: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.
|
|
45
|
-
usePopupMenuActivationAnchor: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.
|
|
46
|
-
usePopupMenuAndActiveIdRegistry: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.
|
|
47
|
-
usePopupMenuFocusAndExclusivity: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.
|
|
48
|
-
usePopupMenuGridOrchestration: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.
|
|
49
|
-
usePopupMenuSharedInstance: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.
|
|
50
|
-
usePopupMenuUpgrade0130: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.
|
|
51
|
-
usePopupTrap: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.
|
|
52
|
-
useUSAddress: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.
|
|
53
|
-
|
|
33
|
+
useActiveIdRegistry: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.5/docs/registry/useActiveIdRegistry.md",
|
|
34
|
+
useCompositeId: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.5/docs/id/useCompositeId.md",
|
|
35
|
+
useExclusiveGroup: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.5/docs/registry/useExclusiveGroup.md",
|
|
36
|
+
useFieldsetTouchTracker: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.5/docs/form/useFieldsetTouchTracker.md",
|
|
37
|
+
useFieldsetValidationKit: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.5/docs/form/useFieldsetValidationKit.md",
|
|
38
|
+
useGridA11y: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.5/docs/grid/useGridA11y.md",
|
|
39
|
+
useGridActiveFilter: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.5/docs/grid/useGridActiveFilter.md",
|
|
40
|
+
useGridRowAction: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.5/docs/grid/useGridRowAction.md",
|
|
41
|
+
useIntersectionObserver: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.5/docs/observer/useIntersectionObserver.md",
|
|
42
|
+
useMaskedDateInput: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.5/docs/date/useMaskedDateInput.md",
|
|
43
|
+
useMaskedDateRangeInput: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.5/docs/range/useMaskedDateRangeInput.md",
|
|
44
|
+
useMaskedTimeInput: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.5/docs/time/useMaskedTimeInput.md",
|
|
45
|
+
usePopupMenu: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.5/docs/menu/usePopupMenu.md",
|
|
46
|
+
usePopupMenuActivationAnchor: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.5/docs/menu/usePopupMenuActivationAnchor.md",
|
|
47
|
+
usePopupMenuAndActiveIdRegistry: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.5/docs/menu/usePopupMenuAndActiveIdRegistry.md",
|
|
48
|
+
usePopupMenuFocusAndExclusivity: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.5/docs/menu/usePopupMenuFocusAndExclusivity.md",
|
|
49
|
+
usePopupMenuGridOrchestration: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.5/docs/menu/usePopupMenuGridOrchestration.md",
|
|
50
|
+
usePopupMenuSharedInstance: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.5/docs/menu/usePopupMenuSharedInstance.md",
|
|
51
|
+
usePopupMenuUpgrade0130: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.5/docs/menu/usePopupMenuUpgrade0130.md",
|
|
52
|
+
usePopupTrap: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.5/docs/trap/usePopupTrap.md",
|
|
53
|
+
useUSAddress: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.5/docs/address/useUSAddress.md",
|
|
54
|
+
useWindow: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.5/docs/window/useWindow.md",
|
|
55
|
+
useZipTextBox: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.5/docs/address/useZipTextBox.md",
|
|
54
56
|
};
|
|
55
57
|
|
|
56
58
|
export const docUrl = (name, host = "https://cdn.jsdelivr.net/npm") =>
|