HTMLProgressElement.cpp 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146
  1. /*
  2. * Copyright (c) 2020-2022, the SerenityOS developers.
  3. * Copyright (c) 2022, MacDue <macdue@dueutil.tech>
  4. * Copyright (c) 2023, Bastiaan van der Plaat <bastiaan.v.d.plaat@gmail.com>
  5. *
  6. * SPDX-License-Identifier: BSD-2-Clause
  7. */
  8. #include <LibWeb/Bindings/HTMLProgressElementPrototype.h>
  9. #include <LibWeb/CSS/StyleProperties.h>
  10. #include <LibWeb/CSS/StyleValues/DisplayStyleValue.h>
  11. #include <LibWeb/DOM/Document.h>
  12. #include <LibWeb/DOM/ElementFactory.h>
  13. #include <LibWeb/DOM/ShadowRoot.h>
  14. #include <LibWeb/HTML/HTMLProgressElement.h>
  15. #include <LibWeb/HTML/Numbers.h>
  16. #include <LibWeb/Namespace.h>
  17. #include <LibWeb/Page/Page.h>
  18. namespace Web::HTML {
  19. GC_DEFINE_ALLOCATOR(HTMLProgressElement);
  20. HTMLProgressElement::HTMLProgressElement(DOM::Document& document, DOM::QualifiedName qualified_name)
  21. : HTMLElement(document, move(qualified_name))
  22. {
  23. }
  24. HTMLProgressElement::~HTMLProgressElement() = default;
  25. void HTMLProgressElement::initialize(JS::Realm& realm)
  26. {
  27. Base::initialize(realm);
  28. WEB_SET_PROTOTYPE_FOR_INTERFACE(HTMLProgressElement);
  29. }
  30. void HTMLProgressElement::visit_edges(Cell::Visitor& visitor)
  31. {
  32. Base::visit_edges(visitor);
  33. visitor.visit(m_progress_value_element);
  34. }
  35. // https://html.spec.whatwg.org/multipage/form-elements.html#dom-progress-value
  36. double HTMLProgressElement::value() const
  37. {
  38. if (auto value_string = get_attribute(HTML::AttributeNames::value); value_string.has_value()) {
  39. if (auto value = parse_floating_point_number(*value_string); value.has_value())
  40. return clamp(*value, 0, max());
  41. }
  42. return 0;
  43. }
  44. WebIDL::ExceptionOr<void> HTMLProgressElement::set_value(double value)
  45. {
  46. if (value < 0)
  47. value = 0;
  48. TRY(set_attribute(HTML::AttributeNames::value, String::number(value)));
  49. update_progress_value_element();
  50. return {};
  51. }
  52. // https://html.spec.whatwg.org/multipage/form-elements.html#dom-progress-max
  53. double HTMLProgressElement::max() const
  54. {
  55. if (auto max_string = get_attribute(HTML::AttributeNames::max); max_string.has_value()) {
  56. if (auto max = parse_floating_point_number(*max_string); max.has_value())
  57. if (*max > 0)
  58. return *max;
  59. }
  60. return 1;
  61. }
  62. WebIDL::ExceptionOr<void> HTMLProgressElement::set_max(double value)
  63. {
  64. if (value <= 0)
  65. value = 1;
  66. TRY(set_attribute(HTML::AttributeNames::max, String::number(value)));
  67. update_progress_value_element();
  68. return {};
  69. }
  70. double HTMLProgressElement::position() const
  71. {
  72. if (!is_determinate())
  73. return -1;
  74. return value() / max();
  75. }
  76. void HTMLProgressElement::inserted()
  77. {
  78. create_shadow_tree_if_needed();
  79. }
  80. void HTMLProgressElement::removed_from(DOM::Node*)
  81. {
  82. set_shadow_root(nullptr);
  83. }
  84. void HTMLProgressElement::adjust_computed_style(CSS::StyleProperties& style)
  85. {
  86. // https://drafts.csswg.org/css-display-3/#unbox
  87. if (style.display().is_contents())
  88. style.set_property(CSS::PropertyID::Display, CSS::DisplayStyleValue::create(CSS::Display::from_short(CSS::Display::Short::None)));
  89. }
  90. void HTMLProgressElement::create_shadow_tree_if_needed()
  91. {
  92. if (shadow_root())
  93. return;
  94. auto shadow_root = realm().create<DOM::ShadowRoot>(document(), *this, Bindings::ShadowRootMode::Closed);
  95. set_shadow_root(shadow_root);
  96. auto progress_bar_element = MUST(DOM::create_element(document(), HTML::TagNames::div, Namespace::HTML));
  97. progress_bar_element->set_use_pseudo_element(CSS::Selector::PseudoElement::Type::ProgressBar);
  98. MUST(shadow_root->append_child(*progress_bar_element));
  99. m_progress_value_element = MUST(DOM::create_element(document(), HTML::TagNames::div, Namespace::HTML));
  100. m_progress_value_element->set_use_pseudo_element(CSS::Selector::PseudoElement::Type::ProgressValue);
  101. MUST(progress_bar_element->append_child(*m_progress_value_element));
  102. update_progress_value_element();
  103. }
  104. void HTMLProgressElement::update_progress_value_element()
  105. {
  106. if (m_progress_value_element)
  107. MUST(m_progress_value_element->style_for_bindings()->set_property(CSS::PropertyID::Width, MUST(String::formatted("{}%", position() * 100))));
  108. }
  109. void HTMLProgressElement::computed_css_values_changed()
  110. {
  111. auto palette = document().page().palette();
  112. auto accent_color = palette.color(ColorRole::Accent).to_string();
  113. auto const& accent_color_property = computed_css_values()->property(CSS::PropertyID::AccentColor);
  114. if (accent_color_property.has_color())
  115. accent_color = accent_color_property.to_string();
  116. if (m_progress_value_element)
  117. MUST(m_progress_value_element->style_for_bindings()->set_property(CSS::PropertyID::BackgroundColor, accent_color));
  118. }
  119. }