Element.h 20 KB

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