Criar Carrossel de forma dinâmica

exemplo de carrossel para fazer um carrossel de forma dinâmica será necessário do seguinte código em mount da tela principal const { signals, utils, toast } = $lib; const { deepsignal } = signals; // funcao utilizada para exemplo de resposta esperada da requisicao function getleads() { return \[ { id 12848, winrate '30%', createdat '09/06/2023', leadname 'nome de lead com exemplo grande para ', expectedvalue 100000000 00, badgecolor '#ba6200' }, com o código pronto podemos passar para a utilização em cada caso, para se mover entre o array na ação de click de um botão ou elemento qualquer deve se ter o seguinte código mostrado abaixo, para próximo e anterior respectivamente $exports = { run() { $state $leads next(); } }; $exports = { run() { $state $leads prev(); }, }; para não haver erros de clicks infinitos também e necessário em mount desses mesmos elementos a acao de desabilitar o botão te que a informação chegue const { effect } = $lib signals; $exports = { init() { effect(() => { this properties disabled = $state $leads? isfirst || $state $leads? isfinished; }); }, }; const { effect } = $lib signals; $exports = { init() { effect(() => { this properties disabled = $state $leads? islast || $state $leads? isfinished; }); }, }; com isso você já estará navegando entre as posições do array, agora para os dados serem mostrados você somente precisara da função effect e de chamar a função ( get lead ) como mostrado abaixo em cada elemento que precisar mostrar o valor, será mostrado dois exemplos const { effect } = $lib signals; $exports = { init() { effect(() => { const { lead } = $state $leads this properties value = lead? id; }) }, }; const { effect } = $lib signals; $exports = { init() { effect(() => { const { lead } = $state $leads this properties value = lead? leadname; }) }, };