HTMLProgressElement.cpp 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
  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/DOM/Document.h>
  9. #include <LibWeb/DOM/ElementFactory.h>
  10. #include <LibWeb/DOM/ShadowRoot.h>
  11. #include <LibWeb/HTML/HTMLProgressElement.h>
  12. #include <LibWeb/HTML/Numbers.h>
  13. #include <LibWeb/Namespace.h>
  14. namespace Web::HTML {
  15. JS_DEFINE_ALLOCATOR(HTMLProgressElement);
  16. HTMLProgressElement::HTMLProgressElement(DOM::Document& document, DOM::QualifiedName qualified_name)
  17. : HTMLElement(document, move(qualified_name))
  18. {
  19. }
  20. HTMLProgressElement::~HTMLProgressElement() = default;
  21. void HTMLProgressElement::initialize(JS::Realm& realm)
  22. {
  23. Base::initialize(realm);
  24. WEB_SET_PROTOTYPE_FOR_INTERFACE(HTMLProgressElement);
  25. }
  26. void HTMLProgressElement::visit_edges(Cell::Visitor& visitor)
  27. {
  28. Base::visit_edges(visitor);
  29. visitor.visit(m_progress_value_element);
  30. }
  31. // https://html.spec.whatwg.org/multipage/form-elements.html#dom-progress-value
  32. double HTMLProgressElement::value() const
  33. {
  34. if (auto value_string = get_attribute(HTML::AttributeNames::value); value_string.has_value()) {
  35. if (auto value = parse_floating_point_number(*value_string); value.has_value())
  36. return clamp(*value, 0, max());
  37. }
  38. return 0;
  39. }
  40. WebIDL::ExceptionOr<void> HTMLProgressElement::set_value(double value)
  41. {
  42. if (value < 0 || value > max())
  43. return {};
  44. TRY(set_attribute(HTML::AttributeNames::value, MUST(String::number(value))));
  45. update_progress_value_element();
  46. return {};
  47. }
  48. // https://html.spec.whatwg.org/multipage/form-elements.html#dom-progress-max
  49. double HTMLProgressElement::max() const
  50. {
  51. if (auto max_string = get_attribute(HTML::AttributeNames::max); max_string.has_value()) {
  52. if (auto max = parse_floating_point_number(*max_string); max.has_value())
  53. return AK::max(*max, 0);
  54. }
  55. return 1;
  56. }
  57. WebIDL::ExceptionOr<void> HTMLProgressElement::set_max(double value)
  58. {
  59. if (value <= 0)
  60. return {};
  61. TRY(set_attribute(HTML::AttributeNames::max, MUST(String::number(value))));
  62. update_progress_value_element();
  63. return {};
  64. }
  65. double HTMLProgressElement::position() const
  66. {
  67. if (!is_determinate())
  68. return -1;
  69. return value() / max();
  70. }
  71. void HTMLProgressElement::inserted()
  72. {
  73. create_shadow_tree_if_needed();
  74. }
  75. void HTMLProgressElement::removed_from(DOM::Node*)
  76. {
  77. set_shadow_root(nullptr);
  78. }
  79. void HTMLProgressElement::create_shadow_tree_if_needed()
  80. {
  81. if (shadow_root_internal())
  82. return;
  83. auto shadow_root = heap().allocate<DOM::ShadowRoot>(realm(), document(), *this, Bindings::ShadowRootMode::Closed);
  84. set_shadow_root(shadow_root);
  85. auto progress_bar_element = MUST(DOM::create_element(document(), HTML::TagNames::div, Namespace::HTML));
  86. progress_bar_element->set_use_pseudo_element(CSS::Selector::PseudoElement::Type::ProgressBar);
  87. MUST(shadow_root->append_child(*progress_bar_element));
  88. m_progress_value_element = MUST(DOM::create_element(document(), HTML::TagNames::div, Namespace::HTML));
  89. m_progress_value_element->set_use_pseudo_element(CSS::Selector::PseudoElement::Type::ProgressValue);
  90. MUST(progress_bar_element->append_child(*m_progress_value_element));
  91. update_progress_value_element();
  92. }
  93. void HTMLProgressElement::update_progress_value_element()
  94. {
  95. MUST(m_progress_value_element->style_for_bindings()->set_property(CSS::PropertyID::Width, MUST(String::formatted("{}%", position() * 100))));
  96. }
  97. }