primereact/gallery/index.mjs

A rich set of premium UI Components for React.

'use client';

var Rr=Object.defineProperty;var W=(r,e)=>{for(var t in e)Rr(r,t,{get:e[t],enumerable:!0})};import{createOptionalContext as br}from"@primereact/core/utils";var[_,p]=br();var gr={};W(gr,{Backdrop:()=>Z,Content:()=>N,Download:()=>k,FlipX:()=>H,FlipY:()=>O,Footer:()=>S,FullScreen:()=>L,Header:()=>X,Item:()=>B,Next:()=>D,Prev:()=>z,Root:()=>q,RotateLeft:()=>A,RotateRight:()=>E,Thumbnail:()=>J,ThumbnailContent:()=>K,ThumbnailItem:()=>M,ZoomIn:()=>Q,ZoomOut:()=>U,ZoomToggle:()=>V});import{Component as Ir,withComponent as Fr}from"@primereact/core/component";import{mergeProps as Tr}from"@primeuix/utils";import*as $ from"react";var s={as:"div"};var Z=Fr({name:"Gallery.Backdrop",defaultProps:s,setup(){return{gallery:p()}},render(r){let{props:e,ptmi:t,gallery:o}=r,l=Tr(o?.backdropProps,{className:o?.cx("backdrop")},t("root"));return $.createElement(Ir,{instance:r,attrs:l,children:e.children})}});import{Component as vr,withComponent as wr}from"@primereact/core/component";import{mergeProps as Zr}from"@primeuix/utils";import*as rr from"react";var i={as:"div"};var N=wr({name:"Gallery.Content",defaultProps:i,setup(){return{gallery:p()}},render(r){let{props:e,ptmi:t,gallery:o}=r,l=Zr(o?.contentProps,{className:o?.cx("content")},t("root"));return rr.createElement(vr,{instance:r,attrs:l,children:e.children})}});import{Component as Nr,withComponent as kr}from"@primereact/core/component";import{mergeProps as Hr}from"@primeuix/utils";import*as or from"react";var f={as:"button",onClick:void 0};var k=kr({name:"Gallery.Download",defaultProps:f,setup(){return{gallery:p()}},render(r){let{props:e,ptmi:t,gallery:o}=r,l=Hr(o?.downloadProps,{className:o?.cx("download")},t("root"));return or.createElement(Nr,{instance:r,attrs:l,children:e.children})}});import{Component as Or,withComponent as Sr}from"@primereact/core/component";import{mergeProps as Lr}from"@primeuix/utils";import*as er from"react";var u={as:"button",onClick:void 0};var H=Sr({name:"Gallery.FlipX",defaultProps:u,setup(){return{gallery:p()}},render(r){let{props:e,ptmi:t,gallery:o}=r,l=Lr(o?.flipXProps,{className:o?.cx("flipX")},t("root"));return er.createElement(Or,{instance:r,attrs:l,children:e.children})}});import{Component as Xr,withComponent as Yr}from"@primereact/core/component";import{mergeProps as Br}from"@primeuix/utils";import*as tr from"react";var c={as:"button",onClick:void 0};var O=Yr({name:"Gallery.FlipY",defaultProps:c,setup(){return{gallery:p()}},render(r){let{props:e,ptmi:t,gallery:o}=r,l=Br(o?.flipYProps,{className:o?.cx("flipY")},t("root"));return tr.createElement(Xr,{instance:r,attrs:l,children:e.children})}});import{Component as Dr,withComponent as zr}from"@primereact/core/component";import{mergeProps as jr}from"@primeuix/utils";import*as lr from"react";var d={as:"div"};var S=zr({name:"Gallery.Footer",defaultProps:d,setup(){return{gallery:p()}},render(r){let{props:e,ptmi:t,gallery:o}=r,l=jr(o?.footerProps,{className:o?.cx("footer")},t("root"));return lr.createElement(Dr,{instance:r,attrs:l,children:e.children})}});import{Component as qr,withComponent as Ar}from"@primereact/core/component";import{mergeProps as Er}from"@primeuix/utils";import*as pr from"react";var y={as:"button",onClick:void 0};var L=Ar({name:"Gallery.FullScreen",defaultProps:y,setup(){return{gallery:p()}},render(r){let{props:e,ptmi:t,gallery:o}=r,l=o?.state.isFullscreen??!1,a=Er(o?.fullScreenProps,{className:o?.cx("fullScreen")},t("root")),m=typeof e.children=="function"?e.children({isFullscreen:l}):e.children;return pr.createElement(qr,{instance:r,attrs:a,children:m})}});import{Component as Jr,withComponent as Kr}from"@primereact/core/component";import{mergeProps as Mr}from"@primeuix/utils";import*as ar from"react";var P={as:"div"};var X=Kr({name:"Gallery.Header",defaultProps:P,setup(){return{gallery:p()}},render(r){let{props:e,ptmi:t,gallery:o}=r,l=Mr(o?.headerProps,{className:o?.cx("header")},t("root"));return ar.createElement(Jr,{instance:r,attrs:l,children:e.children})}});import{Component as Ur,withComponent as Vr}from"@primereact/core/component";import{useGalleryItem as Wr}from"@primereact/headless/gallery/item";import{mergeProps as _r}from"@primeuix/utils";import*as Y from"react";import{createOptionalContext as Qr}from"@primereact/core/utils";var[mr,Xe]=Qr();import*as nr from"@primereact/headless/gallery/item";var x={...nr.defaultItemProps,as:"div"};var B=Vr({name:"Gallery.Item",defaultProps:x,setup(r){let e=p();return{...Wr({...r.inProps,context:r.inProps?.context??e}),gallery:e}},render(r){let{id:e,props:t,ptmi:o,gallery:l,itemProps:a}=r,m=_r(a,{id:e,className:l?.cx("item")},o("root"),l?.ptm("item"));return Y.createElement(mr,{value:r},Y.createElement(Ur,{instance:r,attrs:m,children:t.children}))}});import{Component as $r,withComponent as ro}from"@primereact/core/component";import{mergeProps as oo}from"@primeuix/utils";import*as sr from"react";var G={as:"button"};var D=ro({name:"Gallery.Next",defaultProps:G,setup(){return{gallery:p()}},render(r){let{props:e,ptmi:t,gallery:o}=r,l=oo(o?.nextProps,{className:o?.cx("next")},t("root"));return sr.createElement($r,{instance:r,attrs:l,children:e.children,ref:o?.nextRef})}});import{Component as eo,withComponent as to}from"@primereact/core/component";import{mergeProps as lo}from"@primeuix/utils";import*as ir from"react";var h={as:"button"};var z=to({name:"Gallery.Prev",defaultProps:h,setup(){return{gallery:p()}},render(r){let{props:e,ptmi:t,gallery:o}=r,l=lo(o?.prevProps,{className:o?.cx("prev")},t("root"));return ir.createElement(eo,{instance:r,attrs:l,children:e.children,ref:o?.prevRef})}});import{Component as po,withComponent as ao}from"@primereact/core/component";import{useGallery as mo}from"@primereact/headless/gallery";import{mergeProps as no}from"@primeuix/utils";import*as j from"react";import{createPortal as so}from"react-dom";import*as fr from"@primereact/headless/gallery";var g={...fr.defaultProps,as:"div"};var q=ao({name:"Gallery.Root",defaultProps:g,setup(r){return mo(r.inProps)},render(r){let{props:e,ptmi:t,cx:o,rootProps:l}=r,a=!!e.fullscreen,m=no(l,{className:o("root")},t("root")),n=j.createElement(_,{value:r},j.createElement(po,{instance:r,attrs:m,children:e.children}));return a&&typeof document<"u"?so(n,document.body):n}});import{Component as io,withComponent as fo}from"@primereact/core/component";import{mergeProps as uo}from"@primeuix/utils";import*as ur from"react";var C={as:"button",onClick:void 0};var A=fo({name:"Gallery.RotateLeft",defaultProps:C,setup(){return{gallery:p()}},render(r){let{props:e,ptmi:t,gallery:o}=r,l=uo(o?.rotateLeftProps,{className:o?.cx("rotateLeft")},t("root"));return ur.createElement(io,{instance:r,attrs:l,children:e.children})}});import{Component as co,withComponent as yo}from"@primereact/core/component";import{mergeProps as Po}from"@primeuix/utils";import*as cr from"react";var R={as:"button",onClick:void 0};var E=yo({name:"Gallery.RotateRight",defaultProps:R,setup(){return{gallery:p()}},render(r){let{props:e,ptmi:t,gallery:o}=r,l=Po(o?.rotateRightProps,{className:o?.cx("rotateRight")},t("root"));return cr.createElement(co,{instance:r,attrs:l,children:e.children})}});import{Component as Go,withComponent as ho}from"@primereact/core/component";import{mergeProps as go}from"@primeuix/utils";import*as dr from"react";import{CarouselRoot as xo}from"primereact/carousel";var b={as:xo,autoSize:!0,loop:!0,align:"center",spacing:8};var J=ho({name:"Gallery.Thumbnail",defaultProps:b,setup(){return{gallery:p()}},render(r){let{props:e,ptmi:t,gallery:o}=r,{as:l,...a}=e,m=go(a,o?.thumbnailProps,{className:o?.cx("thumbnail")},o?.ptm("thumbnail"),t("root"));return dr.createElement(Go,{as:l,instance:r,attrs:m,children:e.children,ref:o?.thumbnailRef})}});import{Component as Ro,withComponent as bo}from"@primereact/core/component";import{mergeProps as Io}from"@primeuix/utils";import*as yr from"react";import{CarouselContent as Co}from"primereact/carousel";var I={as:Co};var K=bo({name:"Gallery.ThumbnailContent",defaultProps:I,setup(){let r=p(),e=r?.thumbnailContentProps??{};return{gallery:r,thumbnailContentProps:e}},render(r){let{props:e,ptmi:t,gallery:o,thumbnailContentProps:l}=r,{as:a,...m}=e,n=Io(m,l,{className:o?.cx("thumbnailContent")},o?.ptm("thumbnailContent"),t("root"));return yr.createElement(Ro,{as:a,instance:r,attrs:n,children:e.children})}});import{Component as To,withComponent as vo}from"@primereact/core/component";import{mergeProps as wo}from"@primeuix/utils";import*as Pr from"react";import{CarouselItem as Fo}from"primereact/carousel";var F={as:Fo,index:void 0};var M=vo({name:"Gallery.ThumbnailItem",defaultProps:F,setup(r){let e=p(),{index:t}=r.props,o=e?.thumbnailItemProps(t)??{};return{gallery:e,thumbnailItemProps:o}},render(r){let{props:e,ptmi:t,gallery:o,thumbnailItemProps:l}=r,{as:a,...m}=e,n=wo(m,l,{className:o?.cx("thumbnailItem")},o?.ptm("thumbnailItem"),t("root"));return Pr.createElement(To,{as:a,instance:r,attrs:n,children:e.children})}});import{Component as Zo,withComponent as No}from"@primereact/core/component";import{mergeProps as ko}from"@primeuix/utils";import*as xr from"react";var T={as:"button",onClick:void 0};var Q=No({name:"Gallery.ZoomIn",defaultProps:T,setup(){return{gallery:p()}},render(r){let{props:e,ptmi:t,gallery:o}=r,l=ko(o?.zoomInProps,{className:o?.cx("zoomIn")},t("root"));return xr.createElement(Zo,{instance:r,attrs:l,children:e.children})}});import{Component as Ho,withComponent as Oo}from"@primereact/core/component";import{mergeProps as So}from"@primeuix/utils";import*as Gr from"react";var v={as:"button",onClick:void 0};var U=Oo({name:"Gallery.ZoomOut",defaultProps:v,setup(){return{gallery:p()}},render(r){let{props:e,ptmi:t,gallery:o}=r,l=So(o?.zoomOutProps,{className:o?.cx("zoomOut")},t("root"));return Gr.createElement(Ho,{instance:r,attrs:l,children:e.children})}});import{Component as Lo,withComponent as Xo}from"@primereact/core/component";import{mergeProps as Yo}from"@primeuix/utils";import*as hr from"react";var w={as:"button",onClick:void 0};var V=Xo({name:"Gallery.ZoomToggle",defaultProps:w,setup(){return{gallery:p()}},render(r){let{props:e,ptmi:t,gallery:o}=r,l=Yo(o?.zoomToggleProps,{className:o?.cx("zoomToggle")},t("root"));return hr.createElement(Lo,{instance:r,attrs:l,children:e.children})}});var Cr={};W(Cr,{defaultBackdropProps:()=>s,defaultContentProps:()=>i,defaultDownloadProps:()=>f,defaultFlipXProps:()=>u,defaultFlipYProps:()=>c,defaultFooterProps:()=>d,defaultFullScreenProps:()=>y,defaultHeaderProps:()=>P,defaultItemProps:()=>x,defaultNextProps:()=>G,defaultPrevProps:()=>h,defaultRootProps:()=>g,defaultRotateLeftProps:()=>C,defaultRotateRightProps:()=>R,defaultThumbnailContentProps:()=>I,defaultThumbnailItemProps:()=>F,defaultThumbnailProps:()=>b,defaultZoomInProps:()=>T,defaultZoomOutProps:()=>v,defaultZoomToggleProps:()=>w});export{gr as Gallery,Z as GalleryBackdrop,N as GalleryContent,k as GalleryDownload,H as GalleryFlipX,O as GalleryFlipY,S as GalleryFooter,L as GalleryFullScreen,X as GalleryHeader,B as GalleryItem,D as GalleryNext,z as GalleryPrev,Cr as GalleryProps,_ as GalleryProvider,q as GalleryRoot,A as GalleryRotateLeft,E as GalleryRotateRight,J as GalleryThumbnail,K as GalleryThumbnailContent,M as GalleryThumbnailItem,Q as GalleryZoomIn,U as GalleryZoomOut,V as GalleryZoomToggle,s as defaultBackdropProps,i as defaultContentProps,f as defaultDownloadProps,u as defaultFlipXProps,c as defaultFlipYProps,d as defaultFooterProps,y as defaultFullScreenProps,P as defaultHeaderProps,x as defaultItemProps,G as defaultNextProps,h as defaultPrevProps,g as defaultRootProps,C as defaultRotateLeftProps,R as defaultRotateRightProps,I as defaultThumbnailContentProps,F as defaultThumbnailItemProps,b as defaultThumbnailProps,T as defaultZoomInProps,v as defaultZoomOutProps,w as defaultZoomToggleProps,p as useGalleryContext};