@primereact/headless 11.0.0-alpha.9 → 11.0.0-rc.1

package/gallery/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/gallery/useGallery.tsx","../../src/gallery/useGallery.props.ts"],"sourcesContent":["import { withHeadless } from '@primereact/core/headless';\nimport type { CarouselInstance } from '@primereact/types/shared/carousel';\nimport * as React from 'react';\nimport { defaultProps } from './useGallery.props';\n\nexport const useGallery = withHeadless({\n    name: 'useGallery',\n    defaultProps,\n    setup: ({ props, elementRef }) => {\n        const { activeIndex: activeIndexProp = 0, onActiveIndexChange = undefined } = props;\n        const contentRef = React.useRef<HTMLDivElement>(null);\n        const itemsRef = React.useRef<React.RefObject<HTMLDivElement>[]>([]);\n        const toolbarRef = React.useRef<HTMLDivElement>(null);\n        const thumbnailRef = React.useRef<CarouselInstance | null>(null);\n        const prevRef = React.useRef<HTMLButtonElement>(null);\n        const nextRef = React.useRef<HTMLButtonElement>(null);\n        const [, forceUpdate] = React.useState(0);\n        const [activeIndex, setActiveIndex] = React.useState(activeIndexProp);\n\n        const [isFullscreen, setIsFullscreen] = React.useState(false);\n\n        React.useEffect(() => {\n            setActiveIndex(activeIndexProp);\n        }, [activeIndexProp]);\n\n        const registerItem = (ref: HTMLDivElement | null): number => {\n            if (!ref) return -1;\n\n            const existingIndex = itemsRef.current.findIndex((item) => item.current === ref);\n\n            if (existingIndex === -1) {\n                itemsRef.current.push({ current: ref });\n                forceUpdate((x) => x + 1);\n\n                return itemsRef.current.length - 1;\n            }\n\n            return existingIndex;\n        };\n\n        const handleNext = () => {\n            const newIndex = (activeIndex + 1) % itemsRef.current.length;\n\n            setActiveIndex(newIndex);\n            onActiveIndexChange?.({ originalEvent: undefined as unknown as React.SyntheticEvent, value: newIndex });\n        };\n\n        const handlePrev = () => {\n            const newIndex = (activeIndex - 1 + itemsRef.current.length) % itemsRef.current.length;\n\n            setActiveIndex(newIndex);\n            onActiveIndexChange?.({ originalEvent: undefined as unknown as React.SyntheticEvent, value: newIndex });\n        };\n\n        const createCustomEvent = (action: string) => () => {\n            const activeItem = itemsRef.current[activeIndex]?.current;\n\n            if (activeItem) {\n                const event = new CustomEvent('gallery-' + action, {\n                    detail: { action: action }\n                });\n\n                activeItem.dispatchEvent(event);\n            }\n        };\n\n        const toggleFullScreen = () => {\n            if (!elementRef.current) return;\n\n            if (!isFullscreen) {\n                Object.assign(elementRef.current.style, {\n                    position: 'fixed',\n                    top: '0',\n                    left: '0',\n                    width: '100dvw',\n                    height: '100dvh',\n                    zIndex: '9999'\n                });\n\n                document.body.style.overflow = 'hidden';\n\n                setIsFullscreen(true);\n            } else {\n                Object.assign(elementRef.current.style, {\n                    position: 'relative',\n                    top: '',\n                    left: '',\n                    width: '',\n                    height: '',\n                    zIndex: ''\n                });\n\n                document.body.style.overflow = 'auto';\n\n                setIsFullscreen(false);\n            }\n\n            setTimeout(() => {\n                window.dispatchEvent(new Event('resize'));\n            }, 100);\n        };\n\n        const actions = {\n            zoomIn: createCustomEvent('zoom-in'),\n            zoomOut: createCustomEvent('zoom-out'),\n            rotateLeft: createCustomEvent('rotate-left'),\n            rotateRight: createCustomEvent('rotate-right'),\n            flipX: createCustomEvent('flip-x'),\n            flipY: createCustomEvent('flip-y'),\n            download: createCustomEvent('download'),\n            next: handleNext,\n            prev: handlePrev,\n            toggleFullScreen: toggleFullScreen\n        };\n\n        const handleClickAction = React.useCallback(\n            (action?: string) => {\n                if (action && actions[action as keyof typeof actions]) {\n                    actions[action as keyof typeof actions]();\n                }\n            },\n            [actions]\n        );\n\n        const state = {\n            isFullscreen,\n            activeIndex\n        };\n\n        return {\n            state,\n            registerItem,\n            handleNext,\n            handlePrev,\n            createCustomEvent,\n            toggleFullScreen,\n            handleClickAction,\n            actions,\n            contentRef,\n            toolbarRef,\n            thumbnailRef,\n            prevRef,\n            nextRef\n        };\n    }\n});\n","import type { useGalleryProps } from '@primereact/types/shared/gallery';\n\nexport const defaultProps: useGalleryProps = {\n    activeIndex: 0,\n    onActiveIndexChange: undefined\n};\n"],"mappings":"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","names":["withHeadless","React","defaultProps","useGallery","withHeadless","defaultProps","props","elementRef","activeIndexProp","onActiveIndexChange","contentRef","itemsRef","toolbarRef","thumbnailRef","prevRef","nextRef","forceUpdate","activeIndex","setActiveIndex","isFullscreen","setIsFullscreen","registerItem","ref","existingIndex","item","x","handleNext","newIndex","handlePrev","createCustomEvent","action","_a","activeItem","event","toggleFullScreen","actions","handleClickAction"]}
+{"version":3,"sources":["../../src/gallery/useGallery.ts","../../src/gallery/useGallery.props.ts"],"sourcesContent":["import { withHeadless } from '@primereact/core/headless';\nimport type { GalleryPendingAction } from '@primereact/types/headless/gallery';\nimport type { CarouselRootInstance } from '@primereact/types/primitive/carousel';\nimport * as React from 'react';\nimport { defaultProps } from './useGallery.props';\n\nexport const useGallery = withHeadless({\n    name: 'useGallery',\n    defaultProps,\n    setup: ({ props, id, elementRef }) => {\n        const { activeIndex: activeIndexProp = 0, fullscreen: fullscreenProp, closeOnEscape = true, onActiveIndexChange = undefined, onFullscreenChange, onZoomChange, onRotateChange, onFlipChange } = props;\n        const contentRef = React.useRef<HTMLDivElement>(null);\n        const itemCounter = React.useRef(0);\n        const thumbnailRef = React.useRef<CarouselRootInstance | null>(null);\n        const prevRef = React.useRef<HTMLButtonElement>(null);\n        const nextRef = React.useRef<HTMLButtonElement>(null);\n        const [activeIndex, setActiveIndex] = React.useState(activeIndexProp);\n        const activeIndexRef = React.useRef(activeIndex);\n\n        activeIndexRef.current = activeIndex;\n\n        const [isFullscreenInternal, setIsFullscreen] = React.useState(false);\n        const isFullscreen = fullscreenProp ?? isFullscreenInternal;\n        const [activeItemTransform, setActiveItemTransform] = React.useState({ zoomed: false, rotated: false, flipped: false });\n        const [pendingAction, setPendingAction] = React.useState<GalleryPendingAction | null>(null);\n\n        React.useEffect(() => {\n            setActiveIndex(activeIndexProp);\n        }, [activeIndexProp]);\n\n        React.useEffect(() => {\n            return () => {\n                itemCounter.current = 0;\n            };\n        }, []);\n\n        const registerItem = React.useCallback((index: number | null): number => {\n            if (index !== null) {\n                if (index >= itemCounter.current) {\n                    itemCounter.current = index + 1;\n                }\n\n                return index;\n            }\n\n            const newIndex = itemCounter.current;\n\n            itemCounter.current += 1;\n\n            return newIndex;\n        }, []);\n\n        const clearPendingAction = React.useCallback(() => setPendingAction(null), []);\n\n        const handleNext = () => {\n            if (itemCounter.current <= 0) return;\n\n            const newIndex = (activeIndexRef.current + 1) % itemCounter.current;\n\n            setActiveIndex(newIndex);\n            onActiveIndexChange?.({ originalEvent: undefined as unknown as React.SyntheticEvent, value: newIndex });\n        };\n\n        const handlePrev = () => {\n            if (itemCounter.current <= 0) return;\n\n            const newIndex = (activeIndexRef.current - 1 + itemCounter.current) % itemCounter.current;\n\n            setActiveIndex(newIndex);\n            onActiveIndexChange?.({ originalEvent: undefined as unknown as React.SyntheticEvent, value: newIndex });\n        };\n\n        const selectItem = (index: number) => {\n            if (index < 0 || index >= itemCounter.current) return;\n\n            setActiveIndex(index);\n            onActiveIndexChange?.({ originalEvent: undefined as unknown as React.SyntheticEvent, value: index });\n        };\n\n        const dispatchAction = (type: GalleryPendingAction['type']) => () => {\n            setPendingAction({ type, timestamp: Date.now() });\n        };\n\n        const toggleFullScreen = () => {\n            if (fullscreenProp !== undefined) {\n                onFullscreenChange?.(!fullscreenProp);\n\n                return;\n            }\n\n            if (!elementRef.current) return;\n\n            if (document.fullscreenElement) {\n                document.exitFullscreen?.();\n            } else {\n                elementRef.current.requestFullscreen?.();\n            }\n        };\n\n        React.useEffect(() => {\n            if (fullscreenProp === undefined || !elementRef.current) return;\n\n            const isNativeFullscreen = document.fullscreenElement === elementRef.current;\n\n            if (fullscreenProp && !isNativeFullscreen) {\n                elementRef.current.requestFullscreen?.()?.catch(() => {});\n            } else if (!fullscreenProp && document.fullscreenElement) {\n                document.exitFullscreen?.()?.catch(() => {});\n            }\n        }, [fullscreenProp]);\n\n        React.useEffect(() => {\n            const handleNativeFullscreenChange = () => {\n                const active = document.fullscreenElement === elementRef.current;\n\n                setIsFullscreen(active);\n\n                if (fullscreenProp !== undefined && fullscreenProp !== active) {\n                    onFullscreenChange?.(active);\n                }\n            };\n\n            document.addEventListener('fullscreenchange', handleNativeFullscreenChange);\n\n            return () => document.removeEventListener('fullscreenchange', handleNativeFullscreenChange);\n        }, [fullscreenProp, onFullscreenChange]);\n\n        const prevReportedRef = React.useRef<{ scale: number; rotation: number; flip: { x: number; y: number } } | null>(null);\n\n        const reportItemState = React.useCallback(\n            (itemState: { zoomed: boolean; rotated: boolean; flipped: boolean; scale: number; rotation: number; flip: { x: number; y: number } }) => {\n                setActiveItemTransform({ zoomed: itemState.zoomed, rotated: itemState.rotated, flipped: itemState.flipped });\n\n                const prev = prevReportedRef.current;\n\n                if (!prev || prev.scale !== itemState.scale) onZoomChange?.(itemState.scale);\n\n                if (!prev || prev.rotation !== itemState.rotation) onRotateChange?.(itemState.rotation);\n\n                if (!prev || prev.flip.x !== itemState.flip.x || prev.flip.y !== itemState.flip.y) onFlipChange?.(itemState.flip);\n\n                prevReportedRef.current = { scale: itemState.scale, rotation: itemState.rotation, flip: itemState.flip };\n            },\n            [onZoomChange, onRotateChange, onFlipChange]\n        );\n\n        const actions = {\n            zoomIn: dispatchAction('zoom-in'),\n            zoomOut: dispatchAction('zoom-out'),\n            rotateLeft: dispatchAction('rotate-left'),\n            rotateRight: dispatchAction('rotate-right'),\n            flipX: dispatchAction('flip-x'),\n            flipY: dispatchAction('flip-y'),\n            download: dispatchAction('download'),\n            next: handleNext,\n            prev: handlePrev,\n            toggleFullScreen: toggleFullScreen\n        };\n\n        const handleClickAction = React.useCallback(\n            (action?: string) => {\n                if (action && actions[action as keyof typeof actions]) {\n                    actions[action as keyof typeof actions]();\n                }\n            },\n            [actions]\n        );\n\n        const state = {\n            isFullscreen,\n            activeIndex,\n            zoomed: activeItemTransform.zoomed,\n            rotated: activeItemTransform.rotated,\n            flipped: activeItemTransform.flipped,\n            pendingAction\n        };\n\n        const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n            if (e.key === 'ArrowRight') {\n                e.preventDefault();\n                handleNext();\n            } else if (e.key === 'ArrowLeft') {\n                e.preventDefault();\n                handlePrev();\n            } else if (e.key === 'Escape' && closeOnEscape && isFullscreen) {\n                e.preventDefault();\n                toggleFullScreen();\n            }\n        };\n\n        const rootProps = {\n            ref: elementRef as React.RefObject<HTMLDivElement>,\n            id,\n            tabIndex: 0,\n            'data-scope': 'gallery' as const,\n            'data-part': 'root' as const,\n            onKeyDown: handleKeyDown,\n            ...(isFullscreen && { 'data-fullscreen': '' as const }),\n            ...(activeItemTransform.zoomed && { 'data-zoomed': '' as const }),\n            ...(activeItemTransform.rotated && { 'data-rotated': '' as const }),\n            ...(activeItemTransform.flipped && { 'data-flipped': '' as const })\n        };\n\n        const nextProps = {\n            'data-scope': 'gallery' as const,\n            'data-part': 'next' as const,\n            onClick: handleNext\n        };\n\n        const prevProps = {\n            'data-scope': 'gallery' as const,\n            'data-part': 'prev' as const,\n            onClick: handlePrev\n        };\n\n        const thumbnailProps = {\n            'data-scope': 'gallery' as const,\n            'data-part': 'thumbnail' as const,\n            slide: activeIndex\n        };\n\n        const thumbnailContentProps = {\n            'data-scope': 'gallery' as const,\n            'data-part': 'thumbnailContent' as const\n        };\n\n        const thumbnailItemProps = (index: number | undefined) => {\n            const handleThumbnailItemClick = () => {\n                if (index !== undefined) {\n                    selectItem(index);\n                }\n            };\n\n            return {\n                'data-scope': 'gallery' as const,\n                'data-part': 'thumbnailItem' as const,\n                ...(index !== undefined && activeIndex === index && { 'data-active': '' as const }),\n                onClick: handleThumbnailItemClick\n            };\n        };\n\n        const toolbarProps = {\n            'data-scope': 'gallery' as const,\n            'data-part': 'toolbar' as const\n        };\n\n        const toolbarItemProps = (action: string | undefined) => {\n            const handleToolbarItemClick = () => {\n                handleClickAction(action);\n            };\n\n            return {\n                'data-scope': 'gallery' as const,\n                'data-part': 'toolbarItem' as const,\n                onClick: handleToolbarItemClick\n            };\n        };\n\n        const headerProps = {\n            'data-scope': 'gallery' as const,\n            'data-part': 'header' as const\n        };\n\n        const footerProps = {\n            'data-scope': 'gallery' as const,\n            'data-part': 'footer' as const\n        };\n\n        const backdropProps = {\n            'data-scope': 'gallery' as const,\n            'data-part': 'backdrop' as const\n        };\n\n        const contentProps = {\n            ref: contentRef,\n            'data-scope': 'gallery' as const,\n            'data-part': 'content' as const\n        };\n\n        const downloadProps = {\n            'data-scope': 'gallery' as const,\n            'data-part': 'download' as const,\n            'data-action': 'download' as const,\n            onClick: () => handleClickAction('download')\n        };\n\n        const flipXProps = {\n            'data-scope': 'gallery' as const,\n            'data-part': 'flipX' as const,\n            'data-action': 'flip-x' as const,\n            onClick: () => handleClickAction('flipX')\n        };\n\n        const flipYProps = {\n            'data-scope': 'gallery' as const,\n            'data-part': 'flipY' as const,\n            'data-action': 'flip-y' as const,\n            onClick: () => handleClickAction('flipY')\n        };\n\n        const rotateLeftProps = {\n            'data-scope': 'gallery' as const,\n            'data-part': 'rotateLeft' as const,\n            'data-action': 'rotate-left' as const,\n            onClick: () => handleClickAction('rotateLeft')\n        };\n\n        const rotateRightProps = {\n            'data-scope': 'gallery' as const,\n            'data-part': 'rotateRight' as const,\n            'data-action': 'rotate-right' as const,\n            onClick: () => handleClickAction('rotateRight')\n        };\n\n        const fullScreenProps = {\n            'data-scope': 'gallery' as const,\n            'data-part': 'fullScreen' as const,\n            'data-action': 'fullscreen' as const,\n            ...(isFullscreen && { 'data-fullscreen': '' as const }),\n            onClick: () => handleClickAction('toggleFullScreen')\n        };\n\n        const zoomInProps = {\n            'data-scope': 'gallery' as const,\n            'data-part': 'zoomIn' as const,\n            'data-action': 'zoom-in' as const,\n            disabled: activeItemTransform.zoomed || undefined,\n            onClick: () => handleClickAction('zoomIn')\n        };\n\n        const zoomOutProps = {\n            'data-scope': 'gallery' as const,\n            'data-part': 'zoomOut' as const,\n            'data-action': 'zoom-out' as const,\n            disabled: !activeItemTransform.zoomed || undefined,\n            onClick: () => handleClickAction('zoomOut')\n        };\n\n        const zoomToggleProps = {\n            'data-scope': 'gallery' as const,\n            'data-part': 'zoomToggle' as const,\n            'data-action': 'zoom-toggle' as const,\n            onClick: () => handleClickAction(activeItemTransform.zoomed ? 'zoomOut' : 'zoomIn')\n        };\n\n        const getItemProps = (index: number) => {\n            if (index >= itemCounter.current) {\n                itemCounter.current = index + 1;\n            }\n\n            return {\n                'data-scope': 'gallery' as const,\n                'data-part': 'item' as const,\n                ...(activeIndex === index && { 'data-active': '' as const })\n            };\n        };\n\n        return {\n            state,\n            registerItem,\n            handleNext,\n            handlePrev,\n            selectItem,\n            reportItemState,\n            clearPendingAction,\n            toggleFullScreen,\n            handleClickAction,\n            actions,\n            contentRef,\n            thumbnailRef,\n            prevRef,\n            nextRef,\n            // prop objects\n            rootProps,\n            nextProps,\n            prevProps,\n            thumbnailProps,\n            thumbnailContentProps,\n            thumbnailItemProps,\n            toolbarProps,\n            toolbarItemProps,\n            headerProps,\n            footerProps,\n            backdropProps,\n            contentProps,\n            downloadProps,\n            flipXProps,\n            flipYProps,\n            rotateLeftProps,\n            rotateRightProps,\n            fullScreenProps,\n            zoomInProps,\n            zoomOutProps,\n            zoomToggleProps,\n            getItemProps\n        };\n    }\n});\n","import type { UseGalleryProps } from '@primereact/types/headless/gallery';\n\nexport const defaultProps: UseGalleryProps = {\n    activeIndex: 0,\n    fullscreen: undefined,\n    closeOnEscape: true,\n    onActiveIndexChange: undefined,\n    onFullscreenChange: undefined,\n    onZoomChange: undefined,\n    onRotateChange: undefined,\n    onFlipChange: undefined\n};\n"],"mappings":"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","names":["withHeadless","React","defaultProps","useGallery","withHeadless","defaultProps","props","id","elementRef","activeIndexProp","fullscreenProp","closeOnEscape","onActiveIndexChange","onFullscreenChange","onZoomChange","onRotateChange","onFlipChange","contentRef","itemCounter","thumbnailRef","prevRef","nextRef","activeIndex","setActiveIndex","activeIndexRef","isFullscreenInternal","setIsFullscreen","isFullscreen","activeItemTransform","setActiveItemTransform","pendingAction","setPendingAction","registerItem","index","newIndex","clearPendingAction","handleNext","handlePrev","selectItem","dispatchAction","type","toggleFullScreen","_a","_b","_c","_d","_e","isNativeFullscreen","handleNativeFullscreenChange","active","prevReportedRef","reportItemState","itemState","prev","actions","handleClickAction","action","state","rootProps","__spreadValues","e","nextProps","prevProps","thumbnailProps","thumbnailContentProps","thumbnailItemProps","handleThumbnailItemClick","__spreadProps","toolbarProps","toolbarItemProps","headerProps","footerProps","backdropProps","contentProps","downloadProps","flipXProps","flipYProps","rotateLeftProps","rotateRightProps","fullScreenProps","zoomInProps","zoomOutProps"]}

package/gallery/item/index.mjs

@@ -1,2 +1,2 @@
-var Pe=Object.defineProperty,ye=Object.defineProperties;var ve=Object.getOwnPropertyDescriptors;var st=Object.getOwnPropertySymbols;var be=Object.prototype.hasOwnProperty,Ie=Object.prototype.propertyIsEnumerable;var it=(o,r,s)=>r in o?Pe(o,r,{enumerable:!0,configurable:!0,writable:!0,value:s}):o[r]=s,x=(o,r)=>{for(var s in r||(r={}))be.call(r,s)&&it(o,s,r[s]);if(st)for(var s of st(r))Ie.call(r,s)&&it(o,s,r[s]);return o},b=(o,r)=>ye(o,ve(r));import{withHeadless as xr}from"@primereact/core/headless";import{Component as lr}from"@primereact/core/component";import{useGallery as ur}from"@primereact/headless/gallery";import{styles as fr}from"@primereact/styles/gallery";import{mergeProps as dr}from"@primeuix/utils";import{withComponent as Ge}from"@primereact/core/component";import{styles as Re}from"@primereact/styles/base";var m=({name:o="UnknownComponent",defaultProps:r,styles:s=b(x({},Re),{name:"global"}),components:e,setup:t,render:a})=>Ge({name:o,defaultProps:r,styles:s,components:e,setup:t,render:a});import*as _ from"react";import{createOptionalContext as Ee}from"@primereact/core/utils";var[at,f]=Ee();import*as mt from"@primereact/headless/gallery";var pt=b(x({},mt.defaultProps),{as:"div"});import{Component as we}from"@primereact/core/component";import{mergeProps as Te}from"@primeuix/utils";import*as lt from"react";var ct={as:"div"};var ut=m({name:"GalleryBackdrop",defaultProps:ct,setup(){return{gallery:f()}},render(o){let{props:r,ptmi:s,gallery:e}=o,t=Te({className:e==null?void 0:e.cx("backdrop")},s("root"));return lt.createElement(we,{instance:o,attrs:t,children:r.children})}});import{Component as Se}from"@primereact/core/component";import{mergeProps as ge}from"@primeuix/utils";import*as dt from"react";var ft={as:"div"};var xt=m({name:"GalleryContent",defaultProps:ft,setup(){return{gallery:f()}},render(o){let{props:r,ptmi:s,gallery:e}=o,t=ge({className:e==null?void 0:e.cx("content")},s("root"));return dt.createElement(Se,{instance:o,attrs:t,children:r.children,ref:e==null?void 0:e.contentRef})}});import{Component as Le}from"@primereact/core/component";import{useGalleryItem as Me}from"@primereact/headless/gallery/item";import{mergeProps as Ne}from"@primeuix/utils";import*as K from"react";import{createOptionalContext as ke}from"@primereact/core/utils";var[ht,Ar]=ke();import*as Ct from"@primereact/headless/gallery";var Pt=b(x({},Ct.defaultProps),{as:"div"});var yt=m({name:"GalleryItem",defaultProps:Pt,setup(o){let r=f(),s=Me(o.inProps);return b(x({},s),{gallery:r})},render(o){let{id:r,props:s,ptmi:e,gallery:t,handleClick:a,handlePointerDown:T,handlePointerMove:L,handlePointerUp:g,handleDragStart:y,CSSVariables:k,attributes:h}=o,H=Ne(x({id:r,className:t==null?void 0:t.cx("item"),onClick:a,onPointerDown:T,onPointerMove:L,onPointerUp:g,onDragStart:y,style:k},h),e("root"),t==null?void 0:t.ptm("item"));return K.createElement(ht,{value:o},K.createElement(Le,{instance:o,attrs:H,children:s.children}))}});import{Component as De}from"@primereact/core/component";import{mergeProps as Xe}from"@primeuix/utils";import*as bt from"react";var vt={as:"button"};var It=m({name:"GalleryNext",defaultProps:vt,setup(){return{gallery:f()}},render(o){var a;let{props:r,ptmi:s,gallery:e}=o,t=Xe({className:e==null?void 0:e.cx("next"),onClick:(a=e==null?void 0:e.actions)==null?void 0:a.next},s("root"));return bt.createElement(De,{instance:o,attrs:t,children:r.children,ref:e==null?void 0:e.nextRef})}});import{Component as Ye}from"@primereact/core/component";import{mergeProps as ze}from"@primeuix/utils";import*as Rt from"react";var Gt={as:"button"};var Et=m({name:"GalleryPrev",defaultProps:Gt,setup(){return{gallery:f()}},render(o){var a;let{props:r,ptmi:s,gallery:e}=o,t=ze({className:e==null?void 0:e.cx("prev"),onClick:(a=e==null?void 0:e.actions)==null?void 0:a.prev},s("root"));return Rt.createElement(Ye,{instance:o,attrs:t,children:r.children,ref:e==null?void 0:e.prevRef})}});import{Component as er}from"@primereact/core/component";import{mergeProps as rr}from"@primeuix/utils";import{Component as Je}from"@primereact/core/component";import{useCarousel as Qe}from"@primereact/headless/carousel";import{styles as Ze}from"@primereact/styles/carousel";import{mergeProps as tr}from"@primeuix/utils";import*as V from"react";import{createOptionalContext as He}from"@primereact/core/utils";var[wt,I]=He();import*as Tt from"@primereact/headless/carousel";var St=b(x({},Tt.defaultProps),{as:"div"});import{Component as Oe}from"@primereact/core/component";import{mergeProps as $e}from"@primeuix/utils";import*as kt from"react";var gt={as:"div"};var Lt=m({name:"CarouselContent",defaultProps:gt,setup(){return{carousel:I()}},render(o){let{props:r,ptmi:s,carousel:e}=o,t=$e({className:e==null?void 0:e.cx("content"),style:x(x({},e==null?void 0:e.contentStyles),e==null?void 0:e.sx("content")),onPointerDown:e==null?void 0:e.onContentPointerDown,onPointerMove:e==null?void 0:e.onContentPointerMove,onPointerUp:e==null?void 0:e.onContentPointerUp,onWheel:e==null?void 0:e.onContentWheel},e==null?void 0:e.ptm("content"),s("root"));return kt.createElement(Oe,{instance:o,attrs:t,children:r.children,ref:e==null?void 0:e.contentRef})}});import{Component as Ae}from"@primereact/core/component";import{mergeProps as We}from"@primeuix/utils";import*as Nt from"react";var Mt={as:"button",page:void 0};var B=m({name:"CarouselIndicator",defaultProps:Mt,setup(){return{carousel:I()}},render(o){let{props:r,ptmi:s,carousel:e}=o,t=(e==null?void 0:e.state.page)===r.page,a=We({className:e==null?void 0:e.cx("indicator",{active:t}),onClick:()=>e==null?void 0:e.scrollToPage(r.page),"data-active":t},e==null?void 0:e.ptm("indicator"),s("root"));return Nt.createElement(Ae,{instance:o,attrs:a,children:r.children})}});import{Component as je}from"@primereact/core/component";import{mergeProps as Be}from"@primeuix/utils";import*as Y from"react";var Dt={as:"div"};var Xt=m({name:"CarouselIndicators",defaultProps:Dt,setup(){return{carousel:I()}},render(o){var a,T;let{props:r,ptmi:s,carousel:e}=o,t=Be({className:e==null?void 0:e.cx("indicators")},e==null?void 0:e.ptm("indicators"),s("root"));return Y.createElement(je,{instance:o,attrs:t,children:(T=r.children)!=null?T:Y.createElement(Y.Fragment,null,Array.from((a=e==null?void 0:e.state.snapPoints)!=null?a:[]).map((L,g)=>Y.createElement(B,{key:g,page:g})))})}});import{Component as Ue}from"@primereact/core/component";import{mergeProps as Fe}from"@primeuix/utils";import*as zt from"react";var Yt={as:"div",value:void 0};var Ht=m({name:"CarouselItem",defaultProps:Yt,setup(){return{carousel:I()}},render(o){let{id:r,props:s,ptmi:e,carousel:t}=o,a=Fe({id:r,className:t==null?void 0:t.cx("item"),style:x(x({},(t==null?void 0:t.itemStyles)||{}),(t==null?void 0:t.sx("item"))||{}),"data-value":s.value,"data-item":"","data-inview":"false"},t==null?void 0:t.ptm("item"),e("root"));return zt.createElement(Ue,{instance:o,attrs:a,children:s.children})}});import{Component as Ke}from"@primereact/core/component";import{mergeProps as Ve}from"@primeuix/utils";import*as $t from"react";var Ot={as:"button"};var At=m({name:"CarouselNext",defaultProps:Ot,setup(){return{carousel:I()}},render(o){let{props:r,ptmi:s,carousel:e}=o,t=(e==null?void 0:e.state.isNextDisabled)||r.disabled,a=Ve({className:e==null?void 0:e.cx("next",{disabled:t}),onClick:e==null?void 0:e.next,disabled:t},e==null?void 0:e.ptm("prev"),s("root"));return $t.createElement(Ke,{instance:o,attrs:a,children:r.children})}});import{Component as _e}from"@primereact/core/component";import{mergeProps as qe}from"@primeuix/utils";import*as jt from"react";var Wt={as:"button"};var Bt=m({name:"CarouselPrev",defaultProps:Wt,setup(){return{carousel:I()}},render(o){let{props:r,ptmi:s,carousel:e}=o,t=(e==null?void 0:e.state.isPrevDisabled)||r.disabled,a=qe({className:e==null?void 0:e.cx("prev",{disabled:t}),onClick:e==null?void 0:e.prev,disabled:t},e==null?void 0:e.ptm("prev"),s("root"));return jt.createElement(_e,{instance:o,attrs:a,children:r.children})}});var z=m({name:"Carousel",defaultProps:St,styles:Ze,setup(o){return Qe(o.inProps)},render(o){let{id:r,props:s,state:e,ptmi:t,cx:a}=o,T=tr({id:r,className:a("root"),"data-swiping":e.swiping},t("root"));return V.createElement(wt,{value:o},V.createElement(Je,{instance:o,attrs:T,children:s.children}))},components:{Content:Lt,Item:Ht,Next:At,Prev:Bt,Indicators:Xt,Indicator:B}});import*as Ft from"react";var Ut={as:"div"};var Kt=m({name:"GalleryThumbnail",defaultProps:Ut,setup(){return{gallery:f()}},render(o){let{props:r,ptmi:s,gallery:e}=o,t=rr({className:e==null?void 0:e.cx("thumbnail")},s("root"));return Ft.createElement(er,{as:z,instance:o,attrs:t,children:r.children,ref:e==null?void 0:e.thumbnailRef})}});import{Component as or}from"@primereact/core/component";import{mergeProps as nr}from"@primeuix/utils";import*as _t from"react";var Vt={};var qt=m({name:"GalleryThumbnailContent",defaultProps:Vt,setup(){return{gallery:f()}},render(o){let{props:r,ptmi:s,gallery:e}=o,t=nr({className:e==null?void 0:e.cx("thumbnailContent")},s("root"));return _t.createElement(or,{as:z.Content,instance:o,attrs:t,children:r.children})}});import{Component as sr}from"@primereact/core/component";import{mergeProps as ir}from"@primeuix/utils";import*as Qt from"react";var Jt={};var Zt=m({name:"GalleryThumbnailItem",defaultProps:Jt,setup(){return{gallery:f()}},render(o){let{props:r,ptmi:s,gallery:e}=o,t=ir({className:e==null?void 0:e.cx("thumbnailItem")},s("root"));return Qt.createElement(sr,{as:z.Item,instance:o,attrs:t,children:r.children})}});import{Component as ar}from"@primereact/core/component";import{mergeProps as mr}from"@primeuix/utils";import*as ee from"react";var te={as:"div"};var re=m({name:"GalleryToolbar",defaultProps:te,setup(){return{gallery:f()}},render(o){let{props:r,ptmi:s,gallery:e}=o,t=mr({className:e==null?void 0:e.cx("toolbar")},s("root"));return ee.createElement(ar,{instance:o,attrs:t,children:r.children,ref:e==null?void 0:e.toolbarRef})}});import{Component as pr}from"@primereact/core/component";import{mergeProps as cr}from"@primeuix/utils";import*as ne from"react";var oe={as:"div",action:void 0,onClick:void 0};var se=m({name:"GalleryToolbarItem",defaultProps:oe,setup(){return{gallery:f()}},render(o){let{props:r,ptmi:s,gallery:e}=o,t=cr({className:e==null?void 0:e.cx("toolbarItem"),onClick:()=>{var a;e==null||e.handleClickAction(r==null?void 0:r.action),(a=r==null?void 0:r.onClick)==null||a.call(r)}},s("root"));return ne.createElement(pr,{instance:o,attrs:t,children:r.children})}});var Vs=m({name:"Gallery",defaultProps:pt,styles:fr,setup(o){return ur(o.inProps)},render(o){let{id:r,props:s,ptmi:e,cx:t}=o,a=dr({id:r,className:t("root")},e("root"));return _.createElement(at,{value:o},_.createElement(lr,{instance:o,attrs:a,children:s.children}))},components:{Backdrop:ut,Content:xt,Item:yt,Next:It,Prev:Et,Toolbar:re,ToolbarItem:se,Thumbnail:Kt,ThumbnailContent:qt,ThumbnailItem:Zt}});import*as p from"react";var ie={normalScale:1,zoomedScale:3};var ni=xr({name:"useGalleryItem",defaultProps:ie,setup:({props:o,elementRef:r})=>{let{normalScale:s=1,zoomedScale:e=3}=o,t=f(),[a,T]=p.useState(-1),[L,g]=p.useState(!1),[y,k]=p.useState({x:0,y:0}),[h,H]=p.useState(1),[S,q]=p.useState(0),[O,J]=p.useState({x:1,y:1}),[Q,U]=p.useState(!1),[$,Z]=p.useState({x:0,y:0}),[F,A]=p.useState(!1),E=p.useRef(new Map),M=p.useRef(0),w=p.useCallback(()=>{if(!(t!=null&&t.contentRef.current)||!r.current)return;let n=t==null?void 0:t.contentRef.current.getBoundingClientRect(),i=r.current.firstElementChild;if(!i)return;let c=i.naturalWidth||i.offsetWidth,l=i.naturalHeight||i.offsetHeight;if(c===0||l===0)return;let P=Math.abs(S)%180===90;P&&([c,l]=[l,c]);let C=c/l,v=n.width/n.height,d,u;C>v?(d=Math.min(n.width*.99,c),u=d/C):(u=Math.min(n.height*.99,l),d=u*C),P?(i.style.width=`${u}px`,i.style.height=`${d}px`,r.current.style.width=`${u>0?u:"auto"}px`,r.current.style.height=`${d>0?d:"auto"}px`):(i.style.width=`${d}px`,i.style.height=`${u}px`,r.current.style.width=`${d>0?d:"auto"}px`,r.current.style.height=`${u>0?u:"auto"}px`),r.current.style.aspectRatio=`${c/l}`},[t==null?void 0:t.contentRef,S]),N=p.useCallback(n=>{if(!(t!=null&&t.contentRef.current)||!r.current)return{minX:0,maxX:0,minY:0,maxY:0};let i=t==null?void 0:t.contentRef.current.getBoundingClientRect(),c=n!==void 0?n:h,l=r.current.firstElementChild;if(!l)return{minX:0,maxX:0,minY:0,maxY:0};let P=l.offsetWidth,C=l.offsetHeight;Math.abs(S)%180===90&&([P,C]=[C,P]);let d=P*c,u=C*c,G=i.width/2,R=i.height/2,D=d/2,X=u/2,de=D>G?D-G:0,xe=D>G?-(D-G):0,he=X>R?X-R:0,Ce=X>R?-(X-R):0;return{minX:xe,maxX:de,minY:Ce,maxY:he}},[t==null?void 0:t.contentRef,h,S]),W=p.useCallback(()=>{H(e);let n={visibility:"hidden",opacity:0,pointerEvents:"none",userSelect:"none",touchAction:"none"};t!=null&&t.toolbarRef.current&&Object.assign(t==null?void 0:t.toolbarRef.current.style,n),t!=null&&t.thumbnailRef.current&&Object.assign(t==null?void 0:t.thumbnailRef.current.elementRef.current.style,n),t!=null&&t.prevRef.current&&Object.assign(t.prevRef.current.style,n),t!=null&&t.nextRef.current&&Object.assign(t.nextRef.current.style,n),r.current&&(r.current.style.cursor="zoom-out",r.current.style.pointerEvents="auto")},[e,t==null?void 0:t.toolbarRef,t==null?void 0:t.thumbnailRef,t==null?void 0:t.prevRef,t==null?void 0:t.nextRef]),j=p.useCallback(()=>{H(s),k({x:0,y:0});let n={visibility:"",opacity:"",pointerEvents:"",userSelect:"",touchAction:""};t!=null&&t.toolbarRef.current&&Object.assign(t.toolbarRef.current.style,n),t!=null&&t.thumbnailRef.current&&Object.assign(t.thumbnailRef.current.elementRef.current.style,n),t!=null&&t.prevRef.current&&Object.assign(t.prevRef.current.style,n),t!=null&&t.nextRef.current&&Object.assign(t.nextRef.current.style,n),r.current&&(r.current.style.cursor="zoom-in",r.current.style.pointerEvents="auto")},[s,t==null?void 0:t.toolbarRef,t==null?void 0:t.thumbnailRef,t==null?void 0:t.prevRef,t==null?void 0:t.nextRef]),tt=()=>{r.current&&(r.current.style.transition="none",q(n=>n-90),setTimeout(()=>{r.current&&(r.current.style.transition="")},0))},et=()=>{r.current&&(r.current.style.transition="none",q(n=>n+90),setTimeout(()=>{r.current&&(r.current.style.transition="")},0))},rt=()=>{J(n=>b(x({},n),{x:Math.sign(n.x)*-1}))},ot=()=>{J(n=>b(x({},n),{y:Math.sign(n.y)*-1}))},nt=()=>{if(!r.current)return;let n=r.current.querySelector("img");if(!n||!n.src)return;let i=document.createElement("a");i.href=n.src;let c=n.src.split("/"),l=c[c.length-1]||"image.jpg";i.download=l,i.target="_blank",document.body.appendChild(i),i.click(),document.body.removeChild(i)},ae=p.useCallback(n=>{if(F){A(!1);return}if(h===s){if(r.current){let i=r.current.getBoundingClientRect(),c=i.width/2,l=i.height/2,P=n.clientX-i.left,C=n.clientY-i.top,v=c-P,d=l-C,u=v*(e-1),G=d*(e-1),R=N(e),D=Math.max(R.minX,Math.min(R.maxX,u)),X=Math.max(R.minY,Math.min(R.maxY,G));k({x:D,y:X})}W()}else j()},[F,s,e,N,h,W,j]),me=p.useCallback(n=>{n.preventDefault()},[]),pe=p.useCallback(n=>{n.currentTarget.setPointerCapture(n.pointerId),E.current.set(n.pointerId,{x:n.clientX,y:n.clientY}),h>1&&(n.pointerType==="mouse"?(U(!0),Z({x:n.clientX-y.x,y:n.clientY-y.y}),A(!1)):n.pointerType==="touch"&&E.current.size===1&&(U(!0),Z({x:n.clientX-y.x,y:n.clientY-y.y}),A(!1),M.current=0)),n.pointerType==="touch"&&E.current.size===1&&(M.current=0)},[h,y]),ce=p.useCallback(n=>{if(!E.current.has(n.pointerId)||!r.current)return;r.current.style.transition="none",r.current.style.cursor||(r.current.style.cursor=h>s?"zoom-out":"zoom-in"),E.current.set(n.pointerId,{x:n.clientX,y:n.clientY});let c=Array.from(E.current.values());if(c.length===2){let[l,P]=c,C=Math.hypot(P.x-l.x,P.y-l.y);if(M.current>0){let v=(C-M.current)*.01;if(Math.abs(v)>.01){let d=h===s?e:s,u=N(d),G=Math.max(u.minX,Math.min(u.maxX,y.x)),R=Math.max(u.minY,Math.min(u.maxY,y.y));k({x:G,y:R}),H(d)}}M.current=C}else if(c.length===1&&Q){let l=c[0],P=l.x-$.x,C=l.y-$.y,v=N(),d=Math.max(v.minX,Math.min(v.maxX,P)),u=Math.max(v.minY,Math.min(v.maxY,C));k({x:d,y:u}),A(!0)}},[Q,$,h,s,e,y,N]),le=p.useCallback(n=>{r.current&&(r.current.style.transition="",r.current.style.cursor=h>s?"zoom-out":"zoom-in",n.currentTarget.releasePointerCapture(n.pointerId),E.current.delete(n.pointerId),E.current.size<2&&(M.current=0),E.current.size===0&&U(!1))},[]);p.useEffect(()=>{h<=1&&k({x:0,y:0})},[h]),p.useEffect(()=>{(t==null?void 0:t.state.activeIndex)===a&&document.readyState==="complete"&&w()},[t==null?void 0:t.state.activeIndex,a,w]),p.useEffect(()=>{(t==null?void 0:t.state.activeIndex)===a&&w()},[S,w,t==null?void 0:t.state.activeIndex,a]),p.useEffect(()=>{(t==null?void 0:t.state.activeIndex)===a&&(t==null?void 0:t.state.isFullscreen)!==void 0&&w()},[t==null?void 0:t.state.isFullscreen,w,t==null?void 0:t.state.activeIndex,a]),p.useEffect(()=>{let n=()=>{(t==null?void 0:t.state.activeIndex)===a&&w()};return window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)},[t==null?void 0:t.state.activeIndex,a,w]),p.useEffect(()=>{if(t&&r.current){let n=t.registerItem(r.current);T(n)}},[t]),p.useEffect(()=>{let n=c=>{var l,P,C,v,d,u,G;((l=c.detail)==null?void 0:l.action)==="zoom-in"?W():((P=c.detail)==null?void 0:P.action)==="zoom-out"?j():((C=c.detail)==null?void 0:C.action)==="rotate-left"?tt():((v=c.detail)==null?void 0:v.action)==="rotate-right"?et():((d=c.detail)==null?void 0:d.action)==="flip-x"?rt():((u=c.detail)==null?void 0:u.action)==="flip-y"?ot():((G=c.detail)==null?void 0:G.action)==="download"&&nt()},i=r.current;return i&&(i.addEventListener("gallery-zoom-in",n),i.addEventListener("gallery-zoom-out",n),i.addEventListener("gallery-rotate-left",n),i.addEventListener("gallery-rotate-right",n),i.addEventListener("gallery-flip-x",n),i.addEventListener("gallery-flip-y",n),i.addEventListener("gallery-download",n)),()=>{i&&(i.removeEventListener("gallery-zoom-in",n),i.removeEventListener("gallery-zoom-out",n),i.removeEventListener("gallery-rotate-left",n),i.removeEventListener("gallery-rotate-right",n),i.removeEventListener("gallery-flip-x",n),i.removeEventListener("gallery-flip-y",n),i.removeEventListener("gallery-download",n))}},[s,e]),p.useEffect(()=>{(t==null?void 0:t.state.activeIndex)===a?g(!0):g(!1)},[t==null?void 0:t.state.activeIndex,a]);let ue=p.useMemo(()=>({"data-active":L}),[L]),fe=p.useMemo(()=>({"--position-x":`${y.x}px`,"--position-y":`${y.y}px`,"--scale":`${h}`,"--rotation":`${S}deg`,"--flip-x":O.x,"--flip-y":O.y}),[y,h,S,O]);return{state:{index:a,position:y,scale:h,rotation:S,flip:O,isActive:L,dragStart:$,hasDragged:F},attributes:ue,CSSVariables:fe,handlePointerUp:le,handlePointerMove:ce,handlePointerDown:pe,handleClick:ae,handleDragStart:me,zoomIn:W,zoomOut:j,rotateLeft:tt,rotateRight:et,flipX:rt,flipY:ot,download:nt,calculateConstraints:N,calculateItemSize:w}}});export{ie as defaultItemProps,ni as useGalleryItem};
+var go=Object.defineProperty,ur=Object.defineProperties;var fr=Object.getOwnPropertyDescriptors;var Tt=Object.getOwnPropertySymbols;var Fo=Object.prototype.hasOwnProperty,No=Object.prototype.propertyIsEnumerable;var To=(o,r,n)=>r in o?go(o,r,{enumerable:!0,configurable:!0,writable:!0,value:n}):o[r]=n,G=(o,r)=>{for(var n in r||(r={}))Fo.call(r,n)&&To(o,n,r[n]);if(Tt)for(var n of Tt(r))No.call(r,n)&&To(o,n,r[n]);return o},b=(o,r)=>ur(o,fr(r));var H=(o,r)=>{var n={};for(var t in o)Fo.call(o,t)&&r.indexOf(t)<0&&(n[t]=o[t]);if(o!=null&&Tt)for(var t of Tt(o))r.indexOf(t)<0&&No.call(o,t)&&(n[t]=o[t]);return n};var gt=(o,r)=>{for(var n in r)go(o,n,{get:r[n],enumerable:!0})};import{withHeadless as _e}from"@primereact/core/headless";import{createOptionalContext as dr}from"@primereact/core/utils";var[So,m]=dr();var so={};gt(so,{Backdrop:()=>kt,Content:()=>Yt,Download:()=>Xt,FlipX:()=>Mt,FlipY:()=>Et,Footer:()=>Zt,FullScreen:()=>zt,Header:()=>Ht,Item:()=>Lt,Next:()=>$t,Prev:()=>Ot,Root:()=>At,RotateLeft:()=>Wt,RotateRight:()=>Ut,Thumbnail:()=>Qt,ThumbnailContent:()=>to,ThumbnailItem:()=>oo,ZoomIn:()=>ro,ZoomOut:()=>eo,ZoomToggle:()=>no});import{Component as xr,withComponent as Pr}from"@primereact/core/component";import{mergeProps as hr}from"@primeuix/utils";import*as ko from"react";var B={as:"div"};var kt=Pr({name:"Gallery.Backdrop",defaultProps:B,setup(){return{gallery:m()}},render(o){let{props:r,ptmi:n,gallery:t}=o,s=hr(t==null?void 0:t.backdropProps,{className:t==null?void 0:t.cx("backdrop")},n("root"));return ko.createElement(xr,{instance:o,attrs:s,children:r.children})}});import{Component as Cr,withComponent as yr}from"@primereact/core/component";import{mergeProps as Gr}from"@primeuix/utils";import*as Yo from"react";var A={as:"div"};var Yt=yr({name:"Gallery.Content",defaultProps:A,setup(){return{gallery:m()}},render(o){let{props:r,ptmi:n,gallery:t}=o,s=Gr(t==null?void 0:t.contentProps,{className:t==null?void 0:t.cx("content")},n("root"));return Yo.createElement(Cr,{instance:o,attrs:s,children:r.children})}});import{Component as Rr,withComponent as Ir}from"@primereact/core/component";import{mergeProps as vr}from"@primeuix/utils";import*as Xo from"react";var W={as:"button",onClick:void 0};var Xt=Ir({name:"Gallery.Download",defaultProps:W,setup(){return{gallery:m()}},render(o){let{props:r,ptmi:n,gallery:t}=o,s=vr(t==null?void 0:t.downloadProps,{className:t==null?void 0:t.cx("download")},n("root"));return Xo.createElement(Rr,{instance:o,attrs:s,children:r.children})}});import{Component as br,withComponent as wr}from"@primereact/core/component";import{mergeProps as Tr}from"@primeuix/utils";import*as Mo from"react";var U={as:"button",onClick:void 0};var Mt=wr({name:"Gallery.FlipX",defaultProps:U,setup(){return{gallery:m()}},render(o){let{props:r,ptmi:n,gallery:t}=o,s=Tr(t==null?void 0:t.flipXProps,{className:t==null?void 0:t.cx("flipX")},n("root"));return Mo.createElement(br,{instance:o,attrs:s,children:r.children})}});import{Component as gr,withComponent as Fr}from"@primereact/core/component";import{mergeProps as Nr}from"@primeuix/utils";import*as Eo from"react";var j={as:"button",onClick:void 0};var Et=Fr({name:"Gallery.FlipY",defaultProps:j,setup(){return{gallery:m()}},render(o){let{props:r,ptmi:n,gallery:t}=o,s=Nr(t==null?void 0:t.flipYProps,{className:t==null?void 0:t.cx("flipY")},n("root"));return Eo.createElement(gr,{instance:o,attrs:s,children:r.children})}});import{Component as Sr,withComponent as kr}from"@primereact/core/component";import{mergeProps as Yr}from"@primeuix/utils";import*as Zo from"react";var _={as:"div"};var Zt=kr({name:"Gallery.Footer",defaultProps:_,setup(){return{gallery:m()}},render(o){let{props:r,ptmi:n,gallery:t}=o,s=Yr(t==null?void 0:t.footerProps,{className:t==null?void 0:t.cx("footer")},n("root"));return Zo.createElement(Sr,{instance:o,attrs:s,children:r.children})}});import{Component as Xr,withComponent as Mr}from"@primereact/core/component";import{mergeProps as Er}from"@primeuix/utils";import*as zo from"react";var q={as:"button",onClick:void 0};var zt=Mr({name:"Gallery.FullScreen",defaultProps:q,setup(){return{gallery:m()}},render(o){var c;let{props:r,ptmi:n,gallery:t}=o,s=(c=t==null?void 0:t.state.isFullscreen)!=null?c:!1,l=Er(t==null?void 0:t.fullScreenProps,{className:t==null?void 0:t.cx("fullScreen")},n("root")),e=typeof r.children=="function"?r.children({isFullscreen:s}):r.children;return zo.createElement(Xr,{instance:o,attrs:l,children:e})}});import{Component as Zr,withComponent as zr}from"@primereact/core/component";import{mergeProps as Hr}from"@primeuix/utils";import*as Ho from"react";var K={as:"div"};var Ht=zr({name:"Gallery.Header",defaultProps:K,setup(){return{gallery:m()}},render(o){let{props:r,ptmi:n,gallery:t}=o,s=Hr(t==null?void 0:t.headerProps,{className:t==null?void 0:t.cx("header")},n("root"));return Ho.createElement(Zr,{instance:o,attrs:s,children:r.children})}});import{Component as Lr,withComponent as $r}from"@primereact/core/component";import{useGalleryItem as Or}from"@primereact/headless/gallery/item";import{mergeProps as Br}from"@primeuix/utils";import*as Dt from"react";import{createOptionalContext as Dr}from"@primereact/core/utils";var[Do,Cs]=Dr();import*as Lo from"@primereact/headless/gallery";var V=b(G({},Lo.defaultProps),{as:"div"});var Lt=$r({name:"Gallery.Item",defaultProps:V,setup(o){let r=m(),n=Or(o.inProps);return b(G({},n),{gallery:r})},render(o){let{id:r,props:n,ptmi:t,gallery:s,itemProps:l}=o,e=Br(l,{id:r,className:s==null?void 0:s.cx("item")},t("root"),s==null?void 0:s.ptm("item"));return Dt.createElement(Do,{value:o},Dt.createElement(Lr,{instance:o,attrs:e,children:n.children}))}});import{Component as Ar,withComponent as Wr}from"@primereact/core/component";import{mergeProps as Ur}from"@primeuix/utils";import*as $o from"react";var J={as:"button"};var $t=Wr({name:"Gallery.Next",defaultProps:J,setup(){return{gallery:m()}},render(o){let{props:r,ptmi:n,gallery:t}=o,s=Ur(t==null?void 0:t.nextProps,{className:t==null?void 0:t.cx("next")},n("root"));return $o.createElement(Ar,{instance:o,attrs:s,children:r.children,ref:t==null?void 0:t.nextRef})}});import{Component as jr,withComponent as _r}from"@primereact/core/component";import{mergeProps as qr}from"@primeuix/utils";import*as Oo from"react";var Q={as:"button"};var Ot=_r({name:"Gallery.Prev",defaultProps:Q,setup(){return{gallery:m()}},render(o){let{props:r,ptmi:n,gallery:t}=o,s=qr(t==null?void 0:t.prevProps,{className:t==null?void 0:t.cx("prev")},n("root"));return Oo.createElement(jr,{instance:o,attrs:s,children:r.children,ref:t==null?void 0:t.prevRef})}});import{Component as Kr,withComponent as Vr}from"@primereact/core/component";import{useGallery as Jr}from"@primereact/headless/gallery";import{mergeProps as Qr}from"@primeuix/utils";import*as Bt from"react";import{createPortal as te}from"react-dom";import*as Bo from"@primereact/headless/gallery";var tt=b(G({},Bo.defaultProps),{as:"div"});var At=Vr({name:"Gallery.Root",defaultProps:tt,setup(o){return Jr(o.inProps)},render(o){let{props:r,ptmi:n,cx:t,rootProps:s}=o,l=!!r.fullscreen,e=Qr(s,{className:t("root")},n("root")),c=Bt.createElement(So,{value:o},Bt.createElement(Kr,{instance:o,attrs:e,children:r.children}));return l&&typeof document!="undefined"?te(c,document.body):c}});import{Component as oe,withComponent as re}from"@primereact/core/component";import{mergeProps as ee}from"@primeuix/utils";import*as Ao from"react";var ot={as:"button",onClick:void 0};var Wt=re({name:"Gallery.RotateLeft",defaultProps:ot,setup(){return{gallery:m()}},render(o){let{props:r,ptmi:n,gallery:t}=o,s=ee(t==null?void 0:t.rotateLeftProps,{className:t==null?void 0:t.cx("rotateLeft")},n("root"));return Ao.createElement(oe,{instance:o,attrs:s,children:r.children})}});import{Component as ne,withComponent as se}from"@primereact/core/component";import{mergeProps as pe}from"@primeuix/utils";import*as Wo from"react";var rt={as:"button",onClick:void 0};var Ut=se({name:"Gallery.RotateRight",defaultProps:rt,setup(){return{gallery:m()}},render(o){let{props:r,ptmi:n,gallery:t}=o,s=pe(t==null?void 0:t.rotateRightProps,{className:t==null?void 0:t.cx("rotateRight")},n("root"));return Wo.createElement(ne,{instance:o,attrs:s,children:r.children})}});import{Component as Se,withComponent as ke}from"@primereact/core/component";import{mergeProps as Ye}from"@primeuix/utils";import*as Qo from"react";import{createOptionalContext as ae}from"@primereact/core/utils";var[Uo,v]=ae();var Vt={};gt(Vt,{Content:()=>nt,Indicator:()=>pt,Indicators:()=>jt,Item:()=>it,Next:()=>_t,Prev:()=>qt,Root:()=>ft});import{Component as me,withComponent as ie}from"@primereact/core/component";import{mergeProps as ce}from"@primeuix/utils";import*as jo from"react";var et={as:"div"};var nt=ie({name:"Carousel.Content",defaultProps:et,setup(){return{carousel:v()}},render(o){let{props:r,ptmi:n,carousel:t}=o,s=ce(t==null?void 0:t.contentProps,{className:t==null?void 0:t.cx("content")},t==null?void 0:t.ptm("content"),n("root"));return jo.createElement(me,{instance:o,attrs:s,children:r.children})}});import{Component as le,withComponent as ue}from"@primereact/core/component";import{mergeProps as fe}from"@primeuix/utils";import*as _o from"react";var st={as:"button",page:void 0};var pt=ue({name:"Carousel.Indicator",defaultProps:st,setup(o){let r=v(),n=(r==null?void 0:r.state.page)===o.props.page;return{carousel:r,isActive:n}},render(o){var e;let{props:r,ptmi:n,carousel:t,isActive:s}=o,l=fe(t==null?void 0:t.getIndicatorProps((e=r.page)!=null?e:0),{className:t==null?void 0:t.cx("indicator",{active:s})},t==null?void 0:t.ptm("indicator"),n("root"));return _o.createElement(le,{instance:o,attrs:l,children:r.children})}});import{Component as de,withComponent as xe}from"@primereact/core/component";import{mergeProps as Pe}from"@primeuix/utils";import*as D from"react";var at={as:"div"};var jt=xe({name:"Carousel.Indicators",defaultProps:at,setup(){return{carousel:v()}},render(o){var l,e;let{props:r,ptmi:n,carousel:t}=o,s=Pe(t==null?void 0:t.indicatorsProps,{className:t==null?void 0:t.cx("indicators")},t==null?void 0:t.ptm("indicators"),n("root"));return D.createElement(de,{instance:o,attrs:s,children:(e=r.children)!=null?e:D.createElement(D.Fragment,null,Array.from((l=t==null?void 0:t.state.snapPoints)!=null?l:[]).map((c,w)=>D.createElement(pt,{key:w,page:w})))})}});import{Component as he,withComponent as Ce}from"@primereact/core/component";import{mergeProps as ye}from"@primeuix/utils";import*as qo from"react";var mt={as:"div",value:void 0};var it=Ce({name:"Carousel.Item",defaultProps:mt,setup(){return{carousel:v()}},render(o){let{id:r,props:n,ptmi:t,carousel:s}=o,l=ye(s==null?void 0:s.getItemProps(n.value),{id:r,className:s==null?void 0:s.cx("item")},s==null?void 0:s.ptm("item"),t("root"));return qo.createElement(he,{instance:o,attrs:l,children:n.children})}});import{Component as Ge,withComponent as Re}from"@primereact/core/component";import{mergeProps as Ie}from"@primeuix/utils";import*as Ko from"react";var ct={as:"button"};var _t=Re({name:"Carousel.Next",defaultProps:ct,setup(o){var t;let r=v(),n=(t=(r==null?void 0:r.state.isNextDisabled)||o.props.disabled)!=null?t:!1;return{carousel:r,disabled:n}},render(o){let{props:r,ptmi:n,carousel:t,disabled:s}=o,l=Ie(t==null?void 0:t.getNextProps(s),{className:t==null?void 0:t.cx("next",{disabled:s})},t==null?void 0:t.ptm("next"),n("root"));return Ko.createElement(Ge,{instance:o,attrs:l,children:r.children})}});import{Component as ve,withComponent as be}from"@primereact/core/component";import{mergeProps as we}from"@primeuix/utils";import*as Vo from"react";var lt={as:"button"};var qt=be({name:"Carousel.Prev",defaultProps:lt,setup(o){var t;let r=v(),n=(t=(r==null?void 0:r.state.isPrevDisabled)||o.props.disabled)!=null?t:!1;return{carousel:r,disabled:n}},render(o){let{props:r,ptmi:n,carousel:t,disabled:s}=o,l=we(t==null?void 0:t.getPrevProps(s),{className:t==null?void 0:t.cx("prev",{disabled:s})},t==null?void 0:t.ptm("prev"),n("root"));return Vo.createElement(ve,{instance:o,attrs:l,children:r.children})}});import{Component as Te,withComponent as ge}from"@primereact/core/component";import{useCarousel as Fe}from"@primereact/headless/carousel";import{mergeProps as Ne}from"@primeuix/utils";import*as Kt from"react";import*as Jo from"@primereact/headless/carousel";var ut=b(G({},Jo.defaultProps),{as:"div"});var ft=ge({name:"Carousel.Root",defaultProps:ut,setup(o){return Fe(o.inProps)},render(o){let{id:r,props:n,rootProps:t,ptmi:s,cx:l}=o,e=Ne(t,{id:r,className:l("root")},s("root"));return Kt.createElement(Uo,{value:o},Kt.createElement(Te,{instance:o,attrs:e,children:n.children}))}});var Jt={};gt(Jt,{defaultContentProps:()=>et,defaultIndicatorProps:()=>st,defaultIndicatorsProps:()=>at,defaultItemProps:()=>mt,defaultNextProps:()=>ct,defaultPrevProps:()=>lt,defaultRootProps:()=>ut});var dt={as:ft,autoSize:!0,loop:!0,align:"center",spacing:8};var Qt=ke({name:"Gallery.Thumbnail",defaultProps:dt,setup(){return{gallery:m()}},render(o){let{props:r,ptmi:n,gallery:t}=o,c=r,{as:s}=c,l=H(c,["as"]),e=Ye(l,t==null?void 0:t.thumbnailProps,{className:t==null?void 0:t.cx("thumbnail")},t==null?void 0:t.ptm("thumbnail"),n("root"));return Qo.createElement(Se,{as:s,instance:o,attrs:e,children:r.children,ref:t==null?void 0:t.thumbnailRef})}});import{Component as Xe,withComponent as Me}from"@primereact/core/component";import{mergeProps as Ee}from"@primeuix/utils";import*as tr from"react";var xt={as:nt};var to=Me({name:"Gallery.ThumbnailContent",defaultProps:xt,setup(){var n;let o=m(),r=(n=o==null?void 0:o.thumbnailContentProps)!=null?n:{};return{gallery:o,thumbnailContentProps:r}},render(o){let{props:r,ptmi:n,gallery:t,thumbnailContentProps:s}=o,w=r,{as:l}=w,e=H(w,["as"]),c=Ee(e,s,{className:t==null?void 0:t.cx("thumbnailContent")},t==null?void 0:t.ptm("thumbnailContent"),n("root"));return tr.createElement(Xe,{as:l,instance:o,attrs:c,children:r.children})}});import{Component as Ze,withComponent as ze}from"@primereact/core/component";import{mergeProps as He}from"@primeuix/utils";import*as or from"react";var Pt={as:it,index:void 0};var oo=ze({name:"Gallery.ThumbnailItem",defaultProps:Pt,setup(o){var s;let r=m(),{index:n}=o.props,t=(s=r==null?void 0:r.thumbnailItemProps(n))!=null?s:{};return{gallery:r,thumbnailItemProps:t}},render(o){let{props:r,ptmi:n,gallery:t,thumbnailItemProps:s}=o,w=r,{as:l}=w,e=H(w,["as"]),c=He(e,s,{className:t==null?void 0:t.cx("thumbnailItem")},t==null?void 0:t.ptm("thumbnailItem"),n("root"));return or.createElement(Ze,{as:l,instance:o,attrs:c,children:r.children})}});import{Component as De,withComponent as Le}from"@primereact/core/component";import{mergeProps as $e}from"@primeuix/utils";import*as rr from"react";var ht={as:"button",onClick:void 0};var ro=Le({name:"Gallery.ZoomIn",defaultProps:ht,setup(){return{gallery:m()}},render(o){let{props:r,ptmi:n,gallery:t}=o,s=$e(t==null?void 0:t.zoomInProps,{className:t==null?void 0:t.cx("zoomIn")},n("root"));return rr.createElement(De,{instance:o,attrs:s,children:r.children})}});import{Component as Oe,withComponent as Be}from"@primereact/core/component";import{mergeProps as Ae}from"@primeuix/utils";import*as er from"react";var Ct={as:"button",onClick:void 0};var eo=Be({name:"Gallery.ZoomOut",defaultProps:Ct,setup(){return{gallery:m()}},render(o){let{props:r,ptmi:n,gallery:t}=o,s=Ae(t==null?void 0:t.zoomOutProps,{className:t==null?void 0:t.cx("zoomOut")},n("root"));return er.createElement(Oe,{instance:o,attrs:s,children:r.children})}});import{Component as We,withComponent as Ue}from"@primereact/core/component";import{mergeProps as je}from"@primeuix/utils";import*as nr from"react";var yt={as:"button",onClick:void 0};var no=Ue({name:"Gallery.ZoomToggle",defaultProps:yt,setup(){return{gallery:m()}},render(o){let{props:r,ptmi:n,gallery:t}=o,s=je(t==null?void 0:t.zoomToggleProps,{className:t==null?void 0:t.cx("zoomToggle")},n("root"));return nr.createElement(We,{instance:o,attrs:s,children:r.children})}});var po={};gt(po,{defaultBackdropProps:()=>B,defaultContentProps:()=>A,defaultDownloadProps:()=>W,defaultFlipXProps:()=>U,defaultFlipYProps:()=>j,defaultFooterProps:()=>_,defaultFullScreenProps:()=>q,defaultHeaderProps:()=>K,defaultItemProps:()=>V,defaultNextProps:()=>J,defaultPrevProps:()=>Q,defaultRootProps:()=>tt,defaultRotateLeftProps:()=>ot,defaultRotateRightProps:()=>rt,defaultThumbnailContentProps:()=>xt,defaultThumbnailItemProps:()=>Pt,defaultThumbnailProps:()=>dt,defaultZoomInProps:()=>ht,defaultZoomOutProps:()=>Ct,defaultZoomToggleProps:()=>yt});import*as a from"react";var sr={context:void 0,normalScale:1,zoomedScale:3};var Nc=_e({name:"useGalleryItem",defaultProps:sr,setup:({props:o,elementRef:r})=>{let{context:n,normalScale:t=1,zoomedScale:s=3}=o,l=m(),e=n!=null?n:l,[c,w]=a.useState(-1),[g,ao]=a.useState(!1),[E,L]=a.useState({x:0,y:0}),[T,Gt]=a.useState(1),[R,mo]=a.useState(0),[Y,io]=a.useState({x:1,y:1}),[Rt,Ft]=a.useState(!1),co=a.useRef(null),F=a.useRef(new Map),Nt=a.useRef({x:0,y:0}),lo=a.useRef(0),$=a.useRef(0),It=a.useRef(1),uo=a.useRef(!1),y=a.useRef(1),I=a.useRef({x:0,y:0}),vt=a.useRef(!1),St=a.useRef({x:0,y:0}),O=a.useRef(!1),M=a.useRef(null);a.useLayoutEffect(()=>{if(e!=null&&e.registerItem){let p=e.registerItem(co.current);co.current=p,p!==c&&w(p)}},[e]),a.useEffect(()=>{y.current=T},[T]),a.useEffect(()=>{I.current=E},[E]);let N=a.useCallback(()=>{if(!(e!=null&&e.contentRef.current)||!r.current)return;let p=e==null?void 0:e.contentRef.current.getBoundingClientRect(),i=r.current.firstElementChild;if(!i)return;let u=i.naturalWidth||i.offsetWidth,d=i.naturalHeight||i.offsetHeight;if(u===0||d===0)return;let h=Math.abs(R)%180===90;h&&([u,d]=[d,u]);let x=u/d,C=p.width/p.height,f,P;x>C?(f=Math.min(p.width*.99,u),P=f/x):(P=Math.min(p.height*.99,d),f=P*x),h?(i.style.width=`${P}px`,i.style.height=`${f}px`,r.current.style.width=`${P>0?P:"auto"}px`,r.current.style.height=`${f>0?f:"auto"}px`):(i.style.width=`${f}px`,i.style.height=`${P}px`,r.current.style.width=`${f>0?f:"auto"}px`,r.current.style.height=`${P>0?P:"auto"}px`),r.current.style.aspectRatio=`${u/d}`},[e==null?void 0:e.contentRef,R]),X=a.useCallback(p=>{if(!(e!=null&&e.contentRef.current)||!r.current)return{minX:0,maxX:0,minY:0,maxY:0};let i=e==null?void 0:e.contentRef.current.getBoundingClientRect(),u=p!==void 0?p:y.current,d=r.current.firstElementChild;if(!d)return{minX:0,maxX:0,minY:0,maxY:0};let h=d.offsetWidth,x=d.offsetHeight;Math.abs(R)%180===90&&([h,x]=[x,h]);let f=h*u,P=x*u,S=i.width/2,k=i.height/2,Z=f/2,z=P/2,mr=Z>S?Z-S:0,ir=Z>S?-(Z-S):0,cr=z>k?z-k:0,lr=z>k?-(z-k):0;return{minX:ir,maxX:mr,minY:lr,maxY:cr}},[e==null?void 0:e.contentRef,R]),bt=a.useCallback(()=>{Gt(s),r.current&&(r.current.style.cursor="zoom-out")},[s]),wt=a.useCallback(()=>{Gt(t),L({x:0,y:0}),r.current&&(r.current.style.cursor="zoom-in")},[t]),fo=()=>{Ft(!0),r.current&&(r.current.style.transition=""),mo(p=>p-90)},xo=()=>{Ft(!0),r.current&&(r.current.style.transition=""),mo(p=>p+90)},Po=()=>{io(p=>b(G({},p),{x:Math.sign(p.x)*-1}))},ho=()=>{io(p=>b(G({},p),{y:Math.sign(p.y)*-1}))},Co=()=>{if(!r.current)return;let p=r.current.querySelector("img");if(!p||!p.src)return;let i=document.createElement("a");i.href=p.src;let u=p.src.split("/"),d=u[u.length-1]||"image.jpg";i.download=d,i.target="_blank",document.body.appendChild(i),i.click(),document.body.removeChild(i)},yo=a.useCallback(p=>{if(O.current){O.current=!1;return}if(y.current===t){if(r.current){let i=r.current.getBoundingClientRect(),u=i.width/2,d=i.height/2,h=p.clientX-i.left,x=p.clientY-i.top,C=u-h,f=d-x,P=C*(s-1),S=f*(s-1),k=X(s),Z=Math.max(k.minX,Math.min(k.maxX,P)),z=Math.max(k.minY,Math.min(k.maxY,S));L({x:Z,y:z})}bt()}else wt()},[t,s,X,bt,wt]),Go=a.useCallback(p=>{p.preventDefault()},[]),Ro=a.useCallback(p=>{p.currentTarget.setPointerCapture(p.pointerId),F.current.set(p.pointerId,{x:p.clientX,y:p.clientY}),Nt.current={x:p.clientX,y:p.clientY},p.pointerType==="touch"&&F.current.size>=2?(vt.current=!1,$.current=0,It.current=y.current):y.current>1&&(p.pointerType==="mouse"||p.pointerType==="touch"&&F.current.size===1)&&(vt.current=!0,St.current={x:p.clientX-I.current.x,y:p.clientY-I.current.y},O.current=!1)},[]),Io=a.useCallback(p=>{if(!F.current.has(p.pointerId)||!r.current)return;r.current.style.transition="none",p.pointerType==="mouse"&&!r.current.style.cursor&&(r.current.style.cursor=y.current>t?"zoom-out":"zoom-in"),F.current.set(p.pointerId,{x:p.clientX,y:p.clientY});let i=Array.from(F.current.values());if(i.length===2){let[u,d]=i,h=Math.hypot(d.x-u.x,d.y-u.y);if(uo.current=!0,O.current=!0,$.current===0)$.current=h,It.current=y.current;else{let x=h/$.current,C=Math.max(t,Math.min(s,It.current*x)),f=X(C),P=Math.max(f.minX,Math.min(f.maxX,I.current.x)),S=Math.max(f.minY,Math.min(f.maxY,I.current.y));y.current=C,I.current={x:P,y:S},r.current.style.setProperty("--px-scale",`${C}`),r.current.style.setProperty("--px-position-x",`${P}px`),r.current.style.setProperty("--px-position-y",`${S}px`)}lo.current=h}else if(i.length===1&&vt.current){let u=i[0],d=u.x-St.current.x,h=u.y-St.current.y,x=X(y.current),C=Math.max(x.minX,Math.min(x.maxX,d)),f=Math.max(x.minY,Math.min(x.maxY,h));I.current={x:C,y:f},r.current.style.setProperty("--px-position-x",`${C}px`),r.current.style.setProperty("--px-position-y",`${f}px`),Math.hypot(u.x-Nt.current.x,u.y-Nt.current.y)>5&&(O.current=!0)}},[t,s,X]),vo=a.useCallback(p=>{r.current&&(r.current.style.transition="",p.pointerType==="mouse"&&(r.current.style.cursor=y.current>t?"zoom-out":"zoom-in"),p.currentTarget.releasePointerCapture(p.pointerId),F.current.delete(p.pointerId),F.current.size<2&&(lo.current=0,$.current=0,It.current=1,uo.current=!1),F.current.size===0&&(vt.current=!1,Gt(y.current),L(I.current)))},[t]);a.useEffect(()=>{T<=1&&L({x:0,y:0})},[T]),a.useEffect(()=>{(e==null?void 0:e.state.activeIndex)===c&&document.readyState==="complete"&&N()},[e==null?void 0:e.state.activeIndex,c,N]),a.useEffect(()=>{(e==null?void 0:e.state.activeIndex)===c&&N()},[R,N,e==null?void 0:e.state.activeIndex,c]),a.useEffect(()=>{(e==null?void 0:e.state.activeIndex)===c&&(e==null?void 0:e.state.isFullscreen)!==void 0&&N()},[e==null?void 0:e.state.isFullscreen,N,e==null?void 0:e.state.activeIndex,c]),a.useEffect(()=>{let p=()=>{(e==null?void 0:e.state.activeIndex)===c&&N()};return window.addEventListener("resize",p),()=>window.removeEventListener("resize",p)},[e==null?void 0:e.state.activeIndex,c,N]),a.useEffect(()=>{let p=e==null?void 0:e.state.pendingAction;if(!(!p||!g)){switch(p.type){case"zoom-in":bt();break;case"zoom-out":wt();break;case"rotate-left":fo();break;case"rotate-right":xo();break;case"flip-x":Po();break;case"flip-y":ho();break;case"download":Co();break}e==null||e.clearPendingAction()}},[e==null?void 0:e.state.pendingAction,g]),a.useEffect(()=>{let p=r.current;if(!p||!g)return;let i=u=>{if(!u.ctrlKey)return;u.preventDefault(),p.style.transition="none";let h=1+-u.deltaY*.01,x=Math.max(t,Math.min(s,y.current*h)),C=X(x),f=Math.max(C.minX,Math.min(C.maxX,I.current.x)),P=Math.max(C.minY,Math.min(C.maxY,I.current.y));y.current=x,I.current={x:f,y:P},p.style.setProperty("--px-scale",`${x}`),p.style.setProperty("--px-position-x",`${f}px`),p.style.setProperty("--px-position-y",`${P}px`),M.current&&clearTimeout(M.current),M.current=setTimeout(()=>{p.style.transition="",p.style.cursor=y.current>t?"zoom-out":"zoom-in",Gt(y.current),L(I.current),M.current=null},150)};return p.addEventListener("wheel",i,{passive:!1}),()=>{p.removeEventListener("wheel",i),M.current&&(clearTimeout(M.current),M.current=null)}},[g,t,s,X]),a.useEffect(()=>{(e==null?void 0:e.state.activeIndex)===c?ao(!0):ao(!1)},[e==null?void 0:e.state.activeIndex,c]),a.useEffect(()=>{g&&(e!=null&&e.reportItemState)&&e.reportItemState({zoomed:T>t,rotated:R!==0,flipped:Y.x===-1||Y.y===-1,scale:T,rotation:R,flip:Y})},[g,T,t,R,Y,e==null?void 0:e.reportItemState]),a.useLayoutEffect(()=>{if(!Rt)return;let p=setTimeout(()=>Ft(!1),300);return()=>clearTimeout(p)},[Rt,R]);let bo=a.useMemo(()=>G(G({},g?{"data-active":""}:{}),Rt?{"data-rotating":""}:{}),[g,Rt]),wo=a.useMemo(()=>({"--px-position-x":`${E.x}px`,"--px-position-y":`${E.y}px`,"--px-scale":`${T}`,"--px-rotation":`${R}deg`,"--px-flip-x":Y.x,"--px-flip-y":Y.y}),[E,T,R,Y]),pr={index:c,position:E,scale:T,rotation:R,flip:Y,isActive:g},ar=G({ref:r,"data-scope":"gallery","data-part":"item","data-index":c,onClick:yo,onPointerDown:Ro,onPointerMove:Io,onPointerUp:vo,onDragStart:Go,style:wo},bo);return{state:pr,attributes:bo,CSSVariables:wo,itemProps:ar,handlePointerUp:vo,handlePointerMove:Io,handlePointerDown:Ro,handleClick:yo,handleDragStart:Go,zoomIn:bt,zoomOut:wt,rotateLeft:fo,rotateRight:xo,flipX:Po,flipY:ho,download:Co,calculateConstraints:X,calculateItemSize:N}}});export{sr as defaultItemProps,Nc as useGalleryItem};
 //# sourceMappingURL=index.mjs.map