HTMLTableCellElement.cpp 9.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212
  1. /*
  2. * Copyright (c) 2020-2022, Andreas Kling <andreas@ladybird.org>
  3. * Copyright (c) 2024, Jamie Mansfield <jmansfield@cadixdev.org>
  4. *
  5. * SPDX-License-Identifier: BSD-2-Clause
  6. */
  7. #include <LibWeb/Bindings/HTMLTableCellElementPrototype.h>
  8. #include <LibWeb/Bindings/Intrinsics.h>
  9. #include <LibWeb/CSS/Parser/Parser.h>
  10. #include <LibWeb/CSS/StyleProperties.h>
  11. #include <LibWeb/CSS/StyleValues/CSSColorValue.h>
  12. #include <LibWeb/CSS/StyleValues/CSSKeywordValue.h>
  13. #include <LibWeb/CSS/StyleValues/ImageStyleValue.h>
  14. #include <LibWeb/CSS/StyleValues/LengthStyleValue.h>
  15. #include <LibWeb/DOM/Document.h>
  16. #include <LibWeb/DOM/HTMLCollection.h>
  17. #include <LibWeb/HTML/HTMLTableCellElement.h>
  18. #include <LibWeb/HTML/HTMLTableElement.h>
  19. #include <LibWeb/HTML/Numbers.h>
  20. #include <LibWeb/HTML/Parser/HTMLParser.h>
  21. namespace Web::HTML {
  22. GC_DEFINE_ALLOCATOR(HTMLTableCellElement);
  23. HTMLTableCellElement::HTMLTableCellElement(DOM::Document& document, DOM::QualifiedName qualified_name)
  24. : HTMLElement(document, move(qualified_name))
  25. {
  26. }
  27. HTMLTableCellElement::~HTMLTableCellElement() = default;
  28. void HTMLTableCellElement::initialize(JS::Realm& realm)
  29. {
  30. Base::initialize(realm);
  31. WEB_SET_PROTOTYPE_FOR_INTERFACE(HTMLTableCellElement);
  32. }
  33. void HTMLTableCellElement::apply_presentational_hints(CSS::StyleProperties& style) const
  34. {
  35. for_each_attribute([&](auto& name, auto& value) {
  36. if (name == HTML::AttributeNames::bgcolor) {
  37. // https://html.spec.whatwg.org/multipage/rendering.html#tables-2:rules-for-parsing-a-legacy-colour-value
  38. auto color = parse_legacy_color_value(value);
  39. if (color.has_value())
  40. style.set_property(CSS::PropertyID::BackgroundColor, CSS::CSSColorValue::create_from_color(color.value()));
  41. return;
  42. }
  43. if (name == HTML::AttributeNames::valign) {
  44. if (auto parsed_value = parse_css_value(CSS::Parser::ParsingContext { document() }, value, CSS::PropertyID::VerticalAlign))
  45. style.set_property(CSS::PropertyID::VerticalAlign, parsed_value.release_nonnull());
  46. return;
  47. }
  48. if (name == HTML::AttributeNames::align) {
  49. if (value.equals_ignoring_ascii_case("center"sv) || value.equals_ignoring_ascii_case("middle"sv)) {
  50. style.set_property(CSS::PropertyID::TextAlign, CSS::CSSKeywordValue::create(CSS::Keyword::LibwebCenter));
  51. } else if (value.equals_ignoring_ascii_case("left"sv)) {
  52. style.set_property(CSS::PropertyID::TextAlign, CSS::CSSKeywordValue::create(CSS::Keyword::LibwebLeft));
  53. } else if (value.equals_ignoring_ascii_case("right"sv)) {
  54. style.set_property(CSS::PropertyID::TextAlign, CSS::CSSKeywordValue::create(CSS::Keyword::LibwebRight));
  55. } else {
  56. if (auto parsed_value = parse_css_value(CSS::Parser::ParsingContext { document() }, value, CSS::PropertyID::TextAlign))
  57. style.set_property(CSS::PropertyID::TextAlign, parsed_value.release_nonnull());
  58. }
  59. return;
  60. }
  61. if (name == HTML::AttributeNames::width) {
  62. if (auto parsed_value = parse_nonzero_dimension_value(value))
  63. style.set_property(CSS::PropertyID::Width, parsed_value.release_nonnull());
  64. return;
  65. } else if (name == HTML::AttributeNames::height) {
  66. if (auto parsed_value = parse_nonzero_dimension_value(value))
  67. style.set_property(CSS::PropertyID::Height, parsed_value.release_nonnull());
  68. return;
  69. } else if (name == HTML::AttributeNames::background) {
  70. // https://html.spec.whatwg.org/multipage/rendering.html#tables-2:encoding-parsing-and-serializing-a-url
  71. if (auto parsed_value = document().encoding_parse_url(value); parsed_value.is_valid())
  72. style.set_property(CSS::PropertyID::BackgroundImage, CSS::ImageStyleValue::create(parsed_value));
  73. return;
  74. }
  75. });
  76. auto const table_element = first_ancestor_of_type<HTMLTableElement>();
  77. if (!table_element)
  78. return;
  79. if (auto padding = table_element->padding()) {
  80. style.set_property(CSS::PropertyID::PaddingTop, CSS::LengthStyleValue::create(CSS::Length::make_px(padding)));
  81. style.set_property(CSS::PropertyID::PaddingBottom, CSS::LengthStyleValue::create(CSS::Length::make_px(padding)));
  82. style.set_property(CSS::PropertyID::PaddingLeft, CSS::LengthStyleValue::create(CSS::Length::make_px(padding)));
  83. style.set_property(CSS::PropertyID::PaddingRight, CSS::LengthStyleValue::create(CSS::Length::make_px(padding)));
  84. }
  85. auto border = table_element->border();
  86. if (!border)
  87. return;
  88. auto apply_border_style = [&](CSS::PropertyID style_property, CSS::PropertyID width_property, CSS::PropertyID color_property) {
  89. style.set_property(style_property, CSS::CSSKeywordValue::create(CSS::Keyword::Inset));
  90. style.set_property(width_property, CSS::LengthStyleValue::create(CSS::Length::make_px(1)));
  91. style.set_property(color_property, table_element->computed_css_values()->property(color_property));
  92. };
  93. apply_border_style(CSS::PropertyID::BorderLeftStyle, CSS::PropertyID::BorderLeftWidth, CSS::PropertyID::BorderLeftColor);
  94. apply_border_style(CSS::PropertyID::BorderTopStyle, CSS::PropertyID::BorderTopWidth, CSS::PropertyID::BorderTopColor);
  95. apply_border_style(CSS::PropertyID::BorderRightStyle, CSS::PropertyID::BorderRightWidth, CSS::PropertyID::BorderRightColor);
  96. apply_border_style(CSS::PropertyID::BorderBottomStyle, CSS::PropertyID::BorderBottomWidth, CSS::PropertyID::BorderBottomColor);
  97. }
  98. // This implements step 8 in the spec here:
  99. // https://html.spec.whatwg.org/multipage/tables.html#algorithm-for-processing-rows
  100. WebIDL::UnsignedLong HTMLTableCellElement::col_span() const
  101. {
  102. auto col_span_attribute = get_attribute(HTML::AttributeNames::colspan);
  103. if (!col_span_attribute.has_value())
  104. return 1;
  105. auto optional_value_digits = Web::HTML::parse_non_negative_integer_digits(*col_span_attribute);
  106. // If parsing that value failed, or returned zero, or if the attribute is absent, then let colspan be 1, instead.
  107. if (!optional_value_digits.has_value())
  108. return 1;
  109. auto optional_value = optional_value_digits->to_number<i64>(TrimWhitespace::No);
  110. if (optional_value == 0)
  111. return 1;
  112. // NOTE: If there is no value at this point the value must be larger than NumericLimits<i64>::max(), so return the maximum value of 1000.
  113. if (!optional_value.has_value())
  114. return 1000;
  115. auto value = optional_value.value();
  116. // If colspan is greater than 1000, let it be 1000 instead.
  117. if (value > 1000) {
  118. return 1000;
  119. }
  120. return value;
  121. }
  122. WebIDL::ExceptionOr<void> HTMLTableCellElement::set_col_span(WebIDL::UnsignedLong value)
  123. {
  124. if (value > 2147483647)
  125. value = 1;
  126. return set_attribute(HTML::AttributeNames::colspan, String::number(value));
  127. }
  128. // This implements step 9 in the spec here:
  129. // https://html.spec.whatwg.org/multipage/tables.html#algorithm-for-processing-rows
  130. WebIDL::UnsignedLong HTMLTableCellElement::row_span() const
  131. {
  132. auto row_span_attribute = get_attribute(HTML::AttributeNames::rowspan);
  133. if (!row_span_attribute.has_value())
  134. return 1;
  135. // If parsing that value failed or if the attribute is absent, then let rowspan be 1, instead.
  136. auto optional_value_digits = Web::HTML::parse_non_negative_integer_digits(*row_span_attribute);
  137. if (!optional_value_digits.has_value())
  138. return 1;
  139. auto optional_value = optional_value_digits->to_number<i64>(TrimWhitespace::No);
  140. // If rowspan is greater than 65534, let it be 65534 instead.
  141. // NOTE: If there is no value at this point the value must be larger than NumericLimits<i64>::max(), so return the maximum value of 65534.
  142. if (!optional_value.has_value() || *optional_value > 65534)
  143. return 65534;
  144. return *optional_value;
  145. }
  146. WebIDL::ExceptionOr<void> HTMLTableCellElement::set_row_span(WebIDL::UnsignedLong value)
  147. {
  148. if (value > 2147483647)
  149. value = 1;
  150. return set_attribute(HTML::AttributeNames::rowspan, String::number(value));
  151. }
  152. // https://html.spec.whatwg.org/multipage/tables.html#dom-tdth-cellindex
  153. WebIDL::Long HTMLTableCellElement::cell_index() const
  154. {
  155. // The cellIndex IDL attribute must, if the element has a parent tr element, return the index of the cell's
  156. // element in the parent element's cells collection. If there is no such parent element, then the attribute
  157. // must return −1.
  158. auto const* parent = first_ancestor_of_type<HTMLTableRowElement>();
  159. if (!parent)
  160. return -1;
  161. auto rows = parent->cells()->collect_matching_elements();
  162. for (size_t i = 0; i < rows.size(); ++i) {
  163. if (rows[i] == this)
  164. return i;
  165. }
  166. return -1;
  167. }
  168. Optional<ARIA::Role> HTMLTableCellElement::default_role() const
  169. {
  170. // TODO: For td:
  171. // role=cell if the ancestor table element is exposed as a role=table
  172. // role=gridcell if the ancestor table element is exposed as a role=grid or treegrid
  173. // No corresponding role if the ancestor table element is not exposed as a role=table, grid or treegrid
  174. // For th:
  175. // role=columnheader, rowheader or cell if the ancestor table element is exposed as a role=table
  176. // role=columnheader, rowheader or gridcell if the ancestor table element is exposed as a role=grid or treegrid
  177. // No corresponding role if the ancestor table element is not exposed as a role=table, grid or treegrid
  178. // https://www.w3.org/TR/html-aria/#el-td
  179. // https://www.w3.org/TR/html-aria/#el-th
  180. return {};
  181. }
  182. }