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

package/_internal/2cdd9ec6.js

@@ -0,0 +1,16 @@
+import React__default from 'react';
+import { HeadingLevelContext } from './0aa9027f.js';
+
+const useHeadingLevel = () => {
+  const {
+    level = 1,
+    headingElement = 'h1'
+  } = React__default.useContext(HeadingLevelContext);
+  return {
+    level,
+    headingElement
+  };
+};
+
+export { useHeadingLevel };
+//# sourceMappingURL=2cdd9ec6.js.map

package/_internal/2cdd9ec6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"2cdd9ec6.js","sources":["../../src/components/heading/useHeadingLevel.tsx"],"sourcesContent":["import React from 'react';\nimport { HeadingLevelContext } from './context';\n\nexport const useHeadingLevel = () => {\n    const { level = 1, headingElement = 'h1' } = React.useContext(HeadingLevelContext);\n\n    return { level, headingElement };\n};\n"],"names":["useHeadingLevel","level","headingElement","React","useContext","HeadingLevelContext"],"mappings":";;;AAGaA,MAAAA,eAAe,GAAGA,MAAM;EACjC,MAAM;AAAEC,IAAAA,KAAK,GAAG,CAAC;AAAEC,IAAAA,cAAc,GAAG,IAAA;AAAK,GAAC,GAAGC,cAAK,CAACC,UAAU,CAACC,mBAAmB,CAAC,CAAA;EAElF,OAAO;IAAEJ,KAAK;AAAEC,IAAAA,cAAAA;GAAgB,CAAA;AACpC;;;;"}

package/_internal/2cfeae78.js

@@ -0,0 +1,150 @@
+import React__default from 'react';
+import { mergeRefs } from './27df0cb6.js';
+import memoize from 'lodash/memoize';
+import { ImageCaption } from './3996d544.js';
+import { CLASSNAME } from './31b6784b.js';
+import { ImageSlide } from './75f285fb.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { SlideshowControls } from './1d7267a1.js';
+import { mdiMagnifyPlusOutline } from './341ceaa9.js';
+import { mdiMagnifyMinusOutline } from './2d69d0f5.js';
+import { Slides } from './e8e4d09e.js';
+import { IconButton } from './5a0207d9.js';
+import { FlexBox } from './fdebc718.js';
+
+/** Internal image slideshow component for ImageLightbox */
+const ImageSlideshow = ({
+  activeImageIndex,
+  images,
+  slideGroupLabel,
+  zoomInButtonProps,
+  zoomOutButtonProps,
+  slideshowControlsProps,
+  currentPaginationItemRef,
+  footerRef,
+  activeImageRef
+}) => {
+  const {
+    activeIndex,
+    slideshowId,
+    setSlideshow,
+    slideshowSlidesId,
+    slidesCount,
+    onNextClick,
+    onPaginationClick,
+    onPreviousClick,
+    toggleAutoPlay
+  } = SlideshowControls.useSlideshowControls({
+    itemsCount: images.length,
+    activeIndex: activeImageIndex
+  });
+
+  // Image metadata (caption)
+  const title = images[activeIndex]?.title;
+  const description = images[activeIndex]?.description;
+  const tags = images[activeIndex]?.tags;
+  const metadata = title || description || tags ? /*#__PURE__*/jsx(ImageCaption, {
+    as: "div",
+    title: title,
+    description: description,
+    tags: tags,
+    align: "center"
+  }) : null;
+
+  // Slideshow controls
+  const slideShowControls = slidesCount > 1 && slideshowControlsProps ? /*#__PURE__*/jsx(SlideshowControls, {
+    activeIndex: activeIndex,
+    slidesCount: slidesCount,
+    onNextClick: onNextClick,
+    onPreviousClick: onPreviousClick,
+    onPaginationClick: onPaginationClick,
+    ...slideshowControlsProps,
+    paginationItemProps: index => {
+      const props = slideshowControlsProps?.paginationItemProps?.(index) || {};
+      return {
+        ...props,
+        ref: mergeRefs(props?.ref,
+        // Focus the active pagination item once on mount
+        activeIndex === index ? currentPaginationItemRef : undefined)
+      };
+    }
+  }) : null;
+
+  // Zoom controls
+  const [scale, setScale] = React__default.useState(undefined);
+  const zoomEnabled = zoomInButtonProps && zoomOutButtonProps;
+  const onScaleChange = React__default.useMemo(() => {
+    if (!zoomEnabled) return undefined;
+    return newScale => {
+      setScale((prevScale = 1) => Math.max(1, newScale * prevScale));
+    };
+  }, [zoomEnabled]);
+  const zoomIn = React__default.useCallback(() => onScaleChange?.(1.5), [onScaleChange]);
+  const zoomOut = React__default.useCallback(() => onScaleChange?.(0.5), [onScaleChange]);
+  React__default.useEffect(() => {
+    // Reset scale on slide change
+    if (typeof activeIndex === 'number') setScale(undefined);
+  }, [activeIndex]);
+  const zoomControls = zoomEnabled && /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(IconButton, {
+      ...zoomInButtonProps,
+      emphasis: "low",
+      icon: mdiMagnifyPlusOutline,
+      onClick: zoomIn
+    }), /*#__PURE__*/jsx(IconButton, {
+      ...zoomOutButtonProps,
+      emphasis: "low",
+      isDisabled: !scale || scale <= 1,
+      icon: mdiMagnifyMinusOutline,
+      onClick: zoomOut
+    })]
+  });
+  const getImgRef = React__default.useMemo(() => memoize((index, isActive) => {
+    return mergeRefs(images?.[index].imgRef, isActive ? activeImageRef : undefined);
+  },
+  // memoize based on both arguments
+  (...args) => args.join()), [images, activeImageRef]);
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(Slides, {
+      activeIndex: activeIndex,
+      slideGroupLabel: slideGroupLabel,
+      fillHeight: true,
+      id: slideshowId,
+      ref: setSlideshow,
+      slidesId: slideshowSlidesId,
+      toggleAutoPlay: toggleAutoPlay,
+      children: images.map(({
+        image,
+        imgRef,
+        ...imageProps
+      }, index) => {
+        const isActive = index === activeIndex;
+        return /*#__PURE__*/jsx(ImageSlide, {
+          isActive: isActive,
+          image: {
+            ...imageProps,
+            image,
+            imgRef: getImgRef(index, isActive)
+          },
+          scale: isActive ? scale : undefined,
+          onScaleChange: onScaleChange
+        }, image);
+      })
+    }), (metadata || slideShowControls || zoomControls) && /*#__PURE__*/jsxs(FlexBox, {
+      ref: footerRef,
+      className: `${CLASSNAME}__footer`,
+      orientation: "vertical",
+      vAlign: "center",
+      gap: "big",
+      children: [metadata, /*#__PURE__*/jsxs(FlexBox, {
+        className: `${CLASSNAME}__footer-actions`,
+        orientation: "horizontal",
+        gap: "regular",
+        children: [slideShowControls, zoomControls]
+      })]
+    })]
+  });
+};
+
+export { ImageSlideshow };
+//# sourceMappingURL=2cfeae78.js.map

package/_internal/2cfeae78.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"2cfeae78.js","sources":["../../src/components/image-lightbox/internal/ImageSlideshow.tsx"],"sourcesContent":["import React from 'react';\n\nimport { mdiMagnifyMinusOutline, mdiMagnifyPlusOutline } from '@lumx/icons';\nimport { FlexBox, IconButton, Slides, SlideshowControls } from '@lumx/react';\nimport { mergeRefs } from '@lumx/react/utils/react/mergeRefs';\n\nimport memoize from 'lodash/memoize';\nimport { ImageCaption } from '../../image-block/ImageCaption';\nimport { CLASSNAME } from '../constants';\nimport type { ImagesProps, InheritedSlideShowProps, ZoomButtonProps } from '../types';\nimport { ImageSlide } from './ImageSlide';\n\nexport interface ImageSlideshowProps extends InheritedSlideShowProps, ZoomButtonProps, ImagesProps {\n    currentPaginationItemRef?: React.Ref<HTMLButtonElement>;\n    footerRef?: React.Ref<HTMLDivElement>;\n}\n\n/** Internal image slideshow component for ImageLightbox */\nexport const ImageSlideshow: React.FC<ImageSlideshowProps> = ({\n    activeImageIndex,\n    images,\n    slideGroupLabel,\n    zoomInButtonProps,\n    zoomOutButtonProps,\n    slideshowControlsProps,\n    currentPaginationItemRef,\n    footerRef,\n    activeImageRef,\n}) => {\n    const {\n        activeIndex,\n        slideshowId,\n        setSlideshow,\n        slideshowSlidesId,\n        slidesCount,\n        onNextClick,\n        onPaginationClick,\n        onPreviousClick,\n        toggleAutoPlay,\n    } = SlideshowControls.useSlideshowControls({\n        itemsCount: images.length,\n        activeIndex: activeImageIndex,\n    });\n\n    // Image metadata (caption)\n    const title = images[activeIndex]?.title;\n    const description = images[activeIndex]?.description;\n    const tags = images[activeIndex]?.tags;\n    const metadata =\n        title || description || tags ? (\n            <ImageCaption as=\"div\" title={title} description={description} tags={tags} align=\"center\" />\n        ) : null;\n\n    // Slideshow controls\n    const slideShowControls =\n        slidesCount > 1 && slideshowControlsProps ? (\n            <SlideshowControls\n                activeIndex={activeIndex}\n                slidesCount={slidesCount}\n                onNextClick={onNextClick}\n                onPreviousClick={onPreviousClick}\n                onPaginationClick={onPaginationClick}\n                {...slideshowControlsProps}\n                paginationItemProps={(index: number) => {\n                    const props = slideshowControlsProps?.paginationItemProps?.(index) || {};\n                    return {\n                        ...props,\n                        ref: mergeRefs(\n                            (props as any)?.ref,\n                            // Focus the active pagination item once on mount\n                            activeIndex === index ? currentPaginationItemRef : undefined,\n                        ),\n                    };\n                }}\n            />\n        ) : null;\n\n    // Zoom controls\n    const [scale, setScale] = React.useState<number | undefined>(undefined);\n    const zoomEnabled = zoomInButtonProps && zoomOutButtonProps;\n    const onScaleChange = React.useMemo(() => {\n        if (!zoomEnabled) return undefined;\n        return (newScale: number) => {\n            setScale((prevScale = 1) => Math.max(1, newScale * prevScale));\n        };\n    }, [zoomEnabled]);\n    const zoomIn = React.useCallback(() => onScaleChange?.(1.5), [onScaleChange]);\n    const zoomOut = React.useCallback(() => onScaleChange?.(0.5), [onScaleChange]);\n    React.useEffect(() => {\n        // Reset scale on slide change\n        if (typeof activeIndex === 'number') setScale(undefined);\n    }, [activeIndex]);\n    const zoomControls = zoomEnabled && (\n        <>\n            <IconButton {...zoomInButtonProps} emphasis=\"low\" icon={mdiMagnifyPlusOutline} onClick={zoomIn} />\n            <IconButton\n                {...zoomOutButtonProps}\n                emphasis=\"low\"\n                isDisabled={!scale || scale <= 1}\n                icon={mdiMagnifyMinusOutline}\n                onClick={zoomOut}\n            />\n        </>\n    );\n\n    const getImgRef = React.useMemo(\n        () =>\n            memoize(\n                (index: number, isActive: boolean) => {\n                    return mergeRefs(images?.[index].imgRef, isActive ? activeImageRef : undefined);\n                },\n                // memoize based on both arguments\n                (...args) => args.join(),\n            ),\n        [images, activeImageRef],\n    );\n\n    return (\n        <>\n            <Slides\n                activeIndex={activeIndex}\n                slideGroupLabel={slideGroupLabel}\n                fillHeight\n                id={slideshowId}\n                ref={setSlideshow}\n                slidesId={slideshowSlidesId}\n                toggleAutoPlay={toggleAutoPlay}\n            >\n                {images.map(({ image, imgRef, ...imageProps }, index) => {\n                    const isActive = index === activeIndex;\n                    return (\n                        <ImageSlide\n                            isActive={isActive}\n                            key={image}\n                            image={{\n                                ...imageProps,\n                                image,\n                                imgRef: getImgRef(index, isActive),\n                            }}\n                            scale={isActive ? scale : undefined}\n                            onScaleChange={onScaleChange}\n                        />\n                    );\n                })}\n            </Slides>\n            {(metadata || slideShowControls || zoomControls) && (\n                <FlexBox\n                    ref={footerRef}\n                    className={`${CLASSNAME}__footer`}\n                    orientation=\"vertical\"\n                    vAlign=\"center\"\n                    gap=\"big\"\n                >\n                    {metadata}\n\n                    <FlexBox className={`${CLASSNAME}__footer-actions`} orientation=\"horizontal\" gap=\"regular\">\n                        {slideShowControls}\n                        {zoomControls}\n                    </FlexBox>\n                </FlexBox>\n            )}\n        </>\n    );\n};\n"],"names":["ImageSlideshow","activeImageIndex","images","slideGroupLabel","zoomInButtonProps","zoomOutButtonProps","slideshowControlsProps","currentPaginationItemRef","footerRef","activeImageRef","activeIndex","slideshowId","setSlideshow","slideshowSlidesId","slidesCount","onNextClick","onPaginationClick","onPreviousClick","toggleAutoPlay","SlideshowControls","useSlideshowControls","itemsCount","length","title","description","tags","metadata","_jsx","ImageCaption","as","align","slideShowControls","paginationItemProps","index","props","ref","mergeRefs","undefined","scale","setScale","React","useState","zoomEnabled","onScaleChange","useMemo","newScale","prevScale","Math","max","zoomIn","useCallback","zoomOut","useEffect","zoomControls","_jsxs","_Fragment","children","IconButton","emphasis","icon","mdiMagnifyPlusOutline","onClick","isDisabled","mdiMagnifyMinusOutline","getImgRef","memoize","isActive","imgRef","args","join","Slides","fillHeight","id","slidesId","map","image","imageProps","ImageSlide","FlexBox","className","CLASSNAME","orientation","vAlign","gap"],"mappings":"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"}

package/_internal/{components/dropdown-25170b7c.js → 2d1acaa0.js}

@@ -1,54 +1,14 @@
-import { useEffect, useRef, useMemo, cloneElement } from 'react';
+import { useRef, useMemo, cloneElement } from 'react';
 import classNames from 'classnames';
-import { L as List } from '../List-4e95288a.js';
-import { P as Popover } from '../index-aa6d1d90.js';
-import { i as isComponent } from '../isComponent-78df9309.js';
+import { List } from './a6be9f05.js';
+import { Popover } from './612f6fb4.js';
+import { useInfiniteScroll } from './dbc379f8.js';
+import { isComponent } from './ebe24fd7.js';
 import { getRootClassName } from '@lumx/core/js/utils/className';
-import { P as Placement } from '../constants-43721918.js';
-import { f as forwardRef } from '../forwardRef-8bce732e.js';
+import { Placement } from './9d063548.js';
+import { forwardRef } from './bd8b3ec8.js';
 import { jsx } from 'react/jsx-runtime';
 
-// The error margin in px we want to have for triggering infinite scroll
-const SCROLL_TRIGGER_MARGIN = 5;
-
-/**
- * Listen to clicks away from a given element and callback the passed in function.
- *
- * @param  ref               A reference to the element on which you want to listen scroll event.
- * @param  [callback]        A callback function to call when the bottom of the reference element is reached.
- * @param  [callbackOnMount] A callback function to call when the component is mounted.
- */
-const useInfiniteScroll = (ref, callback, callbackOnMount = false, scrollTriggerMargin = SCROLL_TRIGGER_MARGIN) => {
-  useEffect(() => {
-    const {
-      current
-    } = ref;
-    if (!callback || !current) {
-      return undefined;
-    }
-    const isAtBottom = () => Boolean(current && current.scrollHeight - (current.scrollTop + current.clientHeight) <= scrollTriggerMargin);
-    const onScroll = e => {
-      if (isAtBottom()) {
-        callback(e);
-      }
-    };
-    if (isAtBottom()) {
-      onScroll();
-    }
-    current.addEventListener('scroll', onScroll);
-    current.addEventListener('resize', onScroll);
-    return () => {
-      current.removeEventListener('scroll', onScroll);
-      current.removeEventListener('resize', onScroll);
-    };
-  }, [ref, callback, scrollTriggerMargin]);
-  useEffect(() => {
-    if (callback && callbackOnMount) {
-      callback();
-    }
-  }, [callback, callbackOnMount]);
-};
-
 /**
  * Component display name.
  */
@@ -145,4 +105,4 @@ Dropdown.className = CLASSNAME;
 Dropdown.defaultProps = DEFAULT_PROPS;
 
 export { Dropdown };
-//# sourceMappingURL=dropdown-25170b7c.js.map
+//# sourceMappingURL=2d1acaa0.js.map

package/_internal/2d1acaa0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"2d1acaa0.js","sources":["../../src/components/dropdown/Dropdown.tsx"],"sourcesContent":["import { cloneElement, useMemo, useRef } from 'react';\n\nimport classNames from 'classnames';\n\nimport { List, ListProps } from '@lumx/react/components/list/List';\nimport { Popover, PopoverProps } from '@lumx/react/components/popover/Popover';\nimport { useInfiniteScroll } from '@lumx/react/hooks/useInfiniteScroll';\nimport { GenericProps, isComponent } from '@lumx/react/utils/type';\nimport { getRootClassName } from '@lumx/core/js/utils/className';\nimport { Offset, Placement } from '@lumx/react/components/popover/constants';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\n/**\n * Defines the props of the component.\n */\nexport interface DropdownProps extends GenericProps {\n    /**\n     * Reference to the element around which the dropdown is placed.\n     * @see {@link PopoverProps#anchorRef}\n     */\n    anchorRef: PopoverProps['anchorRef'];\n    /** Dropdown content. */\n    children: React.ReactNode;\n    /**\n     * Whether a click anywhere out of the Dropdown would close it or not.\n     * @see {@link PopoverProps#closeOnClickAway}\n     */\n    closeOnClickAway?: boolean;\n    /**\n     * Whether to close the Dropdown when clicking in it or not.\n     */\n    closeOnClick?: boolean;\n    /**\n     * Whether an escape key press would close the Dropdown or not.\n     * @see {@link PopoverProps#closeOnEscape}\n     */\n    closeOnEscape?: boolean;\n    /**\n     * Manage dropdown width:\n     *   - `maxWidth`: dropdown not bigger than anchor\n     *   - `minWidth` or `true`: dropdown not smaller than anchor\n     *   - `width`: dropdown equal to the anchor.\n     * @see {@link PopoverProps#fitToAnchorWidth}\n     */\n    fitToAnchorWidth?: PopoverProps['fitToAnchorWidth'];\n    /**\n     * Whether the dropdown should shrink to fit within the viewport height or not.\n     * @see {@link PopoverProps#fitWithinViewportHeight}\n     */\n    fitWithinViewportHeight?: boolean;\n    /**\n     * Whether the dropdown should be displayed or not. Useful to control the Dropdown from outside the component.\n     * @see {@link PopoverProps#isOpen}\n     */\n    isOpen: boolean;\n    /**\n     * Offset applied to the Dropdown position.\n     * @see {@link PopoverProps#offset}\n     */\n    offset?: Offset;\n    /**\n     * Preferred Dropdown placement against the anchor element.\n     * @see {@link PopoverProps#placement}\n     */\n    placement?: Placement;\n    /** Whether the focus should be set on the list when the dropdown is open or not. */\n    shouldFocusOnOpen?: boolean;\n    /** Whether the dropdown should be rendered into a DOM node that exists outside the DOM hierarchy of the parent component. */\n    usePortal?: boolean;\n    /** Whether the focus should go back on the anchor when dropdown closes and focus is within. */\n    focusAnchorOnClose?: boolean;\n    /**\n     * Z-axis position.\n     * @see {@link PopoverProps#zIndex}\n     */\n    zIndex?: number;\n    /**\n     * On close callback.\n     * @see {@link PopoverProps#onClose}\n     */\n    onClose?(): void;\n    /** On scroll end callback. */\n    onInfiniteScroll?(): void;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Dropdown';\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<DropdownProps> = {\n    closeOnClick: true,\n    closeOnClickAway: true,\n    closeOnEscape: true,\n    fitToAnchorWidth: true,\n    fitWithinViewportHeight: true,\n    placement: Placement.BOTTOM_START,\n    shouldFocusOnOpen: true,\n    focusAnchorOnClose: true,\n};\n\n/**\n * Dropdown component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Dropdown = forwardRef<DropdownProps, HTMLDivElement>((props, ref) => {\n    const {\n        anchorRef,\n        children,\n        className,\n        closeOnClick = DEFAULT_PROPS.closeOnClick,\n        closeOnClickAway = DEFAULT_PROPS.closeOnClickAway,\n        closeOnEscape = DEFAULT_PROPS.closeOnEscape,\n        fitToAnchorWidth = DEFAULT_PROPS.fitToAnchorWidth,\n        fitWithinViewportHeight = DEFAULT_PROPS.fitWithinViewportHeight,\n        isOpen,\n        offset,\n        focusAnchorOnClose = DEFAULT_PROPS.focusAnchorOnClose,\n        onClose,\n        onInfiniteScroll,\n        placement = DEFAULT_PROPS.placement,\n        shouldFocusOnOpen = DEFAULT_PROPS.shouldFocusOnOpen,\n        zIndex,\n        ...forwardedProps\n    } = props;\n    const innerRef = useRef<HTMLDivElement>(null);\n    const listElement = useRef(null);\n\n    useInfiniteScroll(innerRef, onInfiniteScroll);\n\n    const popperElement = useMemo(() => {\n        return !Array.isArray(children) && isComponent(List)(children)\n            ? cloneElement<ListProps>(children, {\n                  ...children.props,\n                  ref: listElement,\n                  onClick(evt: MouseEvent) {\n                      children.props.onClick?.(evt);\n\n                      if (closeOnClick) {\n                          onClose?.();\n                      }\n                  },\n                  isClickable: true,\n              })\n            : children;\n    }, [children, closeOnClick, onClose]);\n\n    return isOpen ? (\n        <Popover\n            ref={ref}\n            {...forwardedProps}\n            focusAnchorOnClose={focusAnchorOnClose}\n            anchorRef={anchorRef}\n            className={classNames(className, CLASSNAME)}\n            elevation={0 as any}\n            closeOnClickAway={closeOnClickAway}\n            closeOnEscape={closeOnEscape}\n            fitToAnchorWidth={fitToAnchorWidth}\n            fitWithinViewportHeight={fitWithinViewportHeight}\n            focusElement={shouldFocusOnOpen ? listElement : undefined}\n            isOpen={isOpen}\n            offset={offset}\n            onClose={onClose}\n            placement={placement}\n            zIndex={zIndex}\n        >\n            <div className={`${CLASSNAME}__menu`} ref={innerRef}>\n                {popperElement}\n            </div>\n        </Popover>\n    ) : null;\n});\nDropdown.displayName = COMPONENT_NAME;\nDropdown.className = CLASSNAME;\nDropdown.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","closeOnClick","closeOnClickAway","closeOnEscape","fitToAnchorWidth","fitWithinViewportHeight","placement","Placement","BOTTOM_START","shouldFocusOnOpen","focusAnchorOnClose","Dropdown","forwardRef","props","ref","anchorRef","children","className","isOpen","offset","onClose","onInfiniteScroll","zIndex","forwardedProps","innerRef","useRef","listElement","useInfiniteScroll","popperElement","useMemo","Array","isArray","isComponent","List","cloneElement","onClick","evt","isClickable","_jsx","Popover","classNames","elevation","focusElement","undefined","displayName","defaultProps"],"mappings":"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"}

package/_internal/2d69d0f5.js

@@ -0,0 +1,4 @@
+const mdiMagnifyMinusOutline = 'M15.5 14h-.79l-.28-.27A6.5 6.5 0 0 0 16 9.5 6.5 6.5 0 0 0 9.5 3 6.5 6.5 0 0 0 3 9.5 6.5 6.5 0 0 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 5 1.5-1.5zm-6 0C7 14 5 12 5 9.5S7 5 9.5 5 14 7 14 9.5 12 14 9.5 14M7 9h5v1H7z';
+
+export { mdiMagnifyMinusOutline };
+//# sourceMappingURL=2d69d0f5.js.map

package/_internal/2d69d0f5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"2d69d0f5.js","sources":["../../../lumx-icons/dist/esm/magnify-minus-outline.js"],"sourcesContent":["export const mdiMagnifyMinusOutline = 'M15.5 14h-.79l-.28-.27A6.5 6.5 0 0 0 16 9.5 6.5 6.5 0 0 0 9.5 3 6.5 6.5 0 0 0 3 9.5 6.5 6.5 0 0 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 5 1.5-1.5zm-6 0C7 14 5 12 5 9.5S7 5 9.5 5 14 7 14 9.5 12 14 9.5 14M7 9h5v1H7z';"],"names":["mdiMagnifyMinusOutline"],"mappings":"AAAO,MAAMA,sBAAsB,GAAG;;;;"}

package/_internal/2dcfa1df.js

@@ -0,0 +1,18 @@
+import { popperGenerator } from './3db5a3e4.js';
+import eventListeners from './28f344bd.js';
+import popperOffsets from './fcf83937.js';
+import computeStyles from './8429fc80.js';
+import applyStyles from './a2b9eb60.js';
+import offset from './b85a5f3f.js';
+import flip from './2dff9a38.js';
+import preventOverflow from './3cfcb0a4.js';
+import arrow from './928fa938.js';
+import hide from './0a7f4911.js';
+
+var defaultModifiers = [eventListeners, popperOffsets, computeStyles, applyStyles, offset, flip, preventOverflow, arrow, hide];
+var createPopper = /*#__PURE__*/popperGenerator({
+  defaultModifiers: defaultModifiers
+}); // eslint-disable-next-line import/no-unused-modules
+
+export { applyStyles, arrow, computeStyles, createPopper, defaultModifiers, eventListeners, flip, hide, offset, popperGenerator, popperOffsets, preventOverflow };
+//# sourceMappingURL=2dcfa1df.js.map

package/_internal/2dcfa1df.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"2dcfa1df.js","sources":["../../../../node_modules/@popperjs/core/lib/popper.js"],"sourcesContent":["import { popperGenerator, detectOverflow } from \"./createPopper.js\";\nimport eventListeners from \"./modifiers/eventListeners.js\";\nimport popperOffsets from \"./modifiers/popperOffsets.js\";\nimport computeStyles from \"./modifiers/computeStyles.js\";\nimport applyStyles from \"./modifiers/applyStyles.js\";\nimport offset from \"./modifiers/offset.js\";\nimport flip from \"./modifiers/flip.js\";\nimport preventOverflow from \"./modifiers/preventOverflow.js\";\nimport arrow from \"./modifiers/arrow.js\";\nimport hide from \"./modifiers/hide.js\";\nvar defaultModifiers = [eventListeners, popperOffsets, computeStyles, applyStyles, offset, flip, preventOverflow, arrow, hide];\nvar createPopper = /*#__PURE__*/popperGenerator({\n  defaultModifiers: defaultModifiers\n}); // eslint-disable-next-line import/no-unused-modules\n\nexport { createPopper, popperGenerator, defaultModifiers, detectOverflow }; // eslint-disable-next-line import/no-unused-modules\n\nexport { createPopper as createPopperLite } from \"./popper-lite.js\"; // eslint-disable-next-line import/no-unused-modules\n\nexport * from \"./modifiers/index.js\";"],"names":[],"mappings":";;;;;;;;;;;AAUG,IAAC,gBAAgB,GAAG,CAAC,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,IAAI,EAAE;AAC5H,IAAC,YAAY,gBAAgB,eAAe,CAAC;AAChD,EAAE,gBAAgB,EAAE,gBAAgB;AACpC,CAAC,EAAE;;;;","x_google_ignoreList":[0]}

package/_internal/2dff9a38.js

@@ -0,0 +1,150 @@
+import getOppositePlacement from './20f07616.js';
+import getBasePlacement from './215781b4.js';
+import getOppositeVariationPlacement from './37f5ba95.js';
+import detectOverflow from './6f0ce1bb.js';
+import computeAutoPlacement from './84978777.js';
+import { auto, start, right, left, bottom, top } from './f4baa1da.js';
+import getVariation from './9a5db774.js';
+
+function getExpandedFallbackPlacements(placement) {
+  if (getBasePlacement(placement) === auto) {
+    return [];
+  }
+
+  var oppositePlacement = getOppositePlacement(placement);
+  return [getOppositeVariationPlacement(placement), oppositePlacement, getOppositeVariationPlacement(oppositePlacement)];
+}
+
+function flip(_ref) {
+  var state = _ref.state,
+      options = _ref.options,
+      name = _ref.name;
+
+  if (state.modifiersData[name]._skip) {
+    return;
+  }
+
+  var _options$mainAxis = options.mainAxis,
+      checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis,
+      _options$altAxis = options.altAxis,
+      checkAltAxis = _options$altAxis === void 0 ? true : _options$altAxis,
+      specifiedFallbackPlacements = options.fallbackPlacements,
+      padding = options.padding,
+      boundary = options.boundary,
+      rootBoundary = options.rootBoundary,
+      altBoundary = options.altBoundary,
+      _options$flipVariatio = options.flipVariations,
+      flipVariations = _options$flipVariatio === void 0 ? true : _options$flipVariatio,
+      allowedAutoPlacements = options.allowedAutoPlacements;
+  var preferredPlacement = state.options.placement;
+  var basePlacement = getBasePlacement(preferredPlacement);
+  var isBasePlacement = basePlacement === preferredPlacement;
+  var fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipVariations ? [getOppositePlacement(preferredPlacement)] : getExpandedFallbackPlacements(preferredPlacement));
+  var placements = [preferredPlacement].concat(fallbackPlacements).reduce(function (acc, placement) {
+    return acc.concat(getBasePlacement(placement) === auto ? computeAutoPlacement(state, {
+      placement: placement,
+      boundary: boundary,
+      rootBoundary: rootBoundary,
+      padding: padding,
+      flipVariations: flipVariations,
+      allowedAutoPlacements: allowedAutoPlacements
+    }) : placement);
+  }, []);
+  var referenceRect = state.rects.reference;
+  var popperRect = state.rects.popper;
+  var checksMap = new Map();
+  var makeFallbackChecks = true;
+  var firstFittingPlacement = placements[0];
+
+  for (var i = 0; i < placements.length; i++) {
+    var placement = placements[i];
+
+    var _basePlacement = getBasePlacement(placement);
+
+    var isStartVariation = getVariation(placement) === start;
+    var isVertical = [top, bottom].indexOf(_basePlacement) >= 0;
+    var len = isVertical ? 'width' : 'height';
+    var overflow = detectOverflow(state, {
+      placement: placement,
+      boundary: boundary,
+      rootBoundary: rootBoundary,
+      altBoundary: altBoundary,
+      padding: padding
+    });
+    var mainVariationSide = isVertical ? isStartVariation ? right : left : isStartVariation ? bottom : top;
+
+    if (referenceRect[len] > popperRect[len]) {
+      mainVariationSide = getOppositePlacement(mainVariationSide);
+    }
+
+    var altVariationSide = getOppositePlacement(mainVariationSide);
+    var checks = [];
+
+    if (checkMainAxis) {
+      checks.push(overflow[_basePlacement] <= 0);
+    }
+
+    if (checkAltAxis) {
+      checks.push(overflow[mainVariationSide] <= 0, overflow[altVariationSide] <= 0);
+    }
+
+    if (checks.every(function (check) {
+      return check;
+    })) {
+      firstFittingPlacement = placement;
+      makeFallbackChecks = false;
+      break;
+    }
+
+    checksMap.set(placement, checks);
+  }
+
+  if (makeFallbackChecks) {
+    // `2` may be desired in some cases – research later
+    var numberOfChecks = flipVariations ? 3 : 1;
+
+    var _loop = function _loop(_i) {
+      var fittingPlacement = placements.find(function (placement) {
+        var checks = checksMap.get(placement);
+
+        if (checks) {
+          return checks.slice(0, _i).every(function (check) {
+            return check;
+          });
+        }
+      });
+
+      if (fittingPlacement) {
+        firstFittingPlacement = fittingPlacement;
+        return "break";
+      }
+    };
+
+    for (var _i = numberOfChecks; _i > 0; _i--) {
+      var _ret = _loop(_i);
+
+      if (_ret === "break") break;
+    }
+  }
+
+  if (state.placement !== firstFittingPlacement) {
+    state.modifiersData[name]._skip = true;
+    state.placement = firstFittingPlacement;
+    state.reset = true;
+  }
+} // eslint-disable-next-line import/no-unused-modules
+
+
+var flip$1 = {
+  name: 'flip',
+  enabled: true,
+  phase: 'main',
+  fn: flip,
+  requiresIfExists: ['offset'],
+  data: {
+    _skip: false
+  }
+};
+
+export { flip$1 as default };
+//# sourceMappingURL=2dff9a38.js.map

package/_internal/2dff9a38.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"2dff9a38.js","sources":["../../../../node_modules/@popperjs/core/lib/modifiers/flip.js"],"sourcesContent":["import getOppositePlacement from \"../utils/getOppositePlacement.js\";\nimport getBasePlacement from \"../utils/getBasePlacement.js\";\nimport getOppositeVariationPlacement from \"../utils/getOppositeVariationPlacement.js\";\nimport detectOverflow from \"../utils/detectOverflow.js\";\nimport computeAutoPlacement from \"../utils/computeAutoPlacement.js\";\nimport { bottom, top, start, right, left, auto } from \"../enums.js\";\nimport getVariation from \"../utils/getVariation.js\"; // eslint-disable-next-line import/no-unused-modules\n\nfunction getExpandedFallbackPlacements(placement) {\n  if (getBasePlacement(placement) === auto) {\n    return [];\n  }\n\n  var oppositePlacement = getOppositePlacement(placement);\n  return [getOppositeVariationPlacement(placement), oppositePlacement, getOppositeVariationPlacement(oppositePlacement)];\n}\n\nfunction flip(_ref) {\n  var state = _ref.state,\n      options = _ref.options,\n      name = _ref.name;\n\n  if (state.modifiersData[name]._skip) {\n    return;\n  }\n\n  var _options$mainAxis = options.mainAxis,\n      checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis,\n      _options$altAxis = options.altAxis,\n      checkAltAxis = _options$altAxis === void 0 ? true : _options$altAxis,\n      specifiedFallbackPlacements = options.fallbackPlacements,\n      padding = options.padding,\n      boundary = options.boundary,\n      rootBoundary = options.rootBoundary,\n      altBoundary = options.altBoundary,\n      _options$flipVariatio = options.flipVariations,\n      flipVariations = _options$flipVariatio === void 0 ? true : _options$flipVariatio,\n      allowedAutoPlacements = options.allowedAutoPlacements;\n  var preferredPlacement = state.options.placement;\n  var basePlacement = getBasePlacement(preferredPlacement);\n  var isBasePlacement = basePlacement === preferredPlacement;\n  var fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipVariations ? [getOppositePlacement(preferredPlacement)] : getExpandedFallbackPlacements(preferredPlacement));\n  var placements = [preferredPlacement].concat(fallbackPlacements).reduce(function (acc, placement) {\n    return acc.concat(getBasePlacement(placement) === auto ? computeAutoPlacement(state, {\n      placement: placement,\n      boundary: boundary,\n      rootBoundary: rootBoundary,\n      padding: padding,\n      flipVariations: flipVariations,\n      allowedAutoPlacements: allowedAutoPlacements\n    }) : placement);\n  }, []);\n  var referenceRect = state.rects.reference;\n  var popperRect = state.rects.popper;\n  var checksMap = new Map();\n  var makeFallbackChecks = true;\n  var firstFittingPlacement = placements[0];\n\n  for (var i = 0; i < placements.length; i++) {\n    var placement = placements[i];\n\n    var _basePlacement = getBasePlacement(placement);\n\n    var isStartVariation = getVariation(placement) === start;\n    var isVertical = [top, bottom].indexOf(_basePlacement) >= 0;\n    var len = isVertical ? 'width' : 'height';\n    var overflow = detectOverflow(state, {\n      placement: placement,\n      boundary: boundary,\n      rootBoundary: rootBoundary,\n      altBoundary: altBoundary,\n      padding: padding\n    });\n    var mainVariationSide = isVertical ? isStartVariation ? right : left : isStartVariation ? bottom : top;\n\n    if (referenceRect[len] > popperRect[len]) {\n      mainVariationSide = getOppositePlacement(mainVariationSide);\n    }\n\n    var altVariationSide = getOppositePlacement(mainVariationSide);\n    var checks = [];\n\n    if (checkMainAxis) {\n      checks.push(overflow[_basePlacement] <= 0);\n    }\n\n    if (checkAltAxis) {\n      checks.push(overflow[mainVariationSide] <= 0, overflow[altVariationSide] <= 0);\n    }\n\n    if (checks.every(function (check) {\n      return check;\n    })) {\n      firstFittingPlacement = placement;\n      makeFallbackChecks = false;\n      break;\n    }\n\n    checksMap.set(placement, checks);\n  }\n\n  if (makeFallbackChecks) {\n    // `2` may be desired in some cases – research later\n    var numberOfChecks = flipVariations ? 3 : 1;\n\n    var _loop = function _loop(_i) {\n      var fittingPlacement = placements.find(function (placement) {\n        var checks = checksMap.get(placement);\n\n        if (checks) {\n          return checks.slice(0, _i).every(function (check) {\n            return check;\n          });\n        }\n      });\n\n      if (fittingPlacement) {\n        firstFittingPlacement = fittingPlacement;\n        return \"break\";\n      }\n    };\n\n    for (var _i = numberOfChecks; _i > 0; _i--) {\n      var _ret = _loop(_i);\n\n      if (_ret === \"break\") break;\n    }\n  }\n\n  if (state.placement !== firstFittingPlacement) {\n    state.modifiersData[name]._skip = true;\n    state.placement = firstFittingPlacement;\n    state.reset = true;\n  }\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n  name: 'flip',\n  enabled: true,\n  phase: 'main',\n  fn: flip,\n  requiresIfExists: ['offset'],\n  data: {\n    _skip: false\n  }\n};"],"names":[],"mappings":"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","x_google_ignoreList":[0]}

package/_internal/2e5288d0.js

@@ -0,0 +1,15 @@
+import getWindowScroll from './66950686.js';
+import getWindow from './a0a42aca.js';
+import { isHTMLElement } from './617d453e.js';
+import getHTMLElementScroll from './30ecdee3.js';
+
+function getNodeScroll(node) {
+  if (node === getWindow(node) || !isHTMLElement(node)) {
+    return getWindowScroll(node);
+  } else {
+    return getHTMLElementScroll(node);
+  }
+}
+
+export { getNodeScroll as default };
+//# sourceMappingURL=2e5288d0.js.map

package/_internal/2e5288d0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"2e5288d0.js","sources":["../../../../node_modules/@popperjs/core/lib/dom-utils/getNodeScroll.js"],"sourcesContent":["import getWindowScroll from \"./getWindowScroll.js\";\nimport getWindow from \"./getWindow.js\";\nimport { isHTMLElement } from \"./instanceOf.js\";\nimport getHTMLElementScroll from \"./getHTMLElementScroll.js\";\nexport default function getNodeScroll(node) {\n  if (node === getWindow(node) || !isHTMLElement(node)) {\n    return getWindowScroll(node);\n  } else {\n    return getHTMLElementScroll(node);\n  }\n}"],"names":[],"mappings":";;;;;AAIe,SAAS,aAAa,CAAC,IAAI,EAAE;AAC5C,EAAE,IAAI,IAAI,KAAK,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE;AACxD,IAAI,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AACjC,GAAG,MAAM;AACT,IAAI,OAAO,oBAAoB,CAAC,IAAI,CAAC,CAAC;AACtC,GAAG;AACH;;;;","x_google_ignoreList":[0]}

package/_internal/2fc47dc4.js

@@ -0,0 +1,133 @@
+import React__default from 'react';
+import memoize from 'lodash/memoize';
+import { startViewTransition } from './0c58c8e2.js';
+import { findImage } from './b977b471.js';
+import { CLASSNAME } from './31b6784b.js';
+
+/** Subset of the ImageLightboxProps managed by the useImageLightbox hook */
+
+const EMPTY_PROPS = {
+  isOpen: false,
+  images: [],
+  parentElement: /*#__PURE__*/React__default.createRef()
+};
+/**
+ * Set up an ImageLightbox with images and triggers.
+ *
+ * - Associate a trigger with the lightbox to properly focus the trigger on close
+ * - Associate a trigger with an image to display on open
+ * - Automatically provide a view transition between an image trigger and the displayed image on open & close
+ *
+ * @param props Images to display in the image lightbox
+ */
+function useImageLightbox(props) {
+  const propsRef = React__default.useRef(props);
+  React__default.useEffect(() => {
+    propsRef.current = props;
+  }, [props]);
+
+  // Keep reference for each image elements
+  const imageRefsRef = React__default.useRef([]);
+  const currentImageRef = React__default.useRef(null);
+  const [imageLightboxProps, setImageLightboxProps] = React__default.useState(() => ({
+    ...EMPTY_PROPS,
+    ...props
+  }));
+  const getTriggerProps = React__default.useMemo(() => {
+    const triggerImageRefs = {};
+    async function close() {
+      const currentImage = currentImageRef.current;
+      if (!currentImage) {
+        return;
+      }
+      const currentIndex = imageRefsRef.current.findIndex(imageRef => imageRef.current === currentImage);
+      await startViewTransition({
+        changes() {
+          // Close lightbox
+          setImageLightboxProps(prevProps => ({
+            ...prevProps,
+            isOpen: false
+          }));
+        },
+        // Morph from the image in lightbox to the image in trigger
+        viewTransitionName: {
+          source: currentImageRef,
+          target: triggerImageRefs[currentIndex],
+          name: CLASSNAME
+        }
+      });
+    }
+    async function open(triggerElement, {
+      activeImageIndex
+    } = {}) {
+      // If we find an image inside the trigger, animate it in transition with the opening image
+      const triggerImage = triggerImageRefs[activeImageIndex]?.current || findImage(triggerElement);
+
+      // Inject refs to improve transition and loading style
+      const images = propsRef.current?.images?.map((image, idx) => {
+        // Get or create image reference
+        let imgRef = imageRefsRef.current[idx];
+        if (!imgRef) {
+          imgRef = /*#__PURE__*/React__default.createRef();
+          imageRefsRef.current[idx] = imgRef;
+        }
+
+        // Try to use the trigger image as the loading placeholder
+        const loadingPlaceholderImageRef = triggerImage && idx === activeImageIndex ? {
+          current: triggerImage
+        } : undefined;
+        return {
+          loadingPlaceholderImageRef,
+          ...image,
+          imgRef
+        };
+      });
+      await startViewTransition({
+        changes: () => {
+          // Open lightbox with setup props
+          setImageLightboxProps(prevProps => ({
+            ...prevProps,
+            ...propsRef.current,
+            activeImageRef: currentImageRef,
+            parentElement: {
+              current: triggerElement
+            },
+            isOpen: true,
+            onClose: () => {
+              close();
+              propsRef.current?.onClose?.();
+            },
+            images,
+            activeImageIndex: activeImageIndex || 0
+          }));
+        },
+        // Morph from the image in trigger to the image in lightbox
+        viewTransitionName: {
+          source: triggerImage,
+          target: currentImageRef,
+          name: CLASSNAME
+        }
+      });
+    }
+    return memoize(options => ({
+      ref(element) {
+        // Track trigger image ref if any
+        if (options?.activeImageIndex !== undefined && element) {
+          triggerImageRefs[options.activeImageIndex] = {
+            current: findImage(element)
+          };
+        }
+      },
+      onClick(e) {
+        open(e.target, options);
+      }
+    }));
+  }, []);
+  return {
+    getTriggerProps,
+    imageLightboxProps
+  };
+}
+
+export { useImageLightbox };
+//# sourceMappingURL=2fc47dc4.js.map