euv-example 0.28.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
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129

/// The HTML id for the modal name input element.
pub(crate) const MODAL_NAME_ID: &str = "modal-name";

/// The HTML id for the modal email input element.
pub(crate) const MODAL_EMAIL_ID: &str = "modal-email";

/// The HTML name attribute for the modal name input element.
pub(crate) const MODAL_NAME_NAME: &str = "name";

/// The HTML name attribute for the modal email input element.
pub(crate) const MODAL_EMAIL_NAME: &str = "email";

/// The HTML input type for the modal name input element.
pub(crate) const MODAL_TEXT_TYPE: &str = "text";

/// The HTML input type for the modal email input element.
pub(crate) const MODAL_EMAIL_TYPE: &str = "email";

/// The HTML autocomplete attribute value for name.
pub(crate) const MODAL_AUTOCOMPLETE_NAME: &str = "name";

/// The HTML autocomplete attribute value for email.
pub(crate) const MODAL_AUTOCOMPLETE_EMAIL: &str = "email";

/// The HTML placeholder for the modal name input element.
pub(crate) const MODAL_NAME_PLACEHOLDER: &str = "Enter your name";

/// The HTML placeholder for the modal email input element.
pub(crate) const MODAL_EMAIL_PLACEHOLDER: &str = "Enter your email";

/// The hint below the nested modal demo.
pub(crate) const MODAL_NESTED_HINT: &str =
    "Press back three times: layer 3, then 2, then 1 close in order before leaving the page.";

/// The body text of the third nested modal layer.
pub(crate) const MODAL_LAYER_3_TEXT: &str = "This is the third and innermost layer.";

/// The title of the third nested modal layer.
pub(crate) const MODAL_LAYER_3_TITLE: &str = "Nested Modal · Layer 3";

/// The label of the button that opens the third nested modal layer.
pub(crate) const MODAL_OPEN_LAYER_3_BUTTON_LABEL: &str = "Open Layer 3";

/// The body text of the second nested modal layer.
pub(crate) const MODAL_LAYER_2_TEXT: &str = "This is the second layer, stacked over layer 1.";

/// The title of the second nested modal layer.
pub(crate) const MODAL_LAYER_2_TITLE: &str = "Nested Modal · Layer 2";

/// The label of the button that opens the second nested modal layer.
pub(crate) const MODAL_OPEN_LAYER_2_BUTTON_LABEL: &str = "Open Layer 2";

/// The hint inside the first nested modal layer.
pub(crate) const MODAL_LAYER_1_HINT: &str =
    "Use the system back gesture to close the topmost layer first.";

/// The body text of the first nested modal layer.
pub(crate) const MODAL_LAYER_1_TEXT: &str =
    "This is the first layer. Open another modal on top of it.";

/// The title of the first nested modal layer.
pub(crate) const MODAL_LAYER_1_TITLE: &str = "Nested Modal · Layer 1";

/// The label of the cancel button.
pub(crate) const MODAL_CANCEL_BUTTON_LABEL: &str = "Cancel";

/// The label of the sign up submit button.
pub(crate) const MODAL_SUBMIT_BUTTON_LABEL: &str = "Submit";

/// The label of the sign up email input.
pub(crate) const MODAL_SIGN_UP_EMAIL_LABEL: &str = "Email";

/// The label of the sign up name input.
pub(crate) const MODAL_SIGN_UP_NAME_LABEL: &str = "Name";

/// The title of the quick sign up modal dialog.
pub(crate) const MODAL_SIGN_UP_TITLE: &str = "Quick Sign Up";

/// The label of the confirm action button.
pub(crate) const MODAL_CONFIRM_BUTTON_LABEL: &str = "Confirm";

/// The body text of the confirm action modal dialog.
pub(crate) const MODAL_CONFIRM_ACTION_TEXT: &str =
    "Are you sure you want to proceed with this action?";

/// The title of the confirm action modal dialog.
pub(crate) const MODAL_CONFIRM_ACTION_TITLE: &str = "Confirm Action";

/// The hint paragraph inside the basic modal dialog.
pub(crate) const MODAL_BASIC_BODY_HINT: &str =
    "Modals are useful for displaying focused content that requires user attention.";

/// The body text of the basic modal dialog.
pub(crate) const MODAL_BASIC_BODY_TEXT: &str =
    "This is a basic modal dialog. Click the close button or the overlay to dismiss.";

/// The card title of the basic modal demo.
pub(crate) const MODAL_BASIC_CARD_TITLE: &str = "Basic Modal";

/// The label of the button that opens a modal.
pub(crate) const MODAL_OPEN_BUTTON_LABEL: &str = "Open";

/// The description of the nested modal demo.
pub(crate) const MODAL_NESTED_CARD_DESC: &str =
    "Three stacked modal layers. The system back gesture closes them one at a time, newest first.";

/// The card title of the nested modal demo.
pub(crate) const MODAL_NESTED_CARD_TITLE: &str = "Nested Modals";

/// The description of the form modal demo.
pub(crate) const MODAL_FORM_CARD_DESC: &str = "A modal containing validated form inputs. Submission is blocked until all validation rules pass.";

/// The card title of the form modal demo.
pub(crate) const MODAL_FORM_CARD_TITLE: &str = "Form Modal";

/// The description of the confirm modal demo.
pub(crate) const MODAL_CONFIRM_CARD_DESC: &str = "A modal that requires the user to confirm or cancel an action. The result is displayed below the button.";

/// The card title of the confirm modal demo.
pub(crate) const MODAL_CONFIRM_CARD_TITLE: &str = "Confirm Modal";

/// The description of the basic modal demo.
pub(crate) const MODAL_BASIC_CARD_DESC: &str = "A simple modal with static text content. Click the close button or the overlay backdrop to dismiss.";

/// The page header subtitle of the modal demo.
pub(crate) const MODAL_PAGE_SUBTITLE: &str = "Overlay dialogs with different content patterns: basic text, confirmation, form input, and nested stacking with back-gesture support.";

/// The page header title of the modal demo.
pub(crate) const MODAL_PAGE_TITLE: &str = "Modal Dialog";