IntersectionObserver.h 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  1. /*
  2. * Copyright (c) 2021, Tim Flynn <trflynn89@serenityos.org>
  3. *
  4. * SPDX-License-Identifier: BSD-2-Clause
  5. */
  6. #pragma once
  7. #include <LibGC/Root.h>
  8. #include <LibWeb/Bindings/PlatformObject.h>
  9. #include <LibWeb/IntersectionObserver/IntersectionObserverEntry.h>
  10. #include <LibWeb/PixelUnits.h>
  11. namespace Web::IntersectionObserver {
  12. struct IntersectionObserverInit {
  13. Optional<Variant<GC::Root<DOM::Element>, GC::Root<DOM::Document>>> root;
  14. String root_margin { "0px"_string };
  15. String scroll_margin { "0px"_string };
  16. Variant<double, Vector<double>> threshold { 0 };
  17. long delay = 0;
  18. bool track_visibility = false;
  19. };
  20. // https://www.w3.org/TR/intersection-observer/#intersectionobserverregistration
  21. struct IntersectionObserverRegistration {
  22. // https://www.w3.org/TR/intersection-observer/#dom-intersectionobserverregistration-observer
  23. // [A]n observer property holding an IntersectionObserver.
  24. GC::Ref<IntersectionObserver> observer;
  25. // https://www.w3.org/TR/intersection-observer/#dom-intersectionobserverregistration-observer
  26. // NOTE: Optional is used in place of the spec using -1 to indicate no previous index.
  27. // [A] previousThresholdIndex property holding a number between -1 and the length of the observer’s thresholds property (inclusive).
  28. Optional<size_t> previous_threshold_index;
  29. // https://www.w3.org/TR/intersection-observer/#dom-intersectionobserverregistration-previousisintersecting
  30. // [A] previousIsIntersecting property holding a boolean.
  31. bool previous_is_intersecting { false };
  32. };
  33. // https://w3c.github.io/IntersectionObserver/#intersection-observer-interface
  34. class IntersectionObserver final : public Bindings::PlatformObject {
  35. WEB_PLATFORM_OBJECT(IntersectionObserver, Bindings::PlatformObject);
  36. GC_DECLARE_ALLOCATOR(IntersectionObserver);
  37. public:
  38. static WebIDL::ExceptionOr<GC::Ref<IntersectionObserver>> construct_impl(JS::Realm&, GC::Ptr<WebIDL::CallbackType> callback, IntersectionObserverInit const& options = {});
  39. virtual ~IntersectionObserver() override;
  40. void observe(DOM::Element& target);
  41. void unobserve(DOM::Element& target);
  42. void disconnect();
  43. Vector<GC::Root<IntersectionObserverEntry>> take_records();
  44. Vector<GC::Ref<DOM::Element>> const& observation_targets() const { return m_observation_targets; }
  45. Variant<GC::Root<DOM::Element>, GC::Root<DOM::Document>, Empty> root() const;
  46. String root_margin() const;
  47. String scroll_margin() const;
  48. Vector<double> const& thresholds() const { return m_thresholds; }
  49. long delay() const { return m_delay; }
  50. bool track_visibility() const { return m_track_visibility; }
  51. Variant<GC::Root<DOM::Element>, GC::Root<DOM::Document>> intersection_root() const;
  52. CSSPixelRect root_intersection_rectangle() const;
  53. void queue_entry(Badge<DOM::Document>, GC::Ref<IntersectionObserverEntry>);
  54. WebIDL::CallbackType& callback() { return *m_callback; }
  55. private:
  56. explicit IntersectionObserver(JS::Realm&, GC::Ptr<WebIDL::CallbackType> callback, Optional<Variant<GC::Root<DOM::Element>, GC::Root<DOM::Document>>> const& root, Vector<CSS::LengthPercentage> root_margin, Vector<CSS::LengthPercentage> scroll_margin, Vector<double>&& thresholds, double debug, bool track_visibility);
  57. virtual void initialize(JS::Realm&) override;
  58. virtual void visit_edges(JS::Cell::Visitor&) override;
  59. virtual void finalize() override;
  60. static Optional<Vector<CSS::LengthPercentage>> parse_a_margin(JS::Realm&, String);
  61. // https://www.w3.org/TR/intersection-observer/#dom-intersectionobserver-callback-slot
  62. GC::Ptr<WebIDL::CallbackType> m_callback;
  63. // https://www.w3.org/TR/intersection-observer/#dom-intersectionobserver-root
  64. GC::Ptr<DOM::Node> m_root;
  65. // https://www.w3.org/TR/intersection-observer/#dom-intersectionobserver-rootmargin
  66. Vector<CSS::LengthPercentage> m_root_margin;
  67. // https://www.w3.org/TR/intersection-observer/#dom-intersectionobserver-scrollmargin
  68. Vector<CSS::LengthPercentage> m_scroll_margin;
  69. // https://www.w3.org/TR/intersection-observer/#dom-intersectionobserver-thresholds
  70. Vector<double> m_thresholds;
  71. // https://w3c.github.io/IntersectionObserver/#dom-intersectionobserver-delay
  72. long m_delay;
  73. // https://w3c.github.io/IntersectionObserver/#dom-intersectionobserver-trackvisibility
  74. bool m_track_visibility;
  75. // https://www.w3.org/TR/intersection-observer/#dom-intersectionobserver-queuedentries-slot
  76. Vector<GC::Ref<IntersectionObserverEntry>> m_queued_entries;
  77. // https://www.w3.org/TR/intersection-observer/#dom-intersectionobserver-observationtargets-slot
  78. Vector<GC::Ref<DOM::Element>> m_observation_targets;
  79. // AD-HOC: This is the document where we've registered the IntersectionObserver.
  80. WeakPtr<DOM::Document> m_document;
  81. };
  82. }