Demonthos
047ed1e553
This commit adds subtree memoization to Dioxus. Subtree memoization is basically a compile-time step that drastically reduces the amount of work the diffing engine needs to do at runtime by extracting non-changing nodes out into a static "template." Templates are then understood by the various renderers in the ecosystem as a faster way of rendering the same items. For example, in the web, templates are simply a set of DOM Nodes created once and then cloned later. This is the same pattern frameworks like Lithtml and SolidJS use to achieve near-perfect performance. Subtree memoization adds an additional level of complexity to Dioxus. The RSX macro needs to be much smarter to identify changing/nonchanging nodes and generate a mapping between the Template and its runtime counterparts. This commit represents a working starter point for this work, adding support for templates for the web, desktop, liveview, ssr, and native-core renderers. In the future we will try to shrink code generation, generally improve performance, and simplify our implementation.
893 lines
29 KiB
Rust
893 lines
29 KiB
Rust
use crate::elements::*;
|
||
|
||
// map the rsx name of the attribute to the html name of the attribute, the namespace that contains it, and if the attribute is volitile
|
||
pub fn attrbute_to_static_str(
|
||
attr: &str,
|
||
element: &'static str,
|
||
namespace: Option<&'static str>,
|
||
) -> Option<(&'static str, Option<&'static str>, bool)> {
|
||
if namespace == Some("http://www.w3.org/2000/svg") {
|
||
svg::MAPPED_ATTRIBUTES
|
||
.iter()
|
||
.find(|(a, _)| *a == attr)
|
||
.map(|(_, b)| (*b, None, false))
|
||
} else {
|
||
NO_NAMESPACE_ATTRIBUTES
|
||
.iter()
|
||
.find(|&a| *a == attr)
|
||
.map(|a| (*a, None, false))
|
||
.or_else(|| {
|
||
STYLE_ATTRIBUTES
|
||
.iter()
|
||
.find(|(a, _)| *a == attr)
|
||
.map(|(_, b)| (*b, Some("style"), false))
|
||
})
|
||
.or_else(|| {
|
||
MAPPED_ATTRIBUTES
|
||
.iter()
|
||
.find(|(a, _)| *a == attr)
|
||
.map(|(_, b)| (*b, None, false))
|
||
})
|
||
}
|
||
.or_else(|| {
|
||
ELEMENTS_WITH_MAPPED_ATTRIBUTES
|
||
.iter()
|
||
.find_map(|(el, attrs)| {
|
||
(element == *el)
|
||
.then(|| {
|
||
attrs
|
||
.iter()
|
||
.find(|(a, _, _)| *a == attr)
|
||
.map(|(_, b, volitile)| (*b, None, *volitile))
|
||
})
|
||
.flatten()
|
||
})
|
||
})
|
||
.or_else(|| {
|
||
ELEMENTS_WITH_NAMESPACE.iter().find_map(|(el, ns, attrs)| {
|
||
(element == *el && namespace == Some(*ns))
|
||
.then(|| {
|
||
attrs
|
||
.iter()
|
||
.find(|a| **a == attr)
|
||
.map(|a| (*a, None, false))
|
||
})
|
||
.flatten()
|
||
})
|
||
})
|
||
.or_else(|| {
|
||
ELEMENTS_WITHOUT_NAMESPACE.iter().find_map(|(el, attrs)| {
|
||
(element == *el)
|
||
.then(|| {
|
||
attrs
|
||
.iter()
|
||
.find(|a| **a == attr)
|
||
.map(|a| (*a, None, false))
|
||
})
|
||
.flatten()
|
||
})
|
||
})
|
||
}
|
||
|
||
macro_rules! no_namespace_trait_methods {
|
||
(
|
||
$(
|
||
$(#[$attr:meta])*
|
||
$name:ident;
|
||
)*
|
||
) => {
|
||
pub const NO_NAMESPACE_ATTRIBUTES: &'static [&'static str] = &[
|
||
$(
|
||
stringify!($name),
|
||
)*
|
||
];
|
||
};
|
||
}
|
||
|
||
macro_rules! style_trait_methods {
|
||
(
|
||
$(
|
||
$(#[$attr:meta])*
|
||
$name:ident: $lit:literal,
|
||
)*
|
||
) => {
|
||
pub const STYLE_ATTRIBUTES: &'static [(&'static str, &'static str)] = &[
|
||
$(
|
||
(stringify!($name), $lit),
|
||
)*
|
||
];
|
||
};
|
||
}
|
||
|
||
macro_rules! mapped_trait_methods {
|
||
(
|
||
$(
|
||
$(#[$attr:meta])*
|
||
$name:ident: $lit:literal,
|
||
)*
|
||
) => {
|
||
pub const MAPPED_ATTRIBUTES: &'static [(&'static str, &'static str)] = &[
|
||
$(
|
||
(stringify!($name), $lit),
|
||
)*
|
||
("prevent_default", "dioxus-prevent-default"),
|
||
];
|
||
};
|
||
}
|
||
|
||
no_namespace_trait_methods! {
|
||
accesskey;
|
||
|
||
/// The HTML class attribute is used to specify a class for an HTML element.
|
||
///
|
||
/// ## Details
|
||
/// Multiple HTML elements can share the same class.
|
||
///
|
||
/// The class global attribute is a space-separated list of the case-sensitive classes of the element.
|
||
/// Classes allow CSS and Javascript to select and access specific elements via the class selectors or
|
||
/// functions like the DOM method document.getElementsByClassName.
|
||
///
|
||
/// ## Example
|
||
///
|
||
/// ### HTML:
|
||
/// ```html
|
||
/// <p class="note editorial">Above point sounds a bit obvious. Remove/rewrite?</p>
|
||
/// ```
|
||
///
|
||
/// ### CSS:
|
||
/// ```css
|
||
/// .note {
|
||
/// font-style: italic;
|
||
/// font-weight: bold;
|
||
/// }
|
||
///
|
||
/// .editorial {
|
||
/// background: rgb(255, 0, 0, .25);
|
||
/// padding: 10px;
|
||
/// }
|
||
/// ```
|
||
class;
|
||
contenteditable;
|
||
data;
|
||
dir;
|
||
draggable;
|
||
hidden;
|
||
id;
|
||
lang;
|
||
spellcheck;
|
||
style;
|
||
tabindex;
|
||
title;
|
||
translate;
|
||
|
||
role;
|
||
|
||
/// dangerous_inner_html is Dioxus's replacement for using innerHTML in the browser DOM. In general, setting
|
||
/// HTML from code is risky because it’s easy to inadvertently expose your users to a cross-site scripting (XSS)
|
||
/// attack. So, you can set HTML directly from Dioxus, but you have to type out dangerous_inner_html to remind
|
||
/// yourself that it’s dangerous
|
||
dangerous_inner_html;
|
||
}
|
||
|
||
// This macro creates an explicit method call for each of the style attributes.
|
||
//
|
||
// The left token specifies the name of the attribute in the rsx! macro, and the right string literal specifies the
|
||
// actual name of the attribute generated.
|
||
//
|
||
// This roughly follows the html spec
|
||
style_trait_methods! {
|
||
align_content: "align-content",
|
||
align_items: "align-items",
|
||
align_self: "align-self",
|
||
alignment_adjust: "alignment-adjust",
|
||
alignment_baseline: "alignment-baseline",
|
||
all: "all",
|
||
alt: "alt",
|
||
animation: "animation",
|
||
animation_delay: "animation-delay",
|
||
animation_direction: "animation-direction",
|
||
animation_duration: "animation-duration",
|
||
animation_fill_mode: "animation-fill-mode",
|
||
animation_iteration_count: "animation-iteration-count",
|
||
animation_name: "animation-name",
|
||
animation_play_state: "animation-play-state",
|
||
animation_timing_function: "animation-timing-function",
|
||
azimuth: "azimuth",
|
||
backface_visibility: "backface-visibility",
|
||
background: "background",
|
||
background_attachment: "background-attachment",
|
||
background_clip: "background-clip",
|
||
background_color: "background-color",
|
||
background_image: "background-image",
|
||
background_origin: "background-origin",
|
||
background_position: "background-position",
|
||
background_repeat: "background-repeat",
|
||
background_size: "background-size",
|
||
background_blend_mode: "background-blend-mode",
|
||
baseline_shift: "baseline-shift",
|
||
bleed: "bleed",
|
||
bookmark_label: "bookmark-label",
|
||
bookmark_level: "bookmark-level",
|
||
bookmark_state: "bookmark-state",
|
||
border: "border",
|
||
border_color: "border-color",
|
||
border_style: "border-style",
|
||
border_width: "border-width",
|
||
border_bottom: "border-bottom",
|
||
border_bottom_color: "border-bottom-color",
|
||
border_bottom_style: "border-bottom-style",
|
||
border_bottom_width: "border-bottom-width",
|
||
border_left: "border-left",
|
||
border_left_color: "border-left-color",
|
||
border_left_style: "border-left-style",
|
||
border_left_width: "border-left-width",
|
||
border_right: "border-right",
|
||
border_right_color: "border-right-color",
|
||
border_right_style: "border-right-style",
|
||
border_right_width: "border-right-width",
|
||
border_top: "border-top",
|
||
border_top_color: "border-top-color",
|
||
border_top_style: "border-top-style",
|
||
border_top_width: "border-top-width",
|
||
border_collapse: "border-collapse",
|
||
border_image: "border-image",
|
||
border_image_outset: "border-image-outset",
|
||
border_image_repeat: "border-image-repeat",
|
||
border_image_slice: "border-image-slice",
|
||
border_image_source: "border-image-source",
|
||
border_image_width: "border-image-width",
|
||
border_radius: "border-radius",
|
||
border_bottom_left_radius: "border-bottom-left-radius",
|
||
border_bottom_right_radius: "border-bottom-right-radius",
|
||
border_top_left_radius: "border-top-left-radius",
|
||
border_top_right_radius: "border-top-right-radius",
|
||
border_spacing: "border-spacing",
|
||
bottom: "bottom",
|
||
box_decoration_break: "box-decoration-break",
|
||
box_shadow: "box-shadow",
|
||
box_sizing: "box-sizing",
|
||
box_snap: "box-snap",
|
||
break_after: "break-after",
|
||
break_before: "break-before",
|
||
break_inside: "break-inside",
|
||
buffered_rendering: "buffered-rendering",
|
||
caption_side: "caption-side",
|
||
clear: "clear",
|
||
clear_side: "clear-side",
|
||
clip: "clip",
|
||
clip_path: "clip-path",
|
||
clip_rule: "clip-rule",
|
||
color: "color",
|
||
color_adjust: "color-adjust",
|
||
color_correction: "color-correction",
|
||
color_interpolation: "color-interpolation",
|
||
color_interpolation_filters: "color-interpolation-filters",
|
||
color_profile: "color-profile",
|
||
color_rendering: "color-rendering",
|
||
column_fill: "column-fill",
|
||
column_gap: "column-gap",
|
||
column_rule: "column-rule",
|
||
column_rule_color: "column-rule-color",
|
||
column_rule_style: "column-rule-style",
|
||
column_rule_width: "column-rule-width",
|
||
column_span: "column-span",
|
||
columns: "columns",
|
||
column_count: "column-count",
|
||
column_width: "column-width",
|
||
contain: "contain",
|
||
content: "content",
|
||
counter_increment: "counter-increment",
|
||
counter_reset: "counter-reset",
|
||
counter_set: "counter-set",
|
||
cue: "cue",
|
||
cue_after: "cue-after",
|
||
cue_before: "cue-before",
|
||
cursor: "cursor",
|
||
direction: "direction",
|
||
display: "display",
|
||
display_inside: "display-inside",
|
||
display_outside: "display-outside",
|
||
display_extras: "display-extras",
|
||
display_box: "display-box",
|
||
dominant_baseline: "dominant-baseline",
|
||
elevation: "elevation",
|
||
empty_cells: "empty-cells",
|
||
enable_background: "enable-background",
|
||
fill: "fill",
|
||
fill_opacity: "fill-opacity",
|
||
fill_rule: "fill-rule",
|
||
filter: "filter",
|
||
float: "float",
|
||
float_defer_column: "float-defer-column",
|
||
float_defer_page: "float-defer-page",
|
||
float_offset: "float-offset",
|
||
float_wrap: "float-wrap",
|
||
flow_into: "flow-into",
|
||
flow_from: "flow-from",
|
||
flex: "flex",
|
||
flex_basis: "flex-basis",
|
||
flex_grow: "flex-grow",
|
||
flex_shrink: "flex-shrink",
|
||
flex_flow: "flex-flow",
|
||
flex_direction: "flex-direction",
|
||
flex_wrap: "flex-wrap",
|
||
flood_color: "flood-color",
|
||
flood_opacity: "flood-opacity",
|
||
font: "font",
|
||
font_family: "font-family",
|
||
font_size: "font-size",
|
||
font_stretch: "font-stretch",
|
||
font_style: "font-style",
|
||
font_weight: "font-weight",
|
||
font_feature_settings: "font-feature-settings",
|
||
font_kerning: "font-kerning",
|
||
font_language_override: "font-language-override",
|
||
font_size_adjust: "font-size-adjust",
|
||
font_synthesis: "font-synthesis",
|
||
font_variant: "font-variant",
|
||
font_variant_alternates: "font-variant-alternates",
|
||
font_variant_caps: "font-variant-caps",
|
||
font_variant_east_asian: "font-variant-east-asian",
|
||
font_variant_ligatures: "font-variant-ligatures",
|
||
font_variant_numeric: "font-variant-numeric",
|
||
font_variant_position: "font-variant-position",
|
||
footnote_policy: "footnote-policy",
|
||
glyph_orientation_horizontal: "glyph-orientation-horizontal",
|
||
glyph_orientation_vertical: "glyph-orientation-vertical",
|
||
grid: "grid",
|
||
grid_auto_flow: "grid-auto-flow",
|
||
grid_auto_columns: "grid-auto-columns",
|
||
grid_auto_rows: "grid-auto-rows",
|
||
grid_template: "grid-template",
|
||
grid_template_areas: "grid-template-areas",
|
||
grid_template_columns: "grid-template-columns",
|
||
grid_template_rows: "grid-template-rows",
|
||
grid_area: "grid-area",
|
||
grid_column: "grid-column",
|
||
grid_column_start: "grid-column-start",
|
||
grid_column_end: "grid-column-end",
|
||
grid_row: "grid-row",
|
||
grid_row_start: "grid-row-start",
|
||
grid_row_end: "grid-row-end",
|
||
hanging_punctuation: "hanging-punctuation",
|
||
height: "height",
|
||
hyphenate_character: "hyphenate-character",
|
||
hyphenate_limit_chars: "hyphenate-limit-chars",
|
||
hyphenate_limit_last: "hyphenate-limit-last",
|
||
hyphenate_limit_lines: "hyphenate-limit-lines",
|
||
hyphenate_limit_zone: "hyphenate-limit-zone",
|
||
hyphens: "hyphens",
|
||
icon: "icon",
|
||
image_orientation: "image-orientation",
|
||
image_resolution: "image-resolution",
|
||
image_rendering: "image-rendering",
|
||
ime: "ime",
|
||
ime_align: "ime-align",
|
||
ime_mode: "ime-mode",
|
||
ime_offset: "ime-offset",
|
||
ime_width: "ime-width",
|
||
initial_letters: "initial-letters",
|
||
inline_box_align: "inline-box-align",
|
||
isolation: "isolation",
|
||
justify_content: "justify-content",
|
||
justify_items: "justify-items",
|
||
justify_self: "justify-self",
|
||
kerning: "kerning",
|
||
left: "left",
|
||
letter_spacing: "letter-spacing",
|
||
lighting_color: "lighting-color",
|
||
line_box_contain: "line-box-contain",
|
||
line_break: "line-break",
|
||
line_grid: "line-grid",
|
||
line_height: "line-height",
|
||
line_slack: "line-slack",
|
||
line_snap: "line-snap",
|
||
list_style: "list-style",
|
||
list_style_image: "list-style-image",
|
||
list_style_position: "list-style-position",
|
||
list_style_type: "list-style-type",
|
||
margin: "margin",
|
||
margin_bottom: "margin-bottom",
|
||
margin_left: "margin-left",
|
||
margin_right: "margin-right",
|
||
margin_top: "margin-top",
|
||
marker: "marker",
|
||
marker_end: "marker-end",
|
||
marker_mid: "marker-mid",
|
||
marker_pattern: "marker-pattern",
|
||
marker_segment: "marker-segment",
|
||
marker_start: "marker-start",
|
||
marker_knockout_left: "marker-knockout-left",
|
||
marker_knockout_right: "marker-knockout-right",
|
||
marker_side: "marker-side",
|
||
marks: "marks",
|
||
marquee_direction: "marquee-direction",
|
||
marquee_play_count: "marquee-play-count",
|
||
marquee_speed: "marquee-speed",
|
||
marquee_style: "marquee-style",
|
||
mask: "mask",
|
||
mask_image: "mask-image",
|
||
mask_repeat: "mask-repeat",
|
||
mask_position: "mask-position",
|
||
mask_clip: "mask-clip",
|
||
mask_origin: "mask-origin",
|
||
mask_size: "mask-size",
|
||
mask_box: "mask-box",
|
||
mask_box_outset: "mask-box-outset",
|
||
mask_box_repeat: "mask-box-repeat",
|
||
mask_box_slice: "mask-box-slice",
|
||
mask_box_source: "mask-box-source",
|
||
mask_box_width: "mask-box-width",
|
||
mask_type: "mask-type",
|
||
max_height: "max-height",
|
||
max_lines: "max-lines",
|
||
max_width: "max-width",
|
||
min_height: "min-height",
|
||
min_width: "min-width",
|
||
mix_blend_mode: "mix-blend-mode",
|
||
nav_down: "nav-down",
|
||
nav_index: "nav-index",
|
||
nav_left: "nav-left",
|
||
nav_right: "nav-right",
|
||
nav_up: "nav-up",
|
||
object_fit: "object-fit",
|
||
object_position: "object-position",
|
||
offset_after: "offset-after",
|
||
offset_before: "offset-before",
|
||
offset_end: "offset-end",
|
||
offset_start: "offset-start",
|
||
opacity: "opacity",
|
||
order: "order",
|
||
orphans: "orphans",
|
||
outline: "outline",
|
||
outline_color: "outline-color",
|
||
outline_style: "outline-style",
|
||
outline_width: "outline-width",
|
||
outline_offset: "outline-offset",
|
||
overflow: "overflow",
|
||
overflow_x: "overflow-x",
|
||
overflow_y: "overflow-y",
|
||
overflow_style: "overflow-style",
|
||
overflow_wrap: "overflow-wrap",
|
||
padding: "padding",
|
||
padding_bottom: "padding-bottom",
|
||
padding_left: "padding-left",
|
||
padding_right: "padding-right",
|
||
padding_top: "padding-top",
|
||
page: "page",
|
||
page_break_after: "page-break-after",
|
||
page_break_before: "page-break-before",
|
||
page_break_inside: "page-break-inside",
|
||
paint_order: "paint-order",
|
||
pause: "pause",
|
||
pause_after: "pause-after",
|
||
pause_before: "pause-before",
|
||
perspective: "perspective",
|
||
perspective_origin: "perspective-origin",
|
||
pitch: "pitch",
|
||
pitch_range: "pitch-range",
|
||
play_during: "play-during",
|
||
pointer_events: "pointer-events",
|
||
position: "position",
|
||
quotes: "quotes",
|
||
region_fragment: "region-fragment",
|
||
resize: "resize",
|
||
rest: "rest",
|
||
rest_after: "rest-after",
|
||
rest_before: "rest-before",
|
||
richness: "richness",
|
||
right: "right",
|
||
ruby_align: "ruby-align",
|
||
ruby_merge: "ruby-merge",
|
||
ruby_position: "ruby-position",
|
||
scroll_behavior: "scroll-behavior",
|
||
scroll_snap_coordinate: "scroll-snap-coordinate",
|
||
scroll_snap_destination: "scroll-snap-destination",
|
||
scroll_snap_points_x: "scroll-snap-points-x",
|
||
scroll_snap_points_y: "scroll-snap-points-y",
|
||
scroll_snap_type: "scroll-snap-type",
|
||
shape_image_threshold: "shape-image-threshold",
|
||
shape_inside: "shape-inside",
|
||
shape_margin: "shape-margin",
|
||
shape_outside: "shape-outside",
|
||
shape_padding: "shape-padding",
|
||
shape_rendering: "shape-rendering",
|
||
size: "size",
|
||
speak: "speak",
|
||
speak_as: "speak-as",
|
||
speak_header: "speak-header",
|
||
speak_numeral: "speak-numeral",
|
||
speak_punctuation: "speak-punctuation",
|
||
speech_rate: "speech-rate",
|
||
stop_color: "stop-color",
|
||
stop_opacity: "stop-opacity",
|
||
stress: "stress",
|
||
string_set: "string-set",
|
||
stroke: "stroke",
|
||
stroke_dasharray: "stroke-dasharray",
|
||
stroke_dashoffset: "stroke-dashoffset",
|
||
stroke_linecap: "stroke-linecap",
|
||
stroke_linejoin: "stroke-linejoin",
|
||
stroke_miterlimit: "stroke-miterlimit",
|
||
stroke_opacity: "stroke-opacity",
|
||
stroke_width: "stroke-width",
|
||
tab_size: "tab-size",
|
||
table_layout: "table-layout",
|
||
text_align: "text-align",
|
||
text_align_all: "text-align-all",
|
||
text_align_last: "text-align-last",
|
||
text_anchor: "text-anchor",
|
||
text_combine_upright: "text-combine-upright",
|
||
text_decoration: "text-decoration",
|
||
text_decoration_color: "text-decoration-color",
|
||
text_decoration_line: "text-decoration-line",
|
||
text_decoration_style: "text-decoration-style",
|
||
text_decoration_skip: "text-decoration-skip",
|
||
text_emphasis: "text-emphasis",
|
||
text_emphasis_color: "text-emphasis-color",
|
||
text_emphasis_style: "text-emphasis-style",
|
||
text_emphasis_position: "text-emphasis-position",
|
||
text_emphasis_skip: "text-emphasis-skip",
|
||
text_height: "text-height",
|
||
text_indent: "text-indent",
|
||
text_justify: "text-justify",
|
||
text_orientation: "text-orientation",
|
||
text_overflow: "text-overflow",
|
||
text_rendering: "text-rendering",
|
||
text_shadow: "text-shadow",
|
||
text_size_adjust: "text-size-adjust",
|
||
text_space_collapse: "text-space-collapse",
|
||
text_spacing: "text-spacing",
|
||
text_transform: "text-transform",
|
||
text_underline_position: "text-underline-position",
|
||
text_wrap: "text-wrap",
|
||
top: "top",
|
||
touch_action: "touch-action",
|
||
transform: "transform",
|
||
transform_box: "transform-box",
|
||
transform_origin: "transform-origin",
|
||
transform_style: "transform-style",
|
||
transition: "transition",
|
||
transition_delay: "transition-delay",
|
||
transition_duration: "transition-duration",
|
||
transition_property: "transition-property",
|
||
unicode_bidi: "unicode-bidi",
|
||
vector_effect: "vector-effect",
|
||
vertical_align: "vertical-align",
|
||
visibility: "visibility",
|
||
voice_balance: "voice-balance",
|
||
voice_duration: "voice-duration",
|
||
voice_family: "voice-family",
|
||
voice_pitch: "voice-pitch",
|
||
voice_range: "voice-range",
|
||
voice_rate: "voice-rate",
|
||
voice_stress: "voice-stress",
|
||
voice_volumn: "voice-volumn",
|
||
volume: "volume",
|
||
white_space: "white-space",
|
||
widows: "widows",
|
||
width: "width",
|
||
will_change: "will-change",
|
||
word_break: "word-break",
|
||
word_spacing: "word-spacing",
|
||
word_wrap: "word-wrap",
|
||
wrap_flow: "wrap-flow",
|
||
wrap_through: "wrap-through",
|
||
writing_mode: "writing-mode",
|
||
gap: "gap",
|
||
list_styler_type: "list-style-type",
|
||
row_gap: "row-gap",
|
||
transition_timing_function: "transition-timing-function",
|
||
user_select: "user-select",
|
||
webkit_user_select: "-webkit-user-select",
|
||
z_index : "z-index",
|
||
}
|
||
mapped_trait_methods! {
|
||
aria_current: "aria-current",
|
||
aria_details: "aria-details",
|
||
aria_disabled: "aria-disabled",
|
||
aria_hidden: "aria-hidden",
|
||
aria_invalid: "aria-invalid",
|
||
aria_keyshortcuts: "aria-keyshortcuts",
|
||
aria_label: "aria-label",
|
||
aria_roledescription: "aria-roledescription",
|
||
// Widget Attributes
|
||
aria_autocomplete: "aria-autocomplete",
|
||
aria_checked: "aria-checked",
|
||
aria_expanded: "aria-expanded",
|
||
aria_haspopup: "aria-haspopup",
|
||
aria_level: "aria-level",
|
||
aria_modal: "aria-modal",
|
||
aria_multiline: "aria-multiline",
|
||
aria_multiselectable: "aria-multiselectable",
|
||
aria_orientation: "aria-orientation",
|
||
aria_placeholder: "aria-placeholder",
|
||
aria_pressed: "aria-pressed",
|
||
aria_readonly: "aria-readonly",
|
||
aria_required: "aria-required",
|
||
aria_selected: "aria-selected",
|
||
aria_sort: "aria-sort",
|
||
aria_valuemax: "aria-valuemax",
|
||
aria_valuemin: "aria-valuemin",
|
||
aria_valuenow: "aria-valuenow",
|
||
aria_valuetext: "aria-valuetext",
|
||
// Live Region Attributes
|
||
aria_atomic: "aria-atomic",
|
||
aria_busy: "aria-busy",
|
||
aria_live: "aria-live",
|
||
aria_relevant: "aria-relevant",
|
||
|
||
aria_dropeffect: "aria-dropeffect",
|
||
aria_grabbed: "aria-grabbed",
|
||
// Relationship Attributes
|
||
aria_activedescendant: "aria-activedescendant",
|
||
aria_colcount: "aria-colcount",
|
||
aria_colindex: "aria-colindex",
|
||
aria_colspan: "aria-colspan",
|
||
aria_controls: "aria-controls",
|
||
aria_describedby: "aria-describedby",
|
||
aria_errormessage: "aria-errormessage",
|
||
aria_flowto: "aria-flowto",
|
||
aria_labelledby: "aria-labelledby",
|
||
aria_owns: "aria-owns",
|
||
aria_posinset: "aria-posinset",
|
||
aria_rowcount: "aria-rowcount",
|
||
aria_rowindex: "aria-rowindex",
|
||
aria_rowspan: "aria-rowspan",
|
||
aria_setsize: "aria-setsize",
|
||
}
|
||
|
||
pub mod svg {
|
||
mapped_trait_methods! {
|
||
accent_height: "accent-height",
|
||
accumulate: "accumulate",
|
||
additive: "additive",
|
||
alignment_baseline: "alignment-baseline",
|
||
alphabetic: "alphabetic",
|
||
amplitude: "amplitude",
|
||
arabic_form: "arabic-form",
|
||
ascent: "ascent",
|
||
attributeName: "attributeName",
|
||
attributeType: "attributeType",
|
||
azimuth: "azimuth",
|
||
baseFrequency: "baseFrequency",
|
||
baseline_shift: "baseline-shift",
|
||
baseProfile: "baseProfile",
|
||
bbox: "bbox",
|
||
begin: "begin",
|
||
bias: "bias",
|
||
by: "by",
|
||
calcMode: "calcMode",
|
||
cap_height: "cap-height",
|
||
class: "class",
|
||
clip: "clip",
|
||
clipPathUnits: "clipPathUnits",
|
||
clip_path: "clip-path",
|
||
clip_rule: "clip-rule",
|
||
color: "color",
|
||
color_interpolation: "color-interpolation",
|
||
color_interpolation_filters: "color-interpolation-filters",
|
||
color_profile: "color-profile",
|
||
color_rendering: "color-rendering",
|
||
contentScriptType: "contentScriptType",
|
||
contentStyleType: "contentStyleType",
|
||
crossorigin: "crossorigin",
|
||
cursor: "cursor",
|
||
cx: "cx",
|
||
cy: "cy",
|
||
d: "d",
|
||
decelerate: "decelerate",
|
||
descent: "descent",
|
||
diffuseConstant: "diffuseConstant",
|
||
direction: "direction",
|
||
display: "display",
|
||
divisor: "divisor",
|
||
dominant_baseline: "dominant-baseline",
|
||
dur: "dur",
|
||
dx: "dx",
|
||
dy: "dy",
|
||
edgeMode: "edgeMode",
|
||
elevation: "elevation",
|
||
enable_background: "enable-background",
|
||
end: "end",
|
||
exponent: "exponent",
|
||
fill: "fill",
|
||
fill_opacity: "fill-opacity",
|
||
fill_rule: "fill-rule",
|
||
filter: "filter",
|
||
filterRes: "filterRes",
|
||
filterUnits: "filterUnits",
|
||
flood_color: "flood-color",
|
||
flood_opacity: "flood-opacity",
|
||
font_family: "font-family",
|
||
font_size: "font-size",
|
||
font_size_adjust: "font-size-adjust",
|
||
font_stretch: "font-stretch",
|
||
font_style: "font-style",
|
||
font_variant: "font-variant",
|
||
font_weight: "font-weight",
|
||
format: "format",
|
||
from: "from",
|
||
fr: "fr",
|
||
fx: "fx",
|
||
fy: "fy",
|
||
g1: "g1",
|
||
g2: "g2",
|
||
glyph_name: "glyph-name",
|
||
glyph_orientation_horizontal: "glyph-orientation-horizontal",
|
||
glyph_orientation_vertical: "glyph-orientation-vertical",
|
||
glyphRef: "glyphRef",
|
||
gradientTransform: "gradientTransform",
|
||
gradientUnits: "gradientUnits",
|
||
hanging: "hanging",
|
||
height: "height",
|
||
href: "href",
|
||
hreflang: "hreflang",
|
||
horiz_adv_x: "horiz-adv-x",
|
||
horiz_origin_x: "horiz-origin-x",
|
||
id: "id",
|
||
ideographic: "ideographic",
|
||
image_rendering: "image-rendering",
|
||
_in: "_in",
|
||
in2: "in2",
|
||
intercept: "intercept",
|
||
k: "k",
|
||
k1: "k1",
|
||
k2: "k2",
|
||
k3: "k3",
|
||
k4: "k4",
|
||
kernelMatrix: "kernelMatrix",
|
||
kernelUnitLength: "kernelUnitLength",
|
||
kerning: "kerning",
|
||
keyPoints: "keyPoints",
|
||
keySplines: "keySplines",
|
||
keyTimes: "keyTimes",
|
||
lang: "lang",
|
||
lengthAdjust: "lengthAdjust",
|
||
letter_spacing: "letter-spacing",
|
||
lighting_color: "lighting-color",
|
||
limitingConeAngle: "limitingConeAngle",
|
||
local: "local",
|
||
marker_end: "marker-end",
|
||
marker_mid: "marker-mid",
|
||
marker_start: "marker_start",
|
||
markerHeight: "markerHeight",
|
||
markerUnits: "markerUnits",
|
||
markerWidth: "markerWidth",
|
||
mask: "mask",
|
||
maskContentUnits: "maskContentUnits",
|
||
maskUnits: "maskUnits",
|
||
mathematical: "mathematical",
|
||
max: "max",
|
||
media: "media",
|
||
method: "method",
|
||
min: "min",
|
||
mode: "mode",
|
||
name: "name",
|
||
numOctaves: "numOctaves",
|
||
offset: "offset",
|
||
opacity: "opacity",
|
||
operator: "operator",
|
||
order: "order",
|
||
orient: "orient",
|
||
orientation: "orientation",
|
||
origin: "origin",
|
||
overflow: "overflow",
|
||
overline_position: "overline-position",
|
||
overline_thickness: "overline-thickness",
|
||
panose_1: "panose-1",
|
||
paint_order: "paint-order",
|
||
path: "path",
|
||
pathLength: "pathLength",
|
||
patternContentUnits: "patternContentUnits",
|
||
patternTransform: "patternTransform",
|
||
patternUnits: "patternUnits",
|
||
ping: "ping",
|
||
pointer_events: "pointer-events",
|
||
points: "points",
|
||
pointsAtX: "pointsAtX",
|
||
pointsAtY: "pointsAtY",
|
||
pointsAtZ: "pointsAtZ",
|
||
preserveAlpha: "preserveAlpha",
|
||
preserveAspectRatio: "preserveAspectRatio",
|
||
primitiveUnits: "primitiveUnits",
|
||
r: "r",
|
||
radius: "radius",
|
||
referrerPolicy: "referrerPolicy",
|
||
refX: "refX",
|
||
refY: "refY",
|
||
rel: "rel",
|
||
rendering_intent: "rendering-intent",
|
||
repeatCount: "repeatCount",
|
||
repeatDur: "repeatDur",
|
||
requiredExtensions: "requiredExtensions",
|
||
requiredFeatures: "requiredFeatures",
|
||
restart: "restart",
|
||
result: "result",
|
||
role: "role",
|
||
rotate: "rotate",
|
||
rx: "rx",
|
||
ry: "ry",
|
||
scale: "scale",
|
||
seed: "seed",
|
||
shape_rendering: "shape-rendering",
|
||
slope: "slope",
|
||
spacing: "spacing",
|
||
specularConstant: "specularConstant",
|
||
specularExponent: "specularExponent",
|
||
speed: "speed",
|
||
spreadMethod: "spreadMethod",
|
||
startOffset: "startOffset",
|
||
stdDeviation: "stdDeviation",
|
||
stemh: "stemh",
|
||
stemv: "stemv",
|
||
stitchTiles: "stitchTiles",
|
||
stop_color: "stop_color",
|
||
stop_opacity: "stop_opacity",
|
||
strikethrough_position: "strikethrough-position",
|
||
strikethrough_thickness: "strikethrough-thickness",
|
||
string: "string",
|
||
stroke: "stroke",
|
||
stroke_dasharray: "stroke-dasharray",
|
||
stroke_dashoffset: "stroke-dashoffset",
|
||
stroke_linecap: "stroke-linecap",
|
||
stroke_linejoin: "stroke-linejoin",
|
||
stroke_miterlimit: "stroke-miterlimit",
|
||
stroke_opacity: "stroke-opacity",
|
||
stroke_width: "stroke-width",
|
||
style: "style",
|
||
surfaceScale: "surfaceScale",
|
||
systemLanguage: "systemLanguage",
|
||
tabindex: "tabindex",
|
||
tableValues: "tableValues",
|
||
target: "target",
|
||
targetX: "targetX",
|
||
targetY: "targetY",
|
||
text_anchor: "text-anchor",
|
||
text_decoration: "text-decoration",
|
||
text_rendering: "text-rendering",
|
||
textLength: "textLength",
|
||
to: "to",
|
||
transform: "transform",
|
||
transform_origin: "transform-origin",
|
||
r#type: "_type",
|
||
u1: "u1",
|
||
u2: "u2",
|
||
underline_position: "underline-position",
|
||
underline_thickness: "underline-thickness",
|
||
unicode: "unicode",
|
||
unicode_bidi: "unicode-bidi",
|
||
unicode_range: "unicode-range",
|
||
units_per_em: "units-per-em",
|
||
v_alphabetic: "v-alphabetic",
|
||
v_hanging: "v-hanging",
|
||
v_ideographic: "v-ideographic",
|
||
v_mathematical: "v-mathematical",
|
||
values: "values",
|
||
vector_effect: "vector-effect",
|
||
version: "version",
|
||
vert_adv_y: "vert-adv-y",
|
||
vert_origin_x: "vert-origin-x",
|
||
vert_origin_y: "vert-origin-y",
|
||
view_box: "viewBox",
|
||
view_target: "viewTarget",
|
||
visibility: "visibility",
|
||
width: "width",
|
||
widths: "widths",
|
||
word_spacing: "word-spacing",
|
||
writing_mode: "writing-mode",
|
||
x: "x",
|
||
x_height: "x-height",
|
||
x1: "x1",
|
||
x2: "x2",
|
||
xmlns: "xmlns",
|
||
x_channel_selector: "xChannelSelector",
|
||
y: "y",
|
||
y1: "y1",
|
||
y2: "y2",
|
||
y_channel_selector: "yChannelSelector",
|
||
z: "z",
|
||
zoomAndPan: "zoomAndPan",
|
||
}
|
||
}
|