dioxus-mirror/packages/rsx_interpreter/src/attributes.rs

use crate::elements::*;

// map the rsx name of the attribute to the html name of the attribute and the namespace that contains it
pub fn attrbute_to_static_str(attr: &str) -> Option<(&'static str, Option<&'static str>)> {
    NO_NAMESPACE_ATTRIBUTES
        .iter()
        .find(|&a| *a == attr)
        .map(|a| (*a, None))
        .or_else(|| {
            STYLE_ATTRIBUTES
                .iter()
                .find(|(a, _)| *a == attr)
                .map(|(_, b)| (*b, Some("style")))
        })
        .or_else(|| {
            MAPPED_ATTRIBUTES
                .iter()
                .find(|(a, _)| *a == attr)
                .map(|(_, b)| (*b, None))
        })
        .or_else(|| {
            svg::MAPPED_ATTRIBUTES
                .iter()
                .find(|(a, _)| *a == attr)
                .map(|(_, b)| (*b, None))
        })
        .or_else(|| {
            ELEMENTS_WITH_MAPPED_ATTRIBUTES
                .iter()
                .find_map(|(_, attrs)| {
                    attrs
                        .iter()
                        .find(|(a, _)| *a == attr)
                        .map(|(_, b)| (*b, None))
                })
        })
        .or_else(|| {
            ELEMENTS_WITH_NAMESPACE
                .iter()
                .find_map(|(_, _, attrs)| attrs.iter().find(|a| **a == attr).map(|a| (*a, None)))
        })
        .or_else(|| {
            ELEMENTS_WITHOUT_NAMESPACE
                .iter()
                .find_map(|(_, attrs)| attrs.iter().find(|a| **a == attr).map(|a| (*a, None)))
        })
}

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",
    }
}