Packages

corex

0.1.0-beta.1
0.1.2 0.1.1 0.1.0 0.1.0-rc.1 0.1.0-rc.0 0.1.0-beta.5 0.1.0-beta.4 0.1.0-beta.3 0.1.0-beta.2 0.1.0-beta.1 0.1.0-alpha.33 0.1.0-alpha.32 0.1.0-alpha.31 0.1.0-alpha.30 0.1.0-alpha.29 0.1.0-alpha.28 0.1.0-alpha.27 0.1.0-alpha.26 0.1.0-alpha.25 0.1.0-alpha.24 0.1.0-alpha.23 0.1.0-alpha.22 0.1.0-alpha.21 0.1.0-alpha.20 0.1.0-alpha.19 0.1.0-alpha.18 0.1.0-alpha.17 0.1.0-alpha.16 0.1.0-alpha.15 0.1.0-alpha.14 0.1.0-alpha.13 0.1.0-alpha.12 0.1.0-alpha.11 0.1.0-alpha.10 0.1.0-alpha.9 0.1.0-alpha.8 0.1.0-alpha.7 0.1.0-alpha.6 0.1.0-alpha.5 0.1.0-alpha.4 0.1.0-alpha.3 0.1.0-alpha.2 0.1.0-alpha.1

Accessible and unstyled UI components library written in Elixir and TypeScript that integrates Zag.js state machines into the Phoenix Framework.

HexDocs

Current section

Files

Jump to
Readme
43 Versions
4 Dependencies
Dependants
Files
Activity
corex lib components marquee anatomy.ex
Raw

lib/components/marquee/anatomy.ex 

defmodule Corex.Marquee.Anatomy do

  @moduledoc false



  defmodule Props do

    @moduledoc false

    @enforce_keys [:id, :duration]



    defstruct [

      :id,

      :aria_label,

      :duration,

      :on_pause_change,

      :on_pause_change_client,

      :on_loop_complete,

      :on_loop_complete_client,

      :on_complete,

      :on_complete_client,

      items_count: 0,

      content_count: 2,

      side: "end",

      speed: 50,

      spacing: "1rem",

      auto_fill: true,

      pause_on_interaction: false,

      default_paused: false,

      delay: 0,

      loop_count: 0,

      respect_reduced_motion: true,

      reverse: false,

      dir: "ltr",

      orientation: "horizontal"

    ]



    @type t :: %__MODULE__{

            id: String.t(),

            duration: number(),

            items_count: non_neg_integer(),

            content_count: non_neg_integer(),

            side: String.t(),

            speed: number(),

            spacing: String.t(),

            auto_fill: boolean(),

            pause_on_interaction: boolean(),

            default_paused: boolean(),

            delay: number(),

            loop_count: non_neg_integer(),

            reverse: boolean(),

            dir: String.t(),

            orientation: String.t()

          }

  end



  defmodule Root do

    @moduledoc false

    defstruct [

      :id,

      :aria_label,

      :dir,

      :orientation,

      :duration,

      :spacing,

      :delay,

      :loop_count,

      :translate,

      :respect_reduced_motion,

      default_paused: false

    ]



    @type t :: %__MODULE__{

            id: String.t(),

            aria_label: String.t() | nil,

            dir: String.t(),

            orientation: String.t(),

            duration: number(),

            spacing: String.t(),

            delay: number(),

            loop_count: non_neg_integer(),

            translate: String.t(),

            respect_reduced_motion: boolean(),

            default_paused: boolean()

          }

  end



  defmodule Edge do

    @moduledoc false

    defstruct [:side, :orientation]



    @type t :: %__MODULE__{side: String.t(), orientation: String.t()}

  end



  defmodule Viewport do

    @moduledoc false

    defstruct [:id, :orientation, :side]



    @type t :: %__MODULE__{id: String.t(), orientation: String.t(), side: String.t()}

  end



  defmodule Content do

    @moduledoc false

    defstruct [:root_id, :index, :orientation, :side, :reverse, :dir]



    @type t :: %__MODULE__{

            root_id: String.t(),

            index: non_neg_integer(),

            orientation: String.t(),

            side: String.t(),

            reverse: boolean(),

            dir: String.t() | nil

          }

  end



  defmodule Item do

    @moduledoc false

    defstruct [:orientation, :dir]



    @type t :: %__MODULE__{orientation: String.t(), dir: String.t() | nil}

  end

end