@featherk/composables 0.13.1 → 0.13.2
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 -0
- package/dist/docs-manifest.d.ts +1 -0
- package/dist/docs-manifest.js +24 -22
- package/dist/featherk-composables.es.js +170 -163
- 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/index.d.ts +1 -1
- package/dist/trap/usePopupTrap.d.ts +14 -0
- package/docs/menu/usePopupMenu.md +21 -2
- package/docs/menu/usePopupMenuAndActiveIdRegistry.md +185 -0
- package/docs/menu/usePopupMenuGridOrchestration.md +7 -4
- package/docs/trap/usePopupTrap.md +24 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -27,6 +27,7 @@ Vue 3 composables that improve Kendo UI for Vue behavior and accessibility.
|
|
|
27
27
|
- Grid orchestration overview: [docs/menu/usePopupMenuGridOrchestration.md](https://github.com/NantHealth/featherk/blob/integration/packages/composables/docs/menu/usePopupMenuGridOrchestration.md)
|
|
28
28
|
- Activation anchors: [docs/menu/usePopupMenuActivationAnchor.md](https://github.com/NantHealth/featherk/blob/integration/packages/composables/docs/menu/usePopupMenuActivationAnchor.md)
|
|
29
29
|
- Shared instances: [docs/menu/usePopupMenuSharedInstance.md](https://github.com/NantHealth/featherk/blob/integration/packages/composables/docs/menu/usePopupMenuSharedInstance.md)
|
|
30
|
+
- Active-ID registry lifecycle: [docs/menu/usePopupMenuAndActiveIdRegistry.md](https://github.com/NantHealth/featherk/blob/integration/packages/composables/docs/menu/usePopupMenuAndActiveIdRegistry.md)
|
|
30
31
|
- Focus and exclusivity: [docs/menu/usePopupMenuFocusAndExclusivity.md](https://github.com/NantHealth/featherk/blob/integration/packages/composables/docs/menu/usePopupMenuFocusAndExclusivity.md)
|
|
31
32
|
- Upgrade to 0.13.0: [docs/menu/usePopupMenuUpgrade0130.md](https://github.com/NantHealth/featherk/blob/integration/packages/composables/docs/menu/usePopupMenuUpgrade0130.md)
|
|
32
33
|
- **Observer**: `useIntersectionObserver` — Reactive intersection observation with optional clipping-root tracking and SSR-safe no-op behavior.
|
|
@@ -42,6 +43,10 @@ Vue 3 composables that improve Kendo UI for Vue behavior and accessibility.
|
|
|
42
43
|
- **Trap**: `usePopupTrap` — Focus trap + Escape/Outside click close behavior for popups.
|
|
43
44
|
- Guide: [docs/trap/usePopupTrap.md](https://github.com/NantHealth/featherk/blob/integration/packages/composables/docs/trap/usePopupTrap.md)
|
|
44
45
|
|
|
46
|
+
## Utility Export
|
|
47
|
+
|
|
48
|
+
`computeFlippedOffset` is a pure utility export, not a Vue composable. It is available from `@featherk/composables/geometry` and can also be re-exported from the package root if a consumer imports from the root barrel.
|
|
49
|
+
|
|
45
50
|
## Importing Composables
|
|
46
51
|
|
|
47
52
|
You can import directly from subpaths or from the package root.
|
|
@@ -93,6 +98,9 @@ import {
|
|
|
93
98
|
// Intersection observer utilities
|
|
94
99
|
import { useIntersectionObserver } from "@featherk/composables/observer";
|
|
95
100
|
|
|
101
|
+
// Geometry utilities
|
|
102
|
+
import { computeFlippedOffset } from "@featherk/composables/geometry";
|
|
103
|
+
|
|
96
104
|
// Component-scoped DOM ID utilities
|
|
97
105
|
import { useCompositeId } from "@featherk/composables/id";
|
|
98
106
|
|
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.2";
|
|
5
5
|
|
|
6
6
|
export const paths = {
|
|
7
7
|
useActiveIdRegistry: "registry/useActiveIdRegistry.md",
|
|
@@ -18,6 +18,7 @@ export const paths = {
|
|
|
18
18
|
useMaskedTimeInput: "time/useMaskedTimeInput.md",
|
|
19
19
|
usePopupMenu: "menu/usePopupMenu.md",
|
|
20
20
|
usePopupMenuActivationAnchor: "menu/usePopupMenuActivationAnchor.md",
|
|
21
|
+
usePopupMenuAndActiveIdRegistry: "menu/usePopupMenuAndActiveIdRegistry.md",
|
|
21
22
|
usePopupMenuFocusAndExclusivity: "menu/usePopupMenuFocusAndExclusivity.md",
|
|
22
23
|
usePopupMenuGridOrchestration: "menu/usePopupMenuGridOrchestration.md",
|
|
23
24
|
usePopupMenuSharedInstance: "menu/usePopupMenuSharedInstance.md",
|
|
@@ -28,27 +29,28 @@ export const paths = {
|
|
|
28
29
|
};
|
|
29
30
|
|
|
30
31
|
export const docs = {
|
|
31
|
-
useActiveIdRegistry: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.
|
|
32
|
-
useCompositeId: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.
|
|
33
|
-
useExclusiveGroup: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.
|
|
34
|
-
useFieldsetTouchTracker: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.
|
|
35
|
-
useFieldsetValidationKit: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.
|
|
36
|
-
useGridA11y: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.
|
|
37
|
-
useGridActiveFilter: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.
|
|
38
|
-
useGridRowAction: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.
|
|
39
|
-
useIntersectionObserver: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.
|
|
40
|
-
useMaskedDateInput: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.
|
|
41
|
-
useMaskedDateRangeInput: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.
|
|
42
|
-
useMaskedTimeInput: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.
|
|
43
|
-
usePopupMenu: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.
|
|
44
|
-
usePopupMenuActivationAnchor: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
32
|
+
useActiveIdRegistry: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.2/docs/registry/useActiveIdRegistry.md",
|
|
33
|
+
useCompositeId: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.2/docs/id/useCompositeId.md",
|
|
34
|
+
useExclusiveGroup: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.2/docs/registry/useExclusiveGroup.md",
|
|
35
|
+
useFieldsetTouchTracker: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.2/docs/form/useFieldsetTouchTracker.md",
|
|
36
|
+
useFieldsetValidationKit: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.2/docs/form/useFieldsetValidationKit.md",
|
|
37
|
+
useGridA11y: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.2/docs/grid/useGridA11y.md",
|
|
38
|
+
useGridActiveFilter: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.2/docs/grid/useGridActiveFilter.md",
|
|
39
|
+
useGridRowAction: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.2/docs/grid/useGridRowAction.md",
|
|
40
|
+
useIntersectionObserver: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.2/docs/observer/useIntersectionObserver.md",
|
|
41
|
+
useMaskedDateInput: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.2/docs/date/useMaskedDateInput.md",
|
|
42
|
+
useMaskedDateRangeInput: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.2/docs/range/useMaskedDateRangeInput.md",
|
|
43
|
+
useMaskedTimeInput: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.2/docs/time/useMaskedTimeInput.md",
|
|
44
|
+
usePopupMenu: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.2/docs/menu/usePopupMenu.md",
|
|
45
|
+
usePopupMenuActivationAnchor: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.2/docs/menu/usePopupMenuActivationAnchor.md",
|
|
46
|
+
usePopupMenuAndActiveIdRegistry: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.2/docs/menu/usePopupMenuAndActiveIdRegistry.md",
|
|
47
|
+
usePopupMenuFocusAndExclusivity: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.2/docs/menu/usePopupMenuFocusAndExclusivity.md",
|
|
48
|
+
usePopupMenuGridOrchestration: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.2/docs/menu/usePopupMenuGridOrchestration.md",
|
|
49
|
+
usePopupMenuSharedInstance: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.2/docs/menu/usePopupMenuSharedInstance.md",
|
|
50
|
+
usePopupMenuUpgrade0130: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.2/docs/menu/usePopupMenuUpgrade0130.md",
|
|
51
|
+
usePopupTrap: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.2/docs/trap/usePopupTrap.md",
|
|
52
|
+
useUSAddress: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.2/docs/address/useUSAddress.md",
|
|
53
|
+
useZipTextBox: "https://cdn.jsdelivr.net/npm/@featherk/composables@0.13.2/docs/address/useZipTextBox.md",
|
|
52
54
|
};
|
|
53
55
|
|
|
54
56
|
export const docUrl = (name, host = "https://cdn.jsdelivr.net/npm") =>
|