primereact/carousel/index.mjs

A rich set of premium UI Components for React.

'use client';

var j=Object.defineProperty;var g=(o,r)=>{for(var t in r)j(o,t,{get:r[t],enumerable:!0})};import{createOptionalContext as q}from"@primereact/core/utils";var[b,p]=q();var _={};g(_,{Content:()=>x,Indicator:()=>l,Indicators:()=>I,Item:()=>v,Next:()=>h,Prev:()=>R,Root:()=>N});import{Component as z,withComponent as B}from"@primereact/core/component";import{mergeProps as E}from"@primeuix/utils";import*as w from"react";var m={as:"div"};var x=B({name:"Carousel.Content",defaultProps:m,setup(){return{carousel:p()}},render(o){let{props:r,ptmi:t,carousel:e}=o,s=E(e?.contentProps,{className:e?.cx("content")},e?.ptm("content"),t("root"));return w.createElement(z,{instance:o,attrs:s,children:r.children})}});import{Component as F,withComponent as G}from"@primereact/core/component";import{mergeProps as J}from"@primeuix/utils";import*as A from"react";var i={as:"button",page:void 0};var l=G({name:"Carousel.Indicator",defaultProps:i,setup(o){let r=p(),t=r?.state.page===o.props.page;return{carousel:r,isActive:t}},render(o){let{props:r,ptmi:t,carousel:e,isActive:s}=o,a=J(e?.getIndicatorProps(r.page??0),{className:e?.cx("indicator",{active:s})},e?.ptm("indicator"),t("root"));return A.createElement(F,{instance:o,attrs:a,children:r.children})}});import{Component as K,withComponent as L}from"@primereact/core/component";import{mergeProps as M}from"@primeuix/utils";import*as n from"react";var u={as:"div"};var I=L({name:"Carousel.Indicators",defaultProps:u,setup(){return{carousel:p()}},render(o){let{props:r,ptmi:t,carousel:e}=o,s=M(e?.indicatorsProps,{className:e?.cx("indicators")},e?.ptm("indicators"),t("root"));return n.createElement(K,{instance:o,attrs:s,children:r.children??n.createElement(n.Fragment,null,Array.from(e?.state.snapPoints??[]).map((a,P)=>n.createElement(l,{key:`page-${P}`,page:P})))})}});import{Component as Q,withComponent as S}from"@primereact/core/component";import{mergeProps as T}from"@primeuix/utils";import*as D from"react";var c={as:"div",value:void 0};var v=S({name:"Carousel.Item",defaultProps:c,setup(){return{carousel:p()}},render(o){let{id:r,props:t,ptmi:e,carousel:s}=o,a=T(s?.getItemProps(t.value),{id:r,className:s?.cx("item")},s?.ptm("item"),e("root"));return D.createElement(Q,{instance:o,attrs:a,children:t.children})}});import{Component as U,withComponent as V}from"@primereact/core/component";import{mergeProps as W}from"@primeuix/utils";import*as H from"react";var d={as:"button"};var h=V({name:"Carousel.Next",defaultProps:d,setup(o){let r=p(),t=(r?.state.isNextDisabled||o.props.disabled)??!1;return{carousel:r,disabled:t}},render(o){let{props:r,ptmi:t,carousel:e,disabled:s}=o,a=W(e?.getNextProps(s),{className:e?.cx("next",{disabled:s})},e?.ptm("next"),t("root"));return H.createElement(U,{instance:o,attrs:a,children:r.children})}});import{Component as X,withComponent as Y}from"@primereact/core/component";import{mergeProps as Z}from"@primeuix/utils";import*as k from"react";var f={as:"button"};var R=Y({name:"Carousel.Prev",defaultProps:f,setup(o){let r=p(),t=(r?.state.isPrevDisabled||o.props.disabled)??!1;return{carousel:r,disabled:t}},render(o){let{props:r,ptmi:t,carousel:e,disabled:s}=o,a=Z(e?.getPrevProps(s),{className:e?.cx("prev",{disabled:s})},e?.ptm("prev"),t("root"));return k.createElement(X,{instance:o,attrs:a,children:r.children})}});import{Component as oo,withComponent as ro}from"@primereact/core/component";import{useCarousel as eo}from"@primereact/headless/carousel";import{mergeProps as to}from"@primeuix/utils";import*as y from"react";import*as O from"@primereact/headless/carousel";var C={...O.defaultProps,as:"div"};var N=ro({name:"Carousel.Root",defaultProps:C,setup(o){return eo(o.inProps)},render(o){let{id:r,props:t,rootProps:e,ptmi:s,cx:a}=o,P=to(e,{id:r,className:a("root")},s("root"));return y.createElement(b,{value:o},y.createElement(oo,{instance:o,attrs:P,children:t.children}))}});var $={};g($,{defaultContentProps:()=>m,defaultIndicatorProps:()=>i,defaultIndicatorsProps:()=>u,defaultItemProps:()=>c,defaultNextProps:()=>d,defaultPrevProps:()=>f,defaultRootProps:()=>C});export{_ as Carousel,x as CarouselContent,l as CarouselIndicator,I as CarouselIndicators,v as CarouselItem,h as CarouselNext,R as CarouselPrev,$ as CarouselProps,b as CarouselProvider,N as CarouselRoot,m as defaultContentProps,i as defaultIndicatorProps,u as defaultIndicatorsProps,c as defaultItemProps,d as defaultNextProps,f as defaultPrevProps,C as defaultRootProps,p as useCarouselContext};