euv-example 0.34.2

An example application demonstrating the euv UI framework with reactive signals, custom components, and WebAssembly.
Documentation
/// The title text for the header on the advanced demo page.
pub(crate) const ADVANCED_HEADER_TITLE: &str = "Advanced Components";

/// The subtitle text for the header on the advanced demo page.
pub(crate) const ADVANCED_HEADER_SUBTITLE: &str = "Grids, sticky blocks, time pickers, transfers, tree selects, cascaders and mentions — the components that round out the library.";

/// The section heading for the grid card.
pub(crate) const ADVANCED_GRID_CARD_TITLE: &str = "Grid";

/// The hint text explaining the grid.
pub(crate) const ADVANCED_GRID_HINT: &str = "A row is twenty-four columns wide. The first column takes a quarter of the row, the second a half, and the third the rest.";

/// The label of the first grid column.
pub(crate) const ADVANCED_GRID_FIRST: &str = "Six columns";

/// The label of the second grid column.
pub(crate) const ADVANCED_GRID_SECOND: &str = "Twelve columns";

/// The label of the third grid column.
pub(crate) const ADVANCED_GRID_THIRD: &str = "Six columns";

/// The section heading for the pickers card.
pub(crate) const ADVANCED_PICKER_CARD_TITLE: &str = "Pickers";

/// The label above the time picker.
pub(crate) const ADVANCED_TIME_LABEL: &str = "Time";

/// The placeholder shown when no time is chosen.
pub(crate) const ADVANCED_TIME_PLACEHOLDER: &str = "Pick a time";

/// The first hour the time picker offers.
pub(crate) const ADVANCED_TIME_MIN_HOUR: u32 = 0;

/// The last hour the time picker offers.
pub(crate) const ADVANCED_TIME_MAX_HOUR: u32 = 23;

/// The minute step the time picker offers.
pub(crate) const ADVANCED_TIME_MINUTE_STEP: u32 = 15;

/// The label above the tree select.
pub(crate) const ADVANCED_TREE_LABEL: &str = "Region";

/// The placeholder shown when no node is chosen.
pub(crate) const ADVANCED_TREE_PLACEHOLDER: &str = "Pick a region";

/// The label above the cascader.
pub(crate) const ADVANCED_CASCADER_LABEL: &str = "Location";

/// The placeholder shown when no path is chosen.
pub(crate) const ADVANCED_CASCADER_PLACEHOLDER: &str = "Pick a location";

/// The label above the mentions field.
pub(crate) const ADVANCED_MENTION_LABEL: &str = "Assignee";

/// The placeholder shown in the mentions field.
pub(crate) const ADVANCED_MENTION_PLACEHOLDER: &str = "Type @ to mention";

/// The section heading for the transfer card.
pub(crate) const ADVANCED_TRANSFER_CARD_TITLE: &str = "Transfer";

/// The title of the transfer's source list.
pub(crate) const ADVANCED_TRANSFER_SOURCE_TITLE: &str = "Available";

/// The title of the transfer's target list.
pub(crate) const ADVANCED_TRANSFER_TARGET_TITLE: &str = "Chosen";

/// The section heading for the affix card.
pub(crate) const ADVANCED_AFFIX_CARD_TITLE: &str = "Sticky Block";

/// The hint text explaining the affix.
pub(crate) const ADVANCED_AFFIX_HINT: &str = "This block sticks to the top of its scroll container. Scroll the page to see it hold its place.";

/// The text of the sticky block.
pub(crate) const ADVANCED_AFFIX_TEXT: &str = "Sticky at 64px";

/// The offset the sticky block holds, in pixels.
pub(crate) const ADVANCED_AFFIX_OFFSET: u32 = 64;

// The lines the demo writes into the console panel when a callback runs.
pub(crate) const ADVANCED_CASCADER_LOG: &str = "cascader chose {value}";
pub(crate) const ADVANCED_MENTIONS_LOG: &str = "mention chose {value}";
pub(crate) const ADVANCED_TRANSFER_LOG: &str = "row {value} moved";

/// The label of the Europe region node.
pub(crate) const ADVANCED_REGION_EUROPE_LABEL: &str = "Europe";

/// The value of the Europe region node.
pub(crate) const ADVANCED_REGION_EUROPE_VALUE: &str = "europe";

/// The label of the France region node.
pub(crate) const ADVANCED_REGION_FRANCE_LABEL: &str = "France";

/// The value of the France region node.
pub(crate) const ADVANCED_REGION_FRANCE_VALUE: &str = "france";

/// The label of the Germany region node.
pub(crate) const ADVANCED_REGION_GERMANY_LABEL: &str = "Germany";

/// The value of the Germany region node.
pub(crate) const ADVANCED_REGION_GERMANY_VALUE: &str = "germany";

/// The label of the Asia region node.
pub(crate) const ADVANCED_REGION_ASIA_LABEL: &str = "Asia";

/// The value of the Asia region node.
pub(crate) const ADVANCED_REGION_ASIA_VALUE: &str = "asia";

/// The label of the Japan region node.
pub(crate) const ADVANCED_REGION_JAPAN_LABEL: &str = "Japan";

/// The value of the Japan region node.
pub(crate) const ADVANCED_REGION_JAPAN_VALUE: &str = "japan";