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
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267

pub trait IntrinsicComponent {
    const INTRINSIC_TAG: &'static str;
}

crate::macros::def_props_trait! {
    [TElement] HtmlCommonSharedProps [TElement]
    : HtmlCommonSharedPropsBuilder
    {
        children[TNode: react::Node]: Option<TNode> {
            impl |this, v| {
                use react::any_js_props::AnyJsPropsBuilder;
                use react::Node;
                this.as_mut().set_children(v.into_children());
                this
            }
        },
        ref_el[TWriteRef: 'static + react::WriteRef<TElement> + react::SafeIntoJsRuntime]: Option<TWriteRef> { safe_into_js_runtime? },
        default_checked: Option<bool>,
        class@"className": Option<&str>,
        draggable: Option<bool>,
        hidden: Option<bool>,
        id: Option<&str>,
        lang: Option<&str>,
        placeholder: Option<&str>,
        style: Option<crate::css::CssProperties>,
        tab_index: Option<i32>,
        title: Option<&str>,

        // React-specific Attributes
        suppress_content_editable_warning: Option<bool>,
        suppress_hydration_warning: Option<bool>,

        // Standard HTML Attributes
        access_key: Option<&str>,
        content_editable: Option<crate::Inheritable<bool>>,
        context_menu: Option<&str>,
        dir: Option<&str>,
        slot: Option<&str>,
        spell_check: Option<bool>,
        translate: Option<&str>, // TODO: ser: yes | no

        // Unknown
        radio_group: Option<&str>, // <command>, <menuitem>

        // WAI-ARIA
        role: Option<crate::aria::Role>,

        // RDFa Attributes
        about: Option<&str>,
        datatype: Option<&str>,
        inlist: Option<&wasm_bindgen::JsValue>,
        prefix: Option<&str>,
        property: Option<&str>,
        resource: Option<&str>,
        type_of@"typeof": Option<&str>,
        vocab: Option<&str>,

        // Non-standard Attributes
        auto_capitalize: Option<&str>,
        auto_correct: Option<&str>,
        auto_save: Option<&str>,
        color: Option<&str>,
        item_prop: Option<&str>,
        item_scope: Option<bool>,
        item_type: Option<&str>,
        item_id: Option<&str>,
        item_ref: Option<&str>,
        results: Option<i32>,
        security: Option<&str>,
        unselectable: Option<&str>, // TODO: ser: 'on' | 'off' | undefined;

        // Living Standard
        input_mode: Option<crate::HtmlInputMode>,
        is: Option<&str>,

        // events
        // Clipboard Events
        on_copy: react::event::ClipboardEvent<TElement> { event_handler },
        on_copy_capture: react::event::ClipboardEvent<TElement> { event_handler },
        on_cut: react::event::ClipboardEvent<TElement> { event_handler },
        on_cut_capture: react::event::ClipboardEvent<TElement> { event_handler },
        on_paste: react::event::ClipboardEvent<TElement> { event_handler },
        on_paste_capture: react::event::ClipboardEvent<TElement> { event_handler },

        // Composition Events
        on_composition_end: react::event::CompositionEvent<TElement> { event_handler },
        on_composition_end_capture: react::event::CompositionEvent<TElement> { event_handler },
        on_composition_start: react::event::CompositionEvent<TElement> { event_handler },
        on_composition_start_capture: react::event::CompositionEvent<TElement> { event_handler },
        on_composition_update: react::event::CompositionEvent<TElement> { event_handler },
        on_composition_update_capture: react::event::CompositionEvent<TElement> { event_handler },

        // Focus Events
        on_focus: react::event::FocusEvent<TElement> { event_handler },
        on_focus_capture: react::event::FocusEvent<TElement> { event_handler },
        on_blur: react::event::FocusEvent<TElement> { event_handler },
        on_blur_capture: react::event::FocusEvent<TElement> { event_handler },

        // Form Events
        on_change: react::event::FormEvent<TElement> { event_handler },
        on_change_capture: react::event::FormEvent<TElement> { event_handler },
        on_before_input: react::event::FormEvent<TElement> { event_handler },
        on_before_input_capture: react::event::FormEvent<TElement> { event_handler },
        on_input: react::event::FormEvent<TElement> { event_handler },
        on_input_capture: react::event::FormEvent<TElement> { event_handler },
        on_reset: react::event::FormEvent<TElement> { event_handler },
        on_reset_capture: react::event::FormEvent<TElement> { event_handler },
        on_submit: react::event::FormEvent<TElement> { event_handler },
        on_submit_capture: react::event::FormEvent<TElement> { event_handler },
        on_invalid: react::event::FormEvent<TElement> { event_handler },
        on_invalid_capture: react::event::FormEvent<TElement> { event_handler },

        // Image Events
        on_load: react::event::SyntheticEvent<TElement> { event_handler },
        on_load_capture: react::event::SyntheticEvent<TElement> { event_handler },
        on_error: react::event::SyntheticEvent<TElement> { event_handler },
        on_error_capture: react::event::SyntheticEvent<TElement> { event_handler },

        // Keyboard Events
        on_key_down: react::event::KeyboardEvent<TElement> { event_handler },
        on_key_down_capture: react::event::KeyboardEvent<TElement> { event_handler },
        on_key_press: react::event::KeyboardEvent<TElement> { event_handler },
        on_key_press_capture: react::event::KeyboardEvent<TElement> { event_handler },
        on_key_up: react::event::KeyboardEvent<TElement> { event_handler },
        on_key_up_capture: react::event::KeyboardEvent<TElement> { event_handler },

        // Media Events
        on_abort: react::event::SyntheticEvent<TElement> { event_handler },
        on_abort_capture: react::event::SyntheticEvent<TElement> { event_handler },
        on_can_play: react::event::SyntheticEvent<TElement> { event_handler },
        on_can_play_capture: react::event::SyntheticEvent<TElement> { event_handler },
        on_can_play_through: react::event::SyntheticEvent<TElement> { event_handler },
        on_can_play_through_capture: react::event::SyntheticEvent<TElement> { event_handler },
        on_duration_change: react::event::SyntheticEvent<TElement> { event_handler },
        on_duration_change_capture: react::event::SyntheticEvent<TElement> { event_handler },
        on_emptied: react::event::SyntheticEvent<TElement> { event_handler },
        on_emptied_capture: react::event::SyntheticEvent<TElement> { event_handler },
        on_encrypted: react::event::SyntheticEvent<TElement> { event_handler },
        on_encrypted_capture: react::event::SyntheticEvent<TElement> { event_handler },
        on_ended: react::event::SyntheticEvent<TElement> { event_handler },
        on_ended_capture: react::event::SyntheticEvent<TElement> { event_handler },
        on_loaded_data: react::event::SyntheticEvent<TElement> { event_handler },
        on_loaded_data_capture: react::event::SyntheticEvent<TElement> { event_handler },
        on_loaded_metadata: react::event::SyntheticEvent<TElement> { event_handler },
        on_loaded_metadata_capture: react::event::SyntheticEvent<TElement> { event_handler },
        on_load_start: react::event::SyntheticEvent<TElement> { event_handler },
        on_load_start_capture: react::event::SyntheticEvent<TElement> { event_handler },
        on_pause: react::event::SyntheticEvent<TElement> { event_handler },
        on_pause_capture: react::event::SyntheticEvent<TElement> { event_handler },
        on_play: react::event::SyntheticEvent<TElement> { event_handler },
        on_play_capture: react::event::SyntheticEvent<TElement> { event_handler },
        on_playing: react::event::SyntheticEvent<TElement> { event_handler },
        on_playing_capture: react::event::SyntheticEvent<TElement> { event_handler },
        on_progress: react::event::SyntheticEvent<TElement> { event_handler },
        on_progress_capture: react::event::SyntheticEvent<TElement> { event_handler },
        on_rate_change: react::event::SyntheticEvent<TElement> { event_handler },
        on_rate_change_capture: react::event::SyntheticEvent<TElement> { event_handler },
        on_seeked: react::event::SyntheticEvent<TElement> { event_handler },
        on_seeked_capture: react::event::SyntheticEvent<TElement> { event_handler },
        on_seeking: react::event::SyntheticEvent<TElement> { event_handler },
        on_seeking_capture: react::event::SyntheticEvent<TElement> { event_handler },
        on_stalled: react::event::SyntheticEvent<TElement> { event_handler },
        on_stalled_capture: react::event::SyntheticEvent<TElement> { event_handler },
        on_suspend: react::event::SyntheticEvent<TElement> { event_handler },
        on_suspend_capture: react::event::SyntheticEvent<TElement> { event_handler },
        on_time_update: react::event::SyntheticEvent<TElement> { event_handler },
        on_time_update_capture: react::event::SyntheticEvent<TElement> { event_handler },
        on_volume_change: react::event::SyntheticEvent<TElement> { event_handler },
        on_volume_change_capture: react::event::SyntheticEvent<TElement> { event_handler },
        on_waiting: react::event::SyntheticEvent<TElement> { event_handler },
        on_waiting_capture: react::event::SyntheticEvent<TElement> { event_handler },

        // MouseEvents
        on_aux_click: react::event::MouseEvent<TElement> { event_handler },
        on_aux_click_capture: react::event::MouseEvent<TElement> { event_handler },
        on_click: react::event::MouseEvent<TElement> { event_handler },
        on_click_capture: react::event::MouseEvent<TElement> { event_handler },
        on_context_menu: react::event::MouseEvent<TElement> { event_handler },
        on_context_menu_capture: react::event::MouseEvent<TElement> { event_handler },
        on_double_click: react::event::MouseEvent<TElement> { event_handler },
        on_double_click_capture: react::event::MouseEvent<TElement> { event_handler },
        on_drag: react::event::DragEvent<TElement> { event_handler },
        on_drag_capture: react::event::DragEvent<TElement> { event_handler },
        on_drag_end: react::event::DragEvent<TElement> { event_handler },
        on_drag_end_capture: react::event::DragEvent<TElement> { event_handler },
        on_drag_enter: react::event::DragEvent<TElement> { event_handler },
        on_drag_enter_capture: react::event::DragEvent<TElement> { event_handler },
        on_drag_exit: react::event::DragEvent<TElement> { event_handler },
        on_drag_exit_capture: react::event::DragEvent<TElement> { event_handler },
        on_drag_leave: react::event::DragEvent<TElement> { event_handler },
        on_drag_leave_capture: react::event::DragEvent<TElement> { event_handler },
        on_drag_over: react::event::DragEvent<TElement> { event_handler },
        on_drag_over_capture: react::event::DragEvent<TElement> { event_handler },
        on_drag_start: react::event::DragEvent<TElement> { event_handler },
        on_drag_start_capture: react::event::DragEvent<TElement> { event_handler },
        on_drop: react::event::DragEvent<TElement> { event_handler },
        on_drop_capture: react::event::DragEvent<TElement> { event_handler },
        on_mouse_down: react::event::MouseEvent<TElement> { event_handler },
        on_mouse_down_capture: react::event::MouseEvent<TElement> { event_handler },
        on_mouse_enter: react::event::MouseEvent<TElement> { event_handler },
        on_mouse_leave: react::event::MouseEvent<TElement> { event_handler },
        on_mouse_move: react::event::MouseEvent<TElement> { event_handler },
        on_mouse_move_capture: react::event::MouseEvent<TElement> { event_handler },
        on_mouse_out: react::event::MouseEvent<TElement> { event_handler },
        on_mouse_out_capture: react::event::MouseEvent<TElement> { event_handler },
        on_mouse_over: react::event::MouseEvent<TElement> { event_handler },
        on_mouse_over_capture: react::event::MouseEvent<TElement> { event_handler },
        on_mouse_up: react::event::MouseEvent<TElement> { event_handler },
        on_mouse_up_capture: react::event::MouseEvent<TElement> { event_handler },

        // Selection Events
        on_select: react::event::SyntheticEvent<TElement> { event_handler },
        on_select_capture: react::event::SyntheticEvent<TElement> { event_handler },

        // Touch Events
        on_touch_cancel: react::event::TouchEvent<TElement> { event_handler },
        on_touch_cancel_capture: react::event::TouchEvent<TElement> { event_handler },
        on_touch_end: react::event::TouchEvent<TElement> { event_handler },
        on_touch_end_capture: react::event::TouchEvent<TElement> { event_handler },
        on_touch_move: react::event::TouchEvent<TElement> { event_handler },
        on_touch_move_capture: react::event::TouchEvent<TElement> { event_handler },
        on_touch_start: react::event::TouchEvent<TElement> { event_handler },
        on_touch_start_capture: react::event::TouchEvent<TElement> { event_handler },

        // Pointer Events
        on_pointer_down: react::event::PointerEvent<TElement> { event_handler },
        on_pointer_down_capture: react::event::PointerEvent<TElement> { event_handler },
        on_pointer_move: react::event::PointerEvent<TElement> { event_handler },
        on_pointer_move_capture: react::event::PointerEvent<TElement> { event_handler },
        on_pointer_up: react::event::PointerEvent<TElement> { event_handler },
        on_pointer_up_capture: react::event::PointerEvent<TElement> { event_handler },
        on_pointer_cancel: react::event::PointerEvent<TElement> { event_handler },
        on_pointer_cancel_capture: react::event::PointerEvent<TElement> { event_handler },
        on_pointer_enter: react::event::PointerEvent<TElement> { event_handler },
        on_pointer_enter_capture: react::event::PointerEvent<TElement> { event_handler },
        on_pointer_leave: react::event::PointerEvent<TElement> { event_handler },
        on_pointer_leave_capture: react::event::PointerEvent<TElement> { event_handler },
        on_pointer_over: react::event::PointerEvent<TElement> { event_handler },
        on_pointer_over_capture: react::event::PointerEvent<TElement> { event_handler },
        on_pointer_out: react::event::PointerEvent<TElement> { event_handler },
        on_pointer_out_capture: react::event::PointerEvent<TElement> { event_handler },
        on_got_pointer_capture: react::event::PointerEvent<TElement> { event_handler },
        on_got_pointer_capture_capture: react::event::PointerEvent<TElement> { event_handler },
        on_lost_pointer_capture: react::event::PointerEvent<TElement> { event_handler },
        on_lost_pointer_capture_capture: react::event::PointerEvent<TElement> { event_handler },

        // UI Events
        on_scroll: react::event::UiEvent<TElement> { event_handler },
        on_scroll_capture: react::event::UiEvent<TElement> { event_handler },

        // Wheel Events
        on_wheel: react::event::WheelEvent<TElement> { event_handler },
        on_wheel_capture: react::event::WheelEvent<TElement> { event_handler },

        // Animation Events
        on_animation_start: react::event::AnimationEvent<TElement> { event_handler },
        on_animation_start_capture: react::event::AnimationEvent<TElement> { event_handler },
        on_animation_end: react::event::AnimationEvent<TElement> { event_handler },
        on_animation_end_capture: react::event::AnimationEvent<TElement> { event_handler },
        on_animation_iteration: react::event::AnimationEvent<TElement> { event_handler },
        on_animation_iteration_capture: react::event::AnimationEvent<TElement> { event_handler },

        // Transition Events
        on_transition_end: react::event::TransitionEvent<TElement> { event_handler },
        on_transition_end_capture: react::event::TransitionEvent<TElement> { event_handler },
    }
}