euv-example 0.30.5

An example application demonstrating the euv UI framework with reactive signals, custom components, and WebAssembly.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53

/// The title text for the header of the animation demo page.
pub(crate) const ANIMATION_HEADER_TITLE: &str = "Animation";

/// The subtitle text for the header of the animation demo page.
pub(crate) const ANIMATION_HEADER_SUBTITLE: &str = "CSS transitions, keyframe animations, and reactive style changes. Toggle each demo to see how euv binds Signal state to CSS classes and inline styles for smooth, declarative animations.";

/// The card heading for the fade in / out demo.
pub(crate) const ANIMATION_FADE_CARD_TITLE: &str = "Fade In / Out";

/// The button label shown while the fade demo box is visible.
pub(crate) const ANIMATION_FADE_HIDE_LABEL: &str = "Hide Element";

/// The button label shown while the fade demo box is hidden.
pub(crate) const ANIMATION_FADE_SHOW_LABEL: &str = "Show Element";

/// The explanatory paragraph inside the fade demo box.
pub(crate) const ANIMATION_FADE_DEMO_TEXT: &str = "This element fades in and out with a smooth CSS transition. The visibility is controlled by a Signal — when it becomes true, the node is inserted into the Virtual DOM with a fade-in animation.";

/// The card heading for the CSS keyframe spin demo.
pub(crate) const ANIMATION_SPIN_CARD_TITLE: &str = "CSS Keyframe Spin";

/// The button label shown while the spin animation is running.
pub(crate) const ANIMATION_SPIN_STOP_LABEL: &str = "Stop Spin";

/// The button label shown while the spin animation is stopped.
pub(crate) const ANIMATION_SPIN_START_LABEL: &str = "Start Spin";

/// The card heading for the CSS keyframe pulse demo.
pub(crate) const ANIMATION_PULSE_CARD_TITLE: &str = "CSS Keyframe Pulse";

/// The button label shown while the pulse animation is running.
pub(crate) const ANIMATION_PULSE_STOP_LABEL: &str = "Stop Pulse";

/// The button label shown while the pulse animation is stopped.
pub(crate) const ANIMATION_PULSE_START_LABEL: &str = "Start Pulse";

/// The card heading for the animated progress bar demo.
pub(crate) const ANIMATION_PROGRESS_CARD_TITLE: &str = "Animated Progress Bar";

/// The button label that starts the progress bar.
pub(crate) const ANIMATION_PROGRESS_START_LABEL: &str = "Start";

/// The button label that returns the progress bar to zero.
pub(crate) const ANIMATION_PROGRESS_RESET_LABEL: &str = "Reset";

/// The card heading for the reactive inline scale style demo.
pub(crate) const ANIMATION_SCALE_CARD_TITLE: &str = "Reactive Inline Style (Scale Transform)";

/// The button label shown while the scale box is shrunk.
pub(crate) const ANIMATION_SCALE_RESTORE_LABEL: &str = "Restore";

/// The button label shown while the scale box is at its normal size.
pub(crate) const ANIMATION_SCALE_SHRINK_LABEL: &str = "Shrink";