@rcarls/rc-webcomponents 0.4.2 → 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 +185 -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 -9
- package/src/solid.d.ts +202 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,190 @@
|
|
|
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
|
+
|
|
143
|
+
## 0.5.0
|
|
144
|
+
|
|
145
|
+
### Minor Changes
|
|
146
|
+
|
|
147
|
+
- 689340c: Remove pre-1.0 deprecated APIs: the boolean `keyNavigation` option, `rc-disclosure.fragment`,
|
|
148
|
+
`rc-textarea.listNumbers`, `rc-textarea.label`, and `decorationsFromHtml`.
|
|
149
|
+
|
|
150
|
+
### Patch Changes
|
|
151
|
+
|
|
152
|
+
- Updated dependencies [d440edc]
|
|
153
|
+
- Updated dependencies [ba65db7]
|
|
154
|
+
- Updated dependencies [d33b92f]
|
|
155
|
+
- Updated dependencies [7c68235]
|
|
156
|
+
- Updated dependencies [689340c]
|
|
157
|
+
- @rcarls/rc-app-bar@0.5.0
|
|
158
|
+
- @rcarls/rc-bottom-sheet@0.5.0
|
|
159
|
+
- @rcarls/rc-menu-button@0.5.0
|
|
160
|
+
- @rcarls/rc-segmented-button@0.5.0
|
|
161
|
+
- @rcarls/rc-disclosure@0.5.0
|
|
162
|
+
- @rcarls/rc-textarea@0.5.0
|
|
163
|
+
- @rcarls/rc-combobox@0.5.0
|
|
164
|
+
- @rcarls/rc-dialog@0.5.0
|
|
165
|
+
- @rcarls/rc-fab@0.5.0
|
|
166
|
+
- @rcarls/rc-fab-menu@0.5.0
|
|
167
|
+
- @rcarls/rc-listbox@0.5.0
|
|
168
|
+
- @rcarls/rc-menu@0.5.0
|
|
169
|
+
- @rcarls/rc-menubar@0.5.0
|
|
170
|
+
- @rcarls/rc-navigation-bar@0.5.0
|
|
171
|
+
- @rcarls/rc-navigation-rail@0.5.0
|
|
172
|
+
- @rcarls/rc-range-slider@0.5.0
|
|
173
|
+
- @rcarls/rc-search-bar@0.5.0
|
|
174
|
+
- @rcarls/rc-select@0.5.0
|
|
175
|
+
- @rcarls/rc-slider@0.5.0
|
|
176
|
+
- @rcarls/rc-splitter@0.5.0
|
|
177
|
+
- @rcarls/rc-toolbar@0.5.0
|
|
178
|
+
- @rcarls/rc-transfer-list@0.5.0
|
|
179
|
+
- @rcarls/rc-accordion@0.5.0
|
|
180
|
+
- @rcarls/rc-markdown-editor@0.5.0
|
|
181
|
+
- @rcarls/rc-button@0.5.0
|
|
182
|
+
- @rcarls/rc-card@0.5.0
|
|
183
|
+
- @rcarls/rc-chip@0.5.0
|
|
184
|
+
- @rcarls/rc-snackbar@0.5.0
|
|
185
|
+
- @rcarls/rc-switch@0.5.0
|
|
186
|
+
- @rcarls/rc-virtual-canvas@0.5.0
|
|
187
|
+
|
|
3
188
|
## 0.4.2
|
|
4
189
|
|
|
5
190
|
### Patch 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;
|
|
@@ -308,7 +378,6 @@ export type RCSnackbarRef = HTMLElement & {
|
|
|
308
378
|
/** Public API surface of `<rc-disclosure>`. */
|
|
309
379
|
export type RCDisclosureRef = HTMLElement & {
|
|
310
380
|
open: boolean;
|
|
311
|
-
fragment: boolean;
|
|
312
381
|
};
|
|
313
382
|
|
|
314
383
|
/** Public API surface of `<rc-accordion>`. */
|
|
@@ -404,6 +473,22 @@ export type RCMenuRef = HTMLElement & {
|
|
|
404
473
|
label: string;
|
|
405
474
|
};
|
|
406
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
|
+
|
|
407
492
|
/** Public API surface of `<rc-menu-button>`. */
|
|
408
493
|
export type RCMenuButtonPlacement =
|
|
409
494
|
| 'top'
|
|
@@ -463,7 +548,7 @@ export type RCMenubarRef = HTMLElement & {
|
|
|
463
548
|
/** Public API surface of `<rc-toolbar>`. */
|
|
464
549
|
export type RCToolbarRef = HTMLElement & {
|
|
465
550
|
label: string;
|
|
466
|
-
orientation:
|
|
551
|
+
orientation: 'horizontal' | 'vertical';
|
|
467
552
|
};
|
|
468
553
|
|
|
469
554
|
/** Public API surface of `<rc-splitter>`. */
|
|
@@ -497,6 +582,18 @@ export type RCSliderRef = HTMLElement & {
|
|
|
497
582
|
orientation: 'horizontal' | 'vertical';
|
|
498
583
|
};
|
|
499
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
|
+
|
|
500
597
|
/** Public API surface of `<rc-range-slider>`. */
|
|
501
598
|
export type RCRangeSliderRef = HTMLElement & {
|
|
502
599
|
min: number;
|
|
@@ -505,6 +602,7 @@ export type RCRangeSliderRef = HTMLElement & {
|
|
|
505
602
|
value: [number, number];
|
|
506
603
|
defaultValue: [number, number] | undefined;
|
|
507
604
|
disabled: boolean;
|
|
605
|
+
readonly: boolean;
|
|
508
606
|
lowLabel: string;
|
|
509
607
|
highLabel: string;
|
|
510
608
|
lowValueText: string;
|
|
@@ -535,12 +633,10 @@ export type RCTextareaRef = HTMLElement & {
|
|
|
535
633
|
defaultValue: string | undefined;
|
|
536
634
|
plugin: RCTextareaPlugin | null;
|
|
537
635
|
lineNumbers: boolean;
|
|
538
|
-
listNumbers: boolean;
|
|
539
636
|
gutter: boolean;
|
|
540
637
|
wordWrap: boolean;
|
|
541
638
|
autoGrow: boolean;
|
|
542
639
|
readOnly: boolean;
|
|
543
|
-
label: string | null;
|
|
544
640
|
usePlugin(plugin: RCTextareaPlugin): void;
|
|
545
641
|
removePlugin(): void;
|
|
546
642
|
wrapSelection(prefix: string, suffix: string): void;
|
|
@@ -598,6 +694,22 @@ export type RCSearchBarRef = HTMLElement & {
|
|
|
598
694
|
toggleView(): void;
|
|
599
695
|
};
|
|
600
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
|
+
|
|
601
713
|
// ── React JSX declarations ───────────────────────────────────────────────────
|
|
602
714
|
|
|
603
715
|
declare module 'react' {
|
|
@@ -608,7 +720,6 @@ declare module 'react' {
|
|
|
608
720
|
RCDisclosureRef
|
|
609
721
|
> & {
|
|
610
722
|
open?: boolean;
|
|
611
|
-
fragment?: boolean;
|
|
612
723
|
};
|
|
613
724
|
|
|
614
725
|
'rc-accordion': React.DetailedHTMLProps<
|
|
@@ -632,6 +743,42 @@ declare module 'react' {
|
|
|
632
743
|
};
|
|
633
744
|
|
|
634
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
|
+
> & {
|
|
635
782
|
selected?: boolean;
|
|
636
783
|
disabled?: boolean;
|
|
637
784
|
interactive?: boolean;
|
|
@@ -665,6 +812,21 @@ declare module 'react' {
|
|
|
665
812
|
removable?: boolean;
|
|
666
813
|
};
|
|
667
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
|
+
|
|
668
830
|
'rc-snackbar': React.DetailedHTMLProps<React.HTMLAttributes<RCSnackbarRef>, RCSnackbarRef> & {
|
|
669
831
|
open?: boolean;
|
|
670
832
|
message?: string;
|
|
@@ -737,12 +899,28 @@ declare module 'react' {
|
|
|
737
899
|
'snap-points'?: string;
|
|
738
900
|
'swipe-dismiss'?: boolean;
|
|
739
901
|
'swipe-velocity'?: number | string;
|
|
902
|
+
'onrc-bottom-sheet-resize-start'?: (
|
|
903
|
+
event: CustomEvent<RCBottomSheetResizeStartDetail>,
|
|
904
|
+
) => void;
|
|
740
905
|
};
|
|
741
906
|
|
|
742
907
|
'rc-menu': React.DetailedHTMLProps<React.HTMLAttributes<RCMenuRef>, RCMenuRef> & {
|
|
743
908
|
label?: string;
|
|
744
909
|
};
|
|
745
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
|
+
|
|
746
924
|
'rc-menu-button': React.DetailedHTMLProps<
|
|
747
925
|
React.HTMLAttributes<RCMenuButtonRef>,
|
|
748
926
|
RCMenuButtonRef
|
|
@@ -751,6 +929,7 @@ declare module 'react' {
|
|
|
751
929
|
'default-open'?: boolean;
|
|
752
930
|
orientation?: 'horizontal' | 'vertical';
|
|
753
931
|
placement?: RCMenuButtonPlacement;
|
|
932
|
+
'icon-only'?: boolean;
|
|
754
933
|
};
|
|
755
934
|
|
|
756
935
|
'rc-fab-menu': React.DetailedHTMLProps<React.HTMLAttributes<RCFabMenuRef>, RCFabMenuRef> & {
|
|
@@ -785,7 +964,7 @@ declare module 'react' {
|
|
|
785
964
|
|
|
786
965
|
'rc-toolbar': React.DetailedHTMLProps<React.HTMLAttributes<RCToolbarRef>, RCToolbarRef> & {
|
|
787
966
|
label?: string;
|
|
788
|
-
orientation?:
|
|
967
|
+
orientation?: 'horizontal' | 'vertical';
|
|
789
968
|
};
|
|
790
969
|
|
|
791
970
|
'rc-slider': React.DetailedHTMLProps<React.HTMLAttributes<RCSliderRef>, RCSliderRef> & {
|
|
@@ -801,6 +980,16 @@ declare module 'react' {
|
|
|
801
980
|
orientation?: 'horizontal' | 'vertical';
|
|
802
981
|
};
|
|
803
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
|
+
|
|
804
993
|
'rc-range-slider': React.DetailedHTMLProps<
|
|
805
994
|
React.HTMLAttributes<RCRangeSliderRef>,
|
|
806
995
|
RCRangeSliderRef
|
|
@@ -811,6 +1000,7 @@ declare module 'react' {
|
|
|
811
1000
|
value?: [number, number];
|
|
812
1001
|
'default-value'?: [number, number];
|
|
813
1002
|
disabled?: boolean;
|
|
1003
|
+
readonly?: boolean;
|
|
814
1004
|
'low-label'?: string;
|
|
815
1005
|
'high-label'?: string;
|
|
816
1006
|
'low-value-text'?: string;
|
|
@@ -909,13 +1099,10 @@ declare module 'react' {
|
|
|
909
1099
|
'default-value'?: string;
|
|
910
1100
|
plugin?: RCTextareaPlugin | null;
|
|
911
1101
|
'line-numbers'?: boolean;
|
|
912
|
-
'list-numbers'?: boolean;
|
|
913
1102
|
gutter?: boolean;
|
|
914
1103
|
'word-wrap'?: boolean;
|
|
915
1104
|
'auto-grow'?: boolean;
|
|
916
1105
|
'read-only'?: boolean;
|
|
917
|
-
/** @deprecated Set `aria-label` on the slotted `<textarea>` or use a `<label for>` pair instead. */
|
|
918
|
-
label?: string;
|
|
919
1106
|
};
|
|
920
1107
|
}
|
|
921
1108
|
}
|
package/src/solid.d.ts
CHANGED
|
@@ -18,7 +18,6 @@ import type { RCTextareaPlugin } from '@rcarls/rc-textarea';
|
|
|
18
18
|
/** Public API surface of `<rc-disclosure>`. */
|
|
19
19
|
export type RCDisclosureRef = HTMLElement & {
|
|
20
20
|
open: boolean;
|
|
21
|
-
fragment: boolean;
|
|
22
21
|
};
|
|
23
22
|
|
|
24
23
|
export type RCDisclosureToggleDetail = {
|
|
@@ -39,7 +38,40 @@ export type RCButtonRef = HTMLElement & {
|
|
|
39
38
|
};
|
|
40
39
|
|
|
41
40
|
/** Public API surface of `<rc-card>`. */
|
|
41
|
+
export type RCCardOrientation = 'vertical' | 'horizontal';
|
|
42
|
+
|
|
42
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 & {
|
|
43
75
|
selected: boolean;
|
|
44
76
|
disabled: boolean;
|
|
45
77
|
interactive: boolean;
|
|
@@ -79,6 +111,14 @@ export type RCChipRemoveDetail = {
|
|
|
79
111
|
chip: HTMLElement;
|
|
80
112
|
};
|
|
81
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
|
+
|
|
82
122
|
export type RCButtonToggleDetail = {
|
|
83
123
|
selected: boolean;
|
|
84
124
|
};
|
|
@@ -92,6 +132,18 @@ export type RCChipRef = HTMLElement & {
|
|
|
92
132
|
removable: boolean;
|
|
93
133
|
};
|
|
94
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
|
+
|
|
95
147
|
export type RCSnackbarQueuePolicy = 'queue' | 'replace';
|
|
96
148
|
export type RCSnackbarCloseReason = 'action' | 'api' | 'timeout' | 'replace' | 'clear';
|
|
97
149
|
|
|
@@ -259,6 +311,11 @@ export type RCBottomSheetSnapDetail = {
|
|
|
259
311
|
trigger: 'drag' | 'api';
|
|
260
312
|
};
|
|
261
313
|
|
|
314
|
+
export type RCBottomSheetResizeStartDetail = {
|
|
315
|
+
height: number;
|
|
316
|
+
inputType: 'pointer' | 'keyboard';
|
|
317
|
+
};
|
|
318
|
+
|
|
262
319
|
/** Public API surface of `<rc-bottom-sheet>`. */
|
|
263
320
|
export type RCBottomSheetRef = RCDialogRef & {
|
|
264
321
|
snapPoints: string;
|
|
@@ -291,6 +348,26 @@ export type RCMenuCloseDetail = {
|
|
|
291
348
|
reason: 'escape';
|
|
292
349
|
};
|
|
293
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
|
+
|
|
294
371
|
/** Public API surface of `<rc-menu-button>`. */
|
|
295
372
|
export type RCMenuButtonPlacement =
|
|
296
373
|
| 'top'
|
|
@@ -352,7 +429,7 @@ export type RCMenubarRef = HTMLElement & {
|
|
|
352
429
|
/** Public API surface of `<rc-toolbar>`. */
|
|
353
430
|
export type RCToolbarRef = HTMLElement & {
|
|
354
431
|
label: string;
|
|
355
|
-
orientation:
|
|
432
|
+
orientation: 'horizontal' | 'vertical';
|
|
356
433
|
};
|
|
357
434
|
|
|
358
435
|
/** Public API surface of `<rc-splitter>`. */
|
|
@@ -377,12 +454,10 @@ export type RCTextareaRef = HTMLElement & {
|
|
|
377
454
|
defaultValue: string | undefined;
|
|
378
455
|
plugin: RCTextareaPlugin | null;
|
|
379
456
|
lineNumbers: boolean;
|
|
380
|
-
listNumbers: boolean;
|
|
381
457
|
gutter: boolean;
|
|
382
458
|
wordWrap: boolean;
|
|
383
459
|
autoGrow: boolean;
|
|
384
460
|
readOnly: boolean;
|
|
385
|
-
label: string | null;
|
|
386
461
|
usePlugin(plugin: RCTextareaPlugin): void;
|
|
387
462
|
removePlugin(): void;
|
|
388
463
|
wrapSelection(prefix: string, suffix: string): void;
|
|
@@ -484,6 +559,17 @@ export type RCSliderChangeDetail = {
|
|
|
484
559
|
value: number;
|
|
485
560
|
};
|
|
486
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
|
+
|
|
487
573
|
export type RCRangeSliderRef = HTMLElement & {
|
|
488
574
|
min: number;
|
|
489
575
|
max: number;
|
|
@@ -491,6 +577,7 @@ export type RCRangeSliderRef = HTMLElement & {
|
|
|
491
577
|
value: [number, number];
|
|
492
578
|
defaultValue: [number, number] | undefined;
|
|
493
579
|
disabled: boolean;
|
|
580
|
+
readonly: boolean;
|
|
494
581
|
lowLabel: string;
|
|
495
582
|
highLabel: string;
|
|
496
583
|
lowValueText: string;
|
|
@@ -574,6 +661,30 @@ export type RCSplitterChangeDetail = {
|
|
|
574
661
|
valueText: string;
|
|
575
662
|
};
|
|
576
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
|
+
|
|
577
688
|
export type RCTextareaChangeDetail = {
|
|
578
689
|
value: string;
|
|
579
690
|
};
|
|
@@ -590,7 +701,6 @@ declare module 'solid-js' {
|
|
|
590
701
|
interface IntrinsicElements {
|
|
591
702
|
'rc-disclosure': JSX.HTMLAttributes<RCDisclosureRef> & {
|
|
592
703
|
open?: boolean | string;
|
|
593
|
-
fragment?: boolean | string;
|
|
594
704
|
'on:rc-disclosure-toggle'?: (e: CustomEvent<RCDisclosureToggleDetail>) => void;
|
|
595
705
|
};
|
|
596
706
|
|
|
@@ -617,10 +727,49 @@ declare module 'solid-js' {
|
|
|
617
727
|
};
|
|
618
728
|
|
|
619
729
|
'rc-card': JSX.HTMLAttributes<RCCardRef> & {
|
|
730
|
+
orientation?: RCCardOrientation;
|
|
731
|
+
selected?: boolean | string;
|
|
732
|
+
disabled?: boolean | string;
|
|
733
|
+
interactive?: boolean | string;
|
|
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> & {
|
|
620
765
|
selected?: boolean | string;
|
|
621
766
|
disabled?: boolean | string;
|
|
622
767
|
interactive?: boolean | string;
|
|
623
768
|
'action-target'?: string;
|
|
769
|
+
'prop:selected'?: boolean | undefined;
|
|
770
|
+
'prop:disabled'?: boolean | undefined;
|
|
771
|
+
'prop:interactive'?: boolean | undefined;
|
|
772
|
+
'prop:actionTarget'?: string | undefined;
|
|
624
773
|
};
|
|
625
774
|
|
|
626
775
|
'rc-switch': JSX.HTMLAttributes<RCSwitchRef> & {
|
|
@@ -660,6 +809,22 @@ declare module 'solid-js' {
|
|
|
660
809
|
'on:rc-chip-remove'?: (e: CustomEvent<RCChipRemoveDetail>) => void;
|
|
661
810
|
};
|
|
662
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
|
+
|
|
663
828
|
'rc-snackbar': JSX.HTMLAttributes<RCSnackbarRef> & {
|
|
664
829
|
open?: boolean | string;
|
|
665
830
|
message?: string;
|
|
@@ -772,6 +937,9 @@ declare module 'solid-js' {
|
|
|
772
937
|
'on:rc-dialog-close'?: (e: CustomEvent<RCDialogCloseDetail>) => void;
|
|
773
938
|
'on:rc-dialog-request-close'?: (e: CustomEvent<RCDialogCloseDetail>) => void;
|
|
774
939
|
'on:rc-dialog-cancel'?: (e: CustomEvent) => void;
|
|
940
|
+
'on:rc-bottom-sheet-resize-start'?: (
|
|
941
|
+
e: CustomEvent<RCBottomSheetResizeStartDetail>,
|
|
942
|
+
) => void;
|
|
775
943
|
'on:rc-bottom-sheet-snap'?: (e: CustomEvent<RCBottomSheetSnapDetail>) => void;
|
|
776
944
|
};
|
|
777
945
|
|
|
@@ -781,6 +949,18 @@ declare module 'solid-js' {
|
|
|
781
949
|
'on:rc-menu-close'?: (e: CustomEvent<RCMenuCloseDetail>) => void;
|
|
782
950
|
};
|
|
783
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
|
+
|
|
784
964
|
'rc-menu-button': JSX.HTMLAttributes<RCMenuButtonRef> & {
|
|
785
965
|
open?: boolean | string;
|
|
786
966
|
defaultOpen?: boolean | string;
|
|
@@ -788,6 +968,7 @@ declare module 'solid-js' {
|
|
|
788
968
|
'prop:defaultOpen'?: boolean | undefined;
|
|
789
969
|
orientation?: 'horizontal' | 'vertical';
|
|
790
970
|
placement?: RCMenuButtonPlacement;
|
|
971
|
+
'icon-only'?: boolean | string;
|
|
791
972
|
'on:rc-menu-button-toggle'?: (e: CustomEvent<RCMenuButtonToggleDetail>) => void;
|
|
792
973
|
};
|
|
793
974
|
|
|
@@ -823,7 +1004,7 @@ declare module 'solid-js' {
|
|
|
823
1004
|
|
|
824
1005
|
'rc-toolbar': JSX.HTMLAttributes<RCToolbarRef> & {
|
|
825
1006
|
label?: string;
|
|
826
|
-
orientation?:
|
|
1007
|
+
orientation?: 'horizontal' | 'vertical';
|
|
827
1008
|
};
|
|
828
1009
|
|
|
829
1010
|
'rc-slider': JSX.HTMLAttributes<RCSliderRef> & {
|
|
@@ -844,6 +1025,20 @@ declare module 'solid-js' {
|
|
|
844
1025
|
'on:rc-slider-change'?: (e: CustomEvent<RCSliderChangeDetail>) => void;
|
|
845
1026
|
};
|
|
846
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
|
+
|
|
847
1042
|
'rc-range-slider': JSX.HTMLAttributes<RCRangeSliderRef> & {
|
|
848
1043
|
min?: number | string;
|
|
849
1044
|
max?: number | string;
|
|
@@ -851,6 +1046,7 @@ declare module 'solid-js' {
|
|
|
851
1046
|
'prop:value'?: [number, number] | undefined;
|
|
852
1047
|
'prop:defaultValue'?: [number, number] | undefined;
|
|
853
1048
|
disabled?: boolean | string;
|
|
1049
|
+
readonly?: boolean | string;
|
|
854
1050
|
'low-label'?: string;
|
|
855
1051
|
'high-label'?: string;
|
|
856
1052
|
'low-value-text'?: string;
|
|
@@ -967,12 +1163,10 @@ declare module 'solid-js' {
|
|
|
967
1163
|
'prop:defaultValue'?: string | undefined;
|
|
968
1164
|
'prop:plugin'?: RCTextareaPlugin | null;
|
|
969
1165
|
'line-numbers'?: boolean | string;
|
|
970
|
-
'list-numbers'?: boolean | string;
|
|
971
1166
|
gutter?: boolean | string;
|
|
972
1167
|
'word-wrap'?: boolean | string;
|
|
973
1168
|
'auto-grow'?: boolean | string;
|
|
974
1169
|
'read-only'?: boolean | string;
|
|
975
|
-
label?: string;
|
|
976
1170
|
'on:rc-textarea-change'?: (e: CustomEvent<RCTextareaChangeDetail>) => void;
|
|
977
1171
|
'on:rc-textarea-focus'?: (e: CustomEvent) => void;
|
|
978
1172
|
'on:rc-textarea-blur'?: (e: CustomEvent) => void;
|