Element.h 20 KB

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