Element.h 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404
  1. /*
  2. * Copyright (c) 2018-2023, Andreas Kling <kling@serenityos.org>
  3. *
  4. * SPDX-License-Identifier: BSD-2-Clause
  5. */
  6. #pragma once
  7. #include <AK/DeprecatedFlyString.h>
  8. #include <AK/DeprecatedString.h>
  9. #include <LibWeb/ARIA/ARIAMixin.h>
  10. #include <LibWeb/Bindings/ElementPrototype.h>
  11. #include <LibWeb/Bindings/ShadowRootPrototype.h>
  12. #include <LibWeb/CSS/Selector.h>
  13. #include <LibWeb/CSS/StyleProperty.h>
  14. #include <LibWeb/DOM/ChildNode.h>
  15. #include <LibWeb/DOM/NonDocumentTypeChildNode.h>
  16. #include <LibWeb/DOM/ParentNode.h>
  17. #include <LibWeb/DOM/QualifiedName.h>
  18. #include <LibWeb/HTML/AttributeNames.h>
  19. #include <LibWeb/HTML/EventLoop/Task.h>
  20. #include <LibWeb/HTML/ScrollOptions.h>
  21. #include <LibWeb/HTML/TagNames.h>
  22. #include <LibWeb/HTML/Window.h>
  23. #include <LibWeb/IntersectionObserver/IntersectionObserver.h>
  24. #include <LibWeb/WebIDL/ExceptionOr.h>
  25. namespace Web::DOM {
  26. struct ShadowRootInit {
  27. Bindings::ShadowRootMode mode;
  28. bool delegates_focus = false;
  29. };
  30. // https://w3c.github.io/csswg-drafts/cssom-view-1/#dictdef-scrollintoviewoptions
  31. struct ScrollIntoViewOptions : public HTML::ScrollOptions {
  32. Bindings::ScrollLogicalPosition block { Bindings::ScrollLogicalPosition::Start };
  33. Bindings::ScrollLogicalPosition inline_ { Bindings::ScrollLogicalPosition::Nearest };
  34. };
  35. // https://html.spec.whatwg.org/multipage/custom-elements.html#upgrade-reaction
  36. // An upgrade reaction, which will upgrade the custom element and contains a custom element definition; or
  37. struct CustomElementUpgradeReaction {
  38. JS::Handle<HTML::CustomElementDefinition> custom_element_definition;
  39. };
  40. // https://html.spec.whatwg.org/multipage/custom-elements.html#callback-reaction
  41. // A callback reaction, which will call a lifecycle callback, and contains a callback function as well as a list of arguments.
  42. struct CustomElementCallbackReaction {
  43. JS::Handle<WebIDL::CallbackType> callback;
  44. JS::MarkedVector<JS::Value> arguments;
  45. };
  46. // https://dom.spec.whatwg.org/#concept-element-custom-element-state
  47. // An element’s custom element state is one of "undefined", "failed", "uncustomized", "precustomized", or "custom".
  48. enum class CustomElementState {
  49. Undefined,
  50. Failed,
  51. Uncustomized,
  52. Precustomized,
  53. Custom,
  54. };
  55. class Element
  56. : public ParentNode
  57. , public ChildNode<Element>
  58. , public NonDocumentTypeChildNode<Element>
  59. , public ARIA::ARIAMixin {
  60. WEB_PLATFORM_OBJECT(Element, ParentNode);
  61. public:
  62. virtual ~Element() override;
  63. DeprecatedFlyString const& qualified_name() const { return m_qualified_name.as_string(); }
  64. DeprecatedString const& html_uppercased_qualified_name() const { return m_html_uppercased_qualified_name; }
  65. virtual DeprecatedFlyString node_name() const final { return html_uppercased_qualified_name(); }
  66. DeprecatedFlyString const& local_name() const { return m_qualified_name.local_name(); }
  67. // NOTE: This is for the JS bindings
  68. DeprecatedString const& tag_name() const { return html_uppercased_qualified_name(); }
  69. DeprecatedFlyString const& prefix() const { return m_qualified_name.prefix(); }
  70. void set_prefix(DeprecatedFlyString const& value);
  71. DeprecatedFlyString const& namespace_() const { return m_qualified_name.namespace_(); }
  72. // NOTE: This is for the JS bindings
  73. DeprecatedFlyString const& namespace_uri() const { return namespace_(); }
  74. bool has_attribute(DeprecatedFlyString const& name) const;
  75. bool has_attribute_ns(DeprecatedFlyString namespace_, DeprecatedFlyString const& name) const;
  76. bool has_attributes() const;
  77. DeprecatedString attribute(DeprecatedFlyString const& name) const { return get_attribute(name); }
  78. DeprecatedString get_attribute(DeprecatedFlyString const& name) const;
  79. virtual WebIDL::ExceptionOr<void> set_attribute(DeprecatedFlyString const& name, DeprecatedString const& value);
  80. WebIDL::ExceptionOr<void> set_attribute_ns(DeprecatedFlyString const& namespace_, DeprecatedFlyString const& qualified_name, DeprecatedString const& value);
  81. WebIDL::ExceptionOr<JS::GCPtr<Attr>> set_attribute_node(Attr&);
  82. WebIDL::ExceptionOr<JS::GCPtr<Attr>> set_attribute_node_ns(Attr&);
  83. virtual void remove_attribute(DeprecatedFlyString const& name);
  84. WebIDL::ExceptionOr<bool> toggle_attribute(DeprecatedFlyString const& name, Optional<bool> force);
  85. size_t attribute_list_size() const;
  86. NamedNodeMap const* attributes() const { return m_attributes.ptr(); }
  87. Vector<DeprecatedString> get_attribute_names() const;
  88. JS::GCPtr<Attr> get_attribute_node(DeprecatedFlyString const& name) const;
  89. DOMTokenList* class_list();
  90. WebIDL::ExceptionOr<JS::NonnullGCPtr<ShadowRoot>> attach_shadow(ShadowRootInit init);
  91. JS::GCPtr<ShadowRoot> shadow_root() const;
  92. WebIDL::ExceptionOr<bool> matches(StringView selectors) const;
  93. WebIDL::ExceptionOr<DOM::Element const*> closest(StringView selectors) const;
  94. int client_top() const;
  95. int client_left() const;
  96. int client_width() const;
  97. int client_height() const;
  98. void for_each_attribute(Function<void(DeprecatedFlyString const&, DeprecatedString const&)>) const;
  99. bool has_class(FlyString const&, CaseSensitivity = CaseSensitivity::CaseSensitive) const;
  100. Vector<FlyString> const& class_names() const { return m_classes; }
  101. virtual void apply_presentational_hints(CSS::StyleProperties&) const { }
  102. virtual void attribute_changed(DeprecatedFlyString const& name, DeprecatedString const& value);
  103. struct [[nodiscard]] RequiredInvalidationAfterStyleChange {
  104. bool repaint { false };
  105. bool rebuild_stacking_context_tree { false };
  106. bool relayout { false };
  107. bool rebuild_layout_tree { false };
  108. void operator|=(RequiredInvalidationAfterStyleChange const& other)
  109. {
  110. repaint |= other.repaint;
  111. rebuild_stacking_context_tree |= other.rebuild_stacking_context_tree;
  112. relayout |= other.relayout;
  113. rebuild_layout_tree |= other.rebuild_layout_tree;
  114. }
  115. [[nodiscard]] bool is_none() const { return !repaint && !rebuild_stacking_context_tree && !relayout && !rebuild_layout_tree; }
  116. static RequiredInvalidationAfterStyleChange full() { return { true, true, true, true }; }
  117. };
  118. RequiredInvalidationAfterStyleChange recompute_style();
  119. virtual Optional<CSS::Selector::PseudoElement> pseudo_element() const { return {}; }
  120. Layout::NodeWithStyle* layout_node();
  121. Layout::NodeWithStyle const* layout_node() const;
  122. DeprecatedString name() const { return attribute(HTML::AttributeNames::name); }
  123. CSS::StyleProperties* computed_css_values() { return m_computed_css_values.ptr(); }
  124. CSS::StyleProperties const* computed_css_values() const { return m_computed_css_values.ptr(); }
  125. void set_computed_css_values(RefPtr<CSS::StyleProperties>);
  126. NonnullRefPtr<CSS::StyleProperties> resolved_css_values();
  127. CSS::CSSStyleDeclaration const* inline_style() const;
  128. CSS::CSSStyleDeclaration* style_for_bindings();
  129. WebIDL::ExceptionOr<DeprecatedString> inner_html() const;
  130. WebIDL::ExceptionOr<void> set_inner_html(DeprecatedString const&);
  131. WebIDL::ExceptionOr<void> insert_adjacent_html(DeprecatedString position, DeprecatedString text);
  132. bool is_focused() const;
  133. bool is_active() const;
  134. bool is_target() const;
  135. bool is_document_element() const;
  136. JS::NonnullGCPtr<HTMLCollection> get_elements_by_class_name(DeprecatedFlyString const&);
  137. bool is_shadow_host() const;
  138. ShadowRoot* shadow_root_internal() { return m_shadow_root.ptr(); }
  139. ShadowRoot const* shadow_root_internal() const { return m_shadow_root.ptr(); }
  140. void set_shadow_root(JS::GCPtr<ShadowRoot>);
  141. void set_custom_properties(Optional<CSS::Selector::PseudoElement>, HashMap<DeprecatedFlyString, CSS::StyleProperty> custom_properties);
  142. [[nodiscard]] HashMap<DeprecatedFlyString, CSS::StyleProperty> const& custom_properties(Optional<CSS::Selector::PseudoElement>) const;
  143. void queue_an_element_task(HTML::Task::Source, JS::SafeFunction<void()>);
  144. bool is_void_element() const;
  145. bool serializes_as_void() const;
  146. JS::NonnullGCPtr<Geometry::DOMRect> get_bounding_client_rect() const;
  147. JS::NonnullGCPtr<Geometry::DOMRectList> get_client_rects() const;
  148. virtual JS::GCPtr<Layout::Node> create_layout_node(NonnullRefPtr<CSS::StyleProperties>);
  149. virtual void did_receive_focus() { }
  150. virtual void did_lose_focus() { }
  151. static JS::GCPtr<Layout::Node> create_layout_node_for_display_type(DOM::Document&, CSS::Display const&, NonnullRefPtr<CSS::StyleProperties>, Element*);
  152. void set_pseudo_element_node(Badge<Layout::TreeBuilder>, CSS::Selector::PseudoElement, JS::GCPtr<Layout::Node>);
  153. JS::GCPtr<Layout::Node> get_pseudo_element_node(CSS::Selector::PseudoElement) const;
  154. void clear_pseudo_element_nodes(Badge<Layout::TreeBuilder>);
  155. void serialize_pseudo_elements_as_json(JsonArraySerializer<StringBuilder>& children_array) const;
  156. i32 tab_index() const;
  157. void set_tab_index(i32 tab_index);
  158. bool is_potentially_scrollable() const;
  159. double scroll_top() const;
  160. double scroll_left() const;
  161. void set_scroll_top(double y);
  162. void set_scroll_left(double x);
  163. int scroll_width() const;
  164. int scroll_height() const;
  165. bool is_actually_disabled() const;
  166. WebIDL::ExceptionOr<JS::GCPtr<Element>> insert_adjacent_element(DeprecatedString const& where, JS::NonnullGCPtr<Element> element);
  167. WebIDL::ExceptionOr<void> insert_adjacent_text(DeprecatedString const& where, DeprecatedString const& data);
  168. // https://w3c.github.io/csswg-drafts/cssom-view-1/#dom-element-scrollintoview
  169. ErrorOr<void> scroll_into_view(Optional<Variant<bool, ScrollIntoViewOptions>> = {});
  170. // https://www.w3.org/TR/wai-aria-1.2/#ARIAMixin
  171. #define ARIA_IMPL(name, attribute) \
  172. DeprecatedString name() const override \
  173. { \
  174. return get_attribute(attribute); \
  175. } \
  176. \
  177. WebIDL::ExceptionOr<void> set_##name(DeprecatedString const& value) override \
  178. { \
  179. TRY(set_attribute(attribute, value)); \
  180. return {}; \
  181. }
  182. // https://www.w3.org/TR/wai-aria-1.2/#accessibilityroleandproperties-correspondence
  183. ARIA_IMPL(role, "role");
  184. ARIA_IMPL(aria_active_descendant, "aria-activedescendant");
  185. ARIA_IMPL(aria_atomic, "aria-atomic");
  186. ARIA_IMPL(aria_auto_complete, "aria-autocomplete");
  187. ARIA_IMPL(aria_busy, "aria-busy");
  188. ARIA_IMPL(aria_checked, "aria-checked");
  189. ARIA_IMPL(aria_col_count, "aria-colcount");
  190. ARIA_IMPL(aria_col_index, "aria-colindex");
  191. ARIA_IMPL(aria_col_span, "aria-colspan");
  192. ARIA_IMPL(aria_controls, "aria-controls");
  193. ARIA_IMPL(aria_current, "aria-current");
  194. ARIA_IMPL(aria_described_by, "aria-describedby");
  195. ARIA_IMPL(aria_details, "aria-details");
  196. ARIA_IMPL(aria_drop_effect, "aria-dropeffect");
  197. ARIA_IMPL(aria_error_message, "aria-errormessage");
  198. ARIA_IMPL(aria_disabled, "aria-disabled");
  199. ARIA_IMPL(aria_expanded, "aria-expanded");
  200. ARIA_IMPL(aria_flow_to, "aria-flowto");
  201. ARIA_IMPL(aria_grabbed, "aria-grabbed");
  202. ARIA_IMPL(aria_has_popup, "aria-haspopup");
  203. ARIA_IMPL(aria_hidden, "aria-hidden");
  204. ARIA_IMPL(aria_invalid, "aria-invalid");
  205. ARIA_IMPL(aria_key_shortcuts, "aria-keyshortcuts");
  206. ARIA_IMPL(aria_label, "aria-label");
  207. ARIA_IMPL(aria_labelled_by, "aria-labelledby");
  208. ARIA_IMPL(aria_level, "aria-level");
  209. ARIA_IMPL(aria_live, "aria-live");
  210. ARIA_IMPL(aria_modal, "aria-modal");
  211. ARIA_IMPL(aria_multi_line, "aria-multiline");
  212. ARIA_IMPL(aria_multi_selectable, "aria-multiselectable");
  213. ARIA_IMPL(aria_orientation, "aria-orientation");
  214. ARIA_IMPL(aria_owns, "aria-owns");
  215. ARIA_IMPL(aria_placeholder, "aria-placeholder");
  216. ARIA_IMPL(aria_pos_in_set, "aria-posinset");
  217. ARIA_IMPL(aria_pressed, "aria-pressed");
  218. ARIA_IMPL(aria_read_only, "aria-readonly");
  219. ARIA_IMPL(aria_relevant, "aria-relevant");
  220. ARIA_IMPL(aria_required, "aria-required");
  221. ARIA_IMPL(aria_role_description, "aria-roledescription");
  222. ARIA_IMPL(aria_row_count, "aria-rowcount");
  223. ARIA_IMPL(aria_row_index, "aria-rowindex");
  224. ARIA_IMPL(aria_row_span, "aria-rowspan");
  225. ARIA_IMPL(aria_selected, "aria-selected");
  226. ARIA_IMPL(aria_set_size, "aria-setsize");
  227. ARIA_IMPL(aria_sort, "aria-sort");
  228. ARIA_IMPL(aria_value_max, "aria-valuemax");
  229. ARIA_IMPL(aria_value_min, "aria-valuemin");
  230. ARIA_IMPL(aria_value_now, "aria-valuenow");
  231. ARIA_IMPL(aria_value_text, "aria-valuetext");
  232. #undef ARIA_IMPL
  233. virtual bool exclude_from_accessibility_tree() const override;
  234. virtual bool include_in_accessibility_tree() const override;
  235. void enqueue_a_custom_element_upgrade_reaction(HTML::CustomElementDefinition& custom_element_definition);
  236. void enqueue_a_custom_element_callback_reaction(FlyString const& callback_name, JS::MarkedVector<JS::Value> arguments);
  237. Vector<Variant<CustomElementUpgradeReaction, CustomElementCallbackReaction>>& custom_element_reaction_queue() { return m_custom_element_reaction_queue; }
  238. Vector<Variant<CustomElementUpgradeReaction, CustomElementCallbackReaction>> const& custom_element_reaction_queue() const { return m_custom_element_reaction_queue; }
  239. JS::ThrowCompletionOr<void> upgrade_element(JS::NonnullGCPtr<HTML::CustomElementDefinition> custom_element_definition);
  240. void try_to_upgrade();
  241. bool is_defined() const;
  242. bool is_custom() const;
  243. Optional<String> const& is_value() const { return m_is_value; }
  244. void set_is_value(Optional<String> const& is) { m_is_value = is; }
  245. void set_custom_element_state(CustomElementState value) { m_custom_element_state = value; }
  246. void setup_custom_element_from_constructor(HTML::CustomElementDefinition& custom_element_definition, Optional<String> const& is_value);
  247. void scroll(HTML::ScrollToOptions const&);
  248. void scroll(double x, double y);
  249. void register_intersection_observer(Badge<IntersectionObserver::IntersectionObserver>, IntersectionObserver::IntersectionObserverRegistration);
  250. void unregister_intersection_observer(Badge<IntersectionObserver::IntersectionObserver>, JS::NonnullGCPtr<IntersectionObserver::IntersectionObserver>);
  251. IntersectionObserver::IntersectionObserverRegistration& get_intersection_observer_registration(Badge<DOM::Document>, IntersectionObserver::IntersectionObserver const&);
  252. enum class ScrollOffsetFor {
  253. Self,
  254. PseudoBefore,
  255. PseudoAfter
  256. };
  257. CSSPixelPoint scroll_offset(ScrollOffsetFor type) const { return m_scroll_offset[to_underlying(type)]; }
  258. void set_scroll_offset(ScrollOffsetFor type, CSSPixelPoint offset) { m_scroll_offset[to_underlying(type)] = offset; }
  259. enum class Dir {
  260. Ltr,
  261. Rtl,
  262. Auto,
  263. };
  264. Optional<Dir> dir() const { return m_dir; }
  265. enum class Directionality {
  266. Ltr,
  267. Rtl,
  268. };
  269. Directionality directionality() const;
  270. protected:
  271. Element(Document&, DOM::QualifiedName);
  272. virtual void initialize(JS::Realm&) override;
  273. virtual void children_changed() override;
  274. virtual i32 default_tab_index_value() const;
  275. virtual void visit_edges(Cell::Visitor&) override;
  276. virtual bool id_reference_exists(DeprecatedString const&) const override;
  277. private:
  278. void make_html_uppercased_qualified_name();
  279. void invalidate_style_after_attribute_change(DeprecatedFlyString const& attribute_name);
  280. WebIDL::ExceptionOr<JS::GCPtr<Node>> insert_adjacent(DeprecatedString const& where, JS::NonnullGCPtr<Node> node);
  281. void enqueue_an_element_on_the_appropriate_element_queue();
  282. QualifiedName m_qualified_name;
  283. DeprecatedString m_html_uppercased_qualified_name;
  284. JS::GCPtr<NamedNodeMap> m_attributes;
  285. JS::GCPtr<CSS::ElementInlineCSSStyleDeclaration> m_inline_style;
  286. JS::GCPtr<DOMTokenList> m_class_list;
  287. JS::GCPtr<ShadowRoot> m_shadow_root;
  288. RefPtr<CSS::StyleProperties> m_computed_css_values;
  289. HashMap<DeprecatedFlyString, CSS::StyleProperty> m_custom_properties;
  290. Array<HashMap<DeprecatedFlyString, CSS::StyleProperty>, to_underlying(CSS::Selector::PseudoElement::PseudoElementCount)> m_pseudo_element_custom_properties;
  291. Vector<FlyString> m_classes;
  292. Optional<Dir> m_dir;
  293. Array<JS::GCPtr<Layout::Node>, to_underlying(CSS::Selector::PseudoElement::PseudoElementCount)> m_pseudo_element_nodes;
  294. // https://html.spec.whatwg.org/multipage/custom-elements.html#custom-element-reaction-queue
  295. // All elements have an associated custom element reaction queue, initially empty. Each item in the custom element reaction queue is of one of two types:
  296. // NOTE: See the structs at the top of this header.
  297. Vector<Variant<CustomElementUpgradeReaction, CustomElementCallbackReaction>> m_custom_element_reaction_queue;
  298. // https://dom.spec.whatwg.org/#concept-element-custom-element-state
  299. CustomElementState m_custom_element_state { CustomElementState::Undefined };
  300. // https://dom.spec.whatwg.org/#concept-element-custom-element-definition
  301. JS::GCPtr<HTML::CustomElementDefinition> m_custom_element_definition;
  302. // https://dom.spec.whatwg.org/#concept-element-is-value
  303. Optional<String> m_is_value;
  304. // https://www.w3.org/TR/intersection-observer/#dom-element-registeredintersectionobservers-slot
  305. // Element objects have an internal [[RegisteredIntersectionObservers]] slot, which is initialized to an empty list.
  306. Vector<IntersectionObserver::IntersectionObserverRegistration> m_registered_intersection_observers;
  307. Array<CSSPixelPoint, 3> m_scroll_offset;
  308. };
  309. template<>
  310. inline bool Node::fast_is<Element>() const { return is_element(); }
  311. WebIDL::ExceptionOr<QualifiedName> validate_and_extract(JS::Realm&, DeprecatedFlyString namespace_, DeprecatedFlyString qualified_name);
  312. }