ropav 0.11.1 → 0.12.1
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/AGENTS.md +150 -0
- package/README.md +5 -1
- package/dist/components/autocomplete/autocomplete-clear-button.js +1 -1
- package/dist/components/autocomplete/autocomplete-root.js +3 -0
- package/dist/components/checkbox/checkbox-root.js +6 -1
- package/dist/components/combo-box/combo-box-root.js +1 -0
- package/dist/components/date-picker/date-picker-root.js +1 -0
- package/dist/components/date-range-picker/date-range-picker-root.js +1 -0
- package/dist/components/form/form-root.js +7 -1
- package/dist/components/radio/radio-root.js +4 -1
- package/dist/components/scroll-shadow/scroll-shadow-root.js +2 -10
- package/dist/components/scroll-shadow/use-scroll-shadow.d.ts +10 -0
- package/dist/components/scroll-shadow/use-scroll-shadow.js +34 -2
- package/dist/components/search-field/search-field-group.js +21 -1
- package/dist/components/select/index.d.ts +3 -2
- package/dist/components/select/index.js +2 -1
- package/dist/components/select/select-clear-button.d.ts +21 -0
- package/dist/components/select/select-clear-button.js +66 -0
- package/dist/components/select/select-root.d.ts +2 -1
- package/dist/components/select/select-root.js +16 -1
- package/dist/components/select/select.context.d.ts +11 -0
- package/dist/components/select/select.types.d.ts +3 -0
- package/dist/components/switch/switch-root.js +6 -1
- package/dist/components/table/table-row.js +3 -2
- package/dist/components/table/use-grid-keyboard.js +2 -3
- package/dist/components/table/use-table-collection.d.ts +0 -11
- package/dist/components/table/use-table-collection.js +1 -17
- package/dist/components/tabs/tabs-root.js +5 -1
- package/dist/components/tabs/tabs.types.d.ts +6 -0
- package/dist/components/toast/index.d.ts +1 -1
- package/dist/components/toast/index.js +3 -3
- package/dist/components/toast/toast-default-content.js +26 -4
- package/dist/components/toast/toast-indicator.js +8 -2
- package/dist/components/toast/toast-provider.js +53 -5
- package/dist/components/toast/toast-queue.d.ts +60 -5
- package/dist/components/toast/toast-queue.js +85 -27
- package/dist/components/toast/toast-root.js +67 -14
- package/dist/components/toast/toast.constants.d.ts +17 -1
- package/dist/components/toast/toast.constants.js +18 -2
- package/dist/components/toast/toast.context.d.ts +6 -0
- package/dist/components/toast/toast.types.d.ts +19 -0
- package/dist/composables/use-checkbox-group-state.js +2 -0
- package/dist/composables/use-color-field-state.js +1 -0
- package/dist/composables/use-combo-box-state.d.ts +2 -0
- package/dist/composables/use-combo-box-state.js +3 -1
- package/dist/composables/use-date-field-state.js +1 -0
- package/dist/composables/use-date-picker-state.d.ts +2 -0
- package/dist/composables/use-date-picker-state.js +1 -0
- package/dist/composables/use-date-range-picker-state.d.ts +2 -0
- package/dist/composables/use-date-range-picker-state.js +2 -0
- package/dist/composables/use-description.js +1 -0
- package/dist/composables/use-form-validation-state.d.ts +48 -5
- package/dist/composables/use-form-validation-state.js +76 -7
- package/dist/composables/use-list-keyboard.d.ts +1 -1
- package/dist/composables/use-list-keyboard.js +4 -5
- package/dist/composables/use-measured-height.d.ts +18 -10
- package/dist/composables/use-measured-height.js +53 -15
- package/dist/composables/use-number-field-state.js +1 -0
- package/dist/composables/use-overlay-position.js +7 -4
- package/dist/composables/use-radio-group-state.js +2 -0
- package/dist/composables/use-select-state.d.ts +10 -0
- package/dist/composables/use-select-state.js +7 -0
- package/dist/composables/use-select.d.ts +7 -0
- package/dist/composables/use-select.js +6 -0
- package/dist/composables/use-text-field.js +1 -0
- package/dist/composables/use-toast-region.d.ts +18 -4
- package/dist/composables/use-toast-region.js +128 -6
- package/dist/composables/use-toast.d.ts +1 -1
- package/dist/composables/use-toast.js +4 -3
- package/dist/composables/use-toolbar.js +3 -1
- package/dist/composables/use-typeahead.js +3 -0
- package/dist/index.js +6 -5
- package/dist/ropav.min.css +1 -1
- package/dist/utils/focus.d.ts +13 -0
- package/dist/utils/focus.js +18 -1
- package/dist/version.js +1 -1
- package/package.json +5 -4
package/dist/utils/focus.d.ts
CHANGED
|
@@ -6,6 +6,19 @@
|
|
|
6
6
|
* to land nowhere.
|
|
7
7
|
*/
|
|
8
8
|
export declare const FOCUSABLE_SELECTOR: string;
|
|
9
|
+
/**
|
|
10
|
+
* Whether an event landed on a control nested inside `container` rather than on a part of the
|
|
11
|
+
* collection it holds.
|
|
12
|
+
*
|
|
13
|
+
* A control answers its own keys: the letters typed into a text field in a table cell are its
|
|
14
|
+
* text, and a button's Enter is its activation. The collection's own parts are told apart by
|
|
15
|
+
* their `data-collection` marker, since a cell or an option holding the roving tab stop matches
|
|
16
|
+
* the focusable selector without being content.
|
|
17
|
+
*
|
|
18
|
+
* `container` is excluded so a handler bound straight to a control — a select's trigger, which
|
|
19
|
+
* is itself a button — still counts its own keys as its own.
|
|
20
|
+
*/
|
|
21
|
+
export declare const isNestedControl: (target: EventTarget | null, container?: EventTarget | null) => boolean;
|
|
9
22
|
/**
|
|
10
23
|
* Whether an element is visible enough to take focus.
|
|
11
24
|
*
|
package/dist/utils/focus.js
CHANGED
|
@@ -15,6 +15,23 @@ var FOCUSABLE_SELECTOR = [
|
|
|
15
15
|
"[tabindex]:not([tabindex=\"-1\"])"
|
|
16
16
|
].join(",");
|
|
17
17
|
/**
|
|
18
|
+
* Whether an event landed on a control nested inside `container` rather than on a part of the
|
|
19
|
+
* collection it holds.
|
|
20
|
+
*
|
|
21
|
+
* A control answers its own keys: the letters typed into a text field in a table cell are its
|
|
22
|
+
* text, and a button's Enter is its activation. The collection's own parts are told apart by
|
|
23
|
+
* their `data-collection` marker, since a cell or an option holding the roving tab stop matches
|
|
24
|
+
* the focusable selector without being content.
|
|
25
|
+
*
|
|
26
|
+
* `container` is excluded so a handler bound straight to a control — a select's trigger, which
|
|
27
|
+
* is itself a button — still counts its own keys as its own.
|
|
28
|
+
*/
|
|
29
|
+
var isNestedControl = (target, container) => {
|
|
30
|
+
if (!(target instanceof Element)) return false;
|
|
31
|
+
const control = target.closest(FOCUSABLE_SELECTOR);
|
|
32
|
+
return control != null && control !== container && !control.hasAttribute("data-collection");
|
|
33
|
+
};
|
|
34
|
+
/**
|
|
18
35
|
* Whether an element is visible enough to take focus.
|
|
19
36
|
*
|
|
20
37
|
* `checkVisibility()` is the only reliable read of this — `offsetParent` is always `null` in
|
|
@@ -118,4 +135,4 @@ var createFocusManager = (getRoot, options = {}) => {
|
|
|
118
135
|
};
|
|
119
136
|
};
|
|
120
137
|
//#endregion
|
|
121
|
-
export { FOCUSABLE_SELECTOR, createFocusManager, focusableIn, getScrollParent, isElementVisible, isScrollable, tabbableIn };
|
|
138
|
+
export { FOCUSABLE_SELECTOR, createFocusManager, focusableIn, getScrollParent, isElementVisible, isNestedControl, isScrollable, tabbableIn };
|
package/dist/version.js
CHANGED
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ropav",
|
|
3
|
-
"version": "0.
|
|
4
|
-
"description": "
|
|
3
|
+
"version": "0.12.1",
|
|
4
|
+
"description": "Vapor-native Vue 3 component library — accessible by default, styled with framework-agnostic CSS.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"components",
|
|
7
7
|
"ropav",
|
|
@@ -24,6 +24,7 @@
|
|
|
24
24
|
"directory": "packages/ropav"
|
|
25
25
|
},
|
|
26
26
|
"files": [
|
|
27
|
+
"AGENTS.md",
|
|
27
28
|
"dist"
|
|
28
29
|
],
|
|
29
30
|
"type": "module",
|
|
@@ -420,9 +421,9 @@
|
|
|
420
421
|
"@internationalized/date": "3.12.4",
|
|
421
422
|
"@internationalized/number": "3.6.8",
|
|
422
423
|
"@internationalized/string": "3.2.10",
|
|
423
|
-
"@ropav/styles": "0.
|
|
424
|
+
"@ropav/styles": "0.12.1"
|
|
424
425
|
},
|
|
425
426
|
"peerDependencies": {
|
|
426
|
-
"vue": "^3.6.0-rc.
|
|
427
|
+
"vue": "^3.6.0-rc.8"
|
|
427
428
|
}
|
|
428
429
|
}
|