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

package/_internal/packages/lumx-react/src/components/image-lightbox/internal/ImageSlideshow-a185b234.js

@@ -1,150 +0,0 @@
-import React__default from 'react';
-import { mergeRefs } from '../../../utils/react/mergeRefs-27df0cb6.js';
-import memoize from 'lodash/memoize';
-import { ImageCaption } from '../../image-block/ImageCaption-f59f00d0.js';
-import { CLASSNAME } from '../constants-31b6784b.js';
-import { ImageSlide } from './ImageSlide-9cfe18c6.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { SlideshowControls } from '../../slideshow/SlideshowControls-ecca54c4.js';
-import { mdiMagnifyPlusOutline } from '../../../../../lumx-icons/dist/esm/magnify-plus-outline-341ceaa9.js';
-import { mdiMagnifyMinusOutline } from '../../../../../lumx-icons/dist/esm/magnify-minus-outline-2d69d0f5.js';
-import { Slides } from '../../slideshow/Slides-c8517dcb.js';
-import { IconButton } from '../../button/IconButton-a740ce59.js';
-import { FlexBox } from '../../flex-box/FlexBox-57fe8191.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=ImageSlideshow-a185b234.js.map

package/_internal/packages/lumx-react/src/components/image-lightbox/internal/ImageSlideshow-a185b234.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ImageSlideshow-a185b234.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/packages/lumx-react/src/components/image-lightbox/internal/useAnimateScroll-0db022d6.js

@@ -1,58 +0,0 @@
-import React__default from 'react';
-
-/** Maintains the scroll position centered relative to the original scroll area's dimensions when the content scales. */
-function useAnimateScroll(scrollAreaRef) {
-  return React__default.useMemo(() => {
-    let animationFrame = null;
-    return function animate(centerPoint, initialScrollAreaSize) {
-      const scrollArea = scrollAreaRef.current;
-      if (!scrollArea) {
-        return;
-      }
-
-      // Cancel previously running animation
-      if (animationFrame) cancelAnimationFrame(animationFrame);
-
-      // Center on the given point or else on the scroll area visual center
-      const clientHeightRatio = centerPoint?.y ? centerPoint.y / scrollArea.clientHeight : 0.5;
-      const clientWidthRatio = centerPoint?.x ? centerPoint.x / scrollArea.clientWidth : 0.5;
-      const initialScrollHeight = initialScrollAreaSize?.height || scrollArea.scrollHeight;
-      const initialScrollWidth = initialScrollAreaSize?.width || scrollArea.scrollWidth;
-      const heightCenter = scrollArea.scrollTop + scrollArea.clientHeight * clientHeightRatio;
-      const heightRatio = heightCenter / initialScrollHeight;
-      const widthCenter = scrollArea.scrollLeft + scrollArea.clientWidth * clientWidthRatio;
-      const widthRatio = widthCenter / initialScrollWidth;
-      let prevScrollHeight = 0;
-      let prevScrollWidth = 0;
-      function nextFrame() {
-        const {
-          scrollHeight,
-          scrollWidth,
-          clientHeight,
-          clientWidth
-        } = scrollArea;
-
-        // Scroll area stopped expanding => stop animation
-        if (scrollHeight === prevScrollHeight && scrollWidth === prevScrollWidth) {
-          animationFrame = null;
-          return;
-        }
-
-        // Compute next scroll position
-        const top = heightRatio * scrollHeight - clientHeight * clientHeightRatio;
-        const left = widthRatio * scrollWidth - clientWidth * clientWidthRatio;
-        scrollArea.scrollTo({
-          top,
-          left
-        });
-        prevScrollHeight = scrollHeight;
-        prevScrollWidth = scrollWidth;
-        animationFrame = requestAnimationFrame(nextFrame);
-      }
-      animationFrame = requestAnimationFrame(nextFrame);
-    };
-  }, [scrollAreaRef]);
-}
-
-export { useAnimateScroll };
-//# sourceMappingURL=useAnimateScroll-0db022d6.js.map

package/_internal/packages/lumx-react/src/components/image-lightbox/internal/useAnimateScroll-0db022d6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAnimateScroll-0db022d6.js","sources":["../../../../../../../../src/components/image-lightbox/internal/useAnimateScroll.ts"],"sourcesContent":["import React from 'react';\nimport type { Point, RectSize } from '@lumx/react/utils/type';\n\n/** Maintains the scroll position centered relative to the original scroll area's dimensions when the content scales. */\nexport function useAnimateScroll(scrollAreaRef: React.RefObject<HTMLDivElement>) {\n    return React.useMemo(() => {\n        let animationFrame: number | null = null;\n\n        return function animate(centerPoint?: Point, initialScrollAreaSize?: RectSize) {\n            const scrollArea = scrollAreaRef.current as HTMLDivElement;\n            if (!scrollArea) {\n                return;\n            }\n\n            // Cancel previously running animation\n            if (animationFrame) cancelAnimationFrame(animationFrame);\n\n            // Center on the given point or else on the scroll area visual center\n            const clientHeightRatio = centerPoint?.y ? centerPoint.y / scrollArea.clientHeight : 0.5;\n            const clientWidthRatio = centerPoint?.x ? centerPoint.x / scrollArea.clientWidth : 0.5;\n\n            const initialScrollHeight = initialScrollAreaSize?.height || scrollArea.scrollHeight;\n            const initialScrollWidth = initialScrollAreaSize?.width || scrollArea.scrollWidth;\n\n            const heightCenter = scrollArea.scrollTop + scrollArea.clientHeight * clientHeightRatio;\n            const heightRatio = heightCenter / initialScrollHeight;\n\n            const widthCenter = scrollArea.scrollLeft + scrollArea.clientWidth * clientWidthRatio;\n            const widthRatio = widthCenter / initialScrollWidth;\n\n            let prevScrollHeight = 0;\n            let prevScrollWidth = 0;\n\n            function nextFrame() {\n                const { scrollHeight, scrollWidth, clientHeight, clientWidth } = scrollArea;\n\n                // Scroll area stopped expanding => stop animation\n                if (scrollHeight === prevScrollHeight && scrollWidth === prevScrollWidth) {\n                    animationFrame = null;\n                    return;\n                }\n\n                // Compute next scroll position\n                const top = heightRatio * scrollHeight - clientHeight * clientHeightRatio;\n                const left = widthRatio * scrollWidth - clientWidth * clientWidthRatio;\n\n                scrollArea.scrollTo({ top, left });\n                prevScrollHeight = scrollHeight;\n                prevScrollWidth = scrollWidth;\n                animationFrame = requestAnimationFrame(nextFrame);\n            }\n            animationFrame = requestAnimationFrame(nextFrame);\n        };\n    }, [scrollAreaRef]);\n}\n"],"names":["useAnimateScroll","scrollAreaRef","React","useMemo","animationFrame","animate","centerPoint","initialScrollAreaSize","scrollArea","current","cancelAnimationFrame","clientHeightRatio","y","clientHeight","clientWidthRatio","x","clientWidth","initialScrollHeight","height","scrollHeight","initialScrollWidth","width","scrollWidth","heightCenter","scrollTop","heightRatio","widthCenter","scrollLeft","widthRatio","prevScrollHeight","prevScrollWidth","nextFrame","top","left","scrollTo","requestAnimationFrame"],"mappings":";;AAGA;AACO,SAASA,gBAAgBA,CAACC,aAA8C,EAAE;AAC7E,EAAA,OAAOC,cAAK,CAACC,OAAO,CAAC,MAAM;IACvB,IAAIC,cAA6B,GAAG,IAAI,CAAA;AAExC,IAAA,OAAO,SAASC,OAAOA,CAACC,WAAmB,EAAEC,qBAAgC,EAAE;AAC3E,MAAA,MAAMC,UAAU,GAAGP,aAAa,CAACQ,OAAyB,CAAA;MAC1D,IAAI,CAACD,UAAU,EAAE;AACb,QAAA,OAAA;AACJ,OAAA;;AAEA;AACA,MAAA,IAAIJ,cAAc,EAAEM,oBAAoB,CAACN,cAAc,CAAC,CAAA;;AAExD;AACA,MAAA,MAAMO,iBAAiB,GAAGL,WAAW,EAAEM,CAAC,GAAGN,WAAW,CAACM,CAAC,GAAGJ,UAAU,CAACK,YAAY,GAAG,GAAG,CAAA;AACxF,MAAA,MAAMC,gBAAgB,GAAGR,WAAW,EAAES,CAAC,GAAGT,WAAW,CAACS,CAAC,GAAGP,UAAU,CAACQ,WAAW,GAAG,GAAG,CAAA;MAEtF,MAAMC,mBAAmB,GAAGV,qBAAqB,EAAEW,MAAM,IAAIV,UAAU,CAACW,YAAY,CAAA;MACpF,MAAMC,kBAAkB,GAAGb,qBAAqB,EAAEc,KAAK,IAAIb,UAAU,CAACc,WAAW,CAAA;MAEjF,MAAMC,YAAY,GAAGf,UAAU,CAACgB,SAAS,GAAGhB,UAAU,CAACK,YAAY,GAAGF,iBAAiB,CAAA;AACvF,MAAA,MAAMc,WAAW,GAAGF,YAAY,GAAGN,mBAAmB,CAAA;MAEtD,MAAMS,WAAW,GAAGlB,UAAU,CAACmB,UAAU,GAAGnB,UAAU,CAACQ,WAAW,GAAGF,gBAAgB,CAAA;AACrF,MAAA,MAAMc,UAAU,GAAGF,WAAW,GAAGN,kBAAkB,CAAA;MAEnD,IAAIS,gBAAgB,GAAG,CAAC,CAAA;MACxB,IAAIC,eAAe,GAAG,CAAC,CAAA;MAEvB,SAASC,SAASA,GAAG;QACjB,MAAM;UAAEZ,YAAY;UAAEG,WAAW;UAAET,YAAY;AAAEG,UAAAA,WAAAA;AAAY,SAAC,GAAGR,UAAU,CAAA;;AAE3E;AACA,QAAA,IAAIW,YAAY,KAAKU,gBAAgB,IAAIP,WAAW,KAAKQ,eAAe,EAAE;AACtE1B,UAAAA,cAAc,GAAG,IAAI,CAAA;AACrB,UAAA,OAAA;AACJ,SAAA;;AAEA;QACA,MAAM4B,GAAG,GAAGP,WAAW,GAAGN,YAAY,GAAGN,YAAY,GAAGF,iBAAiB,CAAA;QACzE,MAAMsB,IAAI,GAAGL,UAAU,GAAGN,WAAW,GAAGN,WAAW,GAAGF,gBAAgB,CAAA;QAEtEN,UAAU,CAAC0B,QAAQ,CAAC;UAAEF,GAAG;AAAEC,UAAAA,IAAAA;AAAK,SAAC,CAAC,CAAA;AAClCJ,QAAAA,gBAAgB,GAAGV,YAAY,CAAA;AAC/BW,QAAAA,eAAe,GAAGR,WAAW,CAAA;AAC7BlB,QAAAA,cAAc,GAAG+B,qBAAqB,CAACJ,SAAS,CAAC,CAAA;AACrD,OAAA;AACA3B,MAAAA,cAAc,GAAG+B,qBAAqB,CAACJ,SAAS,CAAC,CAAA;KACpD,CAAA;AACL,GAAC,EAAE,CAAC9B,aAAa,CAAC,CAAC,CAAA;AACvB;;;;"}

package/_internal/packages/lumx-react/src/components/image-lightbox/internal/usePointerZoom-8d318b2b.js

@@ -1,138 +0,0 @@
-import React__default from 'react';
-
-/**
- * Listen to mouse wheel + ctrl and multi-pointer pinch to zoom
- */
-function usePointerZoom(scrollAreaRef, onScaleChange, animateScroll) {
-  const [isPointerZooming, setPointerZooming] = React__default.useState(false);
-  React__default.useEffect(() => {
-    const scrollArea = scrollAreaRef.current;
-    if (!scrollArea || !onScaleChange) {
-      return undefined;
-    }
-    let animationFrame;
-    let zoomStateTimeoutId;
-    function updateScaleOnNextFrame(newScale, mousePosition) {
-      // Cancel previously scheduled frame
-      if (animationFrame) cancelAnimationFrame(animationFrame);
-
-      // Cancel previously scheduled zoom state change
-      if (zoomStateTimeoutId) clearTimeout(zoomStateTimeoutId);
-      function nextFrame() {
-        setPointerZooming(true);
-        onScaleChange?.(newScale);
-        animationFrame = null;
-        // Wait a bit before indicating the pointer zooming is finished
-        zoomStateTimeoutId = setTimeout(() => setPointerZooming(false), 100);
-      }
-      animationFrame = requestAnimationFrame(nextFrame);
-
-      // Animate scroll in parallel (centering on the current mouse position)
-      animateScroll(mousePosition, {
-        width: scrollArea.scrollWidth,
-        height: scrollArea.scrollHeight
-      });
-    }
-    function onWheel(event) {
-      if (!event.ctrlKey) {
-        return;
-      }
-      event.preventDefault();
-      const newScale = Math.exp(-event.deltaY / 50);
-
-      // Update scale on next frame (focused on the mouse position)
-      updateScaleOnNextFrame(newScale, {
-        x: event.clientX,
-        y: event.clientY
-      });
-    }
-    const activePointers = {};
-    let prevDistance = null;
-    let previousCenterPoint = null;
-    function onPointerDown(event) {
-      activePointers[event.pointerId] = event;
-    }
-    function onPointerMove(event) {
-      // Update pointer in cache
-      if (activePointers[event.pointerId]) {
-        activePointers[event.pointerId] = event;
-      }
-      const pointers = Object.values(activePointers);
-
-      // Make sure we run computation on one of the pointer in the group
-      if (pointers[0]?.pointerId !== event.pointerId) {
-        return;
-      }
-
-      // Centered point between all pointers
-      const centerPoint = {
-        x: pointers.reduce((x, {
-          clientX
-        }) => x + clientX, 0) / pointers.length,
-        y: pointers.reduce((y, {
-          clientY
-        }) => y + clientY, 0) / pointers.length
-      };
-
-      // Movement of the center point
-      const deltaCenterPoint = previousCenterPoint && {
-        left: previousCenterPoint.x - centerPoint.x,
-        top: previousCenterPoint.y - centerPoint.y
-      };
-
-      // Pan X & Y
-      if (deltaCenterPoint) {
-        // Apply movement of the center point to the scroll
-        scrollArea.scrollBy({
-          top: deltaCenterPoint.top / 2,
-          left: deltaCenterPoint.left / 2
-        });
-      }
-
-      // Pinch to zoom
-      if (pointers.length === 2) {
-        const [pointer1, pointer2] = pointers;
-        const distance = Math.hypot(pointer2.clientX - pointer1.clientX, pointer2.clientY - pointer1.clientY);
-        if (prevDistance && deltaCenterPoint) {
-          const delta = prevDistance - distance;
-          const absDelta = Math.abs(delta);
-
-          // Zoom only if we are "pinching" more than we are moving the pointers
-          if (absDelta > Math.abs(deltaCenterPoint.left) && absDelta > Math.abs(deltaCenterPoint.top)) {
-            // Update scale on next frame (focused on the center point between the two pointers)
-            const newScale = Math.exp(-delta / 100);
-            updateScaleOnNextFrame(newScale, centerPoint);
-          }
-        }
-        prevDistance = distance;
-      }
-      previousCenterPoint = centerPoint;
-    }
-    function onPointerUp(event) {
-      prevDistance = null;
-      previousCenterPoint = null;
-      delete activePointers[event.pointerId];
-    }
-    scrollArea.addEventListener('wheel', onWheel, {
-      passive: false
-    });
-    const isMultiTouch = navigator.maxTouchPoints >= 2;
-    if (isMultiTouch) {
-      scrollArea.addEventListener('pointerdown', onPointerDown);
-      scrollArea.addEventListener('pointermove', onPointerMove);
-      scrollArea.addEventListener('pointerup', onPointerUp);
-    }
-    return () => {
-      scrollArea.removeEventListener('wheel', onWheel);
-      if (isMultiTouch) {
-        scrollArea.removeEventListener('pointerdown', onPointerDown);
-        scrollArea.removeEventListener('pointermove', onPointerMove);
-        scrollArea.removeEventListener('pointerup', onPointerUp);
-      }
-    };
-  }, [animateScroll, onScaleChange, scrollAreaRef]);
-  return isPointerZooming;
-}
-
-export { usePointerZoom };
-//# sourceMappingURL=usePointerZoom-8d318b2b.js.map

package/_internal/packages/lumx-react/src/components/image-lightbox/internal/usePointerZoom-8d318b2b.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePointerZoom-8d318b2b.js","sources":["../../../../../../../../src/components/image-lightbox/internal/usePointerZoom.ts"],"sourcesContent":["import React from 'react';\nimport type { Point } from '@lumx/react/utils/type';\nimport type { useAnimateScroll } from './useAnimateScroll';\n\n/**\n * Listen to mouse wheel + ctrl and multi-pointer pinch to zoom\n */\nexport function usePointerZoom(\n    scrollAreaRef: React.RefObject<HTMLDivElement>,\n    onScaleChange: ((value: number) => void) | undefined,\n    animateScroll: ReturnType<typeof useAnimateScroll>,\n) {\n    const [isPointerZooming, setPointerZooming] = React.useState(false);\n    React.useEffect(() => {\n        const scrollArea = scrollAreaRef.current as HTMLDivElement;\n        if (!scrollArea || !onScaleChange) {\n            return undefined;\n        }\n\n        let animationFrame: number | null;\n        let zoomStateTimeoutId: ReturnType<typeof setTimeout> | null;\n\n        function updateScaleOnNextFrame(newScale: number, mousePosition: Point): void {\n            // Cancel previously scheduled frame\n            if (animationFrame) cancelAnimationFrame(animationFrame);\n\n            // Cancel previously scheduled zoom state change\n            if (zoomStateTimeoutId) clearTimeout(zoomStateTimeoutId);\n\n            function nextFrame() {\n                setPointerZooming(true);\n                onScaleChange?.(newScale);\n\n                animationFrame = null;\n                // Wait a bit before indicating the pointer zooming is finished\n                zoomStateTimeoutId = setTimeout(() => setPointerZooming(false), 100);\n            }\n            animationFrame = requestAnimationFrame(nextFrame);\n\n            // Animate scroll in parallel (centering on the current mouse position)\n            animateScroll(mousePosition, {\n                width: scrollArea.scrollWidth,\n                height: scrollArea.scrollHeight,\n            });\n        }\n\n        function onWheel(event: WheelEvent) {\n            if (!event.ctrlKey) {\n                return;\n            }\n            event.preventDefault();\n            const newScale = Math.exp(-event.deltaY / 50);\n\n            // Update scale on next frame (focused on the mouse position)\n            updateScaleOnNextFrame(newScale, {\n                x: event.clientX,\n                y: event.clientY,\n            });\n        }\n\n        const activePointers: Record<PointerEvent['pointerId'], PointerEvent> = {};\n        let prevDistance: number | null = null;\n        let previousCenterPoint: Point | null = null;\n\n        function onPointerDown(event: PointerEvent) {\n            activePointers[event.pointerId] = event;\n        }\n        function onPointerMove(event: PointerEvent) {\n            // Update pointer in cache\n            if (activePointers[event.pointerId]) {\n                activePointers[event.pointerId] = event;\n            }\n\n            const pointers = Object.values(activePointers);\n\n            // Make sure we run computation on one of the pointer in the group\n            if (pointers[0]?.pointerId !== event.pointerId) {\n                return;\n            }\n\n            // Centered point between all pointers\n            const centerPoint: Point = {\n                x: pointers.reduce((x, { clientX }) => x + clientX, 0) / pointers.length,\n                y: pointers.reduce((y, { clientY }) => y + clientY, 0) / pointers.length,\n            };\n\n            // Movement of the center point\n            const deltaCenterPoint = previousCenterPoint && {\n                left: previousCenterPoint.x - centerPoint.x,\n                top: previousCenterPoint.y - centerPoint.y,\n            };\n\n            // Pan X & Y\n            if (deltaCenterPoint) {\n                // Apply movement of the center point to the scroll\n                scrollArea.scrollBy({\n                    top: deltaCenterPoint.top / 2,\n                    left: deltaCenterPoint.left / 2,\n                });\n            }\n\n            // Pinch to zoom\n            if (pointers.length === 2) {\n                const [pointer1, pointer2] = pointers;\n                const distance = Math.hypot(pointer2.clientX - pointer1.clientX, pointer2.clientY - pointer1.clientY);\n\n                if (prevDistance && deltaCenterPoint) {\n                    const delta = prevDistance - distance;\n                    const absDelta = Math.abs(delta);\n\n                    // Zoom only if we are \"pinching\" more than we are moving the pointers\n                    if (absDelta > Math.abs(deltaCenterPoint.left) && absDelta > Math.abs(deltaCenterPoint.top)) {\n                        // Update scale on next frame (focused on the center point between the two pointers)\n                        const newScale = Math.exp(-delta / 100);\n                        updateScaleOnNextFrame(newScale, centerPoint);\n                    }\n                }\n\n                prevDistance = distance;\n            }\n\n            previousCenterPoint = centerPoint;\n        }\n        function onPointerUp(event: PointerEvent) {\n            prevDistance = null;\n            previousCenterPoint = null;\n            delete activePointers[event.pointerId];\n        }\n\n        scrollArea.addEventListener('wheel', onWheel, { passive: false });\n        const isMultiTouch = navigator.maxTouchPoints >= 2;\n        if (isMultiTouch) {\n            scrollArea.addEventListener('pointerdown', onPointerDown);\n            scrollArea.addEventListener('pointermove', onPointerMove);\n            scrollArea.addEventListener('pointerup', onPointerUp);\n        }\n        return () => {\n            scrollArea.removeEventListener('wheel', onWheel);\n            if (isMultiTouch) {\n                scrollArea.removeEventListener('pointerdown', onPointerDown);\n                scrollArea.removeEventListener('pointermove', onPointerMove);\n                scrollArea.removeEventListener('pointerup', onPointerUp);\n            }\n        };\n    }, [animateScroll, onScaleChange, scrollAreaRef]);\n\n    return isPointerZooming;\n}\n"],"names":["usePointerZoom","scrollAreaRef","onScaleChange","animateScroll","isPointerZooming","setPointerZooming","React","useState","useEffect","scrollArea","current","undefined","animationFrame","zoomStateTimeoutId","updateScaleOnNextFrame","newScale","mousePosition","cancelAnimationFrame","clearTimeout","nextFrame","setTimeout","requestAnimationFrame","width","scrollWidth","height","scrollHeight","onWheel","event","ctrlKey","preventDefault","Math","exp","deltaY","x","clientX","y","clientY","activePointers","prevDistance","previousCenterPoint","onPointerDown","pointerId","onPointerMove","pointers","Object","values","centerPoint","reduce","length","deltaCenterPoint","left","top","scrollBy","pointer1","pointer2","distance","hypot","delta","absDelta","abs","onPointerUp","addEventListener","passive","isMultiTouch","navigator","maxTouchPoints","removeEventListener"],"mappings":"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"}

package/_internal/packages/lumx-react/src/components/image-lightbox/useImageLightbox-4a785dc6.js

@@ -1,133 +0,0 @@
-import React__default from 'react';
-import memoize from 'lodash/memoize';
-import { startViewTransition } from '../../utils/browser/DOM/startViewTransition-5cbc03c1.js';
-import { findImage } from '../../utils/browser/DOM/findImage-b977b471.js';
-import { CLASSNAME } from './constants-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=useImageLightbox-4a785dc6.js.map

package/_internal/packages/lumx-react/src/components/image-lightbox/useImageLightbox-4a785dc6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useImageLightbox-4a785dc6.js","sources":["../../../../../../../src/components/image-lightbox/useImageLightbox.tsx"],"sourcesContent":["import React from 'react';\n\nimport memoize from 'lodash/memoize';\n\nimport { startViewTransition } from '@lumx/react/utils/browser/DOM/startViewTransition';\nimport { findImage } from '@lumx/react/utils/browser/DOM/findImage';\n\nimport type { ImageLightboxProps } from './types';\nimport { CLASSNAME } from './constants';\n\n/** Subset of the ImageLightboxProps managed by the useImageLightbox hook */\ntype ManagedProps = Pick<\n    ImageLightboxProps,\n    'isOpen' | 'images' | 'parentElement' | 'activeImageRef' | 'onClose' | 'activeImageIndex'\n>;\n\nconst EMPTY_PROPS: ManagedProps = { isOpen: false, images: [], parentElement: React.createRef() };\n\ntype TriggerOptions = Pick<ImageLightboxProps, 'activeImageIndex'>;\n\n/**\n * Set up an ImageLightbox with images and triggers.\n *\n * - Associate a trigger with the lightbox to properly focus the trigger on close\n * - Associate a trigger with an image to display on open\n * - Automatically provide a view transition between an image trigger and the displayed image on open & close\n *\n * @param props Images to display in the image lightbox\n */\nexport function useImageLightbox<P extends Partial<ImageLightboxProps>>(\n    props: P,\n): {\n    /**\n     * Generates trigger props\n     * @param index Provide an index to choose which image to display when the image lightbox opens.\n     * */\n    getTriggerProps: (options?: TriggerOptions) => { onClick: React.MouseEventHandler; ref: React.Ref<any> };\n    /** Props to forward to the ImageLightbox */\n    imageLightboxProps: ManagedProps & P;\n} {\n    const propsRef = React.useRef(props);\n\n    React.useEffect(() => {\n        propsRef.current = props;\n    }, [props]);\n\n    // Keep reference for each image elements\n    const imageRefsRef = React.useRef<Array<React.RefObject<HTMLImageElement>>>([]);\n\n    const currentImageRef = React.useRef<HTMLImageElement>(null);\n    const [imageLightboxProps, setImageLightboxProps] = React.useState(\n        () => ({ ...EMPTY_PROPS, ...props }) as ManagedProps & P,\n    );\n\n    const getTriggerProps = React.useMemo(() => {\n        const triggerImageRefs: Record<number, React.RefObject<HTMLImageElement>> = {};\n\n        async function close() {\n            const currentImage = currentImageRef.current;\n            if (!currentImage) {\n                return;\n            }\n            const currentIndex = imageRefsRef.current.findIndex(\n                (imageRef) => imageRef.current === currentImage,\n            ) as number;\n\n            await startViewTransition({\n                changes() {\n                    // Close lightbox\n                    setImageLightboxProps((prevProps) => ({ ...prevProps, isOpen: false }));\n                },\n                // Morph from the image in lightbox to the image in trigger\n                viewTransitionName: {\n                    source: currentImageRef,\n                    target: triggerImageRefs[currentIndex],\n                    name: CLASSNAME,\n                },\n            });\n        }\n\n        async function open(triggerElement: HTMLElement, { activeImageIndex }: TriggerOptions = {}) {\n            // If we find an image inside the trigger, animate it in transition with the opening image\n            const triggerImage = triggerImageRefs[activeImageIndex as any]?.current || findImage(triggerElement);\n\n            // Inject refs to improve transition and loading style\n            const images = propsRef.current?.images?.map((image, idx) => {\n                // Get or create image reference\n                let imgRef = imageRefsRef.current[idx];\n                if (!imgRef) {\n                    imgRef = React.createRef();\n                    imageRefsRef.current[idx] = imgRef;\n                }\n\n                // Try to use the trigger image as the loading placeholder\n                const loadingPlaceholderImageRef =\n                    triggerImage && idx === activeImageIndex ? { current: triggerImage } : undefined;\n\n                return { loadingPlaceholderImageRef, ...image, imgRef };\n            });\n\n            await startViewTransition({\n                changes: () => {\n                    // Open lightbox with setup props\n                    setImageLightboxProps((prevProps) => ({\n                        ...prevProps,\n                        ...propsRef.current,\n                        activeImageRef: currentImageRef,\n                        parentElement: { current: triggerElement },\n                        isOpen: true,\n                        onClose: () => {\n                            close();\n                            propsRef.current?.onClose?.();\n                        },\n                        images,\n                        activeImageIndex: activeImageIndex || 0,\n                    }));\n                },\n                // Morph from the image in trigger to the image in lightbox\n                viewTransitionName: {\n                    source: triggerImage,\n                    target: currentImageRef,\n                    name: CLASSNAME,\n                },\n            });\n        }\n\n        return memoize((options?: TriggerOptions) => ({\n            ref(element: HTMLElement | null) {\n                // Track trigger image ref if any\n                if (options?.activeImageIndex !== undefined && element) {\n                    triggerImageRefs[options.activeImageIndex] = { current: findImage(element) };\n                }\n            },\n            onClick(e: React.MouseEvent) {\n                open(e.target as HTMLElement, options);\n            },\n        }));\n    }, []);\n\n    return { getTriggerProps, imageLightboxProps };\n}\n"],"names":["EMPTY_PROPS","isOpen","images","parentElement","React","createRef","useImageLightbox","props","propsRef","useRef","useEffect","current","imageRefsRef","currentImageRef","imageLightboxProps","setImageLightboxProps","useState","getTriggerProps","useMemo","triggerImageRefs","close","currentImage","currentIndex","findIndex","imageRef","startViewTransition","changes","prevProps","viewTransitionName","source","target","name","CLASSNAME","open","triggerElement","activeImageIndex","triggerImage","findImage","map","image","idx","imgRef","loadingPlaceholderImageRef","undefined","activeImageRef","onClose","memoize","options","ref","element","onClick","e"],"mappings":"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"}

package/_internal/packages/lumx-react/src/components/inline-list/InlineList-c2daf1d2.js

@@ -1,75 +0,0 @@
-import { Children, isValidElement } from 'react';
-import classNames from 'classnames';
-import { getRootClassName, getTypographyClassName, fontColorClass } from '@lumx/core/js/utils/className';
-import { forwardRef } from '../../utils/react/forwardRef-bd8b3ec8.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'InlineList';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {};
-
-/**
- * InlineList component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const InlineList = forwardRef((props, ref) => {
-  const {
-    className,
-    color,
-    colorVariant,
-    typography,
-    children,
-    wrap,
-    ...forwardedProps
-  } = props;
-  const typographyClassName = typography && getTypographyClassName(typography);
-  return (
-    /*#__PURE__*/
-    // eslint-disable-next-line jsx-a11y/no-redundant-roles
-    jsx("ul", {
-      ...forwardedProps,
-      ref: ref,
-      className: classNames(className, CLASSNAME, wrap && `${CLASSNAME}--wrap`, fontColorClass(color, colorVariant), typographyClassName)
-      // Lists with removed bullet style can lose their a11y list role on some browsers
-      ,
-      role: "list",
-      children: Children.toArray(children).map((child, index) => {
-        const key = /*#__PURE__*/isValidElement(child) && child.key || index;
-        return (
-          /*#__PURE__*/
-          // We need to item is set as display: contents which removes the semantic.
-          // eslint-disable-next-line jsx-a11y/no-redundant-roles
-          jsxs("li", {
-            role: "listitem",
-            className: `${CLASSNAME}__item`,
-            children: [index !== 0 && /*#__PURE__*/jsx("span", {
-              className: `${CLASSNAME}__item-separator`,
-              "aria-hidden": "true",
-              children: '\u00A0•\u00A0'
-            }), child]
-          }, key)
-        );
-      })
-    })
-  );
-});
-InlineList.displayName = COMPONENT_NAME;
-InlineList.className = CLASSNAME;
-InlineList.defaultProps = DEFAULT_PROPS;
-
-export { InlineList };
-//# sourceMappingURL=InlineList-c2daf1d2.js.map