@rcarls/rc-webcomponents 0.5.0 → 0.6.0
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/CHANGELOG.md +140 -0
- package/README.md +36 -32
- package/dist/rc-webcomponents-define.js +12 -0
- package/dist/rc-webcomponents-define.js.map +1 -1
- package/dist/rc-webcomponents.js +6 -0
- package/dist/rc-webcomponents.js.map +1 -1
- package/dist/types/index.d.ts +6 -0
- package/package.json +37 -31
- package/src/react.d.ts +196 -2
- package/src/solid.d.ts +202 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,145 @@
|
|
|
1
1
|
# @rcarls/rc-webcomponents
|
|
2
2
|
|
|
3
|
+
## 0.6.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- 7382c71: Add a priority-aware action toolbar that moves original controls into an
|
|
8
|
+
overflow menu. Which actions are promoted is a purely declarative computation
|
|
9
|
+
from `max-shown` and each action's `data-priority`/authored `slot`, with no
|
|
10
|
+
runtime measurement of the toolbar's or its children's rendered size: a
|
|
11
|
+
consumer whose promoted count needs to react to available space owns that
|
|
12
|
+
decision and writes the resulting `max-shown` value down. Include controlled
|
|
13
|
+
and uncontrolled open state, keyboard navigation, light dismissal, and a
|
|
14
|
+
non-Popover fallback.
|
|
15
|
+
|
|
16
|
+
Fix `--rc-adaptive-menu-touch-target-overlap-inline-start`/`-end`: the host's
|
|
17
|
+
own `max-inline-size: 100%` self-referenced a shrink-to-fit ancestor's
|
|
18
|
+
already-margin-reduced auto size (an app bar's own trailing group, for
|
|
19
|
+
example), quietly clamping the host back down and canceling the overlap out
|
|
20
|
+
from under it. The cap now grows by the overlap amount so it only ever bounds
|
|
21
|
+
the host's real content.
|
|
22
|
+
|
|
23
|
+
- ffcbf11: Add adaptive chip-group layouts, native-backed filter chips, and shared
|
|
24
|
+
input-chip rendering. Native-backed chips preserve controlled host state,
|
|
25
|
+
follow form resets when uncontrolled, and accept native link actions. Groups
|
|
26
|
+
restore author-owned chip variants when coordination ends. Keep search input
|
|
27
|
+
chrome inside the search surface and align contextual icon sizes with Material 3.
|
|
28
|
+
- b639e04: Add coordinated list and list-item layout tokens so container queries can
|
|
29
|
+
stack unchanged content regions while preserving shared subgrid alignment.
|
|
30
|
+
|
|
31
|
+
Breaking for the pre-1.0 carousel API: remove the redundant
|
|
32
|
+
`variant="hero|multi-browse"` attribute and property. The variant only
|
|
33
|
+
changed slide geometry, which is already controlled by
|
|
34
|
+
`--rc-carousel-slide-size`. Remove `variant="hero"` without replacement;
|
|
35
|
+
replace `variant="multi-browse"` with
|
|
36
|
+
`--rc-carousel-slide-size: min(75%, 300px)`.
|
|
37
|
+
|
|
38
|
+
- 40f9776: Add an APG carousel built on native CSS scroll snap, with optional navigation,
|
|
39
|
+
pagination, mouse dragging, looping, and consumer-controlled slide sizing.
|
|
40
|
+
Preserve controlled active-index behavior after rejected swipes, keep visual
|
|
41
|
+
loop clones inert and out of forms, and degrade safely without intersection
|
|
42
|
+
observation.
|
|
43
|
+
- a108336: Add shared-column `rc-list` and `rc-list-item` elements with standard and
|
|
44
|
+
segmented appearances, default content truncation, and native-backed single or
|
|
45
|
+
multiple selection coordination. Restore author-owned item state when native
|
|
46
|
+
selection coordination ends.
|
|
47
|
+
- 509ee64: Add `rc-progress`, a native `<progress>` enhancer with a formatted value
|
|
48
|
+
display, a track and fill you can restyle with CSS custom properties, and a
|
|
49
|
+
built-in fix for the indeterminate/undefined-binding footgun.
|
|
50
|
+
|
|
51
|
+
Keep the native element as the uncontrolled source of truth, support releasing
|
|
52
|
+
a controlled value, and react to live native `value`/`max` changes. Preserve a
|
|
53
|
+
native determinate value while `indeterminate` temporarily removes its
|
|
54
|
+
attribute.
|
|
55
|
+
|
|
56
|
+
The bar renders at its intended height with no `display` attribute set,
|
|
57
|
+
matching its own documented default: previously the track/fill/native
|
|
58
|
+
`<progress>` are all absolutely positioned, contributing nothing to the
|
|
59
|
+
control's normal-flow height, so with no value-display text sharing its grid
|
|
60
|
+
row to give it one, the whole bar collapsed to 0px.
|
|
61
|
+
|
|
62
|
+
- d67efde: Add a native-host scroll region with optional centered content and fullbleed
|
|
63
|
+
layout tracks, aggregate framework typings, RTL-aware boundary state, and
|
|
64
|
+
Material layout defaults.
|
|
65
|
+
- 6683eb9: Add shared, lifecycle-safe click delegation and let interactive list items
|
|
66
|
+
forward plain surface clicks to same-root native action targets while
|
|
67
|
+
preserving nested and modified clicks.
|
|
68
|
+
- 30eb232: Add icon-only activation-area sizing and Material icon-button variants. Align menu
|
|
69
|
+
selection and submenu affordances, and keep anchored popups within the viewport
|
|
70
|
+
across native and fallback positioning.
|
|
71
|
+
- f099b02: Add declarative horizontal cards with a two-fifths media column and symmetric
|
|
72
|
+
row and column grid coordination properties.
|
|
73
|
+
|
|
74
|
+
### Patch Changes
|
|
75
|
+
|
|
76
|
+
- e0de31d: Avoid scheduling a redundant carousel update during the initial Lit lifecycle
|
|
77
|
+
while retaining initial pagination and dynamic slide synchronization.
|
|
78
|
+
- 57370e4: Align component metadata, aggregate framework typings, development-time native-child
|
|
79
|
+
validation, controlled menu state, package declarations, and public documentation before the
|
|
80
|
+
next release.
|
|
81
|
+
- Updated dependencies [a108336]
|
|
82
|
+
- Updated dependencies [7382c71]
|
|
83
|
+
- Updated dependencies [ffcbf11]
|
|
84
|
+
- Updated dependencies [b639e04]
|
|
85
|
+
- Updated dependencies [40f9776]
|
|
86
|
+
- Updated dependencies [a108336]
|
|
87
|
+
- Updated dependencies [509ee64]
|
|
88
|
+
- Updated dependencies [d67efde]
|
|
89
|
+
- Updated dependencies [b6f52a2]
|
|
90
|
+
- Updated dependencies [e0de31d]
|
|
91
|
+
- Updated dependencies [6683eb9]
|
|
92
|
+
- Updated dependencies [7adbd76]
|
|
93
|
+
- Updated dependencies [57370e4]
|
|
94
|
+
- Updated dependencies [ee7ba6c]
|
|
95
|
+
- Updated dependencies [30eb232]
|
|
96
|
+
- Updated dependencies [7382c71]
|
|
97
|
+
- Updated dependencies [b6f52a2]
|
|
98
|
+
- Updated dependencies [53baa54]
|
|
99
|
+
- Updated dependencies [53baa54]
|
|
100
|
+
- Updated dependencies [f099b02]
|
|
101
|
+
- Updated dependencies [0a462c5]
|
|
102
|
+
- Updated dependencies [30eb232]
|
|
103
|
+
- Updated dependencies [d67efde]
|
|
104
|
+
- Updated dependencies [985067e]
|
|
105
|
+
- Updated dependencies [57370e4]
|
|
106
|
+
- @rcarls/rc-card@0.6.0
|
|
107
|
+
- @rcarls/rc-list@0.6.0
|
|
108
|
+
- @rcarls/rc-adaptive-menu@0.6.0
|
|
109
|
+
- @rcarls/rc-menu@0.6.0
|
|
110
|
+
- @rcarls/rc-menu-button@0.6.0
|
|
111
|
+
- @rcarls/rc-chip-group@0.6.0
|
|
112
|
+
- @rcarls/rc-chip@0.6.0
|
|
113
|
+
- @rcarls/rc-select@0.6.0
|
|
114
|
+
- @rcarls/rc-combobox@0.6.0
|
|
115
|
+
- @rcarls/rc-search-bar@0.6.0
|
|
116
|
+
- @rcarls/rc-carousel@0.6.0
|
|
117
|
+
- @rcarls/rc-progress@0.6.0
|
|
118
|
+
- @rcarls/rc-scroller@0.6.0
|
|
119
|
+
- @rcarls/rc-app-bar@0.6.0
|
|
120
|
+
- @rcarls/rc-button@0.6.0
|
|
121
|
+
- @rcarls/rc-disclosure@0.6.0
|
|
122
|
+
- @rcarls/rc-bottom-sheet@0.6.0
|
|
123
|
+
- @rcarls/rc-textarea@0.6.0
|
|
124
|
+
- @rcarls/rc-dialog@0.6.0
|
|
125
|
+
- @rcarls/rc-fab-menu@0.6.0
|
|
126
|
+
- @rcarls/rc-range-slider@0.6.0
|
|
127
|
+
- @rcarls/rc-slider@0.6.0
|
|
128
|
+
- @rcarls/rc-toolbar@0.6.0
|
|
129
|
+
- @rcarls/rc-virtual-canvas@0.6.0
|
|
130
|
+
- @rcarls/rc-menubar@0.6.0
|
|
131
|
+
- @rcarls/rc-markdown-editor@0.6.0
|
|
132
|
+
- @rcarls/rc-fab@0.6.0
|
|
133
|
+
- @rcarls/rc-listbox@0.6.0
|
|
134
|
+
- @rcarls/rc-navigation-bar@0.6.0
|
|
135
|
+
- @rcarls/rc-navigation-rail@0.6.0
|
|
136
|
+
- @rcarls/rc-splitter@0.6.0
|
|
137
|
+
- @rcarls/rc-transfer-list@0.6.0
|
|
138
|
+
- @rcarls/rc-accordion@0.6.0
|
|
139
|
+
- @rcarls/rc-segmented-button@0.6.0
|
|
140
|
+
- @rcarls/rc-snackbar@0.6.0
|
|
141
|
+
- @rcarls/rc-switch@0.6.0
|
|
142
|
+
|
|
3
143
|
## 0.5.0
|
|
4
144
|
|
|
5
145
|
### Minor Changes
|
package/README.md
CHANGED
|
@@ -33,6 +33,8 @@ import {
|
|
|
33
33
|
RCCombobox,
|
|
34
34
|
RCDialog,
|
|
35
35
|
RCFabMenu,
|
|
36
|
+
RCList,
|
|
37
|
+
RCListItem,
|
|
36
38
|
RCListbox,
|
|
37
39
|
RcMarkdownEditor,
|
|
38
40
|
RCMenu,
|
|
@@ -59,38 +61,40 @@ fallbacks:
|
|
|
59
61
|
|
|
60
62
|
## Included Packages
|
|
61
63
|
|
|
62
|
-
| Package
|
|
63
|
-
|
|
|
64
|
-
| `rc-app-bar`
|
|
65
|
-
| `rc-accordion`
|
|
66
|
-
| `rc-bottom-sheet`
|
|
67
|
-
| `rc-button`
|
|
68
|
-
| `rc-card`
|
|
69
|
-
| `rc-chip`
|
|
70
|
-
| `rc-combobox`
|
|
71
|
-
| `rc-dialog`
|
|
72
|
-
| `rc-disclosure`
|
|
73
|
-
| `rc-fab`
|
|
74
|
-
| `rc-fab-menu`
|
|
75
|
-
| `rc-
|
|
76
|
-
| `rc-
|
|
77
|
-
| `rc-
|
|
78
|
-
| `rc-menu
|
|
79
|
-
| `rc-
|
|
80
|
-
| `rc-
|
|
81
|
-
| `rc-navigation-
|
|
82
|
-
| `rc-
|
|
83
|
-
| `rc-
|
|
84
|
-
| `rc-
|
|
85
|
-
| `rc-
|
|
86
|
-
| `rc-
|
|
87
|
-
| `rc-
|
|
88
|
-
| `rc-
|
|
89
|
-
| `rc-
|
|
90
|
-
| `rc-
|
|
91
|
-
| `rc-
|
|
92
|
-
| `rc-
|
|
93
|
-
| `rc-
|
|
64
|
+
| Package | Purpose |
|
|
65
|
+
| --------------------- | -------------------------------------------------------------------- |
|
|
66
|
+
| `rc-app-bar` | App bar modeled after Material 3 Top app bar. |
|
|
67
|
+
| `rc-accordion` | Accordion coordinator for native `<details>` panels. |
|
|
68
|
+
| `rc-bottom-sheet` | Modal bottom-sheet wrapper for a native `<dialog>`. |
|
|
69
|
+
| `rc-button` | Progressive-enhancement wrapper for native buttons or anchors. |
|
|
70
|
+
| `rc-card` | Design-system-neutral structural card shell. |
|
|
71
|
+
| `rc-chip` | Chip wrapper for native actions, links, filters, and inputs. |
|
|
72
|
+
| `rc-combobox` | Editable combobox with filtering and optional allow-create behavior. |
|
|
73
|
+
| `rc-dialog` | Draggable, resizable wrapper for a native `<dialog>`. |
|
|
74
|
+
| `rc-disclosure` | Disclosure wrapper for native `<details>`/`<summary>`. |
|
|
75
|
+
| `rc-fab` | Sticky floating action button modeled after Material 3 FAB. |
|
|
76
|
+
| `rc-fab-menu` | Floating action button menu wrapper for an `rc-menu` action surface. |
|
|
77
|
+
| `rc-list` | Shared-column standard and segmented list rows. |
|
|
78
|
+
| `rc-listbox` | Listbox that keeps option DOM in light DOM. |
|
|
79
|
+
| `rc-markdown-editor` | Rich/source Markdown editor backed by `rc-textarea`. |
|
|
80
|
+
| `rc-menu` | Menu popup for command surfaces. |
|
|
81
|
+
| `rc-menu-button` | Trigger button that opens an `rc-menu` popup. |
|
|
82
|
+
| `rc-menubar` | Menubar coordinator for `rc-menu-button` children. |
|
|
83
|
+
| `rc-navigation-bar` | Bottom navigation layout that styles consumer-authored links. |
|
|
84
|
+
| `rc-navigation-rail` | Navigation rail layout that styles consumer-authored links. |
|
|
85
|
+
| `rc-range-slider` | Two-thumb range slider backed by native range inputs. |
|
|
86
|
+
| `rc-search-bar` | Search field/view wrapper for native `<input type="search">`. |
|
|
87
|
+
| `rc-scroller` | Native scroll region with optional content/fullbleed layout. |
|
|
88
|
+
| `rc-segmented-button` | Segmented radio group enhancer for native radios in a `<fieldset>`. |
|
|
89
|
+
| `rc-select` | Select-only combobox backed by a native `<select>`. |
|
|
90
|
+
| `rc-slider` | Single-thumb slider backed by native `<input type="range">`. |
|
|
91
|
+
| `rc-snackbar` | Live-region status-message host with queueing and optional action. |
|
|
92
|
+
| `rc-splitter` | Resizable pane splitter with pointer and keyboard controls. |
|
|
93
|
+
| `rc-switch` | Switch wrapper that enhances a native checkbox input. |
|
|
94
|
+
| `rc-textarea` | Textarea wrapper with line decorations and plugin hooks. |
|
|
95
|
+
| `rc-toolbar` | Toolbar that groups controls into one tab stop. |
|
|
96
|
+
| `rc-transfer-list` | Transfer list enhancing native `<select multiple>`. |
|
|
97
|
+
| `rc-virtual-canvas` | Scrollable virtual canvas for large coordinate-space content. |
|
|
94
98
|
|
|
95
99
|
## Notes
|
|
96
100
|
|
|
@@ -1,22 +1,28 @@
|
|
|
1
|
+
import "@rcarls/rc-adaptive-menu/define";
|
|
1
2
|
import "@rcarls/rc-app-bar/define";
|
|
2
3
|
import "@rcarls/rc-bottom-sheet/define";
|
|
3
4
|
import "@rcarls/rc-button/define";
|
|
4
5
|
import "@rcarls/rc-card/define";
|
|
6
|
+
import "@rcarls/rc-carousel/define";
|
|
5
7
|
import "@rcarls/rc-chip/define";
|
|
8
|
+
import "@rcarls/rc-chip-group/define";
|
|
6
9
|
import "@rcarls/rc-combobox/define";
|
|
7
10
|
import "@rcarls/rc-dialog/define";
|
|
8
11
|
import "@rcarls/rc-disclosure/define";
|
|
9
12
|
import "@rcarls/rc-fab/define";
|
|
10
13
|
import "@rcarls/rc-fab-menu/define";
|
|
11
14
|
import "@rcarls/rc-accordion/define";
|
|
15
|
+
import "@rcarls/rc-list/define";
|
|
12
16
|
import "@rcarls/rc-listbox/define";
|
|
13
17
|
import "@rcarls/rc-menubar/define";
|
|
14
18
|
import "@rcarls/rc-menu-button/define";
|
|
15
19
|
import "@rcarls/rc-menu/define";
|
|
16
20
|
import "@rcarls/rc-navigation-bar/define";
|
|
17
21
|
import "@rcarls/rc-navigation-rail/define";
|
|
22
|
+
import "@rcarls/rc-progress/define";
|
|
18
23
|
import "@rcarls/rc-range-slider/define";
|
|
19
24
|
import "@rcarls/rc-search-bar/define";
|
|
25
|
+
import "@rcarls/rc-scroller/define";
|
|
20
26
|
import "@rcarls/rc-segmented-button/define";
|
|
21
27
|
import "@rcarls/rc-select/define";
|
|
22
28
|
import "@rcarls/rc-slider/define";
|
|
@@ -29,16 +35,20 @@ import "@rcarls/rc-toolbar/define";
|
|
|
29
35
|
import "@rcarls/rc-transfer-list/define";
|
|
30
36
|
import "@rcarls/rc-virtual-canvas/define";
|
|
31
37
|
export * from "@rcarls/rc-accordion";
|
|
38
|
+
export * from "@rcarls/rc-adaptive-menu";
|
|
32
39
|
export * from "@rcarls/rc-app-bar";
|
|
33
40
|
export * from "@rcarls/rc-bottom-sheet";
|
|
34
41
|
export * from "@rcarls/rc-button";
|
|
35
42
|
export * from "@rcarls/rc-card";
|
|
43
|
+
export * from "@rcarls/rc-carousel";
|
|
36
44
|
export * from "@rcarls/rc-chip";
|
|
45
|
+
export * from "@rcarls/rc-chip-group";
|
|
37
46
|
export * from "@rcarls/rc-combobox";
|
|
38
47
|
export * from "@rcarls/rc-dialog";
|
|
39
48
|
export * from "@rcarls/rc-disclosure";
|
|
40
49
|
export * from "@rcarls/rc-fab";
|
|
41
50
|
export * from "@rcarls/rc-fab-menu";
|
|
51
|
+
export * from "@rcarls/rc-list";
|
|
42
52
|
export * from "@rcarls/rc-listbox";
|
|
43
53
|
export * from "@rcarls/rc-markdown-editor";
|
|
44
54
|
export * from "@rcarls/rc-menu";
|
|
@@ -46,8 +56,10 @@ export * from "@rcarls/rc-menu-button";
|
|
|
46
56
|
export * from "@rcarls/rc-menubar";
|
|
47
57
|
export * from "@rcarls/rc-navigation-bar";
|
|
48
58
|
export * from "@rcarls/rc-navigation-rail";
|
|
59
|
+
export * from "@rcarls/rc-progress";
|
|
49
60
|
export * from "@rcarls/rc-range-slider";
|
|
50
61
|
export * from "@rcarls/rc-search-bar";
|
|
62
|
+
export * from "@rcarls/rc-scroller";
|
|
51
63
|
export * from "@rcarls/rc-segmented-button";
|
|
52
64
|
export * from "@rcarls/rc-select";
|
|
53
65
|
export * from "@rcarls/rc-slider";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rc-webcomponents-define.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"rc-webcomponents-define.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/rc-webcomponents.js
CHANGED
|
@@ -1,14 +1,18 @@
|
|
|
1
1
|
export * from "@rcarls/rc-accordion";
|
|
2
|
+
export * from "@rcarls/rc-adaptive-menu";
|
|
2
3
|
export * from "@rcarls/rc-app-bar";
|
|
3
4
|
export * from "@rcarls/rc-bottom-sheet";
|
|
4
5
|
export * from "@rcarls/rc-button";
|
|
5
6
|
export * from "@rcarls/rc-card";
|
|
7
|
+
export * from "@rcarls/rc-carousel";
|
|
6
8
|
export * from "@rcarls/rc-chip";
|
|
9
|
+
export * from "@rcarls/rc-chip-group";
|
|
7
10
|
export * from "@rcarls/rc-combobox";
|
|
8
11
|
export * from "@rcarls/rc-dialog";
|
|
9
12
|
export * from "@rcarls/rc-disclosure";
|
|
10
13
|
export * from "@rcarls/rc-fab";
|
|
11
14
|
export * from "@rcarls/rc-fab-menu";
|
|
15
|
+
export * from "@rcarls/rc-list";
|
|
12
16
|
export * from "@rcarls/rc-listbox";
|
|
13
17
|
export * from "@rcarls/rc-markdown-editor";
|
|
14
18
|
export * from "@rcarls/rc-menu";
|
|
@@ -16,8 +20,10 @@ export * from "@rcarls/rc-menu-button";
|
|
|
16
20
|
export * from "@rcarls/rc-menubar";
|
|
17
21
|
export * from "@rcarls/rc-navigation-bar";
|
|
18
22
|
export * from "@rcarls/rc-navigation-rail";
|
|
23
|
+
export * from "@rcarls/rc-progress";
|
|
19
24
|
export * from "@rcarls/rc-range-slider";
|
|
20
25
|
export * from "@rcarls/rc-search-bar";
|
|
26
|
+
export * from "@rcarls/rc-scroller";
|
|
21
27
|
export * from "@rcarls/rc-segmented-button";
|
|
22
28
|
export * from "@rcarls/rc-select";
|
|
23
29
|
export * from "@rcarls/rc-slider";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rc-webcomponents.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"rc-webcomponents.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/types/index.d.ts
CHANGED
|
@@ -1,14 +1,18 @@
|
|
|
1
1
|
export * from '@rcarls/rc-accordion';
|
|
2
|
+
export * from '@rcarls/rc-adaptive-menu';
|
|
2
3
|
export * from '@rcarls/rc-app-bar';
|
|
3
4
|
export * from '@rcarls/rc-bottom-sheet';
|
|
4
5
|
export * from '@rcarls/rc-button';
|
|
5
6
|
export * from '@rcarls/rc-card';
|
|
7
|
+
export * from '@rcarls/rc-carousel';
|
|
6
8
|
export * from '@rcarls/rc-chip';
|
|
9
|
+
export * from '@rcarls/rc-chip-group';
|
|
7
10
|
export * from '@rcarls/rc-combobox';
|
|
8
11
|
export * from '@rcarls/rc-dialog';
|
|
9
12
|
export * from '@rcarls/rc-disclosure';
|
|
10
13
|
export * from '@rcarls/rc-fab';
|
|
11
14
|
export * from '@rcarls/rc-fab-menu';
|
|
15
|
+
export * from '@rcarls/rc-list';
|
|
12
16
|
export * from '@rcarls/rc-listbox';
|
|
13
17
|
export * from '@rcarls/rc-markdown-editor';
|
|
14
18
|
export * from '@rcarls/rc-menu';
|
|
@@ -16,8 +20,10 @@ export * from '@rcarls/rc-menu-button';
|
|
|
16
20
|
export * from '@rcarls/rc-menubar';
|
|
17
21
|
export * from '@rcarls/rc-navigation-bar';
|
|
18
22
|
export * from '@rcarls/rc-navigation-rail';
|
|
23
|
+
export * from '@rcarls/rc-progress';
|
|
19
24
|
export * from '@rcarls/rc-range-slider';
|
|
20
25
|
export * from '@rcarls/rc-search-bar';
|
|
26
|
+
export * from '@rcarls/rc-scroller';
|
|
21
27
|
export * from '@rcarls/rc-segmented-button';
|
|
22
28
|
export * from '@rcarls/rc-select';
|
|
23
29
|
export * from '@rcarls/rc-slider';
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"publishConfig": {
|
|
4
4
|
"access": "public"
|
|
5
5
|
},
|
|
6
|
-
"version": "0.
|
|
6
|
+
"version": "0.6.0",
|
|
7
7
|
"description": "Aggregate package that re-exports and defines the rc-webcomponents collection.",
|
|
8
8
|
"repository": {
|
|
9
9
|
"type": "git",
|
|
@@ -50,36 +50,42 @@
|
|
|
50
50
|
"build": "tsc && vite build"
|
|
51
51
|
},
|
|
52
52
|
"dependencies": {
|
|
53
|
-
"@rcarls/rc-accordion": "0.
|
|
54
|
-
"@rcarls/rc-
|
|
55
|
-
"@rcarls/rc-
|
|
56
|
-
"@rcarls/rc-
|
|
57
|
-
"@rcarls/rc-
|
|
58
|
-
"@rcarls/rc-
|
|
59
|
-
"@rcarls/rc-
|
|
60
|
-
"@rcarls/rc-
|
|
61
|
-
"@rcarls/rc-
|
|
62
|
-
"@rcarls/rc-
|
|
63
|
-
"@rcarls/rc-
|
|
64
|
-
"@rcarls/rc-
|
|
65
|
-
"@rcarls/rc-
|
|
66
|
-
"@rcarls/rc-menu": "0.
|
|
67
|
-
"@rcarls/rc-
|
|
68
|
-
"@rcarls/rc-
|
|
69
|
-
"@rcarls/rc-
|
|
70
|
-
"@rcarls/rc-
|
|
71
|
-
"@rcarls/rc-
|
|
72
|
-
"@rcarls/rc-
|
|
73
|
-
"@rcarls/rc-
|
|
74
|
-
"@rcarls/rc-
|
|
75
|
-
"@rcarls/rc-
|
|
76
|
-
"@rcarls/rc-
|
|
77
|
-
"@rcarls/rc-
|
|
78
|
-
"@rcarls/rc-
|
|
79
|
-
"@rcarls/rc-
|
|
80
|
-
"@rcarls/rc-
|
|
81
|
-
"@rcarls/rc-
|
|
82
|
-
"@rcarls/rc-
|
|
53
|
+
"@rcarls/rc-accordion": "0.6.0",
|
|
54
|
+
"@rcarls/rc-adaptive-menu": "0.6.0",
|
|
55
|
+
"@rcarls/rc-app-bar": "0.6.0",
|
|
56
|
+
"@rcarls/rc-bottom-sheet": "0.6.0",
|
|
57
|
+
"@rcarls/rc-button": "0.6.0",
|
|
58
|
+
"@rcarls/rc-card": "0.6.0",
|
|
59
|
+
"@rcarls/rc-carousel": "0.6.0",
|
|
60
|
+
"@rcarls/rc-chip": "0.6.0",
|
|
61
|
+
"@rcarls/rc-chip-group": "0.6.0",
|
|
62
|
+
"@rcarls/rc-combobox": "0.6.0",
|
|
63
|
+
"@rcarls/rc-dialog": "0.6.0",
|
|
64
|
+
"@rcarls/rc-disclosure": "0.6.0",
|
|
65
|
+
"@rcarls/rc-fab": "0.6.0",
|
|
66
|
+
"@rcarls/rc-fab-menu": "0.6.0",
|
|
67
|
+
"@rcarls/rc-list": "0.6.0",
|
|
68
|
+
"@rcarls/rc-listbox": "0.6.0",
|
|
69
|
+
"@rcarls/rc-markdown-editor": "0.6.0",
|
|
70
|
+
"@rcarls/rc-menu": "0.6.0",
|
|
71
|
+
"@rcarls/rc-menu-button": "0.6.0",
|
|
72
|
+
"@rcarls/rc-menubar": "0.6.0",
|
|
73
|
+
"@rcarls/rc-navigation-bar": "0.6.0",
|
|
74
|
+
"@rcarls/rc-navigation-rail": "0.6.0",
|
|
75
|
+
"@rcarls/rc-progress": "0.6.0",
|
|
76
|
+
"@rcarls/rc-range-slider": "0.6.0",
|
|
77
|
+
"@rcarls/rc-scroller": "0.6.0",
|
|
78
|
+
"@rcarls/rc-search-bar": "0.6.0",
|
|
79
|
+
"@rcarls/rc-segmented-button": "0.6.0",
|
|
80
|
+
"@rcarls/rc-select": "0.6.0",
|
|
81
|
+
"@rcarls/rc-slider": "0.6.0",
|
|
82
|
+
"@rcarls/rc-snackbar": "0.6.0",
|
|
83
|
+
"@rcarls/rc-splitter": "0.6.0",
|
|
84
|
+
"@rcarls/rc-switch": "0.6.0",
|
|
85
|
+
"@rcarls/rc-textarea": "0.6.0",
|
|
86
|
+
"@rcarls/rc-toolbar": "0.6.0",
|
|
87
|
+
"@rcarls/rc-transfer-list": "0.6.0",
|
|
88
|
+
"@rcarls/rc-virtual-canvas": "0.6.0"
|
|
83
89
|
},
|
|
84
90
|
"peerDependencies": {
|
|
85
91
|
"lit": "^3.0.0"
|
package/src/react.d.ts
CHANGED
|
@@ -96,6 +96,11 @@ export type RCBottomSheetSnapDetail = {
|
|
|
96
96
|
trigger: 'drag' | 'api';
|
|
97
97
|
};
|
|
98
98
|
|
|
99
|
+
export type RCBottomSheetResizeStartDetail = {
|
|
100
|
+
height: number;
|
|
101
|
+
inputType: 'pointer' | 'keyboard';
|
|
102
|
+
};
|
|
103
|
+
|
|
99
104
|
export type RCMenuActivateDetail = {
|
|
100
105
|
item: HTMLElement;
|
|
101
106
|
value: string;
|
|
@@ -106,6 +111,10 @@ export type RCMenuCloseDetail = {
|
|
|
106
111
|
reason: 'escape';
|
|
107
112
|
};
|
|
108
113
|
|
|
114
|
+
export type RCAdaptiveMenuToggleDetail = {
|
|
115
|
+
open: boolean;
|
|
116
|
+
};
|
|
117
|
+
|
|
109
118
|
export type RCMenuButtonToggleDetail = {
|
|
110
119
|
open: boolean;
|
|
111
120
|
};
|
|
@@ -194,6 +203,14 @@ export type RCSearchBarInputDetail = {
|
|
|
194
203
|
value: string;
|
|
195
204
|
};
|
|
196
205
|
|
|
206
|
+
export type RCCarouselChangeTrigger = 'api' | 'button' | 'keyboard' | 'swipe';
|
|
207
|
+
|
|
208
|
+
/** Detail shape for `rc-carousel-change`. */
|
|
209
|
+
export type RCCarouselChangeDetail = {
|
|
210
|
+
index: number;
|
|
211
|
+
trigger: RCCarouselChangeTrigger;
|
|
212
|
+
};
|
|
213
|
+
|
|
197
214
|
export type RCTextareaChangeDetail = {
|
|
198
215
|
value: string;
|
|
199
216
|
};
|
|
@@ -221,6 +238,14 @@ export type RCChipRemoveDetail = {
|
|
|
221
238
|
chip: HTMLElement;
|
|
222
239
|
};
|
|
223
240
|
|
|
241
|
+
export type RCChipGroupLayout = 'auto' | 'wrap' | 'scroll';
|
|
242
|
+
export type RCChipGroupKind = 'generic' | 'assist' | 'filter';
|
|
243
|
+
export type RCChipGroupSelection = 'none' | 'single' | 'multiple';
|
|
244
|
+
|
|
245
|
+
export type RCChipGroupToggleDetail = {
|
|
246
|
+
expanded: boolean;
|
|
247
|
+
};
|
|
248
|
+
|
|
224
249
|
export type RCButtonToggleDetail = {
|
|
225
250
|
selected: boolean;
|
|
226
251
|
};
|
|
@@ -259,7 +284,40 @@ export type RCButtonRef = HTMLElement & {
|
|
|
259
284
|
};
|
|
260
285
|
|
|
261
286
|
/** Public API surface of `<rc-card>`. */
|
|
287
|
+
export type RCCardOrientation = 'vertical' | 'horizontal';
|
|
288
|
+
|
|
262
289
|
export type RCCardRef = HTMLElement & {
|
|
290
|
+
orientation: RCCardOrientation;
|
|
291
|
+
selected: boolean;
|
|
292
|
+
disabled: boolean;
|
|
293
|
+
interactive: boolean;
|
|
294
|
+
actionTarget: string;
|
|
295
|
+
};
|
|
296
|
+
|
|
297
|
+
export type RCScrollerAxis = 'block' | 'inline' | 'both';
|
|
298
|
+
export type RCScrollerLayout = 'none' | 'content';
|
|
299
|
+
|
|
300
|
+
/** Public API surface of `<rc-scroller>`. */
|
|
301
|
+
export type RCScrollerRef = HTMLElement & {
|
|
302
|
+
axis: RCScrollerAxis;
|
|
303
|
+
layout: RCScrollerLayout;
|
|
304
|
+
readonly atBlockStart: boolean;
|
|
305
|
+
readonly atBlockEnd: boolean;
|
|
306
|
+
readonly atInlineStart: boolean;
|
|
307
|
+
readonly atInlineEnd: boolean;
|
|
308
|
+
};
|
|
309
|
+
|
|
310
|
+
export type RCListVariant = 'standard' | 'segmented';
|
|
311
|
+
export type RCListSelection = 'none' | 'single' | 'multiple';
|
|
312
|
+
|
|
313
|
+
/** Public API surface of `<rc-list>`. */
|
|
314
|
+
export type RCListRef = HTMLElement & {
|
|
315
|
+
variant: RCListVariant;
|
|
316
|
+
selection: RCListSelection;
|
|
317
|
+
};
|
|
318
|
+
|
|
319
|
+
/** Public API surface of `<rc-list-item>`. */
|
|
320
|
+
export type RCListItemRef = HTMLElement & {
|
|
263
321
|
selected: boolean;
|
|
264
322
|
disabled: boolean;
|
|
265
323
|
interactive: boolean;
|
|
@@ -293,6 +351,18 @@ export type RCChipRef = HTMLElement & {
|
|
|
293
351
|
removable: boolean;
|
|
294
352
|
};
|
|
295
353
|
|
|
354
|
+
export type RCChipGroupRef = HTMLElement & {
|
|
355
|
+
layout: RCChipGroupLayout;
|
|
356
|
+
maxRows: number;
|
|
357
|
+
kind: RCChipGroupKind;
|
|
358
|
+
selection: RCChipGroupSelection;
|
|
359
|
+
expanded: boolean;
|
|
360
|
+
defaultExpanded: boolean;
|
|
361
|
+
label: string;
|
|
362
|
+
showAllLabel: string;
|
|
363
|
+
showLessLabel: string;
|
|
364
|
+
};
|
|
365
|
+
|
|
296
366
|
/** Public API surface of `<rc-snackbar>`. */
|
|
297
367
|
export type RCSnackbarRef = HTMLElement & {
|
|
298
368
|
open: boolean;
|
|
@@ -403,6 +473,22 @@ export type RCMenuRef = HTMLElement & {
|
|
|
403
473
|
label: string;
|
|
404
474
|
};
|
|
405
475
|
|
|
476
|
+
/** Public API surface of `<rc-adaptive-menu>`. */
|
|
477
|
+
export type RCAdaptiveMenuRef = HTMLElement & {
|
|
478
|
+
label: string;
|
|
479
|
+
maxShown: number;
|
|
480
|
+
open: boolean;
|
|
481
|
+
defaultOpen: boolean;
|
|
482
|
+
orientation: 'horizontal' | 'vertical';
|
|
483
|
+
overflowLabel: string;
|
|
484
|
+
readonly $actions: HTMLElement[];
|
|
485
|
+
readonly $promotedActions: HTMLElement[];
|
|
486
|
+
readonly $overflowedActions: HTMLElement[];
|
|
487
|
+
openMenu(focus?: 'first' | 'last' | 'none'): void;
|
|
488
|
+
closeMenu(returnFocus?: boolean): void;
|
|
489
|
+
toggleMenu(focus?: 'first' | 'last' | 'none'): void;
|
|
490
|
+
};
|
|
491
|
+
|
|
406
492
|
/** Public API surface of `<rc-menu-button>`. */
|
|
407
493
|
export type RCMenuButtonPlacement =
|
|
408
494
|
| 'top'
|
|
@@ -462,7 +548,7 @@ export type RCMenubarRef = HTMLElement & {
|
|
|
462
548
|
/** Public API surface of `<rc-toolbar>`. */
|
|
463
549
|
export type RCToolbarRef = HTMLElement & {
|
|
464
550
|
label: string;
|
|
465
|
-
orientation:
|
|
551
|
+
orientation: 'horizontal' | 'vertical';
|
|
466
552
|
};
|
|
467
553
|
|
|
468
554
|
/** Public API surface of `<rc-splitter>`. */
|
|
@@ -496,6 +582,18 @@ export type RCSliderRef = HTMLElement & {
|
|
|
496
582
|
orientation: 'horizontal' | 'vertical';
|
|
497
583
|
};
|
|
498
584
|
|
|
585
|
+
/** Public API surface of `<rc-progress>`. */
|
|
586
|
+
export type RCProgressRef = HTMLElement & {
|
|
587
|
+
readonly max: number;
|
|
588
|
+
value: number;
|
|
589
|
+
defaultValue: number | undefined;
|
|
590
|
+
indeterminate: boolean;
|
|
591
|
+
disabled: boolean;
|
|
592
|
+
display: 'inline-start' | 'inline-end' | 'overlay' | null;
|
|
593
|
+
valueText: string;
|
|
594
|
+
orientation: 'horizontal' | 'vertical';
|
|
595
|
+
};
|
|
596
|
+
|
|
499
597
|
/** Public API surface of `<rc-range-slider>`. */
|
|
500
598
|
export type RCRangeSliderRef = HTMLElement & {
|
|
501
599
|
min: number;
|
|
@@ -504,6 +602,7 @@ export type RCRangeSliderRef = HTMLElement & {
|
|
|
504
602
|
value: [number, number];
|
|
505
603
|
defaultValue: [number, number] | undefined;
|
|
506
604
|
disabled: boolean;
|
|
605
|
+
readonly: boolean;
|
|
507
606
|
lowLabel: string;
|
|
508
607
|
highLabel: string;
|
|
509
608
|
lowValueText: string;
|
|
@@ -595,6 +694,22 @@ export type RCSearchBarRef = HTMLElement & {
|
|
|
595
694
|
toggleView(): void;
|
|
596
695
|
};
|
|
597
696
|
|
|
697
|
+
/** Public API surface of `<rc-carousel>`. */
|
|
698
|
+
export type RCCarouselRef = HTMLElement & {
|
|
699
|
+
activeIndex: number | undefined;
|
|
700
|
+
defaultActiveIndex: number;
|
|
701
|
+
loop: boolean;
|
|
702
|
+
navigation: boolean;
|
|
703
|
+
pagination: boolean;
|
|
704
|
+
mouseDragging: boolean;
|
|
705
|
+
next(): void;
|
|
706
|
+
previous(): void;
|
|
707
|
+
goToIndex(index: number, instant?: boolean): void;
|
|
708
|
+
};
|
|
709
|
+
|
|
710
|
+
/** Public API surface of `<rc-carousel-item>`. */
|
|
711
|
+
export type RCCarouselItemRef = HTMLElement;
|
|
712
|
+
|
|
598
713
|
// ── React JSX declarations ───────────────────────────────────────────────────
|
|
599
714
|
|
|
600
715
|
declare module 'react' {
|
|
@@ -628,6 +743,42 @@ declare module 'react' {
|
|
|
628
743
|
};
|
|
629
744
|
|
|
630
745
|
'rc-card': React.DetailedHTMLProps<React.HTMLAttributes<RCCardRef>, RCCardRef> & {
|
|
746
|
+
orientation?: RCCardOrientation;
|
|
747
|
+
selected?: boolean;
|
|
748
|
+
disabled?: boolean;
|
|
749
|
+
interactive?: boolean;
|
|
750
|
+
'action-target'?: string;
|
|
751
|
+
};
|
|
752
|
+
|
|
753
|
+
'rc-scroller': React.DetailedHTMLProps<React.HTMLAttributes<RCScrollerRef>, RCScrollerRef> & {
|
|
754
|
+
axis?: RCScrollerAxis;
|
|
755
|
+
layout?: RCScrollerLayout;
|
|
756
|
+
};
|
|
757
|
+
|
|
758
|
+
'rc-carousel': React.DetailedHTMLProps<React.HTMLAttributes<RCCarouselRef>, RCCarouselRef> & {
|
|
759
|
+
'active-index'?: number | string;
|
|
760
|
+
'default-active-index'?: number | string;
|
|
761
|
+
loop?: boolean;
|
|
762
|
+
navigation?: boolean;
|
|
763
|
+
pagination?: boolean;
|
|
764
|
+
'mouse-dragging'?: boolean;
|
|
765
|
+
'onrc-carousel-change'?: (event: CustomEvent<RCCarouselChangeDetail>) => void;
|
|
766
|
+
};
|
|
767
|
+
|
|
768
|
+
'rc-carousel-item': React.DetailedHTMLProps<
|
|
769
|
+
React.HTMLAttributes<RCCarouselItemRef>,
|
|
770
|
+
RCCarouselItemRef
|
|
771
|
+
>;
|
|
772
|
+
|
|
773
|
+
'rc-list': React.DetailedHTMLProps<React.HTMLAttributes<RCListRef>, RCListRef> & {
|
|
774
|
+
variant?: RCListVariant;
|
|
775
|
+
selection?: RCListSelection;
|
|
776
|
+
};
|
|
777
|
+
|
|
778
|
+
'rc-list-item': React.DetailedHTMLProps<
|
|
779
|
+
React.HTMLAttributes<RCListItemRef>,
|
|
780
|
+
RCListItemRef
|
|
781
|
+
> & {
|
|
631
782
|
selected?: boolean;
|
|
632
783
|
disabled?: boolean;
|
|
633
784
|
interactive?: boolean;
|
|
@@ -661,6 +812,21 @@ declare module 'react' {
|
|
|
661
812
|
removable?: boolean;
|
|
662
813
|
};
|
|
663
814
|
|
|
815
|
+
'rc-chip-group': React.DetailedHTMLProps<
|
|
816
|
+
React.HTMLAttributes<RCChipGroupRef>,
|
|
817
|
+
RCChipGroupRef
|
|
818
|
+
> & {
|
|
819
|
+
layout?: RCChipGroupLayout;
|
|
820
|
+
'max-rows'?: number | string;
|
|
821
|
+
kind?: RCChipGroupKind;
|
|
822
|
+
selection?: RCChipGroupSelection;
|
|
823
|
+
expanded?: boolean;
|
|
824
|
+
'default-expanded'?: boolean;
|
|
825
|
+
label?: string;
|
|
826
|
+
'show-all-label'?: string;
|
|
827
|
+
'show-less-label'?: string;
|
|
828
|
+
};
|
|
829
|
+
|
|
664
830
|
'rc-snackbar': React.DetailedHTMLProps<React.HTMLAttributes<RCSnackbarRef>, RCSnackbarRef> & {
|
|
665
831
|
open?: boolean;
|
|
666
832
|
message?: string;
|
|
@@ -733,12 +899,28 @@ declare module 'react' {
|
|
|
733
899
|
'snap-points'?: string;
|
|
734
900
|
'swipe-dismiss'?: boolean;
|
|
735
901
|
'swipe-velocity'?: number | string;
|
|
902
|
+
'onrc-bottom-sheet-resize-start'?: (
|
|
903
|
+
event: CustomEvent<RCBottomSheetResizeStartDetail>,
|
|
904
|
+
) => void;
|
|
736
905
|
};
|
|
737
906
|
|
|
738
907
|
'rc-menu': React.DetailedHTMLProps<React.HTMLAttributes<RCMenuRef>, RCMenuRef> & {
|
|
739
908
|
label?: string;
|
|
740
909
|
};
|
|
741
910
|
|
|
911
|
+
'rc-adaptive-menu': React.DetailedHTMLProps<
|
|
912
|
+
React.HTMLAttributes<RCAdaptiveMenuRef>,
|
|
913
|
+
RCAdaptiveMenuRef
|
|
914
|
+
> & {
|
|
915
|
+
label?: string;
|
|
916
|
+
'max-shown'?: number | string;
|
|
917
|
+
open?: boolean;
|
|
918
|
+
'default-open'?: boolean;
|
|
919
|
+
orientation?: 'horizontal' | 'vertical';
|
|
920
|
+
'overflow-label'?: string;
|
|
921
|
+
'onrc-adaptive-menu-toggle'?: (event: CustomEvent<RCAdaptiveMenuToggleDetail>) => void;
|
|
922
|
+
};
|
|
923
|
+
|
|
742
924
|
'rc-menu-button': React.DetailedHTMLProps<
|
|
743
925
|
React.HTMLAttributes<RCMenuButtonRef>,
|
|
744
926
|
RCMenuButtonRef
|
|
@@ -747,6 +929,7 @@ declare module 'react' {
|
|
|
747
929
|
'default-open'?: boolean;
|
|
748
930
|
orientation?: 'horizontal' | 'vertical';
|
|
749
931
|
placement?: RCMenuButtonPlacement;
|
|
932
|
+
'icon-only'?: boolean;
|
|
750
933
|
};
|
|
751
934
|
|
|
752
935
|
'rc-fab-menu': React.DetailedHTMLProps<React.HTMLAttributes<RCFabMenuRef>, RCFabMenuRef> & {
|
|
@@ -781,7 +964,7 @@ declare module 'react' {
|
|
|
781
964
|
|
|
782
965
|
'rc-toolbar': React.DetailedHTMLProps<React.HTMLAttributes<RCToolbarRef>, RCToolbarRef> & {
|
|
783
966
|
label?: string;
|
|
784
|
-
orientation?:
|
|
967
|
+
orientation?: 'horizontal' | 'vertical';
|
|
785
968
|
};
|
|
786
969
|
|
|
787
970
|
'rc-slider': React.DetailedHTMLProps<React.HTMLAttributes<RCSliderRef>, RCSliderRef> & {
|
|
@@ -797,6 +980,16 @@ declare module 'react' {
|
|
|
797
980
|
orientation?: 'horizontal' | 'vertical';
|
|
798
981
|
};
|
|
799
982
|
|
|
983
|
+
'rc-progress': React.DetailedHTMLProps<React.HTMLAttributes<RCProgressRef>, RCProgressRef> & {
|
|
984
|
+
value?: number | string;
|
|
985
|
+
'default-value'?: number | string;
|
|
986
|
+
indeterminate?: boolean;
|
|
987
|
+
disabled?: boolean;
|
|
988
|
+
display?: 'inline-start' | 'inline-end' | 'overlay';
|
|
989
|
+
'value-text'?: string;
|
|
990
|
+
orientation?: 'horizontal' | 'vertical';
|
|
991
|
+
};
|
|
992
|
+
|
|
800
993
|
'rc-range-slider': React.DetailedHTMLProps<
|
|
801
994
|
React.HTMLAttributes<RCRangeSliderRef>,
|
|
802
995
|
RCRangeSliderRef
|
|
@@ -807,6 +1000,7 @@ declare module 'react' {
|
|
|
807
1000
|
value?: [number, number];
|
|
808
1001
|
'default-value'?: [number, number];
|
|
809
1002
|
disabled?: boolean;
|
|
1003
|
+
readonly?: boolean;
|
|
810
1004
|
'low-label'?: string;
|
|
811
1005
|
'high-label'?: string;
|
|
812
1006
|
'low-value-text'?: string;
|
package/src/solid.d.ts
CHANGED
|
@@ -38,7 +38,40 @@ export type RCButtonRef = HTMLElement & {
|
|
|
38
38
|
};
|
|
39
39
|
|
|
40
40
|
/** Public API surface of `<rc-card>`. */
|
|
41
|
+
export type RCCardOrientation = 'vertical' | 'horizontal';
|
|
42
|
+
|
|
41
43
|
export type RCCardRef = HTMLElement & {
|
|
44
|
+
orientation: RCCardOrientation;
|
|
45
|
+
selected: boolean;
|
|
46
|
+
disabled: boolean;
|
|
47
|
+
interactive: boolean;
|
|
48
|
+
actionTarget: string;
|
|
49
|
+
};
|
|
50
|
+
|
|
51
|
+
export type RCScrollerAxis = 'block' | 'inline' | 'both';
|
|
52
|
+
export type RCScrollerLayout = 'none' | 'content';
|
|
53
|
+
|
|
54
|
+
/** Public API surface of `<rc-scroller>`. */
|
|
55
|
+
export type RCScrollerRef = HTMLElement & {
|
|
56
|
+
axis: RCScrollerAxis;
|
|
57
|
+
layout: RCScrollerLayout;
|
|
58
|
+
readonly atBlockStart: boolean;
|
|
59
|
+
readonly atBlockEnd: boolean;
|
|
60
|
+
readonly atInlineStart: boolean;
|
|
61
|
+
readonly atInlineEnd: boolean;
|
|
62
|
+
};
|
|
63
|
+
|
|
64
|
+
export type RCListVariant = 'standard' | 'segmented';
|
|
65
|
+
export type RCListSelection = 'none' | 'single' | 'multiple';
|
|
66
|
+
|
|
67
|
+
/** Public API surface of `<rc-list>`. */
|
|
68
|
+
export type RCListRef = HTMLElement & {
|
|
69
|
+
variant: RCListVariant;
|
|
70
|
+
selection: RCListSelection;
|
|
71
|
+
};
|
|
72
|
+
|
|
73
|
+
/** Public API surface of `<rc-list-item>`. */
|
|
74
|
+
export type RCListItemRef = HTMLElement & {
|
|
42
75
|
selected: boolean;
|
|
43
76
|
disabled: boolean;
|
|
44
77
|
interactive: boolean;
|
|
@@ -78,6 +111,14 @@ export type RCChipRemoveDetail = {
|
|
|
78
111
|
chip: HTMLElement;
|
|
79
112
|
};
|
|
80
113
|
|
|
114
|
+
export type RCChipGroupLayout = 'auto' | 'wrap' | 'scroll';
|
|
115
|
+
export type RCChipGroupKind = 'generic' | 'assist' | 'filter';
|
|
116
|
+
export type RCChipGroupSelection = 'none' | 'single' | 'multiple';
|
|
117
|
+
|
|
118
|
+
export type RCChipGroupToggleDetail = {
|
|
119
|
+
expanded: boolean;
|
|
120
|
+
};
|
|
121
|
+
|
|
81
122
|
export type RCButtonToggleDetail = {
|
|
82
123
|
selected: boolean;
|
|
83
124
|
};
|
|
@@ -91,6 +132,18 @@ export type RCChipRef = HTMLElement & {
|
|
|
91
132
|
removable: boolean;
|
|
92
133
|
};
|
|
93
134
|
|
|
135
|
+
export type RCChipGroupRef = HTMLElement & {
|
|
136
|
+
layout: RCChipGroupLayout;
|
|
137
|
+
maxRows: number;
|
|
138
|
+
kind: RCChipGroupKind;
|
|
139
|
+
selection: RCChipGroupSelection;
|
|
140
|
+
expanded: boolean;
|
|
141
|
+
defaultExpanded: boolean;
|
|
142
|
+
label: string;
|
|
143
|
+
showAllLabel: string;
|
|
144
|
+
showLessLabel: string;
|
|
145
|
+
};
|
|
146
|
+
|
|
94
147
|
export type RCSnackbarQueuePolicy = 'queue' | 'replace';
|
|
95
148
|
export type RCSnackbarCloseReason = 'action' | 'api' | 'timeout' | 'replace' | 'clear';
|
|
96
149
|
|
|
@@ -258,6 +311,11 @@ export type RCBottomSheetSnapDetail = {
|
|
|
258
311
|
trigger: 'drag' | 'api';
|
|
259
312
|
};
|
|
260
313
|
|
|
314
|
+
export type RCBottomSheetResizeStartDetail = {
|
|
315
|
+
height: number;
|
|
316
|
+
inputType: 'pointer' | 'keyboard';
|
|
317
|
+
};
|
|
318
|
+
|
|
261
319
|
/** Public API surface of `<rc-bottom-sheet>`. */
|
|
262
320
|
export type RCBottomSheetRef = RCDialogRef & {
|
|
263
321
|
snapPoints: string;
|
|
@@ -290,6 +348,26 @@ export type RCMenuCloseDetail = {
|
|
|
290
348
|
reason: 'escape';
|
|
291
349
|
};
|
|
292
350
|
|
|
351
|
+
export type RCAdaptiveMenuToggleDetail = {
|
|
352
|
+
open: boolean;
|
|
353
|
+
};
|
|
354
|
+
|
|
355
|
+
/** Public API surface of `<rc-adaptive-menu>`. */
|
|
356
|
+
export type RCAdaptiveMenuRef = HTMLElement & {
|
|
357
|
+
label: string;
|
|
358
|
+
maxShown: number;
|
|
359
|
+
open: boolean;
|
|
360
|
+
defaultOpen: boolean;
|
|
361
|
+
orientation: 'horizontal' | 'vertical';
|
|
362
|
+
overflowLabel: string;
|
|
363
|
+
readonly $actions: HTMLElement[];
|
|
364
|
+
readonly $promotedActions: HTMLElement[];
|
|
365
|
+
readonly $overflowedActions: HTMLElement[];
|
|
366
|
+
openMenu(focus?: 'first' | 'last' | 'none'): void;
|
|
367
|
+
closeMenu(returnFocus?: boolean): void;
|
|
368
|
+
toggleMenu(focus?: 'first' | 'last' | 'none'): void;
|
|
369
|
+
};
|
|
370
|
+
|
|
293
371
|
/** Public API surface of `<rc-menu-button>`. */
|
|
294
372
|
export type RCMenuButtonPlacement =
|
|
295
373
|
| 'top'
|
|
@@ -351,7 +429,7 @@ export type RCMenubarRef = HTMLElement & {
|
|
|
351
429
|
/** Public API surface of `<rc-toolbar>`. */
|
|
352
430
|
export type RCToolbarRef = HTMLElement & {
|
|
353
431
|
label: string;
|
|
354
|
-
orientation:
|
|
432
|
+
orientation: 'horizontal' | 'vertical';
|
|
355
433
|
};
|
|
356
434
|
|
|
357
435
|
/** Public API surface of `<rc-splitter>`. */
|
|
@@ -481,6 +559,17 @@ export type RCSliderChangeDetail = {
|
|
|
481
559
|
value: number;
|
|
482
560
|
};
|
|
483
561
|
|
|
562
|
+
export type RCProgressRef = HTMLElement & {
|
|
563
|
+
readonly max: number;
|
|
564
|
+
value: number;
|
|
565
|
+
defaultValue: number | undefined;
|
|
566
|
+
indeterminate: boolean;
|
|
567
|
+
disabled: boolean;
|
|
568
|
+
display: 'inline-start' | 'inline-end' | 'overlay' | null;
|
|
569
|
+
valueText: string;
|
|
570
|
+
orientation: 'horizontal' | 'vertical';
|
|
571
|
+
};
|
|
572
|
+
|
|
484
573
|
export type RCRangeSliderRef = HTMLElement & {
|
|
485
574
|
min: number;
|
|
486
575
|
max: number;
|
|
@@ -488,6 +577,7 @@ export type RCRangeSliderRef = HTMLElement & {
|
|
|
488
577
|
value: [number, number];
|
|
489
578
|
defaultValue: [number, number] | undefined;
|
|
490
579
|
disabled: boolean;
|
|
580
|
+
readonly: boolean;
|
|
491
581
|
lowLabel: string;
|
|
492
582
|
highLabel: string;
|
|
493
583
|
lowValueText: string;
|
|
@@ -571,6 +661,30 @@ export type RCSplitterChangeDetail = {
|
|
|
571
661
|
valueText: string;
|
|
572
662
|
};
|
|
573
663
|
|
|
664
|
+
export type RCCarouselChangeTrigger = 'api' | 'button' | 'keyboard' | 'swipe';
|
|
665
|
+
|
|
666
|
+
/** Detail shape for `rc-carousel-change`. */
|
|
667
|
+
export type RCCarouselChangeDetail = {
|
|
668
|
+
index: number;
|
|
669
|
+
trigger: RCCarouselChangeTrigger;
|
|
670
|
+
};
|
|
671
|
+
|
|
672
|
+
/** Public API surface of `<rc-carousel>`. */
|
|
673
|
+
export type RCCarouselRef = HTMLElement & {
|
|
674
|
+
activeIndex: number | undefined;
|
|
675
|
+
defaultActiveIndex: number;
|
|
676
|
+
loop: boolean;
|
|
677
|
+
navigation: boolean;
|
|
678
|
+
pagination: boolean;
|
|
679
|
+
mouseDragging: boolean;
|
|
680
|
+
next(): void;
|
|
681
|
+
previous(): void;
|
|
682
|
+
goToIndex(index: number, instant?: boolean): void;
|
|
683
|
+
};
|
|
684
|
+
|
|
685
|
+
/** Public API surface of `<rc-carousel-item>`. */
|
|
686
|
+
export type RCCarouselItemRef = HTMLElement;
|
|
687
|
+
|
|
574
688
|
export type RCTextareaChangeDetail = {
|
|
575
689
|
value: string;
|
|
576
690
|
};
|
|
@@ -613,10 +727,49 @@ declare module 'solid-js' {
|
|
|
613
727
|
};
|
|
614
728
|
|
|
615
729
|
'rc-card': JSX.HTMLAttributes<RCCardRef> & {
|
|
730
|
+
orientation?: RCCardOrientation;
|
|
616
731
|
selected?: boolean | string;
|
|
617
732
|
disabled?: boolean | string;
|
|
618
733
|
interactive?: boolean | string;
|
|
619
734
|
'action-target'?: string;
|
|
735
|
+
'prop:actionTarget'?: string | undefined;
|
|
736
|
+
};
|
|
737
|
+
|
|
738
|
+
'rc-scroller': JSX.HTMLAttributes<RCScrollerRef> & {
|
|
739
|
+
axis?: RCScrollerAxis;
|
|
740
|
+
layout?: RCScrollerLayout;
|
|
741
|
+
};
|
|
742
|
+
|
|
743
|
+
'rc-carousel': JSX.HTMLAttributes<RCCarouselRef> & {
|
|
744
|
+
'active-index'?: number | string;
|
|
745
|
+
defaultActiveIndex?: number | string;
|
|
746
|
+
'default-active-index'?: number | string;
|
|
747
|
+
loop?: boolean | string;
|
|
748
|
+
navigation?: boolean | string;
|
|
749
|
+
pagination?: boolean | string;
|
|
750
|
+
mouseDragging?: boolean | string;
|
|
751
|
+
'mouse-dragging'?: boolean | string;
|
|
752
|
+
'prop:activeIndex'?: number | undefined;
|
|
753
|
+
'prop:defaultActiveIndex'?: number | undefined;
|
|
754
|
+
'on:rc-carousel-change'?: (e: CustomEvent<RCCarouselChangeDetail>) => void;
|
|
755
|
+
};
|
|
756
|
+
|
|
757
|
+
'rc-carousel-item': JSX.HTMLAttributes<RCCarouselItemRef>;
|
|
758
|
+
|
|
759
|
+
'rc-list': JSX.HTMLAttributes<RCListRef> & {
|
|
760
|
+
variant?: RCListVariant;
|
|
761
|
+
selection?: RCListSelection;
|
|
762
|
+
};
|
|
763
|
+
|
|
764
|
+
'rc-list-item': JSX.HTMLAttributes<RCListItemRef> & {
|
|
765
|
+
selected?: boolean | string;
|
|
766
|
+
disabled?: boolean | string;
|
|
767
|
+
interactive?: boolean | string;
|
|
768
|
+
'action-target'?: string;
|
|
769
|
+
'prop:selected'?: boolean | undefined;
|
|
770
|
+
'prop:disabled'?: boolean | undefined;
|
|
771
|
+
'prop:interactive'?: boolean | undefined;
|
|
772
|
+
'prop:actionTarget'?: string | undefined;
|
|
620
773
|
};
|
|
621
774
|
|
|
622
775
|
'rc-switch': JSX.HTMLAttributes<RCSwitchRef> & {
|
|
@@ -656,6 +809,22 @@ declare module 'solid-js' {
|
|
|
656
809
|
'on:rc-chip-remove'?: (e: CustomEvent<RCChipRemoveDetail>) => void;
|
|
657
810
|
};
|
|
658
811
|
|
|
812
|
+
'rc-chip-group': JSX.HTMLAttributes<RCChipGroupRef> & {
|
|
813
|
+
layout?: RCChipGroupLayout;
|
|
814
|
+
'max-rows'?: number | string;
|
|
815
|
+
kind?: RCChipGroupKind;
|
|
816
|
+
selection?: RCChipGroupSelection;
|
|
817
|
+
expanded?: boolean | string;
|
|
818
|
+
defaultExpanded?: boolean | string;
|
|
819
|
+
'default-expanded'?: boolean | string;
|
|
820
|
+
label?: string;
|
|
821
|
+
'show-all-label'?: string;
|
|
822
|
+
'show-less-label'?: string;
|
|
823
|
+
'prop:expanded'?: boolean | undefined;
|
|
824
|
+
'prop:defaultExpanded'?: boolean | undefined;
|
|
825
|
+
'on:rc-chip-group-toggle'?: (e: CustomEvent<RCChipGroupToggleDetail>) => void;
|
|
826
|
+
};
|
|
827
|
+
|
|
659
828
|
'rc-snackbar': JSX.HTMLAttributes<RCSnackbarRef> & {
|
|
660
829
|
open?: boolean | string;
|
|
661
830
|
message?: string;
|
|
@@ -768,6 +937,9 @@ declare module 'solid-js' {
|
|
|
768
937
|
'on:rc-dialog-close'?: (e: CustomEvent<RCDialogCloseDetail>) => void;
|
|
769
938
|
'on:rc-dialog-request-close'?: (e: CustomEvent<RCDialogCloseDetail>) => void;
|
|
770
939
|
'on:rc-dialog-cancel'?: (e: CustomEvent) => void;
|
|
940
|
+
'on:rc-bottom-sheet-resize-start'?: (
|
|
941
|
+
e: CustomEvent<RCBottomSheetResizeStartDetail>,
|
|
942
|
+
) => void;
|
|
771
943
|
'on:rc-bottom-sheet-snap'?: (e: CustomEvent<RCBottomSheetSnapDetail>) => void;
|
|
772
944
|
};
|
|
773
945
|
|
|
@@ -777,6 +949,18 @@ declare module 'solid-js' {
|
|
|
777
949
|
'on:rc-menu-close'?: (e: CustomEvent<RCMenuCloseDetail>) => void;
|
|
778
950
|
};
|
|
779
951
|
|
|
952
|
+
'rc-adaptive-menu': JSX.HTMLAttributes<RCAdaptiveMenuRef> & {
|
|
953
|
+
label?: string;
|
|
954
|
+
'max-shown'?: number | string;
|
|
955
|
+
open?: boolean | string;
|
|
956
|
+
defaultOpen?: boolean | string;
|
|
957
|
+
'prop:open'?: boolean | undefined;
|
|
958
|
+
'prop:defaultOpen'?: boolean | undefined;
|
|
959
|
+
orientation?: 'horizontal' | 'vertical';
|
|
960
|
+
'overflow-label'?: string;
|
|
961
|
+
'on:rc-adaptive-menu-toggle'?: (e: CustomEvent<RCAdaptiveMenuToggleDetail>) => void;
|
|
962
|
+
};
|
|
963
|
+
|
|
780
964
|
'rc-menu-button': JSX.HTMLAttributes<RCMenuButtonRef> & {
|
|
781
965
|
open?: boolean | string;
|
|
782
966
|
defaultOpen?: boolean | string;
|
|
@@ -784,6 +968,7 @@ declare module 'solid-js' {
|
|
|
784
968
|
'prop:defaultOpen'?: boolean | undefined;
|
|
785
969
|
orientation?: 'horizontal' | 'vertical';
|
|
786
970
|
placement?: RCMenuButtonPlacement;
|
|
971
|
+
'icon-only'?: boolean | string;
|
|
787
972
|
'on:rc-menu-button-toggle'?: (e: CustomEvent<RCMenuButtonToggleDetail>) => void;
|
|
788
973
|
};
|
|
789
974
|
|
|
@@ -819,7 +1004,7 @@ declare module 'solid-js' {
|
|
|
819
1004
|
|
|
820
1005
|
'rc-toolbar': JSX.HTMLAttributes<RCToolbarRef> & {
|
|
821
1006
|
label?: string;
|
|
822
|
-
orientation?:
|
|
1007
|
+
orientation?: 'horizontal' | 'vertical';
|
|
823
1008
|
};
|
|
824
1009
|
|
|
825
1010
|
'rc-slider': JSX.HTMLAttributes<RCSliderRef> & {
|
|
@@ -840,6 +1025,20 @@ declare module 'solid-js' {
|
|
|
840
1025
|
'on:rc-slider-change'?: (e: CustomEvent<RCSliderChangeDetail>) => void;
|
|
841
1026
|
};
|
|
842
1027
|
|
|
1028
|
+
'rc-progress': JSX.HTMLAttributes<RCProgressRef> & {
|
|
1029
|
+
value?: number | string;
|
|
1030
|
+
defaultValue?: number | string;
|
|
1031
|
+
'default-value'?: number | string;
|
|
1032
|
+
'prop:value'?: number | undefined;
|
|
1033
|
+
'prop:defaultValue'?: number | undefined;
|
|
1034
|
+
indeterminate?: boolean | string;
|
|
1035
|
+
disabled?: boolean | string;
|
|
1036
|
+
display?: 'inline-start' | 'inline-end' | 'overlay';
|
|
1037
|
+
'value-text'?: string;
|
|
1038
|
+
orientation?: 'horizontal' | 'vertical';
|
|
1039
|
+
'on:rc-progress-complete'?: (e: CustomEvent<Record<string, never>>) => void;
|
|
1040
|
+
};
|
|
1041
|
+
|
|
843
1042
|
'rc-range-slider': JSX.HTMLAttributes<RCRangeSliderRef> & {
|
|
844
1043
|
min?: number | string;
|
|
845
1044
|
max?: number | string;
|
|
@@ -847,6 +1046,7 @@ declare module 'solid-js' {
|
|
|
847
1046
|
'prop:value'?: [number, number] | undefined;
|
|
848
1047
|
'prop:defaultValue'?: [number, number] | undefined;
|
|
849
1048
|
disabled?: boolean | string;
|
|
1049
|
+
readonly?: boolean | string;
|
|
850
1050
|
'low-label'?: string;
|
|
851
1051
|
'high-label'?: string;
|
|
852
1052
|
'low-value-text'?: string;
|