@rcarls/rc-carousel 0.0.0-next-20260921045401
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 +43 -0
- package/README.md +38 -0
- package/dist/custom-elements.json +956 -0
- package/dist/rc-carousel-DTE5ztw_.js +671 -0
- package/dist/rc-carousel-DTE5ztw_.js.map +1 -0
- package/dist/rc-carousel-define.js +8 -0
- package/dist/rc-carousel-define.js.map +1 -0
- package/dist/rc-carousel.js +6 -0
- package/dist/rc-carousel.js.map +1 -0
- package/dist/types/packages/rc-carousel/src/define.d.ts +1 -0
- package/dist/types/packages/rc-carousel/src/index.d.ts +2 -0
- package/dist/types/packages/rc-carousel/src/rc-carousel-item.d.ts +63 -0
- package/dist/types/packages/rc-carousel/src/rc-carousel-item.styles.d.ts +2 -0
- package/dist/types/packages/rc-carousel/src/rc-carousel.d.ts +278 -0
- package/dist/types/packages/rc-carousel/src/rc-carousel.styles.d.ts +2 -0
- package/package.json +65 -0
package/CHANGELOG.md
ADDED
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
# @rcarls/rc-carousel
|
|
2
|
+
|
|
3
|
+
## 0.0.0-next-20260921045401
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 011f3c6: Keep combobox chips clear of their trailing toggle, reset native selects inside
|
|
8
|
+
`rc-field`, keep controlled carousel accessibility state synchronized, and align
|
|
9
|
+
Material chips, menus, lists, disclosures, nested editors, and bottom-sheet
|
|
10
|
+
motion with their MD3 defaults.
|
|
11
|
+
- Updated dependencies [50d5610]
|
|
12
|
+
- Updated dependencies [4341311]
|
|
13
|
+
- @rcarls/rc-common@0.0.0-next-20260921045401
|
|
14
|
+
|
|
15
|
+
## 0.6.0
|
|
16
|
+
|
|
17
|
+
### Minor Changes
|
|
18
|
+
|
|
19
|
+
- b639e04: Add coordinated list and list-item layout tokens so container queries can
|
|
20
|
+
stack unchanged content regions while preserving shared subgrid alignment.
|
|
21
|
+
|
|
22
|
+
Breaking for the pre-1.0 carousel API: remove the redundant
|
|
23
|
+
`variant="hero|multi-browse"` attribute and property. The variant only
|
|
24
|
+
changed slide geometry, which is already controlled by
|
|
25
|
+
`--rc-carousel-slide-size`. Remove `variant="hero"` without replacement;
|
|
26
|
+
replace `variant="multi-browse"` with
|
|
27
|
+
`--rc-carousel-slide-size: min(75%, 300px)`.
|
|
28
|
+
|
|
29
|
+
- 40f9776: Add an APG carousel built on native CSS scroll snap, with optional navigation,
|
|
30
|
+
pagination, mouse dragging, looping, and consumer-controlled slide sizing.
|
|
31
|
+
Preserve controlled active-index behavior after rejected swipes, keep visual
|
|
32
|
+
loop clones inert and out of forms, and degrade safely without intersection
|
|
33
|
+
observation.
|
|
34
|
+
|
|
35
|
+
### Patch Changes
|
|
36
|
+
|
|
37
|
+
- e0de31d: Avoid scheduling a redundant carousel update during the initial Lit lifecycle
|
|
38
|
+
while retaining initial pagination and dynamic slide synchronization.
|
|
39
|
+
- 7adbd76: Keep development diagnostics concise and prevent expected test fixtures from emitting noisy warnings.
|
|
40
|
+
- Updated dependencies [6683eb9]
|
|
41
|
+
- Updated dependencies [ee7ba6c]
|
|
42
|
+
- Updated dependencies [30eb232]
|
|
43
|
+
- @rcarls/rc-common@0.6.0
|
package/README.md
ADDED
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
# @rcarls/rc-carousel
|
|
2
|
+
|
|
3
|
+
A swipe-driven slide carousel following the [WAI-ARIA APG Carousel
|
|
4
|
+
pattern](https://www.w3.org/WAI/ARIA/apg/patterns/carousel/), built on native
|
|
5
|
+
CSS scroll-snap. `rc-carousel` is the track and chrome; `rc-carousel-item`
|
|
6
|
+
is the slide wrapper, keeping authored light-DOM content directly available
|
|
7
|
+
to assistive technology.
|
|
8
|
+
|
|
9
|
+
```html
|
|
10
|
+
<rc-carousel navigation pagination loop aria-label="Recipe photos">
|
|
11
|
+
<rc-carousel-item><img src="/pie.jpg" alt="Apple pie, sliced" /></rc-carousel-item>
|
|
12
|
+
<rc-carousel-item><img src="/risotto.jpg" alt="Mushroom risotto" /></rc-carousel-item>
|
|
13
|
+
</rc-carousel>
|
|
14
|
+
```
|
|
15
|
+
|
|
16
|
+
Give the host a definite `inline-size`/`block-size` (`navigation` and
|
|
17
|
+
`pagination` are absolutely positioned over the track).
|
|
18
|
+
|
|
19
|
+
`active-index`/`default-active-index` follow this monorepo's controlled/
|
|
20
|
+
uncontrolled property convention; settling reports the new index via
|
|
21
|
+
`rc-carousel-change` (`detail: { index, trigger }`). `loop` wraps
|
|
22
|
+
seamlessly past the first/last slide via cloned lead/trail slides, rather
|
|
23
|
+
than a discontinuous index jump. Set `--rc-carousel-slide-size` directly or
|
|
24
|
+
from a consumer container query to coordinate hero, multi-browse, and other
|
|
25
|
+
layouts. `mouse-dragging` adds desktop click-and-drag scrolling, with
|
|
26
|
+
drag-vs-click disambiguation so interactive slide content stays clickable.
|
|
27
|
+
|
|
28
|
+
Navigation and pagination buttons use `aria-disabled`, never native
|
|
29
|
+
`disabled`, so a boundary stays Tab-reachable. Off-screen and peeking
|
|
30
|
+
slides get `aria-hidden`/`inert` via an `IntersectionObserver`. The picker
|
|
31
|
+
is APG's "grouped" (non-tab) style, deliberately not `role="tablist"`.
|
|
32
|
+
|
|
33
|
+
See the [full documentation](https://richardcarls.github.io/rc-webcomponents/components/rc-carousel)
|
|
34
|
+
for the complete API, accessibility notes, and live demo.
|
|
35
|
+
|
|
36
|
+
Import `@rcarls/rc-carousel` to use the classes without registering them, or
|
|
37
|
+
import `@rcarls/rc-carousel/define` to register `<rc-carousel>` and
|
|
38
|
+
`<rc-carousel-item>`.
|