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

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

@@ -0,0 +1,173 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,40 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,55 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,27 @@
+/**
+ * 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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,47 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,93 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,20 @@
+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

@@ -0,0 +1 @@
+{"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;;;;"}

package/_internal/{components/switch-24fea8d7.js → packages/lumx-react/src/components/switch/Switch-22529b38.js}

@@ -2,14 +2,14 @@ import { Children } from 'react';
 import classNames from 'classnames';
 import isEmpty from 'lodash/isEmpty';
 import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { u as useId } from '../useId-3a1facc0.js';
-import { u as useTheme } from '../ThemeContext-3181f000.js';
-import { f as forwardRef } from '../forwardRef-8bce732e.js';
-import { u as useDisableStateProps } from '../useDisableStateProps-69e16b7c.js';
+import { useId } from '../../hooks/useId-11687649.js';
+import { useTheme } from '../../utils/theme/ThemeContext-d8ee966d.js';
+import { forwardRef } from '../../utils/react/forwardRef-bd8b3ec8.js';
+import { useDisableStateProps } from '../../utils/disabled/useDisableStateProps-2391c02d.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Alignment, Theme } from '@lumx/core/js/constants';
-import { InputLabel } from './input-label-30d199c3.js';
-import { InputHelper } from './input-helper-2e4e49fd.js';
+import { InputLabel } from '../input-label/InputLabel-7ce8e604.js';
+import { InputHelper } from '../input-helper/InputHelper-a6c7ec2d.js';
 
 /**
  * Component display name.
@@ -120,4 +120,4 @@ Switch.className = CLASSNAME;
 Switch.defaultProps = DEFAULT_PROPS;
 
 export { Switch };
-//# sourceMappingURL=switch-24fea8d7.js.map
+//# sourceMappingURL=Switch-22529b38.js.map

package/_internal/packages/lumx-react/src/components/switch/Switch-22529b38.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch-22529b38.js","sources":["../../../../../../../src/components/switch/Switch.tsx"],"sourcesContent":["import { Children, InputHTMLAttributes, SyntheticEvent } from 'react';\n\nimport classNames from 'classnames';\nimport isEmpty from 'lodash/isEmpty';\n\nimport { Alignment, InputHelper, InputLabel, Theme } from '@lumx/react';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { useId } from '@lumx/react/hooks/useId';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\nimport { useDisableStateProps } from '@lumx/react/utils/disabled/useDisableStateProps';\nimport { HasAriaDisabled } from '@lumx/react/utils/type/HasAriaDisabled';\n\n/**\n * Defines the props of the component.\n */\nexport interface SwitchProps extends GenericProps, HasTheme, HasAriaDisabled {\n    /** Helper text. */\n    helper?: string;\n    /** Whether it is checked or not. */\n    isChecked?: boolean;\n    /** Whether the component is disabled or not. */\n    isDisabled?: boolean;\n    /** Native input name property. */\n    name?: string;\n    /** Position of the switch relative to the label. */\n    position?: Extract<Alignment, 'right' | 'left'>;\n    /** Native input value property. */\n    value?: string;\n    /** On change callback. */\n    onChange?(isChecked: boolean, value?: string, name?: string, event?: SyntheticEvent): void;\n    /** optional props for input */\n    inputProps?: InputHTMLAttributes<HTMLInputElement>;\n    /** Children */\n    children?: React.ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Switch';\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<SwitchProps> = {\n    position: Alignment.left,\n};\n\n/**\n * Switch component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Switch = forwardRef<SwitchProps, HTMLDivElement>((props, ref) => {\n    const { isAnyDisabled, disabledStateProps, otherProps } = useDisableStateProps(props);\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        checked,\n        children,\n        className,\n        helper,\n        id,\n        isChecked = checked,\n        name,\n        onChange,\n        position = DEFAULT_PROPS.position,\n        theme = defaultTheme,\n        value,\n        inputProps = {},\n        ...forwardedProps\n    } = otherProps;\n    const generatedInputId = useId();\n    const inputId = id || generatedInputId;\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n        if (onChange) {\n            onChange(!isChecked, value, name, event);\n        }\n    };\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    prefix: CLASSNAME,\n                    isChecked,\n                    isDisabled: isAnyDisabled,\n                    position,\n                    theme,\n                    isUnchecked: !isChecked,\n                }),\n            )}\n        >\n            <div className={`${CLASSNAME}__input-wrapper`}>\n                <input\n                    type=\"checkbox\"\n                    role=\"switch\"\n                    id={inputId}\n                    className={`${CLASSNAME}__input-native`}\n                    name={name}\n                    value={value}\n                    {...disabledStateProps}\n                    readOnly={inputProps.readOnly || isAnyDisabled}\n                    checked={isChecked}\n                    aria-checked={Boolean(isChecked)}\n                    onChange={handleChange}\n                    aria-describedby={helper ? `${inputId}-helper` : undefined}\n                    {...inputProps}\n                />\n\n                <div className={`${CLASSNAME}__input-placeholder`}>\n                    <div className={`${CLASSNAME}__input-background`} />\n                    <div className={`${CLASSNAME}__input-indicator`} />\n                </div>\n            </div>\n\n            {Children.count(children) > 0 && (\n                <div className={`${CLASSNAME}__content`}>\n                    <InputLabel htmlFor={inputId} theme={theme} className={`${CLASSNAME}__label`}>\n                        {children}\n                    </InputLabel>\n                    {!isEmpty(helper) && (\n                        <InputHelper id={`${inputId}-helper`} theme={theme} className={`${CLASSNAME}__helper`}>\n                            {helper}\n                        </InputHelper>\n                    )}\n                </div>\n            )}\n        </div>\n    );\n});\nSwitch.displayName = COMPONENT_NAME;\nSwitch.className = CLASSNAME;\nSwitch.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","position","Alignment","left","Switch","forwardRef","props","ref","isAnyDisabled","disabledStateProps","otherProps","useDisableStateProps","defaultTheme","useTheme","Theme","light","checked","children","className","helper","id","isChecked","name","onChange","theme","value","inputProps","forwardedProps","generatedInputId","useId","inputId","handleChange","event","_jsxs","classNames","handleBasicClasses","prefix","isDisabled","isUnchecked","_jsx","type","role","readOnly","Boolean","undefined","Children","count","InputLabel","htmlFor","isEmpty","InputHelper","displayName","defaultProps"],"mappings":"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"}