{"version":3,"file":"ShowcaseTicker.BICs8VC3.mjs","names":["useRef","useState"],"sources":["https:/framerusercontent.com/modules/dpDBdBDeZo0A03tdpRiq/PfLJiH8uGfmJ7QecrwVT/ShowcaseTicker.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,useIsStaticRenderer}from\"framer\";import{useEffect,useRef,useState}from\"react\";function proporcao(src){if(!src)return null;const w=/[?&](?:amp;)?width=(\\d+)/.exec(src);const h=/[?&](?:amp;)?height=(\\d+)/.exec(src);return w&&h&&Number(h[1])>0?Number(w[1])/Number(h[1]):null;}/**\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight auto\n */export default function ShowcaseTicker(props){const{img1={},img2={},img3={},img4={},img5={},img6={},img7={},img8={},img9={},img10={},img11={},img12={},direcao=\"esquerda\",velocidade=40,altura=256,espaco=18,radius=14,pausarNoHover=true,pausarForaDaTela=true,desbotarBordas=true,larguraDesbote=80,style}=props;const isStatic=useIsStaticRenderer();const trilhaRef=useRef(null);const raizRef=useRef(null);const[duracao,setDuracao]=useState(30);const[visivel,setVisivel]=useState(true);const[perto,setPerto]=useState(false);const validos=[img1,img2,img3,img4,img5,img6,img7,img8,img9,img10,img11,img12].filter(i=>i?.src).map(imagem=>({imagem}));// duplica a lista para o loop emendar sem salto\nconst sequencia=validos.length?[...validos,...validos]:[];// duração derivada da largura real: mantém a velocidade constante\n// independente de quantas imagens tiverem sido adicionadas\nuseEffect(()=>{const el=trilhaRef.current;if(!el)return;const medir=()=>{const largura=el.scrollWidth/2;if(largura>0)setDuracao(Math.max(4,largura/Math.max(1,velocidade)));};medir();if(typeof ResizeObserver===\"undefined\")return;const ro=new ResizeObserver(medir);ro.observe(el);return()=>ro.disconnect();},[velocidade,altura,espaco,validos.length]);// não anima fora da viewport\nuseEffect(()=>{if(!pausarForaDaTela||isStatic)return;const el=raizRef.current;if(!el||typeof IntersectionObserver===\"undefined\")return;const io=new IntersectionObserver(e=>setVisivel(e[0].isIntersecting),{threshold:0});io.observe(el);return()=>io.disconnect();},[pausarForaDaTela,isStatic]);useEffect(()=>{const el=raizRef.current;if(isStatic||!el||typeof IntersectionObserver===\"undefined\"){setPerto(true);return;}const io=new IntersectionObserver(e=>{if(e[0].isIntersecting){setPerto(true);io.disconnect();}},{rootMargin:\"900px 0px\"});io.observe(el);return()=>io.disconnect();},[isStatic]);if(!sequencia.length){return /*#__PURE__*/_jsx(\"div\",{style:{...style,height:altura,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",background:\"#F4F4F5\",borderRadius:radius,color:\"#8A8F98\",fontFamily:\"'DM Sans', Inter, sans-serif\",fontSize:14},children:\"Adicione imagens no painel\"});}const nomeAnim=direcao===\"direita\"?\"wticker-dir\":\"wticker-esq\";const mascara=desbotarBordas?`linear-gradient(90deg, transparent 0, #000 ${larguraDesbote}px, #000 calc(100% - ${larguraDesbote}px), transparent 100%)`:undefined;return /*#__PURE__*/_jsxs(\"div\",{ref:raizRef,style:{...style,position:\"relative\",width:\"100%\",overflow:\"hidden\",WebkitMaskImage:mascara,maskImage:mascara},children:[/*#__PURE__*/_jsx(\"style\",{children:`\n                @keyframes wticker-esq { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }\n                @keyframes wticker-dir { from { transform: translate3d(-50%,0,0); } to { transform: translate3d(0,0,0); } }\n                .wticker-trilha:hover { animation-play-state: var(--wticker-hover, running); }\n                @media (prefers-reduced-motion: reduce) {\n                    .wticker-trilha { animation: none !important; }\n                }\n            `}),/*#__PURE__*/_jsx(\"div\",{ref:trilhaRef,className:\"wticker-trilha\",style:{display:\"flex\",alignItems:\"center\",gap:espaco,width:\"max-content\",willChange:\"transform\",animationName:isStatic?\"none\":nomeAnim,animationDuration:`${duracao}s`,animationTimingFunction:\"linear\",animationIterationCount:\"infinite\",animationPlayState:visivel?\"running\":\"paused\",[\"--wticker-hover\"]:pausarNoHover?\"paused\":\"running\"},children:sequencia.map((item,i)=>{const razao=proporcao(item.imagem.src);const largura=razao?Math.round(altura*razao):null;return /*#__PURE__*/_jsx(\"img\",{loading:\"lazy\",decoding:\"async\",src:perto?item.imagem.src:undefined,srcSet:perto?item.imagem.srcSet:undefined,sizes:largura?`${largura}px`:undefined,alt:i<validos.length?item.imagem.alt||\"\":\"\",\"aria-hidden\":i>=validos.length,style:{height:altura,width:largura??\"auto\",display:\"block\",borderRadius:radius,flex:\"0 0 auto\",objectFit:\"cover\"}},i);})})]});}addPropertyControls(ShowcaseTicker,{img1:{type:ControlType.ResponsiveImage,title:\"Imagem 1\"},img2:{type:ControlType.ResponsiveImage,title:\"Imagem 2\"},img3:{type:ControlType.ResponsiveImage,title:\"Imagem 3\"},img4:{type:ControlType.ResponsiveImage,title:\"Imagem 4\"},img5:{type:ControlType.ResponsiveImage,title:\"Imagem 5\"},img6:{type:ControlType.ResponsiveImage,title:\"Imagem 6\"},img7:{type:ControlType.ResponsiveImage,title:\"Imagem 7\"},img8:{type:ControlType.ResponsiveImage,title:\"Imagem 8\"},img9:{type:ControlType.ResponsiveImage,title:\"Imagem 9\"},img10:{type:ControlType.ResponsiveImage,title:\"Imagem 10\"},img11:{type:ControlType.ResponsiveImage,title:\"Imagem 11\"},img12:{type:ControlType.ResponsiveImage,title:\"Imagem 12\"},direcao:{type:ControlType.Enum,title:\"Dire\\xe7\\xe3o\",defaultValue:\"esquerda\",options:[\"esquerda\",\"direita\"],optionTitles:[\"← Esquerda\",\"Direita →\"],displaySegmentedControl:true},velocidade:{type:ControlType.Number,title:\"Velocidade\",defaultValue:40,min:5,max:200,step:5,unit:\"px/s\"},altura:{type:ControlType.Number,title:\"Altura\",defaultValue:256,min:80,max:520,step:4,unit:\"px\"},espaco:{type:ControlType.Number,title:\"Espa\\xe7o\",defaultValue:18,min:0,max:80,step:2,unit:\"px\"},radius:{type:ControlType.Number,title:\"Radius\",defaultValue:14,min:0,max:48,step:1,unit:\"px\"},pausarNoHover:{type:ControlType.Boolean,title:\"Pausar no hover\",defaultValue:true},pausarForaDaTela:{type:ControlType.Boolean,title:\"Pausar fora da tela\",defaultValue:true,description:\"Economiza processamento quando n\\xe3o est\\xe1 vis\\xedvel\"},desbotarBordas:{type:ControlType.Boolean,title:\"Desbotar bordas\",defaultValue:true},larguraDesbote:{type:ControlType.Number,title:\"Desbote\",defaultValue:80,min:0,max:260,step:4,unit:\"px\",hidden:p=>!p.desbotarBordas}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ShowcaseTicker\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerSupportedLayoutHeight\":\"auto\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ShowcaseTicker.map"],"mappings":"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"}