• Home
• io.github.kitlangton
• example_sjs1_3
• 0.6.5
• source code
• AnimatedCount.scala

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

example.AnimatedCount.scala Maven / Gradle / Ivy

package example

import com.raquo.laminar.api.L.*
import animus.*

case class AnimatedCount($count: Signal[Int]) extends Component:
  val $digits: Signal[List[(String, Int)]] =
    $count.map(_.toString.split("").reverse.zipWithIndex.reverse.toList)

  override def body: HtmlElement =
    div(
      fontWeight("1000"),
      fontSize("24px"),
      padding("0 4px"),
      color("orange"),
      fontFamily("Source Code Pro"),
      display.flex,
      children <-- $digits.splitTransition(_._2) { case (_, _, signal, t0) =>
        div(
          children <-- signal
            .map(_._1)
            .splitOneTransition(identity) { (_, int, _, t1) =>
              div(
                int,
                t0.opacity,
                t0.width,
                t1.height
              )
            }
        )
      }
    )