@fluentui/react-carousel 0.0.0-nightly-20241008-0405.1

package/lib-commonjs/components/useEmblaCarousel.js

@@ -0,0 +1,262 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    EMBLA_VISIBILITY_EVENT: function() {
+        return EMBLA_VISIBILITY_EVENT;
+    },
+    setTabsterDefault: function() {
+        return setTabsterDefault;
+    },
+    useEmblaCarousel: function() {
+        return useEmblaCarousel;
+    }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _reactutilities = require("@fluentui/react-utilities");
+const _emblacarousel = /*#__PURE__*/ _interop_require_default._(require("embla-carousel"));
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useCarouselCardStylesstyles = require("./CarouselCard/useCarouselCardStyles.styles");
+const _useCarouselSliderStylesstyles = require("./CarouselSlider/useCarouselSliderStyles.styles");
+const _emblacarouselautoplay = /*#__PURE__*/ _interop_require_default._(require("embla-carousel-autoplay"));
+const sliderClassname = `.${_useCarouselSliderStylesstyles.carouselSliderClassNames.root}`;
+const DEFAULT_EMBLA_OPTIONS = {
+    containScroll: 'trimSnaps',
+    inViewThreshold: 0.99,
+    watchDrag: false,
+    skipSnaps: true,
+    container: sliderClassname,
+    slides: `.${_useCarouselCardStylesstyles.carouselCardClassNames.root}`
+};
+const EMBLA_VISIBILITY_EVENT = 'embla:visibilitychange';
+function setTabsterDefault(element, isDefault) {
+    const tabsterAttr = element.getAttribute('data-tabster');
+    if (tabsterAttr) {
+        const tabsterAttributes = JSON.parse(tabsterAttr);
+        if (tabsterAttributes.focusable) {
+            // If tabster.focusable isn't present, we will ignore.
+            tabsterAttributes.focusable.isDefault = isDefault;
+            element.setAttribute('data-tabster', JSON.stringify(tabsterAttributes));
+        }
+    }
+}
+function useEmblaCarousel(options) {
+    const { align, direction, loop, slidesToScroll, watchDrag, containScroll } = options;
+    const [activeIndex, setActiveIndex] = (0, _reactutilities.useControllableState)({
+        defaultState: options.defaultActiveIndex,
+        state: options.activeIndex,
+        initialState: 0
+    });
+    const emblaOptions = _react.useRef({
+        align,
+        direction,
+        loop,
+        slidesToScroll,
+        startIndex: activeIndex,
+        watchDrag,
+        containScroll
+    });
+    const emblaApi = _react.useRef(null);
+    const autoplayRef = _react.useRef(false);
+    const resetAutoplay = _react.useCallback(()=>{
+        var _emblaApi_current;
+        (_emblaApi_current = emblaApi.current) === null || _emblaApi_current === void 0 ? void 0 : _emblaApi_current.plugins().autoplay.reset();
+    }, []);
+    /* Our autoplay button, which is required by standards for autoplay to be enabled, will handle controlled state */ const enableAutoplay = _react.useCallback((autoplay)=>{
+        autoplayRef.current = autoplay;
+        if (autoplay) {
+            var _emblaApi_current;
+            (_emblaApi_current = emblaApi.current) === null || _emblaApi_current === void 0 ? void 0 : _emblaApi_current.plugins().autoplay.play();
+            // Reset after play to ensure timing and any focus/mouse pause state is reset.
+            resetAutoplay();
+        } else {
+            var _emblaApi_current1;
+            (_emblaApi_current1 = emblaApi.current) === null || _emblaApi_current1 === void 0 ? void 0 : _emblaApi_current1.plugins().autoplay.stop();
+        }
+    }, [
+        resetAutoplay
+    ]);
+    // Listeners contains callbacks for UI elements that may require state update based on embla changes
+    const listeners = _react.useRef(new Set());
+    const subscribeForValues = _react.useCallback((listener)=>{
+        listeners.current.add(listener);
+        return ()=>{
+            listeners.current.delete(listener);
+        };
+    }, []);
+    const containerRef = _react.useMemo(()=>{
+        let currentElement = null;
+        const handleIndexChange = ()=>{
+            var _emblaApi_current, _emblaApi_current1, _emblaApi_current2;
+            var _emblaApi_current_selectedScrollSnap;
+            const newIndex = (_emblaApi_current_selectedScrollSnap = (_emblaApi_current = emblaApi.current) === null || _emblaApi_current === void 0 ? void 0 : _emblaApi_current.selectedScrollSnap()) !== null && _emblaApi_current_selectedScrollSnap !== void 0 ? _emblaApi_current_selectedScrollSnap : 0;
+            const slides = (_emblaApi_current1 = emblaApi.current) === null || _emblaApi_current1 === void 0 ? void 0 : _emblaApi_current1.slideNodes();
+            var _emblaApi_current_internalEngine_slideRegistry_newIndex_;
+            const actualIndex = (_emblaApi_current_internalEngine_slideRegistry_newIndex_ = (_emblaApi_current2 = emblaApi.current) === null || _emblaApi_current2 === void 0 ? void 0 : _emblaApi_current2.internalEngine().slideRegistry[newIndex][0]) !== null && _emblaApi_current_internalEngine_slideRegistry_newIndex_ !== void 0 ? _emblaApi_current_internalEngine_slideRegistry_newIndex_ : 0;
+            // We set the active or first index of group on-screen as the selected tabster index
+            slides === null || slides === void 0 ? void 0 : slides.forEach((slide, slideIndex)=>{
+                setTabsterDefault(slide, slideIndex === actualIndex);
+            });
+            setActiveIndex(newIndex);
+        };
+        const handleReinit = ()=>{
+            var _emblaApi_current, _emblaApi_current1, _emblaApi_current2;
+            var _emblaApi_current_slideNodes;
+            const nodes = (_emblaApi_current_slideNodes = (_emblaApi_current = emblaApi.current) === null || _emblaApi_current === void 0 ? void 0 : _emblaApi_current.slideNodes()) !== null && _emblaApi_current_slideNodes !== void 0 ? _emblaApi_current_slideNodes : [];
+            var _emblaApi_current_internalEngine_slideRegistry;
+            const groupIndexList = (_emblaApi_current_internalEngine_slideRegistry = (_emblaApi_current1 = emblaApi.current) === null || _emblaApi_current1 === void 0 ? void 0 : _emblaApi_current1.internalEngine().slideRegistry) !== null && _emblaApi_current_internalEngine_slideRegistry !== void 0 ? _emblaApi_current_internalEngine_slideRegistry : [];
+            const navItemsCount = groupIndexList.length > 0 ? groupIndexList.length : nodes.length;
+            var _emblaApi_current_selectedScrollSnap;
+            const data = {
+                navItemsCount,
+                activeIndex: (_emblaApi_current_selectedScrollSnap = (_emblaApi_current2 = emblaApi.current) === null || _emblaApi_current2 === void 0 ? void 0 : _emblaApi_current2.selectedScrollSnap()) !== null && _emblaApi_current_selectedScrollSnap !== void 0 ? _emblaApi_current_selectedScrollSnap : 0,
+                groupIndexList,
+                slideNodes: nodes
+            };
+            for (const listener of listeners.current){
+                listener(data);
+            }
+        };
+        const handleVisibilityChange = ()=>{
+            var _emblaApi_current, _emblaApi_current1;
+            const cardElements = (_emblaApi_current = emblaApi.current) === null || _emblaApi_current === void 0 ? void 0 : _emblaApi_current.slideNodes();
+            var _emblaApi_current_slidesInView;
+            const visibleIndexes = (_emblaApi_current_slidesInView = (_emblaApi_current1 = emblaApi.current) === null || _emblaApi_current1 === void 0 ? void 0 : _emblaApi_current1.slidesInView()) !== null && _emblaApi_current_slidesInView !== void 0 ? _emblaApi_current_slidesInView : [];
+            cardElements === null || cardElements === void 0 ? void 0 : cardElements.forEach((cardElement, index)=>{
+                cardElement.dispatchEvent(new CustomEvent(EMBLA_VISIBILITY_EVENT, {
+                    bubbles: false,
+                    detail: {
+                        isVisible: visibleIndexes.includes(index)
+                    }
+                }));
+            });
+        };
+        return {
+            set current (newElement){
+                if (currentElement) {
+                    var _emblaApi_current, _emblaApi_current1, _emblaApi_current2, _emblaApi_current3;
+                    (_emblaApi_current = emblaApi.current) === null || _emblaApi_current === void 0 ? void 0 : _emblaApi_current.off('slidesInView', handleVisibilityChange);
+                    (_emblaApi_current1 = emblaApi.current) === null || _emblaApi_current1 === void 0 ? void 0 : _emblaApi_current1.off('select', handleIndexChange);
+                    (_emblaApi_current2 = emblaApi.current) === null || _emblaApi_current2 === void 0 ? void 0 : _emblaApi_current2.off('reInit', handleReinit);
+                    (_emblaApi_current3 = emblaApi.current) === null || _emblaApi_current3 === void 0 ? void 0 : _emblaApi_current3.destroy();
+                }
+                if (newElement) {
+                    var _emblaApi_current4, _emblaApi_current5, _emblaApi_current6;
+                    currentElement = newElement;
+                    emblaApi.current = (0, _emblacarousel.default)(newElement, {
+                        ...DEFAULT_EMBLA_OPTIONS,
+                        ...emblaOptions.current
+                    }, [
+                        (0, _emblacarouselautoplay.default)({
+                            playOnInit: autoplayRef.current,
+                            stopOnInteraction: !autoplayRef.current,
+                            stopOnMouseEnter: true,
+                            stopOnFocusIn: true,
+                            rootNode: (emblaRoot)=>{
+                                var _emblaRoot_querySelector;
+                                return (_emblaRoot_querySelector = emblaRoot.querySelector(sliderClassname)) !== null && _emblaRoot_querySelector !== void 0 ? _emblaRoot_querySelector : emblaRoot;
+                            }
+                        })
+                    ]);
+                    (_emblaApi_current4 = emblaApi.current) === null || _emblaApi_current4 === void 0 ? void 0 : _emblaApi_current4.on('reInit', handleReinit);
+                    (_emblaApi_current5 = emblaApi.current) === null || _emblaApi_current5 === void 0 ? void 0 : _emblaApi_current5.on('slidesInView', handleVisibilityChange);
+                    (_emblaApi_current6 = emblaApi.current) === null || _emblaApi_current6 === void 0 ? void 0 : _emblaApi_current6.on('select', handleIndexChange);
+                }
+            }
+        };
+    }, [
+        setActiveIndex
+    ]);
+    const carouselApi = _react.useMemo(()=>({
+            scrollToElement: (element, jump)=>{
+                var _emblaApi_current, _emblaApi_current1, _emblaApi_current2;
+                const cardElements = (_emblaApi_current = emblaApi.current) === null || _emblaApi_current === void 0 ? void 0 : _emblaApi_current.slideNodes();
+                var _emblaApi_current_internalEngine_slideRegistry;
+                const groupIndexList = (_emblaApi_current_internalEngine_slideRegistry = (_emblaApi_current1 = emblaApi.current) === null || _emblaApi_current1 === void 0 ? void 0 : _emblaApi_current1.internalEngine().slideRegistry) !== null && _emblaApi_current_internalEngine_slideRegistry !== void 0 ? _emblaApi_current_internalEngine_slideRegistry : [];
+                var _cardElements_indexOf;
+                const cardIndex = (_cardElements_indexOf = cardElements === null || cardElements === void 0 ? void 0 : cardElements.indexOf(element)) !== null && _cardElements_indexOf !== void 0 ? _cardElements_indexOf : 0;
+                const groupIndex = groupIndexList.findIndex((group)=>{
+                    return group.includes(cardIndex);
+                });
+                const indexFocus = groupIndex !== null && groupIndex !== void 0 ? groupIndex : cardIndex;
+                (_emblaApi_current2 = emblaApi.current) === null || _emblaApi_current2 === void 0 ? void 0 : _emblaApi_current2.scrollTo(indexFocus, jump);
+                return indexFocus;
+            },
+            scrollToIndex: (index, jump)=>{
+                var _emblaApi_current;
+                (_emblaApi_current = emblaApi.current) === null || _emblaApi_current === void 0 ? void 0 : _emblaApi_current.scrollTo(index, jump);
+            },
+            scrollInDirection: (dir)=>{
+                var _emblaApi_current;
+                if (dir === 'prev') {
+                    var _emblaApi_current1;
+                    (_emblaApi_current1 = emblaApi.current) === null || _emblaApi_current1 === void 0 ? void 0 : _emblaApi_current1.scrollPrev();
+                } else {
+                    var _emblaApi_current2;
+                    (_emblaApi_current2 = emblaApi.current) === null || _emblaApi_current2 === void 0 ? void 0 : _emblaApi_current2.scrollNext();
+                }
+                var _emblaApi_current_selectedScrollSnap;
+                return (_emblaApi_current_selectedScrollSnap = (_emblaApi_current = emblaApi.current) === null || _emblaApi_current === void 0 ? void 0 : _emblaApi_current.selectedScrollSnap()) !== null && _emblaApi_current_selectedScrollSnap !== void 0 ? _emblaApi_current_selectedScrollSnap : 0;
+            }
+        }), []);
+    _react.useEffect(()=>{
+        var _emblaApi_current;
+        var _emblaApi_current_selectedScrollSnap;
+        const currentActiveIndex = (_emblaApi_current_selectedScrollSnap = (_emblaApi_current = emblaApi.current) === null || _emblaApi_current === void 0 ? void 0 : _emblaApi_current.selectedScrollSnap()) !== null && _emblaApi_current_selectedScrollSnap !== void 0 ? _emblaApi_current_selectedScrollSnap : 0;
+        if (activeIndex !== currentActiveIndex) {
+            var _emblaApi_current1;
+            (_emblaApi_current1 = emblaApi.current) === null || _emblaApi_current1 === void 0 ? void 0 : _emblaApi_current1.scrollTo(activeIndex);
+        }
+    }, [
+        activeIndex
+    ]);
+    _react.useEffect(()=>{
+        var _emblaApi_current;
+        emblaOptions.current = {
+            align,
+            direction,
+            loop,
+            slidesToScroll,
+            watchDrag,
+            containScroll
+        };
+        (_emblaApi_current = emblaApi.current) === null || _emblaApi_current === void 0 ? void 0 : _emblaApi_current.reInit({
+            ...DEFAULT_EMBLA_OPTIONS,
+            ...emblaOptions.current
+        }, [
+            (0, _emblacarouselautoplay.default)({
+                playOnInit: autoplayRef.current,
+                stopOnInteraction: !autoplayRef.current,
+                stopOnMouseEnter: true,
+                stopOnFocusIn: true,
+                rootNode: (emblaRoot)=>{
+                    var _emblaRoot_querySelector;
+                    return (_emblaRoot_querySelector = emblaRoot.querySelector(sliderClassname)) !== null && _emblaRoot_querySelector !== void 0 ? _emblaRoot_querySelector : emblaRoot;
+                }
+            })
+        ]);
+    }, [
+        align,
+        direction,
+        loop,
+        slidesToScroll,
+        watchDrag,
+        containScroll
+    ]);
+    return {
+        activeIndex,
+        carouselApi,
+        containerRef,
+        subscribeForValues,
+        enableAutoplay,
+        resetAutoplay
+    };
+}

package/lib-commonjs/components/useEmblaCarousel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useEmblaCarousel.ts"],"sourcesContent":["import { useControllableState } from '@fluentui/react-utilities';\nimport EmblaCarousel, { type EmblaCarouselType, type EmblaOptionsType } from 'embla-carousel';\nimport * as React from 'react';\n\nimport { carouselCardClassNames } from './CarouselCard/useCarouselCardStyles.styles';\nimport { carouselSliderClassNames } from './CarouselSlider/useCarouselSliderStyles.styles';\nimport { CarouselUpdateData, CarouselVisibilityEventDetail } from '../Carousel';\nimport Autoplay from 'embla-carousel-autoplay';\n\nconst sliderClassname = `.${carouselSliderClassNames.root}`;\n\nconst DEFAULT_EMBLA_OPTIONS: EmblaOptionsType = {\n  containScroll: 'trimSnaps',\n  inViewThreshold: 0.99,\n  watchDrag: false,\n  skipSnaps: true,\n\n  container: sliderClassname,\n  slides: `.${carouselCardClassNames.root}`,\n};\n\nexport const EMBLA_VISIBILITY_EVENT = 'embla:visibilitychange';\n\nexport function setTabsterDefault(element: Element, isDefault: boolean) {\n  const tabsterAttr = element.getAttribute('data-tabster');\n\n  if (tabsterAttr) {\n    const tabsterAttributes = JSON.parse(tabsterAttr);\n    if (tabsterAttributes.focusable) {\n      // If tabster.focusable isn't present, we will ignore.\n      tabsterAttributes.focusable.isDefault = isDefault;\n      element.setAttribute('data-tabster', JSON.stringify(tabsterAttributes));\n    }\n  }\n}\n\nexport function useEmblaCarousel(\n  options: Pick<EmblaOptionsType, 'align' | 'direction' | 'loop' | 'slidesToScroll' | 'watchDrag' | 'containScroll'> & {\n    defaultActiveIndex: number | undefined;\n    activeIndex: number | undefined;\n  },\n) {\n  const { align, direction, loop, slidesToScroll, watchDrag, containScroll } = options;\n  const [activeIndex, setActiveIndex] = useControllableState({\n    defaultState: options.defaultActiveIndex,\n    state: options.activeIndex,\n    initialState: 0,\n  });\n\n  const emblaOptions = React.useRef<EmblaOptionsType>({\n    align,\n    direction,\n    loop,\n    slidesToScroll,\n    startIndex: activeIndex,\n    watchDrag,\n    containScroll,\n  });\n\n  const emblaApi = React.useRef<EmblaCarouselType | null>(null);\n  const autoplayRef = React.useRef<boolean>(false);\n\n  const resetAutoplay = React.useCallback(() => {\n    emblaApi.current?.plugins().autoplay.reset();\n  }, []);\n\n  /* Our autoplay button, which is required by standards for autoplay to be enabled, will handle controlled state */\n  const enableAutoplay = React.useCallback(\n    (autoplay: boolean) => {\n      autoplayRef.current = autoplay;\n      if (autoplay) {\n        emblaApi.current?.plugins().autoplay.play();\n        // Reset after play to ensure timing and any focus/mouse pause state is reset.\n        resetAutoplay();\n      } else {\n        emblaApi.current?.plugins().autoplay.stop();\n      }\n    },\n    [resetAutoplay],\n  );\n\n  // Listeners contains callbacks for UI elements that may require state update based on embla changes\n  const listeners = React.useRef(new Set<(data: CarouselUpdateData) => void>());\n  const subscribeForValues = React.useCallback((listener: (data: CarouselUpdateData) => void) => {\n    listeners.current.add(listener);\n\n    return () => {\n      listeners.current.delete(listener);\n    };\n  }, []);\n\n  const containerRef: React.RefObject<HTMLDivElement> = React.useMemo(() => {\n    let currentElement: HTMLDivElement | null = null;\n\n    const handleIndexChange = () => {\n      const newIndex = emblaApi.current?.selectedScrollSnap() ?? 0;\n      const slides = emblaApi.current?.slideNodes();\n      const actualIndex = emblaApi.current?.internalEngine().slideRegistry[newIndex][0] ?? 0;\n      // We set the active or first index of group on-screen as the selected tabster index\n      slides?.forEach((slide, slideIndex) => {\n        setTabsterDefault(slide, slideIndex === actualIndex);\n      });\n      setActiveIndex(newIndex);\n    };\n    const handleReinit = () => {\n      const nodes: HTMLElement[] = emblaApi.current?.slideNodes() ?? [];\n      const groupIndexList: number[][] = emblaApi.current?.internalEngine().slideRegistry ?? [];\n      const navItemsCount = groupIndexList.length > 0 ? groupIndexList.length : nodes.length;\n\n      const data: CarouselUpdateData = {\n        navItemsCount,\n        activeIndex: emblaApi.current?.selectedScrollSnap() ?? 0,\n        groupIndexList,\n        slideNodes: nodes,\n      };\n\n      for (const listener of listeners.current) {\n        listener(data);\n      }\n    };\n    const handleVisibilityChange = () => {\n      const cardElements = emblaApi.current?.slideNodes();\n      const visibleIndexes = emblaApi.current?.slidesInView() ?? [];\n\n      cardElements?.forEach((cardElement, index) => {\n        cardElement.dispatchEvent(\n          new CustomEvent<CarouselVisibilityEventDetail>(EMBLA_VISIBILITY_EVENT, {\n            bubbles: false,\n            detail: { isVisible: visibleIndexes.includes(index) },\n          }),\n        );\n      });\n    };\n\n    return {\n      set current(newElement: HTMLDivElement | null) {\n        if (currentElement) {\n          emblaApi.current?.off('slidesInView', handleVisibilityChange);\n          emblaApi.current?.off('select', handleIndexChange);\n          emblaApi.current?.off('reInit', handleReinit);\n          emblaApi.current?.destroy();\n        }\n\n        if (newElement) {\n          currentElement = newElement;\n          emblaApi.current = EmblaCarousel(\n            newElement,\n            {\n              ...DEFAULT_EMBLA_OPTIONS,\n              ...emblaOptions.current,\n            },\n            [\n              Autoplay({\n                playOnInit: autoplayRef.current,\n                stopOnInteraction: !autoplayRef.current,\n                stopOnMouseEnter: true,\n                stopOnFocusIn: true,\n                rootNode: (emblaRoot: HTMLElement) => {\n                  return emblaRoot.querySelector(sliderClassname) ?? emblaRoot;\n                },\n              }),\n            ],\n          );\n\n          emblaApi.current?.on('reInit', handleReinit);\n          emblaApi.current?.on('slidesInView', handleVisibilityChange);\n          emblaApi.current?.on('select', handleIndexChange);\n        }\n      },\n    };\n  }, [setActiveIndex]);\n\n  const carouselApi = React.useMemo(\n    () => ({\n      scrollToElement: (element: HTMLElement, jump?: boolean) => {\n        const cardElements = emblaApi.current?.slideNodes();\n        const groupIndexList = emblaApi.current?.internalEngine().slideRegistry ?? [];\n        const cardIndex = cardElements?.indexOf(element) ?? 0;\n        const groupIndex = groupIndexList.findIndex(group => {\n          return group.includes(cardIndex);\n        });\n        const indexFocus = groupIndex ?? cardIndex;\n        emblaApi.current?.scrollTo(indexFocus, jump);\n\n        return indexFocus;\n      },\n      scrollToIndex: (index: number, jump?: boolean) => {\n        emblaApi.current?.scrollTo(index, jump);\n      },\n      scrollInDirection: (dir: 'prev' | 'next') => {\n        if (dir === 'prev') {\n          emblaApi.current?.scrollPrev();\n        } else {\n          emblaApi.current?.scrollNext();\n        }\n\n        return emblaApi.current?.selectedScrollSnap() ?? 0;\n      },\n    }),\n    [],\n  );\n\n  React.useEffect(() => {\n    const currentActiveIndex = emblaApi.current?.selectedScrollSnap() ?? 0;\n\n    if (activeIndex !== currentActiveIndex) {\n      emblaApi.current?.scrollTo(activeIndex);\n    }\n  }, [activeIndex]);\n\n  React.useEffect(() => {\n    emblaOptions.current = { align, direction, loop, slidesToScroll, watchDrag, containScroll };\n    emblaApi.current?.reInit(\n      {\n        ...DEFAULT_EMBLA_OPTIONS,\n        ...emblaOptions.current,\n      },\n      [\n        Autoplay({\n          playOnInit: autoplayRef.current,\n          stopOnInteraction: !autoplayRef.current,\n          stopOnMouseEnter: true,\n          stopOnFocusIn: true,\n          rootNode: (emblaRoot: HTMLElement) => {\n            return emblaRoot.querySelector(sliderClassname) ?? emblaRoot;\n          },\n        }),\n      ],\n    );\n  }, [align, direction, loop, slidesToScroll, watchDrag, containScroll]);\n\n  return {\n    activeIndex,\n    carouselApi,\n    containerRef,\n    subscribeForValues,\n    enableAutoplay,\n    resetAutoplay,\n  };\n}\n"],"names":["EMBLA_VISIBILITY_EVENT","setTabsterDefault","useEmblaCarousel","sliderClassname","carouselSliderClassNames","root","DEFAULT_EMBLA_OPTIONS","containScroll","inViewThreshold","watchDrag","skipSnaps","container","slides","carouselCardClassNames","element","isDefault","tabsterAttr","getAttribute","tabsterAttributes","JSON","parse","focusable","setAttribute","stringify","options","align","direction","loop","slidesToScroll","activeIndex","setActiveIndex","useControllableState","defaultState","defaultActiveIndex","state","initialState","emblaOptions","React","useRef","startIndex","emblaApi","autoplayRef","resetAutoplay","useCallback","current","plugins","autoplay","reset","enableAutoplay","play","stop","listeners","Set","subscribeForValues","listener","add","delete","containerRef","useMemo","currentElement","handleIndexChange","newIndex","selectedScrollSnap","slideNodes","actualIndex","internalEngine","slideRegistry","forEach","slide","slideIndex","handleReinit","nodes","groupIndexList","navItemsCount","length","data","handleVisibilityChange","cardElements","visibleIndexes","slidesInView","cardElement","index","dispatchEvent","CustomEvent","bubbles","detail","isVisible","includes","newElement","off","destroy","EmblaCarousel","Autoplay","playOnInit","stopOnInteraction","stopOnMouseEnter","stopOnFocusIn","rootNode","emblaRoot","querySelector","on","carouselApi","scrollToElement","jump","cardIndex","indexOf","groupIndex","findIndex","group","indexFocus","scrollTo","scrollToIndex","scrollInDirection","dir","scrollPrev","scrollNext","useEffect","currentActiveIndex","reInit"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib-commonjs/index.js

@@ -0,0 +1,166 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    Carousel: function() {
+        return _Carousel.Carousel;
+    },
+    CarouselAutoplayButton: function() {
+        return _CarouselAutoplayButton.CarouselAutoplayButton;
+    },
+    CarouselButton: function() {
+        return _CarouselButton.CarouselButton;
+    },
+    CarouselCard: function() {
+        return _CarouselCard.CarouselCard;
+    },
+    CarouselNav: function() {
+        return _CarouselNav.CarouselNav;
+    },
+    CarouselNavButton: function() {
+        return _CarouselNavButton.CarouselNavButton;
+    },
+    CarouselNavContainer: function() {
+        return _CarouselNavContainer.CarouselNavContainer;
+    },
+    CarouselNavImageButton: function() {
+        return _CarouselNavImageButton.CarouselNavImageButton;
+    },
+    CarouselProvider: function() {
+        return _CarouselContext.CarouselProvider;
+    },
+    CarouselSlider: function() {
+        return _CarouselSlider.CarouselSlider;
+    },
+    carouselAutoplayButtonClassNames: function() {
+        return _CarouselAutoplayButton.carouselAutoplayButtonClassNames;
+    },
+    carouselButtonClassNames: function() {
+        return _CarouselButton.carouselButtonClassNames;
+    },
+    carouselCardClassNames: function() {
+        return _CarouselCard.carouselCardClassNames;
+    },
+    carouselClassNames: function() {
+        return _Carousel.carouselClassNames;
+    },
+    carouselContextDefaultValue: function() {
+        return _CarouselContext.carouselContextDefaultValue;
+    },
+    carouselNavButtonClassNames: function() {
+        return _CarouselNavButton.carouselNavButtonClassNames;
+    },
+    carouselNavClassNames: function() {
+        return _CarouselNav.carouselNavClassNames;
+    },
+    carouselNavContainerClassNames: function() {
+        return _CarouselNavContainer.carouselNavContainerClassNames;
+    },
+    carouselNavImageButtonClassNames: function() {
+        return _CarouselNavImageButton.carouselNavImageButtonClassNames;
+    },
+    carouselSliderClassNames: function() {
+        return _CarouselSlider.carouselSliderClassNames;
+    },
+    renderCarouselAutoplayButton_unstable: function() {
+        return _CarouselAutoplayButton.renderCarouselAutoplayButton_unstable;
+    },
+    renderCarouselButton_unstable: function() {
+        return _CarouselButton.renderCarouselButton_unstable;
+    },
+    renderCarouselCard_unstable: function() {
+        return _CarouselCard.renderCarouselCard_unstable;
+    },
+    renderCarouselNavButton_unstable: function() {
+        return _CarouselNavButton.renderCarouselNavButton_unstable;
+    },
+    renderCarouselNavContainer_unstable: function() {
+        return _CarouselNavContainer.renderCarouselNavContainer_unstable;
+    },
+    renderCarouselNavImageButton_unstable: function() {
+        return _CarouselNavImageButton.renderCarouselNavImageButton_unstable;
+    },
+    renderCarouselNav_unstable: function() {
+        return _CarouselNav.renderCarouselNav_unstable;
+    },
+    renderCarouselSlider_unstable: function() {
+        return _CarouselSlider.renderCarouselSlider_unstable;
+    },
+    renderCarousel_unstable: function() {
+        return _Carousel.renderCarousel_unstable;
+    },
+    useCarouselAutoplayButtonStyles_unstable: function() {
+        return _CarouselAutoplayButton.useCarouselAutoplayButtonStyles_unstable;
+    },
+    useCarouselAutoplayButton_unstable: function() {
+        return _CarouselAutoplayButton.useCarouselAutoplayButton_unstable;
+    },
+    useCarouselButtonStyles_unstable: function() {
+        return _CarouselButton.useCarouselButtonStyles_unstable;
+    },
+    useCarouselButton_unstable: function() {
+        return _CarouselButton.useCarouselButton_unstable;
+    },
+    useCarouselCardStyles_unstable: function() {
+        return _CarouselCard.useCarouselCardStyles_unstable;
+    },
+    useCarouselCard_unstable: function() {
+        return _CarouselCard.useCarouselCard_unstable;
+    },
+    useCarouselContext_unstable: function() {
+        return _CarouselContext.useCarouselContext_unstable;
+    },
+    useCarouselNavButtonStyles_unstable: function() {
+        return _CarouselNavButton.useCarouselNavButtonStyles_unstable;
+    },
+    useCarouselNavButton_unstable: function() {
+        return _CarouselNavButton.useCarouselNavButton_unstable;
+    },
+    useCarouselNavContainerStyles_unstable: function() {
+        return _CarouselNavContainer.useCarouselNavContainerStyles_unstable;
+    },
+    useCarouselNavContainer_unstable: function() {
+        return _CarouselNavContainer.useCarouselNavContainer_unstable;
+    },
+    useCarouselNavImageButtonStyles_unstable: function() {
+        return _CarouselNavImageButton.useCarouselNavImageButtonStyles_unstable;
+    },
+    useCarouselNavImageButton_unstable: function() {
+        return _CarouselNavImageButton.useCarouselNavImageButton_unstable;
+    },
+    useCarouselNavStyles_unstable: function() {
+        return _CarouselNav.useCarouselNavStyles_unstable;
+    },
+    useCarouselNav_unstable: function() {
+        return _CarouselNav.useCarouselNav_unstable;
+    },
+    useCarouselSliderStyles_unstable: function() {
+        return _CarouselSlider.useCarouselSliderStyles_unstable;
+    },
+    useCarouselSlider_unstable: function() {
+        return _CarouselSlider.useCarouselSlider_unstable;
+    },
+    useCarouselStyles_unstable: function() {
+        return _Carousel.useCarouselStyles_unstable;
+    },
+    useCarousel_unstable: function() {
+        return _Carousel.useCarousel_unstable;
+    }
+});
+const _CarouselButton = require("./CarouselButton");
+const _CarouselNav = require("./CarouselNav");
+const _CarouselNavButton = require("./CarouselNavButton");
+const _Carousel = require("./Carousel");
+const _CarouselCard = require("./CarouselCard");
+const _CarouselAutoplayButton = require("./CarouselAutoplayButton");
+const _CarouselNavImageButton = require("./CarouselNavImageButton");
+const _CarouselSlider = require("./CarouselSlider");
+const _CarouselNavContainer = require("./CarouselNavContainer");
+const _CarouselContext = require("./CarouselContext");

package/lib-commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export type { CarouselButtonProps, CarouselButtonSlots, CarouselButtonState } from './CarouselButton';\nexport {\n  CarouselButton,\n  carouselButtonClassNames,\n  renderCarouselButton_unstable,\n  useCarouselButtonStyles_unstable,\n  useCarouselButton_unstable,\n} from './CarouselButton';\nexport type { CarouselNavProps, CarouselNavSlots, CarouselNavState, NavButtonRenderFunction } from './CarouselNav';\nexport {\n  CarouselNav,\n  carouselNavClassNames,\n  renderCarouselNav_unstable,\n  useCarouselNavStyles_unstable,\n  useCarouselNav_unstable,\n} from './CarouselNav';\nexport type { CarouselNavButtonProps, CarouselNavButtonSlots, CarouselNavButtonState } from './CarouselNavButton';\nexport {\n  CarouselNavButton,\n  carouselNavButtonClassNames,\n  renderCarouselNavButton_unstable,\n  useCarouselNavButtonStyles_unstable,\n  useCarouselNavButton_unstable,\n} from './CarouselNavButton';\nexport type { CarouselProps, CarouselSlots, CarouselState, CarouselAnnouncerFunction } from './Carousel';\nexport {\n  Carousel,\n  carouselClassNames,\n  renderCarousel_unstable,\n  useCarouselStyles_unstable,\n  useCarousel_unstable,\n} from './Carousel';\nexport type { CarouselCardProps, CarouselCardSlots, CarouselCardState } from './CarouselCard';\nexport {\n  CarouselCard,\n  carouselCardClassNames,\n  renderCarouselCard_unstable,\n  useCarouselCardStyles_unstable,\n  useCarouselCard_unstable,\n} from './CarouselCard';\nexport type {\n  CarouselAutoplayButtonProps,\n  CarouselAutoplayButtonSlots,\n  CarouselAutoplayButtonState,\n} from './CarouselAutoplayButton';\nexport {\n  CarouselAutoplayButton,\n  carouselAutoplayButtonClassNames,\n  renderCarouselAutoplayButton_unstable,\n  useCarouselAutoplayButtonStyles_unstable,\n  useCarouselAutoplayButton_unstable,\n} from './CarouselAutoplayButton';\nexport type {\n  CarouselNavImageButtonProps,\n  CarouselNavImageButtonSlots,\n  CarouselNavImageButtonState,\n} from './CarouselNavImageButton';\nexport {\n  CarouselNavImageButton,\n  carouselNavImageButtonClassNames,\n  renderCarouselNavImageButton_unstable,\n  useCarouselNavImageButtonStyles_unstable,\n  useCarouselNavImageButton_unstable,\n} from './CarouselNavImageButton';\nexport {\n  CarouselSlider,\n  carouselSliderClassNames,\n  renderCarouselSlider_unstable,\n  useCarouselSliderStyles_unstable,\n  useCarouselSlider_unstable,\n} from './CarouselSlider';\nexport type { CarouselSliderProps, CarouselSliderSlots, CarouselSliderState } from './CarouselSlider';\nexport type {\n  CarouselNavContainerProps,\n  CarouselNavContainerSlots,\n  CarouselNavContainerState,\n} from './CarouselNavContainer';\nexport {\n  CarouselNavContainer,\n  carouselNavContainerClassNames,\n  renderCarouselNavContainer_unstable,\n  useCarouselNavContainerStyles_unstable,\n  useCarouselNavContainer_unstable,\n} from './CarouselNavContainer';\nexport { carouselContextDefaultValue, CarouselProvider, useCarouselContext_unstable } from './CarouselContext';\nexport type { CarouselIndexChangeData, CarouselContextValue, CarouselContextValues } from './CarouselContext';\n"],"names":["Carousel","CarouselAutoplayButton","CarouselButton","CarouselCard","CarouselNav","CarouselNavButton","CarouselNavContainer","CarouselNavImageButton","CarouselProvider","CarouselSlider","carouselAutoplayButtonClassNames","carouselButtonClassNames","carouselCardClassNames","carouselClassNames","carouselContextDefaultValue","carouselNavButtonClassNames","carouselNavClassNames","carouselNavContainerClassNames","carouselNavImageButtonClassNames","carouselSliderClassNames","renderCarouselAutoplayButton_unstable","renderCarouselButton_unstable","renderCarouselCard_unstable","renderCarouselNavButton_unstable","renderCarouselNavContainer_unstable","renderCarouselNavImageButton_unstable","renderCarouselNav_unstable","renderCarouselSlider_unstable","renderCarousel_unstable","useCarouselAutoplayButtonStyles_unstable","useCarouselAutoplayButton_unstable","useCarouselButtonStyles_unstable","useCarouselButton_unstable","useCarouselCardStyles_unstable","useCarouselCard_unstable","useCarouselContext_unstable","useCarouselNavButtonStyles_unstable","useCarouselNavButton_unstable","useCarouselNavContainerStyles_unstable","useCarouselNavContainer_unstable","useCarouselNavImageButtonStyles_unstable","useCarouselNavImageButton_unstable","useCarouselNavStyles_unstable","useCarouselNav_unstable","useCarouselSliderStyles_unstable","useCarouselSlider_unstable","useCarouselStyles_unstable","useCarousel_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IA0BEA,QAAQ;eAARA,kBAAQ;;IAoBRC,sBAAsB;eAAtBA,8CAAsB;;IA5CtBC,cAAc;eAAdA,8BAAc;;IAgCdC,YAAY;eAAZA,0BAAY;;IAxBZC,WAAW;eAAXA,wBAAW;;IAQXC,iBAAiB;eAAjBA,oCAAiB;;IA4DjBC,oBAAoB;eAApBA,0CAAoB;;IApBpBC,sBAAsB;eAAtBA,8CAAsB;;IA0BcC,gBAAgB;eAAhBA,iCAAgB;;IAnBpDC,cAAc;eAAdA,8BAAc;;IAlBdC,gCAAgC;eAAhCA,wDAAgC;;IA5ChCC,wBAAwB;eAAxBA,wCAAwB;;IAgCxBC,sBAAsB;eAAtBA,oCAAsB;;IARtBC,kBAAkB;eAAlBA,4BAAkB;;IAyDXC,2BAA2B;eAA3BA,4CAA2B;;IAjElCC,2BAA2B;eAA3BA,8CAA2B;;IAR3BC,qBAAqB;eAArBA,kCAAqB;;IAoErBC,8BAA8B;eAA9BA,oDAA8B;;IApB9BC,gCAAgC;eAAhCA,wDAAgC;;IAOhCC,wBAAwB;eAAxBA,wCAAwB;;IAlBxBC,qCAAqC;eAArCA,6DAAqC;;IA5CrCC,6BAA6B;eAA7BA,6CAA6B;;IAgC7BC,2BAA2B;eAA3BA,yCAA2B;;IAhB3BC,gCAAgC;eAAhCA,mDAAgC;;IA4DhCC,mCAAmC;eAAnCA,yDAAmC;;IApBnCC,qCAAqC;eAArCA,6DAAqC;;IAhDrCC,0BAA0B;eAA1BA,uCAA0B;;IAuD1BC,6BAA6B;eAA7BA,6CAA6B;;IAvC7BC,uBAAuB;eAAvBA,iCAAuB;;IAqBvBC,wCAAwC;eAAxCA,gEAAwC;;IACxCC,kCAAkC;eAAlCA,0DAAkC;;IA7ClCC,gCAAgC;eAAhCA,gDAAgC;;IAChCC,0BAA0B;eAA1BA,0CAA0B;;IA+B1BC,8BAA8B;eAA9BA,4CAA8B;;IAC9BC,wBAAwB;eAAxBA,sCAAwB;;IA8C8BC,2BAA2B;eAA3BA,4CAA2B;;IA/DjFC,mCAAmC;eAAnCA,sDAAmC;;IACnCC,6BAA6B;eAA7BA,gDAA6B;;IA2D7BC,sCAAsC;eAAtCA,4DAAsC;;IACtCC,gCAAgC;eAAhCA,sDAAgC;;IArBhCC,wCAAwC;eAAxCA,gEAAwC;;IACxCC,kCAAkC;eAAlCA,0DAAkC;;IAjDlCC,6BAA6B;eAA7BA,0CAA6B;;IAC7BC,uBAAuB;eAAvBA,oCAAuB;;IAsDvBC,gCAAgC;eAAhCA,gDAAgC;;IAChCC,0BAA0B;eAA1BA,0CAA0B;;IAxC1BC,0BAA0B;eAA1BA,oCAA0B;;IAC1BC,oBAAoB;eAApBA,8BAAoB;;;gCAvBf;6BAQA;mCAQA;0BAQA;8BAQA;wCAYA;wCAYA;gCAOA;sCAaA;iCACoF"}

package/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "@fluentui/react-carousel",
+  "version": "0.0.0-nightly-20241008-0405.1",
+  "description": "A composable carousel component that enables pagination with minimal rerenders",
+  "main": "lib-commonjs/index.js",
+  "module": "lib/index.js",
+  "typings": "./dist/index.d.ts",
+  "sideEffects": false,
+  "files": [
+    "*.md",
+    "dist/*.d.ts",
+    "lib",
+    "lib-commonjs"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/microsoft/fluentui"
+  },
+  "license": "MIT",
+  "scripts": {
+    "build": "just-scripts build",
+    "clean": "just-scripts clean",
+    "generate-api": "just-scripts generate-api",
+    "lint": "just-scripts lint",
+    "start": "yarn storybook",
+    "storybook": "yarn --cwd ../stories storybook",
+    "test": "jest --passWithNoTests",
+    "type-check": "just-scripts type-check"
+  },
+  "devDependencies": {
+    "@fluentui/eslint-plugin": "*",
+    "@fluentui/react-conformance": "0.0.0-nightly-20241008-0405.1",
+    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20241008-0405.1",
+    "@fluentui/scripts-api-extractor": "*",
+    "@fluentui/scripts-tasks": "*"
+  },
+  "dependencies": {
+    "@fluentui/react-aria": "0.0.0-nightly-20241008-0405.1",
+    "@fluentui/react-button": "0.0.0-nightly-20241008-0405.1",
+    "@fluentui/react-context-selector": "0.0.0-nightly-20241008-0405.1",
+    "@fluentui/react-icons": "^2.0.245",
+    "@fluentui/react-jsx-runtime": "0.0.0-nightly-20241008-0405.1",
+    "@fluentui/react-shared-contexts": "0.0.0-nightly-20241008-0405.1",
+    "@fluentui/react-tabster": "0.0.0-nightly-20241008-0405.1",
+    "@fluentui/react-theme": "0.0.0-nightly-20241008-0405.1",
+    "@fluentui/react-utilities": "0.0.0-nightly-20241008-0405.1",
+    "@griffel/react": "^1.5.22",
+    "@swc/helpers": "^0.5.1",
+    "embla-carousel": "^8.3.0",
+    "embla-carousel-autoplay": "^8.3.0"
+  },
+  "peerDependencies": {
+    "@types/react": ">=16.14.0 <19.0.0",
+    "@types/react-dom": ">=16.9.0 <19.0.0",
+    "react": ">=16.14.0 <19.0.0",
+    "react-dom": ">=16.14.0 <19.0.0"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "node": "./lib-commonjs/index.js",
+      "import": "./lib/index.js",
+      "require": "./lib-commonjs/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "beachball": {}
+}