@furystack/shades-common-components 11.0.0 → 12.0.0

package/esm/components/carousel.d.ts

@@ -0,0 +1,50 @@
+import type { PartialElement } from '@furystack/shades';
+/**
+ * Props for the Carousel component.
+ */
+export type CarouselProps = PartialElement<HTMLElement> & {
+    /** Array of slide content elements */
+    slides: JSX.Element[];
+    /** Whether to auto-advance slides. Defaults to false */
+    autoplay?: boolean;
+    /** Interval between auto-advance in milliseconds. Defaults to 3000 */
+    autoplayInterval?: number;
+    /** Whether to show dot indicators. Defaults to true */
+    dots?: boolean;
+    /** Transition effect between slides. Defaults to 'slide' */
+    effect?: 'slide' | 'fade';
+    /** Whether the carousel scrolls vertically. Defaults to false */
+    vertical?: boolean;
+    /** Index of the initially active slide. Defaults to 0 */
+    defaultActiveIndex?: number;
+    /** Callback fired when the active slide changes */
+    onChange?: (index: number) => void;
+};
+/**
+ * A carousel/slider component for cycling through a series of content.
+ * Supports autoplay, dot indicators, slide/fade transitions, vertical orientation,
+ * keyboard navigation, and swipe gestures.
+ */
+export declare const Carousel: (props: Omit<Partial<HTMLElement>, "style"> & {
+    style?: Partial<CSSStyleDeclaration>;
+} & {
+    ref?: import("@furystack/shades").RefObject<Element>;
+} & {
+    /** Array of slide content elements */
+    slides: JSX.Element[];
+    /** Whether to auto-advance slides. Defaults to false */
+    autoplay?: boolean;
+    /** Interval between auto-advance in milliseconds. Defaults to 3000 */
+    autoplayInterval?: number;
+    /** Whether to show dot indicators. Defaults to true */
+    dots?: boolean;
+    /** Transition effect between slides. Defaults to 'slide' */
+    effect?: "slide" | "fade";
+    /** Whether the carousel scrolls vertically. Defaults to false */
+    vertical?: boolean;
+    /** Index of the initially active slide. Defaults to 0 */
+    defaultActiveIndex?: number;
+    /** Callback fired when the active slide changes */
+    onChange?: (index: number) => void;
+}, children?: import("@furystack/shades").ChildrenList) => JSX.Element;
+//# sourceMappingURL=carousel.d.ts.map

package/esm/components/carousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../src/components/carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAMvD;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IACxD,sCAAsC;IACtC,MAAM,EAAE,GAAG,CAAC,OAAO,EAAE,CAAA;IACrB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sEAAsE;IACtE,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,uDAAuD;IACvD,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,4DAA4D;IAC5D,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACzB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yDAAyD;IACzD,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,mDAAmD;IACnD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC,CAAA;AAID;;;;GAIG;AACH,eAAO,MAAM,QAAQ;;;;;IAzBnB,sCAAsC;YAC9B,GAAG,CAAC,OAAO,EAAE;IACrB,wDAAwD;eAC7C,OAAO;IAClB,sEAAsE;uBACnD,MAAM;IACzB,uDAAuD;WAChD,OAAO;IACd,4DAA4D;aACnD,OAAO,GAAG,MAAM;IACzB,iEAAiE;eACtD,OAAO;IAClB,yDAAyD;yBACpC,MAAM;IAC3B,mDAAmD;eACxC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;sEA8VlC,CAAA"}

package/esm/components/carousel.js

@@ -0,0 +1,263 @@
+import { Shade, createComponent } from '@furystack/shades';
+import { buildTransition, cssVariableTheme } from '../services/css-variable-theme.js';
+import { Icon } from './icons/icon.js';
+import { chevronDown, chevronLeft, chevronRight, chevronUp } from './icons/icon-definitions.js';
+const TRANSITION_MS = 400;
+/**
+ * A carousel/slider component for cycling through a series of content.
+ * Supports autoplay, dot indicators, slide/fade transitions, vertical orientation,
+ * keyboard navigation, and swipe gestures.
+ */
+export const Carousel = Shade({
+    shadowDomName: 'shade-carousel',
+    css: {
+        display: 'block',
+        position: 'relative',
+        overflow: 'hidden',
+        fontFamily: cssVariableTheme.typography.fontFamily,
+        userSelect: 'none',
+        '& .carousel-viewport': {
+            position: 'relative',
+            overflow: 'hidden',
+            width: '100%',
+        },
+        '&[data-vertical] .carousel-viewport': {
+            height: '100%',
+        },
+        // Slide-effect track: width: 100% gives a definite size so child
+        // percentage flex-basis resolves correctly.
+        '& .carousel-track': {
+            display: 'flex',
+            width: '100%',
+            transition: `transform ${TRANSITION_MS}ms ease-in-out`,
+        },
+        '&:not([data-vertical]) .carousel-track': {
+            flexDirection: 'row',
+        },
+        '&[data-vertical] .carousel-track': {
+            flexDirection: 'column',
+            height: '100%',
+        },
+        '& .carousel-slide': {
+            flexShrink: '0',
+            overflow: 'hidden',
+        },
+        '&[data-vertical] .carousel-slide': {
+            height: '100%',
+        },
+        // Fade-effect layers
+        '& .carousel-fade-container': {
+            position: 'relative',
+            width: '100%',
+        },
+        '& .carousel-fade-slide': {
+            position: 'absolute',
+            inset: '0',
+            opacity: '0',
+            pointerEvents: 'none',
+            transition: `opacity ${TRANSITION_MS}ms ease-in-out`,
+        },
+        '& .carousel-fade-slide[data-active]': {
+            opacity: '1',
+            pointerEvents: 'auto',
+        },
+        // The first slide stays in flow to give the container its natural height
+        '& .carousel-fade-slide:first-child': {
+            position: 'relative',
+        },
+        // Arrow buttons
+        '& .carousel-arrow': {
+            position: 'absolute',
+            zIndex: '2',
+            display: 'inline-flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            width: cssVariableTheme.spacing.xl,
+            height: cssVariableTheme.spacing.xl,
+            border: 'none',
+            borderRadius: cssVariableTheme.shape.borderRadius.full,
+            background: cssVariableTheme.action.backdrop,
+            color: cssVariableTheme.palette.primary.mainContrast,
+            cursor: 'pointer',
+            fontSize: cssVariableTheme.typography.fontSize.lg,
+            lineHeight: '1',
+            transition: buildTransition([
+                'background',
+                cssVariableTheme.transitions.duration.fast,
+                cssVariableTheme.transitions.easing.default,
+            ]),
+        },
+        '& .carousel-arrow:hover': {
+            background: `color-mix(in srgb, ${cssVariableTheme.action.backdrop} 85%, black)`,
+        },
+        // Horizontal arrows
+        '&:not([data-vertical]) .carousel-arrow-prev': {
+            top: '50%',
+            left: cssVariableTheme.spacing.sm,
+            transform: 'translateY(-50%)',
+        },
+        '&:not([data-vertical]) .carousel-arrow-next': {
+            top: '50%',
+            right: cssVariableTheme.spacing.sm,
+            transform: 'translateY(-50%)',
+        },
+        // Vertical arrows
+        '&[data-vertical] .carousel-arrow-prev': {
+            top: cssVariableTheme.spacing.sm,
+            left: '50%',
+            transform: 'translateX(-50%)',
+        },
+        '&[data-vertical] .carousel-arrow-next': {
+            bottom: cssVariableTheme.spacing.sm,
+            left: '50%',
+            transform: 'translateX(-50%)',
+        },
+        // Dots
+        '& .carousel-dots': {
+            position: 'absolute',
+            zIndex: '2',
+            display: 'flex',
+            gap: cssVariableTheme.spacing.sm,
+        },
+        '&:not([data-vertical]) .carousel-dots': {
+            bottom: cssVariableTheme.spacing.sm,
+            left: '50%',
+            transform: 'translateX(-50%)',
+            flexDirection: 'row',
+        },
+        '&[data-vertical] .carousel-dots': {
+            right: cssVariableTheme.spacing.sm,
+            top: '50%',
+            transform: 'translateY(-50%)',
+            flexDirection: 'column',
+        },
+        '& .carousel-dot': {
+            width: '10px',
+            height: '10px',
+            borderRadius: cssVariableTheme.shape.borderRadius.full,
+            border: 'none',
+            padding: '0',
+            cursor: 'pointer',
+            background: `color-mix(in srgb, ${cssVariableTheme.background.paper} 50%, transparent)`,
+            transition: buildTransition([
+                'background',
+                cssVariableTheme.transitions.duration.fast,
+                cssVariableTheme.transitions.easing.default,
+            ]),
+        },
+        '& .carousel-dot[data-active]': {
+            background: cssVariableTheme.background.paper,
+        },
+        '& .carousel-dot:hover:not([data-active])': {
+            background: `color-mix(in srgb, ${cssVariableTheme.background.paper} 75%, transparent)`,
+        },
+    },
+    render: ({ props, useState, useDisposable, useHostProps }) => {
+        const { slides, autoplay = false, autoplayInterval = 3000, dots = true, effect = 'slide', vertical = false, defaultActiveIndex = 0, onChange, style, } = props;
+        useHostProps({
+            'data-vertical': vertical ? '' : undefined,
+            role: 'region',
+            'aria-roledescription': 'carousel',
+            tabindex: '0',
+            ...(style ? { style: style } : {}),
+        });
+        const initial = Math.max(0, Math.min(defaultActiveIndex, slides.length - 1));
+        const [current, setCurrent] = useState('activeIndex', initial);
+        // Mutable ref for the autoplay timer to access the latest index
+        const indexRef = useDisposable('indexRef', () => ({ current: initial, [Symbol.dispose]: () => { } }));
+        indexRef.current = current;
+        const goTo = (index) => {
+            if (slides.length === 0)
+                return;
+            const clamped = ((index % slides.length) + slides.length) % slides.length;
+            setCurrent(clamped);
+            onChange?.(clamped);
+        };
+        const goNext = () => goTo(current + 1);
+        const goPrev = () => goTo(current - 1);
+        // Keyboard navigation
+        useHostProps({
+            onkeydown: (e) => {
+                const nextKey = vertical ? 'ArrowDown' : 'ArrowRight';
+                const prevKey = vertical ? 'ArrowUp' : 'ArrowLeft';
+                if (e.key === nextKey) {
+                    e.preventDefault();
+                    goNext();
+                }
+                else if (e.key === prevKey) {
+                    e.preventDefault();
+                    goPrev();
+                }
+            },
+            ontouchstart: (e) => {
+                touchStartX = e.touches[0].clientX;
+                touchStartY = e.touches[0].clientY;
+            },
+            ontouchend: (e) => {
+                const dx = e.changedTouches[0].clientX - touchStartX;
+                const dy = e.changedTouches[0].clientY - touchStartY;
+                const threshold = 50;
+                if (vertical) {
+                    if (dy < -threshold)
+                        goNext();
+                    else if (dy > threshold)
+                        goPrev();
+                }
+                else {
+                    if (dx < -threshold)
+                        goNext();
+                    else if (dx > threshold)
+                        goPrev();
+                }
+            },
+        });
+        // Touch / swipe support
+        let touchStartX = 0;
+        let touchStartY = 0;
+        // Autoplay (uses mutable indexRef to avoid stale closure)
+        if (autoplay && slides.length > 1) {
+            useDisposable('autoplay-timer', () => {
+                const timer = setInterval(() => goTo(indexRef.current + 1), autoplayInterval);
+                return { [Symbol.dispose]: () => clearInterval(timer) };
+            });
+        }
+        // Clone each slide so the same element array can be safely passed to
+        // multiple Carousel instances (DOM nodes can only have one parent).
+        const clonedSlides = slides.map((slide) => slide instanceof Node ? slide.cloneNode(true) : slide);
+        const slideContent = effect === 'fade' ? (createComponent("div", { className: "carousel-fade-container" }, clonedSlides.map((slide, i) => {
+            const isFirst = i === 0;
+            const isActive = i === current;
+            return (createComponent("div", { className: "carousel-fade-slide", role: "group", "aria-roledescription": "slide", "aria-label": `Slide ${i + 1} of ${slides.length}`, ...(isActive ? { 'data-active': '' } : {}), style: {
+                    position: isFirst ? 'relative' : 'absolute',
+                    inset: isFirst ? undefined : '0',
+                    opacity: isActive ? '1' : '0',
+                    pointerEvents: isActive ? 'auto' : 'none',
+                    transition: `opacity ${TRANSITION_MS}ms ease-in-out`,
+                } }, slide));
+        }))) : (createComponent("div", { className: "carousel-track", style: {
+                display: 'flex',
+                flexDirection: vertical ? 'column' : 'row',
+                transition: `transform ${TRANSITION_MS}ms ease-in-out`,
+                transform: vertical ? `translateY(-${current * 100}%)` : `translateX(-${current * 100}%)`,
+            } }, clonedSlides.map((slide, i) => (createComponent("div", { className: "carousel-slide", role: "group", "aria-roledescription": "slide", "aria-label": `Slide ${i + 1} of ${slides.length}`, style: { flexShrink: '0', width: '100%', overflow: 'hidden' } }, slide)))));
+        const prevIcon = vertical ? chevronUp : chevronLeft;
+        const nextIcon = vertical ? chevronDown : chevronRight;
+        return (createComponent("div", { style: { display: 'contents' } },
+            createComponent("div", { className: "carousel-viewport" }, slideContent),
+            slides.length > 1 && (createComponent("button", { className: "carousel-arrow carousel-arrow-prev", "aria-label": "Previous slide", onclick: (e) => {
+                    e.stopPropagation();
+                    goPrev();
+                } },
+                createComponent(Icon, { icon: prevIcon, size: "small" }))),
+            slides.length > 1 && (createComponent("button", { className: "carousel-arrow carousel-arrow-next", "aria-label": "Next slide", onclick: (e) => {
+                    e.stopPropagation();
+                    goNext();
+                } },
+                createComponent(Icon, { icon: nextIcon, size: "small" }))),
+            dots && slides.length > 1 && (createComponent("div", { className: "carousel-dots" }, slides.map((_, i) => (createComponent("button", { className: "carousel-dot", "aria-label": `Go to slide ${i + 1}`, ...(i === current ? { 'data-active': '' } : {}), onclick: (e) => {
+                    e.stopPropagation();
+                    goTo(i);
+                } })))))));
+    },
+});
+//# sourceMappingURL=carousel.js.map

package/esm/components/carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.js","sourceRoot":"","sources":["../../src/components/carousel.tsx"],"names":[],"mappings":"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"}

package/esm/components/carousel.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=carousel.spec.d.ts.map

package/esm/components/carousel.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.spec.d.ts","sourceRoot":"","sources":["../../src/components/carousel.spec.tsx"],"names":[],"mappings":""}