@lumx/react 3.20.1-alpha.33 → 3.20.1-alpha.34

package/_internal/packages/lumx-react/src/components/slideshow/SlideshowControls-ecca54c4.js

@@ -1,173 +0,0 @@
-import React__default, { useCallback, useMemo } from 'react';
-import classNames from 'classnames';
-import range from 'lodash/range';
-import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { WINDOW } from '../../constants-6af61e2f.js';
-import { useSlideshowControls, DEFAULT_OPTIONS } from '../../hooks/useSlideshowControls-9c881480.js';
-import { useRovingTabIndex } from '../../hooks/useRovingTabIndex-bb8088e1.js';
-import { forwardRef } from '../../utils/react/forwardRef-bd8b3ec8.js';
-import { useTheme } from '../../utils/theme/ThemeContext-d8ee966d.js';
-import { useSwipeNavigate } from './useSwipeNavigate-de52a4b9.js';
-import { PAGINATION_ITEM_SIZE, PAGINATION_ITEMS_MAX } from './constants-e50f2a75.js';
-import { usePaginationVisibleRange } from './usePaginationVisibleRange-afe733eb.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { mdiPauseCircleOutline } from '../../../../lumx-icons/dist/esm/pause-circle-outline-4bb19934.js';
-import { mdiPlayCircleOutline } from '../../../../lumx-icons/dist/esm/play-circle-outline-185778b8.js';
-import { Theme, Emphasis } from '@lumx/core/js/constants';
-import { IconButton } from '../button/IconButton-a740ce59.js';
-import { mdiChevronLeft } from '../../../../lumx-icons/dist/esm/chevron-left-e9c3b1e0.js';
-import { mdiChevronRight } from '../../../../lumx-icons/dist/esm/chevron-right-aeba575c.js';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'SlideshowControls';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {
-  activeIndex: 0
-};
-
-/**
- * SlideshowControls component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const InternalSlideshowControls = forwardRef((props, ref) => {
-  const defaultTheme = useTheme() || Theme.light;
-  const {
-    activeIndex = DEFAULT_PROPS.activeIndex,
-    className,
-    nextButtonProps,
-    onNextClick,
-    onPaginationClick,
-    onPreviousClick,
-    parentRef,
-    previousButtonProps,
-    paginationProps,
-    slidesCount,
-    theme = defaultTheme,
-    isAutoPlaying = false,
-    playButtonProps,
-    paginationItemLabel,
-    paginationItemProps,
-    ...forwardedProps
-  } = props;
-  let parent;
-  if (WINDOW) {
-    // Checking window object to avoid errors in SSR.
-    parent = parentRef instanceof HTMLElement ? parentRef : parentRef?.current;
-  }
-  const paginationRef = React__default.useRef(null);
-  // Listen to touch swipe navigate left & right.
-  useSwipeNavigate(parent,
-  // Go next without loopback.
-  useCallback(() => onNextClick?.(false), [onNextClick]),
-  // Go previous without loopback.
-  useCallback(() => onPreviousClick?.(false), [onPreviousClick]));
-
-  /**
-   * Add roving tab index pattern to pagination items and activate slide on focus.
-   */
-  useRovingTabIndex({
-    parentRef: paginationRef,
-    elementSelector: 'button',
-    keepTabIndex: true,
-    onElementFocus: element => {
-      element.click();
-    }
-  });
-
-  // Pagination "bullet" range.
-  const visibleRange = usePaginationVisibleRange(activeIndex, slidesCount);
-
-  // Inline style of wrapper element.
-  const wrapperStyle = {
-    transform: `translateX(-${PAGINATION_ITEM_SIZE * visibleRange.min}px)`
-  };
-  return /*#__PURE__*/jsxs("div", {
-    ref: ref,
-    ...forwardedProps,
-    className: classNames(className, handleBasicClasses({
-      prefix: CLASSNAME,
-      theme
-    }), {
-      [`${CLASSNAME}--has-infinite-pagination`]: slidesCount > PAGINATION_ITEMS_MAX
-    }),
-    children: [/*#__PURE__*/jsx(IconButton, {
-      ...previousButtonProps,
-      icon: mdiChevronLeft,
-      className: `${CLASSNAME}__navigation`,
-      color: theme === Theme.dark ? 'light' : 'dark',
-      emphasis: Emphasis.low,
-      onClick: onPreviousClick
-    }), /*#__PURE__*/jsx("div", {
-      ref: paginationRef,
-      className: `${CLASSNAME}__pagination`,
-      children: /*#__PURE__*/jsx("div", {
-        className: `${CLASSNAME}__pagination-items`,
-        style: wrapperStyle,
-        role: "tablist",
-        ...paginationProps,
-        children: useMemo(() => range(slidesCount).map(index => {
-          const isOnEdge = index !== 0 && index !== slidesCount - 1 && (index === visibleRange.min || index === visibleRange.max);
-          const isActive = activeIndex === index;
-          const isOutRange = index < visibleRange.min || index > visibleRange.max;
-          const {
-            className: itemClassName = undefined,
-            label = undefined,
-            ...itemProps
-          } = paginationItemProps ? paginationItemProps(index) : {};
-          const ariaLabel = label || paginationItemLabel?.(index) || `${index + 1} / ${slidesCount}`;
-          return /*#__PURE__*/jsx("button", {
-            className: classNames(handleBasicClasses({
-              prefix: `${CLASSNAME}__pagination-item`,
-              isActive,
-              isOnEdge,
-              isOutRange
-            }), itemClassName),
-            type: "button",
-            tabIndex: isActive ? undefined : -1,
-            role: "tab",
-            "aria-selected": isActive,
-            onClick: () => onPaginationClick?.(index),
-            "aria-label": ariaLabel,
-            ...itemProps
-          }, index);
-        }), [slidesCount, visibleRange.min, visibleRange.max, activeIndex, paginationItemProps, paginationItemLabel, onPaginationClick])
-      })
-    }), playButtonProps ? /*#__PURE__*/jsx(IconButton, {
-      ...playButtonProps,
-      icon: isAutoPlaying ? mdiPauseCircleOutline : mdiPlayCircleOutline,
-      className: `${CLASSNAME}__play`,
-      color: theme === Theme.dark ? 'light' : 'dark',
-      emphasis: Emphasis.low
-    }) : null, /*#__PURE__*/jsx(IconButton, {
-      ...nextButtonProps,
-      icon: mdiChevronRight,
-      className: `${CLASSNAME}__navigation`,
-      color: theme === Theme.dark ? 'light' : 'dark',
-      emphasis: Emphasis.low,
-      onClick: onNextClick
-    })]
-  });
-});
-InternalSlideshowControls.displayName = COMPONENT_NAME;
-InternalSlideshowControls.className = CLASSNAME;
-InternalSlideshowControls.defaultProps = DEFAULT_PROPS;
-const SlideshowControls = Object.assign(InternalSlideshowControls, {
-  useSlideshowControls,
-  useSlideshowControlsDefaultOptions: DEFAULT_OPTIONS
-});
-
-export { SlideshowControls };
-//# sourceMappingURL=SlideshowControls-ecca54c4.js.map

package/_internal/packages/lumx-react/src/components/slideshow/SlideshowControls-ecca54c4.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SlideshowControls-ecca54c4.js","sources":["../../../../../../../src/components/slideshow/SlideshowControls.tsx"],"sourcesContent":["import React, { RefObject, useCallback, useMemo } from 'react';\n\nimport classNames from 'classnames';\nimport range from 'lodash/range';\n\nimport { mdiChevronLeft, mdiChevronRight, mdiPlayCircleOutline, mdiPauseCircleOutline } from '@lumx/icons';\nimport { Emphasis, IconButton, IconButtonProps, Theme } from '@lumx/react';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { WINDOW } from '@lumx/react/constants';\nimport { useSlideshowControls, DEFAULT_OPTIONS } from '@lumx/react/hooks/useSlideshowControls';\nimport { useRovingTabIndex } from '@lumx/react/hooks/useRovingTabIndex';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { useSwipeNavigate } from './useSwipeNavigate';\nimport { PAGINATION_ITEM_SIZE, PAGINATION_ITEMS_MAX } from './constants';\nimport { usePaginationVisibleRange } from './usePaginationVisibleRange';\n\n/**\n * Defines the props of the component.\n */\nexport interface SlideshowControlsProps extends GenericProps, HasTheme {\n    /** Index of the current slide. */\n    activeIndex?: number;\n    /** Props to pass to the next button (minus those already set by the SlideshowControls props). */\n    nextButtonProps: Pick<IconButtonProps, 'label'> &\n        Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis' | 'color'>;\n    /** Reference to the parent element on which we want to listen touch swipe. */\n    parentRef?: RefObject<HTMLDivElement> | HTMLDivElement | null;\n    /** Props to pass to the previous button (minus those already set by the SlideshowControls props). */\n    previousButtonProps: Pick<IconButtonProps, 'label'> &\n        Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis' | 'color'>;\n    /** Props to pass to the pagination wrapper */\n    paginationProps?: Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'style' | 'role'>;\n    /** Number of slides. */\n    slidesCount: number;\n    /** On next button click callback. */\n    onNextClick?(loopback?: boolean): void;\n    /** On pagination change callback. */\n    onPaginationClick?(index: number): void;\n    /** On previous button click callback. */\n    onPreviousClick?(loopback?: boolean): void;\n    /** whether the slideshow is currently playing */\n    isAutoPlaying?: boolean;\n    /**\n     * function to be executed in order to retrieve the label for the pagination item\n     * @deprecated Use paginationItemProps instead.\n     * */\n    paginationItemLabel?: (index: number) => string;\n    /**\n     * function to be executed in order to retrieve the props for a pagination item.\n     */\n    paginationItemProps?: (itemIndex: number) => React.HTMLAttributes<HTMLButtonElement> & { label?: string };\n    /** Props to pass to the lay button (minus those already set by the SlideshowControls props). */\n    playButtonProps?: Pick<IconButtonProps, 'label'> &\n        Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis' | 'color'>;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'SlideshowControls';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<SlideshowControlsProps> = {\n    activeIndex: 0,\n};\n\n/**\n * SlideshowControls component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nconst InternalSlideshowControls = forwardRef<SlideshowControlsProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        activeIndex = DEFAULT_PROPS.activeIndex,\n        className,\n        nextButtonProps,\n        onNextClick,\n        onPaginationClick,\n        onPreviousClick,\n        parentRef,\n        previousButtonProps,\n        paginationProps,\n        slidesCount,\n        theme = defaultTheme,\n        isAutoPlaying = false,\n        playButtonProps,\n        paginationItemLabel,\n        paginationItemProps,\n        ...forwardedProps\n    } = props;\n\n    let parent;\n    if (WINDOW) {\n        // Checking window object to avoid errors in SSR.\n        parent = parentRef instanceof HTMLElement ? parentRef : parentRef?.current;\n    }\n    const paginationRef = React.useRef(null);\n    // Listen to touch swipe navigate left & right.\n    useSwipeNavigate(\n        parent,\n        // Go next without loopback.\n        useCallback(() => onNextClick?.(false), [onNextClick]),\n        // Go previous without loopback.\n        useCallback(() => onPreviousClick?.(false), [onPreviousClick]),\n    );\n\n    /**\n     * Add roving tab index pattern to pagination items and activate slide on focus.\n     */\n    useRovingTabIndex({\n        parentRef: paginationRef,\n        elementSelector: 'button',\n        keepTabIndex: true,\n        onElementFocus: (element) => {\n            element.click();\n        },\n    });\n\n    // Pagination \"bullet\" range.\n    const visibleRange = usePaginationVisibleRange(activeIndex as number, slidesCount);\n\n    // Inline style of wrapper element.\n    const wrapperStyle = { transform: `translateX(-${PAGINATION_ITEM_SIZE * visibleRange.min}px)` };\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, theme }), {\n                [`${CLASSNAME}--has-infinite-pagination`]: slidesCount > PAGINATION_ITEMS_MAX,\n            })}\n        >\n            <IconButton\n                {...previousButtonProps}\n                icon={mdiChevronLeft}\n                className={`${CLASSNAME}__navigation`}\n                color={theme === Theme.dark ? 'light' : 'dark'}\n                emphasis={Emphasis.low}\n                onClick={onPreviousClick}\n            />\n            <div ref={paginationRef} className={`${CLASSNAME}__pagination`}>\n                <div\n                    className={`${CLASSNAME}__pagination-items`}\n                    style={wrapperStyle}\n                    role=\"tablist\"\n                    {...paginationProps}\n                >\n                    {useMemo(\n                        () =>\n                            range(slidesCount).map((index) => {\n                                const isOnEdge =\n                                    index !== 0 &&\n                                    index !== slidesCount - 1 &&\n                                    (index === visibleRange.min || index === visibleRange.max);\n                                const isActive = activeIndex === index;\n                                const isOutRange = index < visibleRange.min || index > visibleRange.max;\n                                const {\n                                    className: itemClassName = undefined,\n                                    label = undefined,\n                                    ...itemProps\n                                } = paginationItemProps ? paginationItemProps(index) : {};\n\n                                const ariaLabel =\n                                    label || paginationItemLabel?.(index) || `${index + 1} / ${slidesCount}`;\n\n                                return (\n                                    <button\n                                        className={classNames(\n                                            handleBasicClasses({\n                                                prefix: `${CLASSNAME}__pagination-item`,\n                                                isActive,\n                                                isOnEdge,\n                                                isOutRange,\n                                            }),\n                                            itemClassName,\n                                        )}\n                                        key={index}\n                                        type=\"button\"\n                                        tabIndex={isActive ? undefined : -1}\n                                        role=\"tab\"\n                                        aria-selected={isActive}\n                                        onClick={() => onPaginationClick?.(index)}\n                                        aria-label={ariaLabel}\n                                        {...itemProps}\n                                    />\n                                );\n                            }),\n                        [\n                            slidesCount,\n                            visibleRange.min,\n                            visibleRange.max,\n                            activeIndex,\n                            paginationItemProps,\n                            paginationItemLabel,\n                            onPaginationClick,\n                        ],\n                    )}\n                </div>\n            </div>\n\n            {playButtonProps ? (\n                <IconButton\n                    {...playButtonProps}\n                    icon={isAutoPlaying ? mdiPauseCircleOutline : mdiPlayCircleOutline}\n                    className={`${CLASSNAME}__play`}\n                    color={theme === Theme.dark ? 'light' : 'dark'}\n                    emphasis={Emphasis.low}\n                />\n            ) : null}\n\n            <IconButton\n                {...nextButtonProps}\n                icon={mdiChevronRight}\n                className={`${CLASSNAME}__navigation`}\n                color={theme === Theme.dark ? 'light' : 'dark'}\n                emphasis={Emphasis.low}\n                onClick={onNextClick}\n            />\n        </div>\n    );\n});\n\nInternalSlideshowControls.displayName = COMPONENT_NAME;\nInternalSlideshowControls.className = CLASSNAME;\nInternalSlideshowControls.defaultProps = DEFAULT_PROPS;\n\nexport const SlideshowControls = Object.assign(InternalSlideshowControls, {\n    useSlideshowControls,\n    useSlideshowControlsDefaultOptions: DEFAULT_OPTIONS,\n});\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","activeIndex","InternalSlideshowControls","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","className","nextButtonProps","onNextClick","onPaginationClick","onPreviousClick","parentRef","previousButtonProps","paginationProps","slidesCount","theme","isAutoPlaying","playButtonProps","paginationItemLabel","paginationItemProps","forwardedProps","parent","WINDOW","HTMLElement","current","paginationRef","React","useRef","useSwipeNavigate","useCallback","useRovingTabIndex","elementSelector","keepTabIndex","onElementFocus","element","click","visibleRange","usePaginationVisibleRange","wrapperStyle","transform","PAGINATION_ITEM_SIZE","min","_jsxs","classNames","handleBasicClasses","prefix","PAGINATION_ITEMS_MAX","children","_jsx","IconButton","icon","mdiChevronLeft","color","dark","emphasis","Emphasis","low","onClick","style","role","useMemo","range","map","index","isOnEdge","max","isActive","isOutRange","itemClassName","undefined","label","itemProps","ariaLabel","type","tabIndex","mdiPauseCircleOutline","mdiPlayCircleOutline","mdiChevronRight","displayName","defaultProps","SlideshowControls","Object","assign","useSlideshowControls","useSlideshowControlsDefaultOptions","DEFAULT_OPTIONS"],"mappings":"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"}

package/_internal/packages/lumx-react/src/components/slideshow/SlideshowItem-59ca2aee.js

@@ -1,40 +0,0 @@
-import classNames from 'classnames';
-import { getRootClassName } from '@lumx/core/js/utils/className';
-import { forwardRef } from '../../utils/react/forwardRef-bd8b3ec8.js';
-import { jsx } from 'react/jsx-runtime';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'SlideshowItem';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * SlideshowItem component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const SlideshowItem = forwardRef((props, ref) => {
-  const {
-    className,
-    children,
-    ...forwardedProps
-  } = props;
-  return /*#__PURE__*/jsx("div", {
-    ref: ref,
-    className: classNames(className, CLASSNAME),
-    ...forwardedProps,
-    children: children
-  });
-});
-SlideshowItem.displayName = COMPONENT_NAME;
-SlideshowItem.className = CLASSNAME;
-
-export { SlideshowItem };
-//# sourceMappingURL=SlideshowItem-59ca2aee.js.map

package/_internal/packages/lumx-react/src/components/slideshow/SlideshowItem-59ca2aee.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SlideshowItem-59ca2aee.js","sources":["../../../../../../../src/components/slideshow/SlideshowItem.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\n/**\n * Defines the props of the component.\n */\nexport interface SlideshowItemProps extends GenericProps {\n    /** interval in which slides are automatically shown */\n    interval?: number;\n    /** Children */\n    children?: React.ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'SlideshowItem';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * SlideshowItem component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const SlideshowItem = forwardRef<SlideshowItemProps, HTMLDivElement>((props, ref) => {\n    const { className, children, ...forwardedProps } = props;\n    return (\n        <div ref={ref} className={classNames(className, CLASSNAME)} {...forwardedProps}>\n            {children}\n        </div>\n    );\n});\n\nSlideshowItem.displayName = COMPONENT_NAME;\nSlideshowItem.className = CLASSNAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","SlideshowItem","forwardRef","props","ref","className","children","forwardedProps","_jsx","classNames","displayName"],"mappings":";;;;;AAgBA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,eAAe,CAAA;;AAEtC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,aAAa,GAAGC,UAAU,CAAqC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACxF,MAAM;IAAEC,SAAS;IAAEC,QAAQ;IAAE,GAAGC,cAAAA;AAAe,GAAC,GAAGJ,KAAK,CAAA;AACxD,EAAA,oBACIK,GAAA,CAAA,KAAA,EAAA;AAAKJ,IAAAA,GAAG,EAAEA,GAAI;AAACC,IAAAA,SAAS,EAAEI,UAAU,CAACJ,SAAS,EAAEN,SAAS,CAAE;AAAA,IAAA,GAAKQ,cAAc;AAAAD,IAAAA,QAAA,EACzEA,QAAAA;AAAQ,GACR,CAAC,CAAA;AAEd,CAAC,EAAC;AAEFL,aAAa,CAACS,WAAW,GAAGZ,cAAc,CAAA;AAC1CG,aAAa,CAACI,SAAS,GAAGN,SAAS;;;;"}

package/_internal/packages/lumx-react/src/components/slideshow/SlideshowItemGroup-ce6a30cd.js

@@ -1,55 +0,0 @@
-import React__default from 'react';
-import classNames from 'classnames';
-import { mergeRefs } from '../../utils/react/mergeRefs-27df0cb6.js';
-import { getRootClassName } from '@lumx/core/js/utils/className';
-import { forwardRef } from '../../utils/react/forwardRef-bd8b3ec8.js';
-import { useSlideFocusManagement } from './useSlideFocusManagement-6380f9c4.js';
-import { jsx } from 'react/jsx-runtime';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'SlideshowItemGroup';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-const buildSlideShowGroupId = (slidesId, index) => `${slidesId}-slide-${index}`;
-
-/**
- * SlideshowItemGroup component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const SlideshowItemGroup = forwardRef((props, ref) => {
-  const {
-    className,
-    children,
-    role = 'group',
-    label,
-    isDisplayed,
-    ...forwardedProps
-  } = props;
-  const groupRef = React__default.useRef(null);
-  useSlideFocusManagement({
-    isSlideDisplayed: isDisplayed,
-    slideRef: groupRef
-  });
-  return /*#__PURE__*/jsx("div", {
-    ref: mergeRefs(groupRef, ref),
-    role: role,
-    className: classNames(className, CLASSNAME),
-    "aria-roledescription": "slide",
-    "aria-label": label,
-    ...forwardedProps,
-    children: children
-  });
-});
-SlideshowItemGroup.displayName = COMPONENT_NAME;
-SlideshowItemGroup.className = CLASSNAME;
-
-export { CLASSNAME, SlideshowItemGroup, buildSlideShowGroupId };
-//# sourceMappingURL=SlideshowItemGroup-ce6a30cd.js.map

package/_internal/packages/lumx-react/src/components/slideshow/SlideshowItemGroup-ce6a30cd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SlideshowItemGroup-ce6a30cd.js","sources":["../../../../../../../src/components/slideshow/SlideshowItemGroup.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\nimport { mergeRefs } from '@lumx/react/utils/react/mergeRefs';\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\nimport { useSlideFocusManagement } from './useSlideFocusManagement';\n\n/**\n * Defines the props of the component.\n */\nexport interface SlideshowItemGroupProps extends GenericProps {\n    role?: 'tabpanel' | 'group';\n    label?: string;\n    isDisplayed?: boolean;\n    children?: React.ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'SlideshowItemGroup';\n\n/**\n * Component default class name and class prefix.\n */\nexport const CLASSNAME = getRootClassName(COMPONENT_NAME);\n\nexport const buildSlideShowGroupId = (slidesId: string, index: number) => `${slidesId}-slide-${index}`;\n\n/**\n * SlideshowItemGroup component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const SlideshowItemGroup = forwardRef<SlideshowItemGroupProps, HTMLDivElement>((props, ref) => {\n    const { className, children, role = 'group', label, isDisplayed, ...forwardedProps } = props;\n    const groupRef = React.useRef<HTMLDivElement>(null);\n\n    useSlideFocusManagement({ isSlideDisplayed: isDisplayed, slideRef: groupRef });\n\n    return (\n        <div\n            ref={mergeRefs(groupRef, ref)}\n            role={role}\n            className={classNames(className, CLASSNAME)}\n            aria-roledescription=\"slide\"\n            aria-label={label}\n            {...forwardedProps}\n        >\n            {children}\n        </div>\n    );\n});\n\nSlideshowItemGroup.displayName = COMPONENT_NAME;\nSlideshowItemGroup.className = CLASSNAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","buildSlideShowGroupId","slidesId","index","SlideshowItemGroup","forwardRef","props","ref","className","children","role","label","isDisplayed","forwardedProps","groupRef","React","useRef","useSlideFocusManagement","isSlideDisplayed","slideRef","_jsx","mergeRefs","classNames","displayName"],"mappings":";;;;;;;;AAmBA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,oBAAoB,CAAA;;AAE3C;AACA;AACA;MACaC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,EAAC;AAE5CG,MAAAA,qBAAqB,GAAGA,CAACC,QAAgB,EAAEC,KAAa,KAAK,CAAGD,EAAAA,QAAQ,CAAUC,OAAAA,EAAAA,KAAK,CAAE,EAAA;;AAEtG;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,kBAAkB,GAAGC,UAAU,CAA0C,CAACC,KAAK,EAAEC,GAAG,KAAK;EAClG,MAAM;IAAEC,SAAS;IAAEC,QAAQ;AAAEC,IAAAA,IAAI,GAAG,OAAO;IAAEC,KAAK;IAAEC,WAAW;IAAE,GAAGC,cAAAA;AAAe,GAAC,GAAGP,KAAK,CAAA;AAC5F,EAAA,MAAMQ,QAAQ,GAAGC,cAAK,CAACC,MAAM,CAAiB,IAAI,CAAC,CAAA;AAEnDC,EAAAA,uBAAuB,CAAC;AAAEC,IAAAA,gBAAgB,EAAEN,WAAW;AAAEO,IAAAA,QAAQ,EAAEL,QAAAA;AAAS,GAAC,CAAC,CAAA;AAE9E,EAAA,oBACIM,GAAA,CAAA,KAAA,EAAA;AACIb,IAAAA,GAAG,EAAEc,SAAS,CAACP,QAAQ,EAAEP,GAAG,CAAE;AAC9BG,IAAAA,IAAI,EAAEA,IAAK;AACXF,IAAAA,SAAS,EAAEc,UAAU,CAACd,SAAS,EAAET,SAAS,CAAE;AAC5C,IAAA,sBAAA,EAAqB,OAAO;AAC5B,IAAA,YAAA,EAAYY,KAAM;AAAA,IAAA,GACdE,cAAc;AAAAJ,IAAAA,QAAA,EAEjBA,QAAAA;AAAQ,GACR,CAAC,CAAA;AAEd,CAAC,EAAC;AAEFL,kBAAkB,CAACmB,WAAW,GAAGzB,cAAc,CAAA;AAC/CM,kBAAkB,CAACI,SAAS,GAAGT,SAAS;;;;"}

package/_internal/packages/lumx-react/src/components/slideshow/constants-e50f2a75.js

@@ -1,27 +0,0 @@
-/**
- * Autoplay default interval in ms.
- */
-const AUTOPLAY_DEFAULT_INTERVAL = 5000;
-
-/**
- * Full width size in percent.
- */
-const FULL_WIDTH_PERCENT = 100;
-
-/**
- * Edge from the active index.
- */
-const EDGE_FROM_ACTIVE_INDEX = 2;
-
-/**
- * Max number of pagination items.
- */
-const PAGINATION_ITEMS_MAX = 5;
-
-/**
- * Size of a pagination item. Used to translate wrapper.
- */
-const PAGINATION_ITEM_SIZE = 12;
-
-export { AUTOPLAY_DEFAULT_INTERVAL, EDGE_FROM_ACTIVE_INDEX, FULL_WIDTH_PERCENT, PAGINATION_ITEMS_MAX, PAGINATION_ITEM_SIZE };
-//# sourceMappingURL=constants-e50f2a75.js.map

package/_internal/packages/lumx-react/src/components/slideshow/constants-e50f2a75.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants-e50f2a75.js","sources":["../../../../../../../src/components/slideshow/constants.ts"],"sourcesContent":["/**\n * Autoplay default interval in ms.\n */\nexport const AUTOPLAY_DEFAULT_INTERVAL = 5000;\n\n/**\n * Full width size in percent.\n */\nexport const FULL_WIDTH_PERCENT = 100;\n\n/**\n * Edge from the active index.\n */\nexport const EDGE_FROM_ACTIVE_INDEX = 2;\n\n/**\n * Max number of pagination items.\n */\nexport const PAGINATION_ITEMS_MAX = 5;\n\n/**\n * Size of a pagination item. Used to translate wrapper.\n */\nexport const PAGINATION_ITEM_SIZE = 12;\n"],"names":["AUTOPLAY_DEFAULT_INTERVAL","FULL_WIDTH_PERCENT","EDGE_FROM_ACTIVE_INDEX","PAGINATION_ITEMS_MAX","PAGINATION_ITEM_SIZE"],"mappings":"AAAA;AACA;AACA;AACO,MAAMA,yBAAyB,GAAG,KAAI;;AAE7C;AACA;AACA;AACO,MAAMC,kBAAkB,GAAG,IAAG;;AAErC;AACA;AACA;AACO,MAAMC,sBAAsB,GAAG,EAAC;;AAEvC;AACA;AACA;AACO,MAAMC,oBAAoB,GAAG,EAAC;;AAErC;AACA;AACA;AACO,MAAMC,oBAAoB,GAAG;;;;"}

package/_internal/packages/lumx-react/src/components/slideshow/usePaginationVisibleRange-afe733eb.js

@@ -1,47 +0,0 @@
-import { useRef, useMemo } from 'react';
-import { EDGE_FROM_ACTIVE_INDEX, PAGINATION_ITEMS_MAX } from './constants-e50f2a75.js';
-
-/**
- * Calculate the currently visible pagination "bullet" range.
- */
-function usePaginationVisibleRange(activeIndex, slideCount) {
-  const previousVisibleRangeRef = useRef();
-  return useMemo(() => {
-    const lastSlide = slideCount - 1;
-    const {
-      current: previousVisibleRange
-    } = previousVisibleRangeRef;
-    let newVisibleRange;
-    if (activeIndex === previousVisibleRange?.max && activeIndex < lastSlide) {
-      newVisibleRange = {
-        min: previousVisibleRange.min + 1,
-        max: previousVisibleRange.max + 1
-      };
-    } else if (activeIndex === previousVisibleRange?.min && activeIndex > 0) {
-      newVisibleRange = {
-        min: previousVisibleRange.min - 1,
-        max: previousVisibleRange.max - 1
-      };
-    } else {
-      const deltaItems = PAGINATION_ITEMS_MAX - 1;
-      let min = activeIndex - EDGE_FROM_ACTIVE_INDEX;
-      let max = activeIndex + EDGE_FROM_ACTIVE_INDEX;
-      if (activeIndex > lastSlide - EDGE_FROM_ACTIVE_INDEX) {
-        min = lastSlide - deltaItems;
-        max = lastSlide;
-      } else if (activeIndex < deltaItems) {
-        min = 0;
-        max = deltaItems;
-      }
-      newVisibleRange = {
-        min,
-        max
-      };
-    }
-    previousVisibleRangeRef.current = newVisibleRange;
-    return newVisibleRange;
-  }, [activeIndex, slideCount]);
-}
-
-export { usePaginationVisibleRange };
-//# sourceMappingURL=usePaginationVisibleRange-afe733eb.js.map

package/_internal/packages/lumx-react/src/components/slideshow/usePaginationVisibleRange-afe733eb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePaginationVisibleRange-afe733eb.js","sources":["../../../../../../../src/components/slideshow/usePaginationVisibleRange.ts"],"sourcesContent":["import { useMemo, useRef } from 'react';\nimport { EDGE_FROM_ACTIVE_INDEX, PAGINATION_ITEMS_MAX } from '@lumx/react/components/slideshow/constants';\n\ntype Range = { min: number; max: number };\n\n/**\n * Calculate the currently visible pagination \"bullet\" range.\n */\nexport function usePaginationVisibleRange(activeIndex: number, slideCount: number): Range {\n    const previousVisibleRangeRef = useRef<Range>();\n    return useMemo(() => {\n        const lastSlide = slideCount - 1;\n        const { current: previousVisibleRange } = previousVisibleRangeRef;\n        let newVisibleRange: Range;\n        if (activeIndex === previousVisibleRange?.max && activeIndex < lastSlide) {\n            newVisibleRange = { min: previousVisibleRange.min + 1, max: previousVisibleRange.max + 1 };\n        } else if (activeIndex === previousVisibleRange?.min && activeIndex > 0) {\n            newVisibleRange = { min: previousVisibleRange.min - 1, max: previousVisibleRange.max - 1 };\n        } else {\n            const deltaItems = PAGINATION_ITEMS_MAX - 1;\n            let min = activeIndex - EDGE_FROM_ACTIVE_INDEX;\n            let max = activeIndex + EDGE_FROM_ACTIVE_INDEX;\n\n            if (activeIndex > lastSlide - EDGE_FROM_ACTIVE_INDEX) {\n                min = lastSlide - deltaItems;\n                max = lastSlide;\n            } else if (activeIndex < deltaItems) {\n                min = 0;\n                max = deltaItems;\n            }\n\n            newVisibleRange = { min, max };\n        }\n        previousVisibleRangeRef.current = newVisibleRange;\n        return newVisibleRange;\n    }, [activeIndex, slideCount]);\n}\n"],"names":["usePaginationVisibleRange","activeIndex","slideCount","previousVisibleRangeRef","useRef","useMemo","lastSlide","current","previousVisibleRange","newVisibleRange","max","min","deltaItems","PAGINATION_ITEMS_MAX","EDGE_FROM_ACTIVE_INDEX"],"mappings":";;;AAKA;AACA;AACA;AACO,SAASA,yBAAyBA,CAACC,WAAmB,EAAEC,UAAkB,EAAS;AACtF,EAAA,MAAMC,uBAAuB,GAAGC,MAAM,EAAS,CAAA;EAC/C,OAAOC,OAAO,CAAC,MAAM;AACjB,IAAA,MAAMC,SAAS,GAAGJ,UAAU,GAAG,CAAC,CAAA;IAChC,MAAM;AAAEK,MAAAA,OAAO,EAAEC,oBAAAA;AAAqB,KAAC,GAAGL,uBAAuB,CAAA;AACjE,IAAA,IAAIM,eAAsB,CAAA;IAC1B,IAAIR,WAAW,KAAKO,oBAAoB,EAAEE,GAAG,IAAIT,WAAW,GAAGK,SAAS,EAAE;AACtEG,MAAAA,eAAe,GAAG;AAAEE,QAAAA,GAAG,EAAEH,oBAAoB,CAACG,GAAG,GAAG,CAAC;AAAED,QAAAA,GAAG,EAAEF,oBAAoB,CAACE,GAAG,GAAG,CAAA;OAAG,CAAA;KAC7F,MAAM,IAAIT,WAAW,KAAKO,oBAAoB,EAAEG,GAAG,IAAIV,WAAW,GAAG,CAAC,EAAE;AACrEQ,MAAAA,eAAe,GAAG;AAAEE,QAAAA,GAAG,EAAEH,oBAAoB,CAACG,GAAG,GAAG,CAAC;AAAED,QAAAA,GAAG,EAAEF,oBAAoB,CAACE,GAAG,GAAG,CAAA;OAAG,CAAA;AAC9F,KAAC,MAAM;AACH,MAAA,MAAME,UAAU,GAAGC,oBAAoB,GAAG,CAAC,CAAA;AAC3C,MAAA,IAAIF,GAAG,GAAGV,WAAW,GAAGa,sBAAsB,CAAA;AAC9C,MAAA,IAAIJ,GAAG,GAAGT,WAAW,GAAGa,sBAAsB,CAAA;AAE9C,MAAA,IAAIb,WAAW,GAAGK,SAAS,GAAGQ,sBAAsB,EAAE;QAClDH,GAAG,GAAGL,SAAS,GAAGM,UAAU,CAAA;AAC5BF,QAAAA,GAAG,GAAGJ,SAAS,CAAA;AACnB,OAAC,MAAM,IAAIL,WAAW,GAAGW,UAAU,EAAE;AACjCD,QAAAA,GAAG,GAAG,CAAC,CAAA;AACPD,QAAAA,GAAG,GAAGE,UAAU,CAAA;AACpB,OAAA;AAEAH,MAAAA,eAAe,GAAG;QAAEE,GAAG;AAAED,QAAAA,GAAAA;OAAK,CAAA;AAClC,KAAA;IACAP,uBAAuB,CAACI,OAAO,GAAGE,eAAe,CAAA;AACjD,IAAA,OAAOA,eAAe,CAAA;AAC1B,GAAC,EAAE,CAACR,WAAW,EAAEC,UAAU,CAAC,CAAC,CAAA;AACjC;;;;"}

package/_internal/packages/lumx-react/src/components/slideshow/useSlideFocusManagement-6380f9c4.js

@@ -1,93 +0,0 @@
-import { useEffect } from 'react';
-import { getFocusableElements } from '../../utils/browser/focus/getFocusableElements-14bf3ce5.js';
-
-/**
- * Classname set on elements whose focus was blocked.
- * This is to easily find elements that have been tempered with,
- * and not elements whose focus was already initially blocked.
- * */
-const BLOCKED_FOCUS_CLASSNAME = 'focus-blocked';
-
-/**
- * Manage how slides must behave when visible or not.
- * When not visible, they should be hidden from screen readers and not focusable.
- */
-const useSlideFocusManagement = ({
-  isSlideDisplayed,
-  slideRef
-}) => {
-  useEffect(() => {
-    const element = slideRef?.current;
-    if (!element) {
-      return undefined;
-    }
-
-    /**
-     * Display given slide to screen readers and, if focus was blocked, restore focus on elements.
-     */
-    const enableSlide = () => {
-      // Hide from screen readers
-      element.setAttribute('aria-hidden', 'false');
-      // Find elements we have blocked focus on
-      element.querySelectorAll(`.${BLOCKED_FOCUS_CLASSNAME}`).forEach(focusableElement => {
-        focusableElement.removeAttribute('tabindex');
-        focusableElement.classList.remove(BLOCKED_FOCUS_CLASSNAME);
-      });
-    };
-
-    /**
-     * Hide given slide from screen readers and block focus on all focusable elements within.
-     */
-    const blockSlide = () => {
-      element.setAttribute('aria-hidden', 'true');
-      getFocusableElements(element).forEach(focusableElement => {
-        focusableElement.setAttribute('tabindex', '-1');
-        focusableElement.classList.add(BLOCKED_FOCUS_CLASSNAME);
-      });
-    };
-    const handleDisplay = () => {
-      if (!element) {
-        return;
-      }
-      if (isSlideDisplayed) {
-        enableSlide();
-      } else {
-        blockSlide();
-      }
-    };
-
-    // Callback function to execute when mutations are observed
-    const callback = mutationsList => {
-      if (element) {
-        for (const mutation of mutationsList) {
-          if (mutation.type === 'childList') {
-            handleDisplay();
-          }
-        }
-      }
-    };
-
-    // Create an observer instance linked to the callback function
-    const observer = new MutationObserver(callback);
-    if (element) {
-      handleDisplay();
-
-      /** If slide is hidden, start observing for elements to block focus  */
-      if (!isSlideDisplayed) {
-        observer.observe(element, {
-          attributes: true,
-          childList: true,
-          subtree: true
-        });
-      }
-    }
-    return () => {
-      if (!isSlideDisplayed) {
-        observer.disconnect();
-      }
-    };
-  }, [isSlideDisplayed, slideRef]);
-};
-
-export { useSlideFocusManagement };
-//# sourceMappingURL=useSlideFocusManagement-6380f9c4.js.map

package/_internal/packages/lumx-react/src/components/slideshow/useSlideFocusManagement-6380f9c4.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSlideFocusManagement-6380f9c4.js","sources":["../../../../../../../src/components/slideshow/useSlideFocusManagement.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport { getFocusableElements } from '@lumx/react/utils/browser/focus/getFocusableElements';\n\nexport interface UseSlideFocusManagementProps {\n    isSlideDisplayed?: boolean;\n    slideRef: React.RefObject<HTMLDivElement>;\n}\n\n/**\n * Classname set on elements whose focus was blocked.\n * This is to easily find elements that have been tempered with,\n * and not elements whose focus was already initially blocked.\n * */\nconst BLOCKED_FOCUS_CLASSNAME = 'focus-blocked';\n\n/**\n * Manage how slides must behave when visible or not.\n * When not visible, they should be hidden from screen readers and not focusable.\n */\nexport const useSlideFocusManagement = ({ isSlideDisplayed, slideRef }: UseSlideFocusManagementProps) => {\n    useEffect(() => {\n        const element = slideRef?.current;\n\n        if (!element) {\n            return undefined;\n        }\n\n        /**\n         * Display given slide to screen readers and, if focus was blocked, restore focus on elements.\n         */\n        const enableSlide = () => {\n            // Hide from screen readers\n            element.setAttribute('aria-hidden', 'false');\n            // Find elements we have blocked focus on\n            element.querySelectorAll(`.${BLOCKED_FOCUS_CLASSNAME}`).forEach((focusableElement) => {\n                focusableElement.removeAttribute('tabindex');\n                focusableElement.classList.remove(BLOCKED_FOCUS_CLASSNAME);\n            });\n        };\n\n        /**\n         * Hide given slide from screen readers and block focus on all focusable elements within.\n         */\n        const blockSlide = () => {\n            element.setAttribute('aria-hidden', 'true');\n            getFocusableElements(element).forEach((focusableElement) => {\n                focusableElement.setAttribute('tabindex', '-1');\n                focusableElement.classList.add(BLOCKED_FOCUS_CLASSNAME);\n            });\n        };\n\n        const handleDisplay = () => {\n            if (!element) {\n                return;\n            }\n            if (isSlideDisplayed) {\n                enableSlide();\n            } else {\n                blockSlide();\n            }\n        };\n\n        // Callback function to execute when mutations are observed\n        const callback: MutationCallback = (mutationsList) => {\n            if (element) {\n                for (const mutation of mutationsList) {\n                    if (mutation.type === 'childList') {\n                        handleDisplay();\n                    }\n                }\n            }\n        };\n\n        // Create an observer instance linked to the callback function\n        const observer = new MutationObserver(callback);\n\n        if (element) {\n            handleDisplay();\n\n            /** If slide is hidden, start observing for elements to block focus  */\n            if (!isSlideDisplayed) {\n                observer.observe(element, { attributes: true, childList: true, subtree: true });\n            }\n        }\n\n        return () => {\n            if (!isSlideDisplayed) {\n                observer.disconnect();\n            }\n        };\n    }, [isSlideDisplayed, slideRef]);\n};\n"],"names":["BLOCKED_FOCUS_CLASSNAME","useSlideFocusManagement","isSlideDisplayed","slideRef","useEffect","element","current","undefined","enableSlide","setAttribute","querySelectorAll","forEach","focusableElement","removeAttribute","classList","remove","blockSlide","getFocusableElements","add","handleDisplay","callback","mutationsList","mutation","type","observer","MutationObserver","observe","attributes","childList","subtree","disconnect"],"mappings":";;;AAQA;AACA;AACA;AACA;AACA;AACA,MAAMA,uBAAuB,GAAG,eAAe,CAAA;;AAE/C;AACA;AACA;AACA;AACO,MAAMC,uBAAuB,GAAGA,CAAC;EAAEC,gBAAgB;AAAEC,EAAAA,QAAAA;AAAuC,CAAC,KAAK;AACrGC,EAAAA,SAAS,CAAC,MAAM;AACZ,IAAA,MAAMC,OAAO,GAAGF,QAAQ,EAAEG,OAAO,CAAA;IAEjC,IAAI,CAACD,OAAO,EAAE;AACV,MAAA,OAAOE,SAAS,CAAA;AACpB,KAAA;;AAEA;AACR;AACA;IACQ,MAAMC,WAAW,GAAGA,MAAM;AACtB;AACAH,MAAAA,OAAO,CAACI,YAAY,CAAC,aAAa,EAAE,OAAO,CAAC,CAAA;AAC5C;MACAJ,OAAO,CAACK,gBAAgB,CAAC,CAAIV,CAAAA,EAAAA,uBAAuB,CAAE,CAAA,CAAC,CAACW,OAAO,CAAEC,gBAAgB,IAAK;AAClFA,QAAAA,gBAAgB,CAACC,eAAe,CAAC,UAAU,CAAC,CAAA;AAC5CD,QAAAA,gBAAgB,CAACE,SAAS,CAACC,MAAM,CAACf,uBAAuB,CAAC,CAAA;AAC9D,OAAC,CAAC,CAAA;KACL,CAAA;;AAED;AACR;AACA;IACQ,MAAMgB,UAAU,GAAGA,MAAM;AACrBX,MAAAA,OAAO,CAACI,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAA;AAC3CQ,MAAAA,oBAAoB,CAACZ,OAAO,CAAC,CAACM,OAAO,CAAEC,gBAAgB,IAAK;AACxDA,QAAAA,gBAAgB,CAACH,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAA;AAC/CG,QAAAA,gBAAgB,CAACE,SAAS,CAACI,GAAG,CAAClB,uBAAuB,CAAC,CAAA;AAC3D,OAAC,CAAC,CAAA;KACL,CAAA;IAED,MAAMmB,aAAa,GAAGA,MAAM;MACxB,IAAI,CAACd,OAAO,EAAE;AACV,QAAA,OAAA;AACJ,OAAA;AACA,MAAA,IAAIH,gBAAgB,EAAE;AAClBM,QAAAA,WAAW,EAAE,CAAA;AACjB,OAAC,MAAM;AACHQ,QAAAA,UAAU,EAAE,CAAA;AAChB,OAAA;KACH,CAAA;;AAED;IACA,MAAMI,QAA0B,GAAIC,aAAa,IAAK;AAClD,MAAA,IAAIhB,OAAO,EAAE;AACT,QAAA,KAAK,MAAMiB,QAAQ,IAAID,aAAa,EAAE;AAClC,UAAA,IAAIC,QAAQ,CAACC,IAAI,KAAK,WAAW,EAAE;AAC/BJ,YAAAA,aAAa,EAAE,CAAA;AACnB,WAAA;AACJ,SAAA;AACJ,OAAA;KACH,CAAA;;AAED;AACA,IAAA,MAAMK,QAAQ,GAAG,IAAIC,gBAAgB,CAACL,QAAQ,CAAC,CAAA;AAE/C,IAAA,IAAIf,OAAO,EAAE;AACTc,MAAAA,aAAa,EAAE,CAAA;;AAEf;MACA,IAAI,CAACjB,gBAAgB,EAAE;AACnBsB,QAAAA,QAAQ,CAACE,OAAO,CAACrB,OAAO,EAAE;AAAEsB,UAAAA,UAAU,EAAE,IAAI;AAAEC,UAAAA,SAAS,EAAE,IAAI;AAAEC,UAAAA,OAAO,EAAE,IAAA;AAAK,SAAC,CAAC,CAAA;AACnF,OAAA;AACJ,KAAA;AAEA,IAAA,OAAO,MAAM;MACT,IAAI,CAAC3B,gBAAgB,EAAE;QACnBsB,QAAQ,CAACM,UAAU,EAAE,CAAA;AACzB,OAAA;KACH,CAAA;AACL,GAAC,EAAE,CAAC5B,gBAAgB,EAAEC,QAAQ,CAAC,CAAC,CAAA;AACpC;;;;"}

package/_internal/packages/lumx-react/src/components/slideshow/useSwipeNavigate-de52a4b9.js

@@ -1,20 +0,0 @@
-import { useEffect } from 'react';
-import { detectHorizontalSwipe } from '@lumx/core/js/utils';
-
-const isTouchDevice = () => 'ontouchstart' in window;
-
-/**
- * Listen swipe to navigate left and right.
- */
-function useSwipeNavigate(element, onNext, onPrevious) {
-  useEffect(() => {
-    if (!element || !isTouchDevice()) return undefined;
-    return detectHorizontalSwipe(element, swipe => {
-      const callback = swipe === 'right' ? onPrevious : onNext;
-      callback?.();
-    });
-  }, [onPrevious, onNext, element]);
-}
-
-export { useSwipeNavigate };
-//# sourceMappingURL=useSwipeNavigate-de52a4b9.js.map

package/_internal/packages/lumx-react/src/components/slideshow/useSwipeNavigate-de52a4b9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSwipeNavigate-de52a4b9.js","sources":["../../../../../../../src/components/slideshow/useSwipeNavigate.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { detectHorizontalSwipe } from '@lumx/core/js/utils';\n\nconst isTouchDevice = () => 'ontouchstart' in window;\n\n/**\n * Listen swipe to navigate left and right.\n */\nexport function useSwipeNavigate(element?: HTMLElement | null, onNext?: () => void, onPrevious?: () => void): void {\n    useEffect(() => {\n        if (!element || !isTouchDevice()) return undefined;\n\n        return detectHorizontalSwipe(element, (swipe) => {\n            const callback = swipe === 'right' ? onPrevious : onNext;\n            callback?.();\n        });\n    }, [onPrevious, onNext, element]);\n}\n"],"names":["isTouchDevice","window","useSwipeNavigate","element","onNext","onPrevious","useEffect","undefined","detectHorizontalSwipe","swipe","callback"],"mappings":";;;AAGA,MAAMA,aAAa,GAAGA,MAAM,cAAc,IAAIC,MAAM,CAAA;;AAEpD;AACA;AACA;AACO,SAASC,gBAAgBA,CAACC,OAA4B,EAAEC,MAAmB,EAAEC,UAAuB,EAAQ;AAC/GC,EAAAA,SAAS,CAAC,MAAM;IACZ,IAAI,CAACH,OAAO,IAAI,CAACH,aAAa,EAAE,EAAE,OAAOO,SAAS,CAAA;AAElD,IAAA,OAAOC,qBAAqB,CAACL,OAAO,EAAGM,KAAK,IAAK;MAC7C,MAAMC,QAAQ,GAAGD,KAAK,KAAK,OAAO,GAAGJ,UAAU,GAAGD,MAAM,CAAA;AACxDM,MAAAA,QAAQ,IAAI,CAAA;AAChB,KAAC,CAAC,CAAA;GACL,EAAE,CAACL,UAAU,EAAED,MAAM,EAAED,OAAO,CAAC,CAAC,CAAA;AACrC;;;;"}