Packages

raxol

2.6.0
2.6.0 2.4.0 2.3.0 2.2.0 2.1.0 2.0.1 2.0.0 1.5.4 1.4.1 1.0.1 1.0.0 0.9.0 0.6.0 0.5.0 0.4.0 0.3.0 0.2.0 0.1.0

Multi-surface application runtime for Elixir. One TEA module renders to terminal, browser (LiveView), SSH, and MCP (agents). 30+ widgets, flexbox + CSS grid, AI agent runtime, distributed swarm with CRDTs, time-travel debugging, session recording, sandboxed REPL, and agentic commerce.

HexDocs

Current section

Files

Jump to
Readme
18 Versions
37 Dependencies
2 Dependants
Files
Activity
raxol lib raxol animation dsl transforms.ex
Raw

lib/raxol/animation/dsl/transforms.ex 

defmodule Raxol.Animation.DSL.Transforms do

  @moduledoc """

  Transform calculation functions for the Animation DSL.



  Computes CSS-style transform strings for slide animations.

  """



  @doc "Calculates from/to transforms for a generic slide (relative movement)."

  def calculate_slide_transform(direction, distance) do

    case direction do

      :up -> {"translateY(#{distance}px)", "translateY(0px)"}

      :down -> {"translateY(-#{distance}px)", "translateY(0px)"}

      :left -> {"translateX(#{distance}px)", "translateX(0px)"}

      :right -> {"translateX(-#{distance}px)", "translateX(0px)"}

    end

  end



  @doc "Calculates from/to transforms for a slide-in animation."

  def calculate_slide_in_transform(direction, distance) do

    case direction do

      :up -> {"translateY(#{distance}px)", "translateY(0px)"}

      :down -> {"translateY(-#{distance}px)", "translateY(0px)"}

      :left -> {"translateX(-#{distance}px)", "translateX(0px)"}

      :right -> {"translateX(#{distance}px)", "translateX(0px)"}

    end

  end



  @doc "Calculates from/to transforms for a slide-out animation."

  def calculate_slide_out_transform(direction, distance) do

    case direction do

      :up -> {"translateY(0px)", "translateY(-#{distance}px)"}

      :down -> {"translateY(0px)", "translateY(#{distance}px)"}

      :left -> {"translateY(0px)", "translateX(-#{distance}px)"}

      :right -> {"translateY(0px)", "translateX(#{distance}px)"}

    end

  end

end