@zydon/common 2.3.62 → 2.3.64
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -3,6 +3,7 @@ import { BoxProps } from '@mui/material/Box';
|
|
|
3
3
|
import { IconButtonProps as IconButtonProps$1 } from '@mui/material/IconButton';
|
|
4
4
|
import { TooltipProps } from '@mui/material/Tooltip';
|
|
5
5
|
import { Icon } from '../../types/icon.js';
|
|
6
|
+
import { IconProps } from '../../types/iconProps.js';
|
|
6
7
|
|
|
7
8
|
interface IconButtonProps extends Omit<IconButtonProps$1, 'color'> {
|
|
8
9
|
icon?: keyof typeof Icon;
|
|
@@ -11,6 +12,7 @@ interface IconButtonProps extends Omit<IconButtonProps$1, 'color'> {
|
|
|
11
12
|
loading?: boolean;
|
|
12
13
|
boxProps?: BoxProps;
|
|
13
14
|
tooltipProps?: Omit<TooltipProps, 'title' | 'children'>;
|
|
15
|
+
iconProps?: Omit<IconProps, 'icon' | 'ref'>;
|
|
14
16
|
disableTooltip?: boolean;
|
|
15
17
|
children?: React.ReactNode;
|
|
16
18
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { a } from '../../chunk-ABO2TMZH.js';
|
|
1
|
+
import { a as a$1 } from '../../chunk-ABO2TMZH.js';
|
|
2
2
|
import '../../chunk-63BWA6K3.js';
|
|
3
3
|
import { forwardRef, useMemo } from 'react';
|
|
4
4
|
import p from '@mui/material/Box';
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
5
|
+
import x from '@mui/material/CircularProgress';
|
|
6
|
+
import y from '@mui/material/IconButton';
|
|
7
|
+
import C from '@mui/material/Tooltip';
|
|
8
8
|
import { jsx } from 'react/jsx-runtime';
|
|
9
9
|
|
|
10
|
-
var
|
|
10
|
+
var a=forwardRef(({icon:t,label:i,color:e="primary",loading:r=!1,disabled:B=!1,boxProps:m={},tooltipProps:I={},iconProps:u={},disableTooltip:d=!1,children:n,...M},w)=>{if(!t&&!n)throw new Error("IconButton: icon or children is required");let f=useMemo(()=>t?jsx(a$1,{icon:t,...u}):n,[t,n,u]),T=useMemo(()=>r?jsx(x,{size:20,color:"inherit"}):f,[r,f]),c=jsx(y,{ref:w,"aria-label":i,color:"inherit",disabled:r||B,...M,children:T});return d?jsx(p,{...m,color:e,children:c}):jsx(p,{...m,color:e,children:jsx(C,{"data-testid":"button-tooltip",...I,title:i,children:c})})});a.displayName="IconButton";var N=a;
|
|
11
11
|
|
|
12
|
-
export {
|
|
12
|
+
export { N as default };
|
|
@@ -161,7 +161,7 @@ declare const StyledRoot: _emotion_styled.StyledComponent<_mui_system.BoxOwnProp
|
|
|
161
161
|
declare const StyledContainer: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material_styles.Theme> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
162
162
|
ref?: react.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
|
|
163
163
|
}, keyof _mui_system.BoxOwnProps<_mui_material_styles.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme> & StyledProps, {}, {}>;
|
|
164
|
-
declare function Carousel({ carousel, children, sx, slotProps }: CarouselProps): react_jsx_runtime.JSX.Element;
|
|
164
|
+
declare function Carousel({ carousel, children, sx, slotProps, ...props }: CarouselProps): react_jsx_runtime.JSX.Element;
|
|
165
165
|
|
|
166
166
|
declare const carouselClasses: {
|
|
167
167
|
root: string;
|
|
@@ -11,6 +11,6 @@ import he from '@mui/material/SvgIcon';
|
|
|
11
11
|
import _e from '@mui/material/NoSsr';
|
|
12
12
|
import Xe from 'embla-carousel-react';
|
|
13
13
|
|
|
14
|
-
var Ge={xs:"(min-width: 0px)",sm:"(min-width: 600px)",md:"(min-width: 900px)",lg:"(min-width: 1200px)",xl:"(min-width: 1536px)"};var p={root:"mnl__carousel__root",container:"mnl__carousel__container",dots:"mnl__carousel__dots",dot:"mnl__carousel__dot",arrows:"mnl__carousel__arrows",arrowsLabel:"mnl__carousel__arrows_label",arrowPrev:"mnl__carousel__btn--prev",arrowNext:"mnl__carousel__btn--next",arrowSvg:"mnl__carousel__btn__svg",slide:"mnl__carousel__slide",slideContent:"mnl__carousel__slide__content",thumbs:"mnl__carousel__thumbs",thumb:"mnl__carousel__thumb",thumbContainer:"mnl__carousel__thumbs__container",thumbImage:"mnl__carousel__thumb__image",progress:"mnl__carousel__progress",progressBar:"mnl__carousel__progress__bar",state:{selected:"state--selected",disabled:"state--disabled"}};var pe=styled(N,{shouldForwardProp:e=>e!=="axis"&&e!=="slideSpacing"})(({axis:e,slideSpacing:o})=>({display:"block",position:"relative",...e==="x"&&{minWidth:0,paddingLeft:o},...e==="y"&&{minHeight:0,paddingTop:o}})),me=styled(N)(()=>({overflow:"hidden",position:"relative",borderRadius:"inherit"}));function w({sx:e,options:o,children:r,...t}){let u=de(o?.slidesToShow);return jsx(pe,{"data-testid":"carousel-slide",component:"li",axis:o?.axis??"x",slideSpacing:o?.slideSpacing,className:p.slide,sx:{flex:u,...e},...t,children:o?.parallax?jsx(me,{className:p.slideContent,children:jsx("div",{className:"slide__parallax__layer",children:r})}):r})}function de(e){return e&&typeof e=="object"?Object.keys(e).reduce((o,r)=>{let t=e[r];return o[r]=W(t),o},{}):W(e)}function W(e=1){if(typeof e=="string"){if(!(e==="auto"||e.endsWith("%")||e.endsWith("px")))throw new Error("Only accepts values: auto, px, %, or number.");return `0 0 ${e}`}if(typeof e=="number")return `0 0 ${100/e}%`;throw new Error("Invalid value type. Only accepts values: auto, px, %, or number.")}var T=styled(N,{shouldForwardProp:e=>e!=="axis"})(({axis:e})=>({margin:"auto",width:"100%",maxWidth:"100%",overflow:"hidden",position:"relative",...e==="y"&&{height:"100%"}})),R=styled(N,{shouldForwardProp:e=>e!=="axis"&&e!=="slideSpacing"})(({axis:e,slideSpacing:o})=>({display:"flex",backfaceVisibility:"hidden",...e==="x"&&{touchAction:"pan-y pinch-zoom",marginLeft:`calc(${o} * -1)`},...e==="y"&&{height:"100%",flexDirection:"column",touchAction:"pan-x pinch-zoom",marginTop:`calc(${o} * -1)`}}));function io({carousel:e,children:o,sx:r,slotProps:t}){let{mainRef:u,options:a}=e,s=a?.axis??"x",n=a?.slideSpacing??"0px",l=a?.direction??"ltr",c=Children.map(o,i=>{if(isValidElement(i)){let m=i;return jsx(w,{options:e.options,sx:t?.slide,children:i},m.key)}return null});return jsx(T,{sx:r,axis:s,ref:u,dir:l,className:p.root,children:jsx(R,{component:"ul",axis:s,slideSpacing:n,className:p.container,sx:{...e.pluginNames?.includes("autoHeight")&&{alignItems:"flex-start",transition:i=>i.transitions.create(["height"],{easing:i.transitions.easing.easeInOut,duration:i.transitions.duration.shorter})},...t?.container},children:c})})}function Co({options:e,slotProps:o,totalSlides:r,selectedIndex:t,onClickPrev:u,onClickNext:a,disablePrev:s,disableNext:n,sx:l,...c}){return jsxs(Y,{direction:"row",alignItems:"center",display:"inline-flex",className:p.arrows,sx:{gap:.5,zIndex:9,color:"action.active",...l},...c,children:[jsx(h,{variant:"prev",options:e,disabled:s,onClick:u,svgIcon:o?.prevBtn?.svgIcon,svgSize:o?.prevBtn?.svgSize,sx:o?.prevBtn?.sx}),jsx(h,{variant:"next",options:e,disabled:n,onClick:a,svgIcon:o?.nextBtn?.svgIcon,svgSize:o?.prevBtn?.svgSize,sx:o?.prevBtn?.sx})]})}function ho({options:e,slotProps:o,totalSlides:r,selectedIndex:t,onClickPrev:u,onClickNext:a,disablePrev:s,disableNext:n,sx:l,...c}){let i$1=useTheme();return jsxs(Y,{direction:"row",alignItems:"center",display:"inline-flex",className:p.arrows,sx:{p:.5,gap:.25,zIndex:9,borderRadius:1.25,color:"common.white",bgcolor:i(i$1.vars.palette.grey["900Channel"],.48),...l},...c,children:[jsx(h,{variant:"prev",options:e,disabled:s,onClick:u,sx:{p:.75,borderRadius:"inherit",...o?.prevBtn?.sx},svgIcon:o?.prevBtn?.svgIcon,svgSize:o?.prevBtn?.svgSize??16}),jsxs(N,{component:"span",className:p.arrowsLabel,sx:{mx:.5,typography:"subtitle2"},"data-testid":"carousel-number-display",children:[t,"/",r]}),jsx(h,{variant:"next",options:e,disabled:n,onClick:a,sx:{p:.75,borderRadius:"inherit",...o?.nextBtn?.sx},svgIcon:o?.nextBtn?.svgIcon,svgSize:o?.prevBtn?.svgSize??16})]})}function So({options:e,slotProps:o,onClickPrev:r,onClickNext:t,disablePrev:u,disableNext:a$1}){let s={zIndex:9,top:"50%",borderRadius:1.5,position:"absolute",color:"common.white",bgcolor:"text.primary",transform:"translateY(-50%)","&:hover":{opacity:.8},[a.dark]:{color:"grey.800"}};return jsxs(Fragment,{children:[jsx(h,{variant:"prev",options:e,disabled:u,onClick:r,svgIcon:o?.prevBtn?.svgIcon,svgSize:o?.prevBtn?.svgSize,sx:{left:-16,...s,...o?.prevBtn?.sx}}),jsx(h,{variant:"next",options:e,disabled:a$1,onClick:t,svgIcon:o?.nextBtn?.svgIcon,svgSize:o?.nextBtn?.svgSize,sx:{right:-16,...s,...o?.nextBtn?.sx}})]})}function h({sx:e,svgIcon:o,svgSize:r,options:t,variant:u,...a}){let s=u==="prev",n=u==="next",l=o||jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M15.488 4.43a.75.75 0 0 1 .081 1.058L9.988 12l5.581 6.512a.75.75 0 1 1-1.138.976l-6-7a.75.75 0 0 1 0-.976l6-7a.75.75 0 0 1 1.057-.081",clipRule:"evenodd"}),c=o||jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M8.512 4.43a.75.75 0 0 1 1.057.082l6 7a.75.75 0 0 1 0 .976l-6 7a.75.75 0 0 1-1.138-.976L14.012 12L8.431 5.488a.75.75 0 0 1 .08-1.057",clipRule:"evenodd"});return jsx(J,{className:s?p.arrowPrev:p.arrowPrev,"aria-label":s?"Prev button":"Next button",sx:{p:1,borderRadius:"50%",boxSizing:"content-box",transition:i=>i.transitions.create(["all"],{easing:i.transitions.easing.sharp,duration:i.transitions.duration.short}),[`&.${buttonBaseClasses.disabled}`]:{opacity:.4},...e,...t?.direction==="rtl"&&{...s&&{right:-16,left:"auto"},...n&&{left:-16,right:"auto"}}},...a,children:jsx(he,{className:p.arrowSvg,sx:{width:r??20,height:r??20,...t?.axis==="y"&&{transform:" rotate(90deg)"},...t?.direction==="rtl"&&{transform:" scaleX(-1)"}},children:s?l:c})})}function To({sx:e,gap:o,slotProps:r,onClickDot:t,scrollSnaps:u,selectedIndex:a$1,fallbackCount:s=1,variant:n="circular",fallback:l=!1,...c}){let i$1=useTheme(),m={number:o??6,rounded:o??2,circular:o??2},d={circular:r?.dot?.size??18,number:r?.dot?.size??28},S=jsx(N,{sx:{height:d.circular,width:`calc(${s*d.circular+m.circular*(s-1)}px )`,...n==="number"&&{height:d.number,width:`calc(${s*d.number+m.number*(s-1)}px )`}}}),f={circular:y=>({width:d.circular,height:d.circular,"&::before":{width:8,height:8,content:'""',opacity:.24,borderRadius:"50%",bgcolor:"primary.main",transition:i$1.transitions.create(["opacity"],{easing:i$1.transitions.easing.sharp,duration:i$1.transitions.duration.short}),...y&&{opacity:1}}}),rounded:y=>({width:d.circular,height:d.circular,"&::before":{width:8,height:8,content:'""',opacity:.24,borderRadius:"50%",bgcolor:"primary.main",transition:i$1.transitions.create(["width","opacity"],{easing:i$1.transitions.easing.sharp,duration:i$1.transitions.duration.short}),...y&&{width:"calc(100% - 4px)",opacity:1,borderRadius:1}}}),number:y=>({width:d.number,height:d.number,borderRadius:"50%",typography:"caption",color:"text.disabled",border:`solid 1px ${i(i$1.vars.palette.grey["500Channel"],.16)}`,...y&&{color:"common.white",bgcolor:"text.primary",fontWeight:"fontWeightSemiBold",[a.dark]:{color:"grey.800"}}})};return jsx(_e,{fallback:l?S:null,children:jsx(N,{"data-testid":"carousel-dots",component:"ul",className:p.dots,sx:{zIndex:9,display:"inline-flex",...n==="circular"&&{gap:`${m.circular}px`},...n==="rounded"&&{gap:`${m.rounded}px`},...n==="number"&&{gap:`${m.number}px`},...e},...c,children:u.map((y,x)=>{let v=x===a$1;return jsx(N,{component:"li",sx:{display:"inline-flex"},children:jsx(J,{disableRipple:!0,"aria-label":`dot-${x}`,className:p.dot.concat(v?` ${p.state.selected}`:""),onClick:()=>t(x),sx:{...n==="circular"&&f.circular(v),...n==="rounded"&&f.rounded(v),...n==="number"&&f.number(v),[`&.${p.state.selected}`]:{...r?.dot?.selected},...r?.dot?.sx},children:n==="number"&&x+1})},x)})})})}var we=styled(N)(({theme:e})=>({height:6,maxWidth:120,width:"100%",borderRadius:6,overflow:"hidden",position:"relative",color:e.vars.palette.text.primary,backgroundColor:i(e.vars.palette.grey["500Channel"],.2)})),Pe=styled(N)(()=>({top:0,bottom:0,width:"100%",left:"-100%",position:"absolute",backgroundColor:"currentColor"}));function Uo({value:e,sx:o,...r}){return jsx(we,{"data-testid":"carousel-progress",sx:o,className:p.progress,...r,children:jsx(Pe,{"data-testid":"carousel-progress-bar",className:p.progressBar,sx:{transform:`translate3d(${e}%, 0px, 0px)`}})})}var Ne=forwardRef(({children:e,slotProps:o,options:r,sx:t,...u},a)=>{let s=r?.axis??"x",n=r?.slideSpacing??"12px",l=Oe(s),c=Children.map(e,i=>{if(isValidElement(i)){let m=i;return jsx(w,{options:{...r,slideSpacing:n},sx:o?.slide,children:i},m.key)}return null});return jsx(T,{ref:a,axis:s,"data-testid":"carousel-root",className:p.thumbs,sx:{flexShrink:0,...s==="x"&&{p:.5,maxWidth:1},...s==="y"&&{p:.5,maxHeight:1},...!o?.disableMask&&l,...t},...u,children:jsx(R,{component:"ul",axis:s,"data-testid":"carousel-container",slideSpacing:n,className:p.thumbContainer,sx:{...o?.container},children:c})})});Ne.displayName="CarouselThumbs";function Go({thumbType:e="image",sx:o,src:r,index:t,selected:u,imageRender:a,thumbAlt:s,...n}){if(e==="image"&&(r||a)){let l={width:1,height:1,aspectRatio:1,objectFit:"cover",borderRadius:"inherit"};return jsx(J,{className:p.thumb,"data-testid":"carousel-thumb",sx:{width:64,height:64,opacity:.48,flexShrink:0,cursor:"pointer",borderRadius:1.25,transition:c=>c.transitions.create(["opacity","box-shadow"],{easing:c.transitions.easing.sharp,duration:c.transitions.duration.short}),...u&&{opacity:1,boxShadow:c=>`0 0 0 2px ${c.vars.palette.primary.main}`},...o},...n,children:a?.({sx:l,classes:p.thumbImage})||jsx(N,{component:"img",alt:s||`Imagem do slide ${t}`,src:r,"data-testid":"carousel-thumb-image",className:p.thumbImage,sx:l})})}return e==="video"?jsx(J,{className:p.thumb,"data-testid":"carousel-thumb",sx:{width:64,height:64,opacity:.48,flexShrink:0,cursor:"pointer",borderRadius:1.25,color:l=>l.vars.palette.primary.main,transition:l=>l.transitions.create(["opacity","box-shadow"],{easing:l.transitions.easing.sharp,duration:l.transitions.duration.short}),...u&&{opacity:1,boxShadow:l=>`0 0 0 2px ${l.vars.palette.primary.main}`},...o},...n,children:jsx(a$1,{icon:"PLAY_CIRCLE",width:32})}):null}function Oe(e){let o=useTheme(),r={zIndex:9,content:'""',position:"absolute"},t=`${o.vars.palette.background.paper} 20%, ${i(o.vars.palette.background.paperChannel,0)} 100%)`;return e==="y"?{"&::before, &::after":{...r,left:0,height:40,width:"100%"},"&::before":{top:-8,background:`linear-gradient(to bottom, ${t}`},"&::after":{bottom:-8,background:`linear-gradient(to top, ${t}`}}:{"&::before, &::after":{...r,top:0,width:40,height:"100%"},"&::before":{left:-8,background:`linear-gradient(to right, ${t}`},"&::after":{right:-8,background:`linear-gradient(to left, ${t}`}}}var A=e=>{let[o,r]=useState(!0),[t,u]=useState(!0),a=useCallback(()=>{e&&e.scrollPrev();},[e]),s=useCallback(()=>{e&&e.scrollNext();},[e]),n=useCallback(l=>{r(!l.canScrollPrev()),u(!l.canScrollNext());},[]);return useEffect(()=>{if(e)return n(e),e.on("reInit",n),e.on("select",n),()=>{e.off("reInit",n),e.off("select",n);}},[e,n]),{disablePrev:o,disableNext:t,onClickPrev:a,onClickNext:s}};function oe(e){let[o,r]=useState(!1),t=useCallback(a=>{let s=e?.plugins()?.autoplay;if(!s)return;(s.options.stopOnInteraction===!1?s.reset:s.stop)(),a();},[e]),u=useCallback(()=>{let a=e?.plugins()?.autoplay;if(!a)return;(a.isPlaying()?a.stop:a.play)();},[e]);return useEffect(()=>{let a=e?.plugins()?.autoplay;a&&(r(a.isPlaying()),e.on("autoplay:play",()=>r(!0)).on("autoplay:stop",()=>r(!1)).on("reInit",()=>r(!1)));},[e]),{isPlaying:o,onTogglePlay:u,onClickAutoplay:t}}function re(e){let[o,r]=useState(!1),t=useCallback(a=>{let s=e?.plugins()?.autoScroll;if(!s)return;(s.options.stopOnInteraction===!1?s.reset:s.stop)(),a();},[e]),u=useCallback(()=>{let a=e?.plugins()?.autoScroll;if(!a)return;(a.isPlaying()?a.stop:a.play)();},[e]);return useEffect(()=>{let a=e?.plugins()?.autoScroll;a&&(r(a.isPlaying()),e.on("autoScroll:play",()=>r(!0)).on("autoScroll:stop",()=>r(!1)).on("reInit",()=>r(!1)));},[e]),{isPlaying:o,onTogglePlay:u,onClickAutoplay:t}}function se(e){let[o,r]=useState(0),[t,u]=useState(0),[a,s]=useState([]),n=useCallback(i=>{e&&e.scrollTo(i);},[e]),l=useCallback(i=>{s(i.scrollSnapList());},[]),c=useCallback(i=>{u(i.selectedScrollSnap()),r(i.scrollSnapList().length);},[]);return useEffect(()=>{if(e)return l(e),c(e),e.on("reInit",l),e.on("reInit",c),e.on("select",c),()=>{e.off("reInit",l),e.off("reInit",c),e.off("select",c);}},[e,l,c]),{dotCount:o,scrollSnaps:a,selectedIndex:t,onClickDot:n}}function ne(e,o){let r=useRef(0),t=useRef([]),u=typeof o=="number"?o:.24,a=useCallback(l=>{t.current=l.slideNodes().map(c=>c.querySelector(".slide__parallax__layer"));},[]),s=useCallback(l=>{r.current=u*l.scrollSnapList().length;},[u]),n=useCallback((l,c)=>{let i=l.internalEngine(),m=l.scrollProgress(),d=l.slidesInView(),S=c==="scroll";l.scrollSnapList().forEach((f,y)=>{let x=f-m;i.slideRegistry[y].forEach(k=>{if(S&&!d.includes(k))return;i.options.loop&&i.slideLooper.loopPoints.forEach(D=>{let M=D.target();if(k===D.index&&M!==0){let V=Math.sign(M);V===-1&&(x=f-(1+m)),V===1&&(x=f+(1-m));}});let ce=x*(-1*r.current)*100,U=t.current[k];U&&(U.style.transform=`translateX(${ce}%)`);});});},[]);return useEffect(()=>{if(!(!e||!o))return a(e),s(e),n(e),e.on("reInit",a).on("reInit",s).on("reInit",n).on("scroll",n),()=>{e.off("reInit",a).off("reInit",s).off("reInit",n).off("scroll",n);}},[e,n]),null}function le(e){let[o,r]=useState(0),t=useCallback(u=>{let a=Math.max(0,Math.min(1,u.scrollProgress()));r(a*100);},[]);return useEffect(()=>{if(e)return t(e),e.on("reInit",t),e.on("scroll",t),()=>{e.off("reInit",t).off("scroll",t);}},[e,t]),{value:o}}function ue(e,o){let[r,t]=Xe({containScroll:"keepSnaps",dragFree:!0,...o}),[u,a]=useState(0),s=useCallback(l=>{!e||!t||e.scrollTo(l);},[e,t]),n=useCallback(()=>{!e||!t||(a(e.selectedScrollSnap()),t.scrollTo(e.selectedScrollSnap()));},[e,t,a]);return useEffect(()=>{if(e)return n(),e.on("select",n),e.on("reInit",n),()=>{e.off("select",n),e.off("reInit",n);}},[e,n]),{onClickThumb:s,thumbsRef:r,thumbsApi:t,selectedIndex:u}}var vt=(e,o)=>{let[r,t]=Xe(e,o),{disablePrev:u,disableNext:a,onClickPrev:s,onClickNext:n}=A(t),l=o?.map(y=>y.name),c=se(t),i=oe(t),m=re(t),d=le(t),S=ue(t,e?.thumbs);ne(t,e?.parallax);let f=useMemo(()=>l?.includes("autoplay")?{onClickPrev:()=>i.onClickAutoplay(s),onClickNext:()=>i.onClickAutoplay(n)}:l?.includes("autoScroll")?{onClickPrev:()=>m.onClickAutoplay(s),onClickNext:()=>m.onClickAutoplay(n)}:{onClickPrev:s,onClickNext:n},[m,i,n,s,l]);return {options:{...e,...t?.internalEngine().options},pluginNames:l,mainRef:r,mainApi:t,arrows:{disablePrev:u,disableNext:a,onClickPrev:f.onClickPrev,onClickNext:f.onClickNext},dots:c,thumbs:S,progress:d,autoplay:i,autoScroll:m}};
|
|
14
|
+
var Ge={xs:"(min-width: 0px)",sm:"(min-width: 600px)",md:"(min-width: 900px)",lg:"(min-width: 1200px)",xl:"(min-width: 1536px)"};var p={root:"mnl__carousel__root",container:"mnl__carousel__container",dots:"mnl__carousel__dots",dot:"mnl__carousel__dot",arrows:"mnl__carousel__arrows",arrowsLabel:"mnl__carousel__arrows_label",arrowPrev:"mnl__carousel__btn--prev",arrowNext:"mnl__carousel__btn--next",arrowSvg:"mnl__carousel__btn__svg",slide:"mnl__carousel__slide",slideContent:"mnl__carousel__slide__content",thumbs:"mnl__carousel__thumbs",thumb:"mnl__carousel__thumb",thumbContainer:"mnl__carousel__thumbs__container",thumbImage:"mnl__carousel__thumb__image",progress:"mnl__carousel__progress",progressBar:"mnl__carousel__progress__bar",state:{selected:"state--selected",disabled:"state--disabled"}};var pe=styled(N,{shouldForwardProp:e=>e!=="axis"&&e!=="slideSpacing"})(({axis:e,slideSpacing:o})=>({display:"block",position:"relative",...e==="x"&&{minWidth:0,paddingLeft:o},...e==="y"&&{minHeight:0,paddingTop:o}})),me=styled(N)(()=>({overflow:"hidden",position:"relative",borderRadius:"inherit"}));function w({sx:e,options:o,children:r,...t}){let i=de(o?.slidesToShow);return jsx(pe,{component:"li",axis:o?.axis??"x",slideSpacing:o?.slideSpacing,className:p.slide,sx:{flex:i,...e},...t,children:o?.parallax?jsx(me,{className:p.slideContent,children:jsx("div",{className:"slide__parallax__layer",children:r})}):r})}function de(e){return e&&typeof e=="object"?Object.keys(e).reduce((o,r)=>{let t=e[r];return o[r]=W(t),o},{}):W(e)}function W(e=1){if(typeof e=="string"){if(!(e==="auto"||e.endsWith("%")||e.endsWith("px")))throw new Error("Only accepts values: auto, px, %, or number.");return `0 0 ${e}`}if(typeof e=="number")return `0 0 ${100/e}%`;throw new Error("Invalid value type. Only accepts values: auto, px, %, or number.")}var T=styled(N,{shouldForwardProp:e=>e!=="axis"})(({axis:e})=>({margin:"auto",width:"100%",maxWidth:"100%",overflow:"hidden",position:"relative",...e==="y"&&{height:"100%"}})),R=styled(N,{shouldForwardProp:e=>e!=="axis"&&e!=="slideSpacing"})(({axis:e,slideSpacing:o})=>({display:"flex",backfaceVisibility:"hidden",...e==="x"&&{touchAction:"pan-y pinch-zoom",marginLeft:`calc(${o} * -1)`},...e==="y"&&{height:"100%",flexDirection:"column",touchAction:"pan-x pinch-zoom",marginTop:`calc(${o} * -1)`}}));function io({carousel:e,children:o,sx:r,slotProps:t,...i}){let{mainRef:n,options:s}=e,a=s?.axis??"x",l=s?.slideSpacing??"0px",c=s?.direction??"ltr",u=Children.map(o,m=>{if(isValidElement(m)){let d=m;return jsx(w,{options:e.options,sx:t?.slide,...i,children:m},d.key)}return null});return jsx(T,{sx:r,axis:a,ref:n,dir:c,className:p.root,children:jsx(R,{component:"ul",axis:a,slideSpacing:l,className:p.container,sx:{...e.pluginNames?.includes("autoHeight")&&{alignItems:"flex-start",transition:m=>m.transitions.create(["height"],{easing:m.transitions.easing.easeInOut,duration:m.transitions.duration.shorter})},...t?.container},children:u})})}function Co({options:e,slotProps:o,totalSlides:r,selectedIndex:t,onClickPrev:i,onClickNext:n,disablePrev:s,disableNext:a,sx:l,...c}){return jsxs(Y,{direction:"row",alignItems:"center",display:"inline-flex",className:p.arrows,sx:{gap:.5,zIndex:9,color:"action.active",...l},...c,children:[jsx(h,{variant:"prev",options:e,disabled:s,onClick:i,svgIcon:o?.prevBtn?.svgIcon,svgSize:o?.prevBtn?.svgSize,sx:o?.prevBtn?.sx}),jsx(h,{variant:"next",options:e,disabled:a,onClick:n,svgIcon:o?.nextBtn?.svgIcon,svgSize:o?.prevBtn?.svgSize,sx:o?.prevBtn?.sx})]})}function ho({options:e,slotProps:o,totalSlides:r,selectedIndex:t,onClickPrev:i$1,onClickNext:n,disablePrev:s,disableNext:a,sx:l,...c}){let u=useTheme();return jsxs(Y,{direction:"row",alignItems:"center",display:"inline-flex",className:p.arrows,sx:{p:.5,gap:.25,zIndex:9,borderRadius:1.25,color:"common.white",bgcolor:i(u.vars.palette.grey["900Channel"],.48),...l},...c,children:[jsx(h,{variant:"prev",options:e,disabled:s,onClick:i$1,sx:{p:.75,borderRadius:"inherit",...o?.prevBtn?.sx},svgIcon:o?.prevBtn?.svgIcon,svgSize:o?.prevBtn?.svgSize??16}),jsxs(N,{component:"span",className:p.arrowsLabel,sx:{mx:.5,typography:"subtitle2"},"data-testid":"carousel-number-display",children:[t,"/",r]}),jsx(h,{variant:"next",options:e,disabled:a,onClick:n,sx:{p:.75,borderRadius:"inherit",...o?.nextBtn?.sx},svgIcon:o?.nextBtn?.svgIcon,svgSize:o?.prevBtn?.svgSize??16})]})}function So({options:e,slotProps:o,onClickPrev:r,onClickNext:t,disablePrev:i,disableNext:n}){let s={zIndex:9,top:"50%",borderRadius:1.5,position:"absolute",color:"common.white",bgcolor:"text.primary",transform:"translateY(-50%)","&:hover":{opacity:.8},[a.dark]:{color:"grey.800"}};return jsxs(Fragment,{children:[jsx(h,{variant:"prev",options:e,disabled:i,onClick:r,svgIcon:o?.prevBtn?.svgIcon,svgSize:o?.prevBtn?.svgSize,sx:{left:-16,...s,...o?.prevBtn?.sx}}),jsx(h,{variant:"next",options:e,disabled:n,onClick:t,svgIcon:o?.nextBtn?.svgIcon,svgSize:o?.nextBtn?.svgSize,sx:{right:-16,...s,...o?.nextBtn?.sx}})]})}function h({sx:e,svgIcon:o,svgSize:r,options:t,variant:i,...n}){let s=i==="prev",a=i==="next",l=o||jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M15.488 4.43a.75.75 0 0 1 .081 1.058L9.988 12l5.581 6.512a.75.75 0 1 1-1.138.976l-6-7a.75.75 0 0 1 0-.976l6-7a.75.75 0 0 1 1.057-.081",clipRule:"evenodd"}),c=o||jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M8.512 4.43a.75.75 0 0 1 1.057.082l6 7a.75.75 0 0 1 0 .976l-6 7a.75.75 0 0 1-1.138-.976L14.012 12L8.431 5.488a.75.75 0 0 1 .08-1.057",clipRule:"evenodd"});return jsx(J,{className:s?p.arrowPrev:p.arrowPrev,"aria-label":s?"Prev button":"Next button",sx:{p:1,borderRadius:"50%",boxSizing:"content-box",transition:u=>u.transitions.create(["all"],{easing:u.transitions.easing.sharp,duration:u.transitions.duration.short}),[`&.${buttonBaseClasses.disabled}`]:{opacity:.4},...e,...t?.direction==="rtl"&&{...s&&{right:-16,left:"auto"},...a&&{left:-16,right:"auto"}}},...n,children:jsx(he,{className:p.arrowSvg,sx:{width:r??20,height:r??20,...t?.axis==="y"&&{transform:" rotate(90deg)"},...t?.direction==="rtl"&&{transform:" scaleX(-1)"}},children:s?l:c})})}function To({sx:e,gap:o,slotProps:r,onClickDot:t,scrollSnaps:i$1,selectedIndex:n,fallbackCount:s=1,variant:a$1="circular",fallback:l=!1,...c}){let u=useTheme(),m={number:o??6,rounded:o??2,circular:o??2},d={circular:r?.dot?.size??18,number:r?.dot?.size??28},S=jsx(N,{sx:{height:d.circular,width:`calc(${s*d.circular+m.circular*(s-1)}px )`,...a$1==="number"&&{height:d.number,width:`calc(${s*d.number+m.number*(s-1)}px )`}}}),f={circular:y=>({width:d.circular,height:d.circular,"&::before":{width:8,height:8,content:'""',opacity:.24,borderRadius:"50%",bgcolor:"primary.main",transition:u.transitions.create(["opacity"],{easing:u.transitions.easing.sharp,duration:u.transitions.duration.short}),...y&&{opacity:1}}}),rounded:y=>({width:d.circular,height:d.circular,"&::before":{width:8,height:8,content:'""',opacity:.24,borderRadius:"50%",bgcolor:"primary.main",transition:u.transitions.create(["width","opacity"],{easing:u.transitions.easing.sharp,duration:u.transitions.duration.short}),...y&&{width:"calc(100% - 4px)",opacity:1,borderRadius:1}}}),number:y=>({width:d.number,height:d.number,borderRadius:"50%",typography:"caption",color:"text.disabled",border:`solid 1px ${i(u.vars.palette.grey["500Channel"],.16)}`,...y&&{color:"common.white",bgcolor:"text.primary",fontWeight:"fontWeightSemiBold",[a.dark]:{color:"grey.800"}}})};return jsx(_e,{fallback:l?S:null,children:jsx(N,{"data-testid":"carousel-dots",component:"ul",className:p.dots,sx:{zIndex:9,display:"inline-flex",...a$1==="circular"&&{gap:`${m.circular}px`},...a$1==="rounded"&&{gap:`${m.rounded}px`},...a$1==="number"&&{gap:`${m.number}px`},...e},...c,children:i$1.map((y,x)=>{let v=x===n;return jsx(N,{component:"li",sx:{display:"inline-flex"},children:jsx(J,{disableRipple:!0,"aria-label":`dot-${x}`,className:p.dot.concat(v?` ${p.state.selected}`:""),onClick:()=>t(x),sx:{...a$1==="circular"&&f.circular(v),...a$1==="rounded"&&f.rounded(v),...a$1==="number"&&f.number(v),[`&.${p.state.selected}`]:{...r?.dot?.selected},...r?.dot?.sx},children:a$1==="number"&&x+1})},x)})})})}var we=styled(N)(({theme:e})=>({height:6,maxWidth:120,width:"100%",borderRadius:6,overflow:"hidden",position:"relative",color:e.vars.palette.text.primary,backgroundColor:i(e.vars.palette.grey["500Channel"],.2)})),Pe=styled(N)(()=>({top:0,bottom:0,width:"100%",left:"-100%",position:"absolute",backgroundColor:"currentColor"}));function Uo({value:e,sx:o,...r}){return jsx(we,{"data-testid":"carousel-progress",sx:o,className:p.progress,...r,children:jsx(Pe,{"data-testid":"carousel-progress-bar",className:p.progressBar,sx:{transform:`translate3d(${e}%, 0px, 0px)`}})})}var Ne=forwardRef(({children:e,slotProps:o,options:r,sx:t,...i},n)=>{let s=r?.axis??"x",a=r?.slideSpacing??"12px",l=Oe(s),c=Children.map(e,u=>{if(isValidElement(u)){let m=u;return jsx(w,{options:{...r,slideSpacing:a},sx:o?.slide,children:u},m.key)}return null});return jsx(T,{ref:n,axis:s,"data-testid":"carousel-root",className:p.thumbs,sx:{flexShrink:0,...s==="x"&&{p:.5,maxWidth:1},...s==="y"&&{p:.5,maxHeight:1},...!o?.disableMask&&l,...t},...i,children:jsx(R,{component:"ul",axis:s,"data-testid":"carousel-container",slideSpacing:a,className:p.thumbContainer,sx:{...o?.container},children:c})})});Ne.displayName="CarouselThumbs";function Go({thumbType:e="image",sx:o,src:r,index:t,selected:i,imageRender:n,thumbAlt:s,...a}){if(e==="image"&&(r||n)){let l={width:1,height:1,aspectRatio:1,objectFit:"cover",borderRadius:"inherit"};return jsx(J,{className:p.thumb,"data-testid":"carousel-thumb",sx:{width:64,height:64,opacity:.48,flexShrink:0,cursor:"pointer",borderRadius:1.25,transition:c=>c.transitions.create(["opacity","box-shadow"],{easing:c.transitions.easing.sharp,duration:c.transitions.duration.short}),...i&&{opacity:1,boxShadow:c=>`0 0 0 2px ${c.vars.palette.primary.main}`},...o},...a,children:n?.({sx:l,classes:p.thumbImage})||jsx(N,{component:"img",alt:s||`Imagem do slide ${t}`,src:r,"data-testid":"carousel-thumb-image",className:p.thumbImage,sx:l})})}return e==="video"?jsx(J,{className:p.thumb,"data-testid":"carousel-thumb",sx:{width:64,height:64,opacity:.48,flexShrink:0,cursor:"pointer",borderRadius:1.25,color:l=>l.vars.palette.primary.main,transition:l=>l.transitions.create(["opacity","box-shadow"],{easing:l.transitions.easing.sharp,duration:l.transitions.duration.short}),...i&&{opacity:1,boxShadow:l=>`0 0 0 2px ${l.vars.palette.primary.main}`},...o},...a,children:jsx(a$1,{icon:"PLAY_CIRCLE",width:32})}):null}function Oe(e){let o=useTheme(),r={zIndex:9,content:'""',position:"absolute"},t=`${o.vars.palette.background.paper} 20%, ${i(o.vars.palette.background.paperChannel,0)} 100%)`;return e==="y"?{"&::before, &::after":{...r,left:0,height:40,width:"100%"},"&::before":{top:-8,background:`linear-gradient(to bottom, ${t}`},"&::after":{bottom:-8,background:`linear-gradient(to top, ${t}`}}:{"&::before, &::after":{...r,top:0,width:40,height:"100%"},"&::before":{left:-8,background:`linear-gradient(to right, ${t}`},"&::after":{right:-8,background:`linear-gradient(to left, ${t}`}}}var A=e=>{let[o,r]=useState(!0),[t,i]=useState(!0),n=useCallback(()=>{e&&e.scrollPrev();},[e]),s=useCallback(()=>{e&&e.scrollNext();},[e]),a=useCallback(l=>{r(!l.canScrollPrev()),i(!l.canScrollNext());},[]);return useEffect(()=>{if(e)return a(e),e.on("reInit",a),e.on("select",a),()=>{e.off("reInit",a),e.off("select",a);}},[e,a]),{disablePrev:o,disableNext:t,onClickPrev:n,onClickNext:s}};function oe(e){let[o,r]=useState(!1),t=useCallback(n=>{let s=e?.plugins()?.autoplay;if(!s)return;(s.options.stopOnInteraction===!1?s.reset:s.stop)(),n();},[e]),i=useCallback(()=>{let n=e?.plugins()?.autoplay;if(!n)return;(n.isPlaying()?n.stop:n.play)();},[e]);return useEffect(()=>{let n=e?.plugins()?.autoplay;n&&(r(n.isPlaying()),e.on("autoplay:play",()=>r(!0)).on("autoplay:stop",()=>r(!1)).on("reInit",()=>r(!1)));},[e]),{isPlaying:o,onTogglePlay:i,onClickAutoplay:t}}function re(e){let[o,r]=useState(!1),t=useCallback(n=>{let s=e?.plugins()?.autoScroll;if(!s)return;(s.options.stopOnInteraction===!1?s.reset:s.stop)(),n();},[e]),i=useCallback(()=>{let n=e?.plugins()?.autoScroll;if(!n)return;(n.isPlaying()?n.stop:n.play)();},[e]);return useEffect(()=>{let n=e?.plugins()?.autoScroll;n&&(r(n.isPlaying()),e.on("autoScroll:play",()=>r(!0)).on("autoScroll:stop",()=>r(!1)).on("reInit",()=>r(!1)));},[e]),{isPlaying:o,onTogglePlay:i,onClickAutoplay:t}}function se(e){let[o,r]=useState(0),[t,i]=useState(0),[n,s]=useState([]),a=useCallback(u=>{e&&e.scrollTo(u);},[e]),l=useCallback(u=>{s(u.scrollSnapList());},[]),c=useCallback(u=>{i(u.selectedScrollSnap()),r(u.scrollSnapList().length);},[]);return useEffect(()=>{if(e)return l(e),c(e),e.on("reInit",l),e.on("reInit",c),e.on("select",c),()=>{e.off("reInit",l),e.off("reInit",c),e.off("select",c);}},[e,l,c]),{dotCount:o,scrollSnaps:n,selectedIndex:t,onClickDot:a}}function ne(e,o){let r=useRef(0),t=useRef([]),i=typeof o=="number"?o:.24,n=useCallback(l=>{t.current=l.slideNodes().map(c=>c.querySelector(".slide__parallax__layer"));},[]),s=useCallback(l=>{r.current=i*l.scrollSnapList().length;},[i]),a=useCallback((l,c)=>{let u=l.internalEngine(),m=l.scrollProgress(),d=l.slidesInView(),S=c==="scroll";l.scrollSnapList().forEach((f,y)=>{let x=f-m;u.slideRegistry[y].forEach(k=>{if(S&&!d.includes(k))return;u.options.loop&&u.slideLooper.loopPoints.forEach(D=>{let M=D.target();if(k===D.index&&M!==0){let V=Math.sign(M);V===-1&&(x=f-(1+m)),V===1&&(x=f+(1-m));}});let ce=x*(-1*r.current)*100,U=t.current[k];U&&(U.style.transform=`translateX(${ce}%)`);});});},[]);return useEffect(()=>{if(!(!e||!o))return n(e),s(e),a(e),e.on("reInit",n).on("reInit",s).on("reInit",a).on("scroll",a),()=>{e.off("reInit",n).off("reInit",s).off("reInit",a).off("scroll",a);}},[e,a]),null}function le(e){let[o,r]=useState(0),t=useCallback(i=>{let n=Math.max(0,Math.min(1,i.scrollProgress()));r(n*100);},[]);return useEffect(()=>{if(e)return t(e),e.on("reInit",t),e.on("scroll",t),()=>{e.off("reInit",t).off("scroll",t);}},[e,t]),{value:o}}function ue(e,o){let[r,t]=Xe({containScroll:"keepSnaps",dragFree:!0,...o}),[i,n]=useState(0),s=useCallback(l=>{!e||!t||e.scrollTo(l);},[e,t]),a=useCallback(()=>{!e||!t||(n(e.selectedScrollSnap()),t.scrollTo(e.selectedScrollSnap()));},[e,t,n]);return useEffect(()=>{if(e)return a(),e.on("select",a),e.on("reInit",a),()=>{e.off("select",a),e.off("reInit",a);}},[e,a]),{onClickThumb:s,thumbsRef:r,thumbsApi:t,selectedIndex:i}}var vt=(e,o)=>{let[r,t]=Xe(e,o),{disablePrev:i,disableNext:n,onClickPrev:s,onClickNext:a}=A(t),l=o?.map(y=>y.name),c=se(t),u=oe(t),m=re(t),d=le(t),S=ue(t,e?.thumbs);ne(t,e?.parallax);let f=useMemo(()=>l?.includes("autoplay")?{onClickPrev:()=>u.onClickAutoplay(s),onClickNext:()=>u.onClickAutoplay(a)}:l?.includes("autoScroll")?{onClickPrev:()=>m.onClickAutoplay(s),onClickNext:()=>m.onClickAutoplay(a)}:{onClickPrev:s,onClickNext:a},[m,u,a,s,l]);return {options:{...e,...t?.internalEngine().options},pluginNames:l,mainRef:r,mainApi:t,arrows:{disablePrev:i,disableNext:n,onClickPrev:f.onClickPrev,onClickNext:f.onClickNext},dots:c,thumbs:S,progress:d,autoplay:u,autoScroll:m}};
|
|
15
15
|
|
|
16
16
|
export { h as ArrowButton, io as Carousel, Co as CarouselArrowBasicButtons, So as CarouselArrowFloatButtons, ho as CarouselArrowNumberButtons, To as CarouselDotButtons, Uo as CarouselProgressBar, w as CarouselSlide, Go as CarouselThumb, Ne as CarouselThumbs, R as StyledContainer, T as StyledRoot, Ge as carouselBreakpoints, p as carouselClasses, vt as useCarousel };
|