StyleProperties.cpp 24 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737
  1. /*
  2. * Copyright (c) 2018-2022, Andreas Kling <kling@serenityos.org>
  3. * Copyright (c) 2021-2022, Sam Atkins <atkinssj@serenityos.org>
  4. *
  5. * SPDX-License-Identifier: BSD-2-Clause
  6. */
  7. #include <AK/TypeCasts.h>
  8. #include <LibCore/DirIterator.h>
  9. #include <LibWeb/CSS/Clip.h>
  10. #include <LibWeb/CSS/StyleProperties.h>
  11. #include <LibWeb/FontCache.h>
  12. #include <LibWeb/Layout/BlockContainer.h>
  13. #include <LibWeb/Layout/Node.h>
  14. #include <LibWeb/Platform/FontPlugin.h>
  15. namespace Web::CSS {
  16. StyleProperties::StyleProperties(StyleProperties const& other)
  17. : m_property_values(other.m_property_values)
  18. {
  19. if (other.m_font) {
  20. m_font = other.m_font->clone();
  21. } else {
  22. m_font = nullptr;
  23. }
  24. }
  25. NonnullRefPtr<StyleProperties> StyleProperties::clone() const
  26. {
  27. return adopt_ref(*new StyleProperties(*this));
  28. }
  29. void StyleProperties::set_property(CSS::PropertyID id, NonnullRefPtr<StyleValue> value)
  30. {
  31. m_property_values[to_underlying(id)] = move(value);
  32. }
  33. NonnullRefPtr<StyleValue> StyleProperties::property(CSS::PropertyID property_id) const
  34. {
  35. auto value = m_property_values[to_underlying(property_id)];
  36. // By the time we call this method, all properties have values assigned.
  37. VERIFY(!value.is_null());
  38. return value.release_nonnull();
  39. }
  40. RefPtr<StyleValue> StyleProperties::maybe_null_property(CSS::PropertyID property_id) const
  41. {
  42. return m_property_values[to_underlying(property_id)];
  43. }
  44. CSS::Size StyleProperties::size_value(CSS::PropertyID id) const
  45. {
  46. auto value = property(id);
  47. if (value->is_identifier()) {
  48. switch (value->to_identifier()) {
  49. case ValueID::Auto:
  50. return CSS::Size::make_auto();
  51. case ValueID::MinContent:
  52. return CSS::Size::make_min_content();
  53. case ValueID::MaxContent:
  54. return CSS::Size::make_max_content();
  55. case ValueID::None:
  56. return CSS::Size::make_none();
  57. default:
  58. VERIFY_NOT_REACHED();
  59. }
  60. }
  61. if (value->is_calculated())
  62. return CSS::Size::make_length(CSS::Length::make_calculated(value->as_calculated()));
  63. if (value->is_percentage())
  64. return CSS::Size::make_percentage(value->as_percentage().percentage());
  65. if (value->has_length()) {
  66. auto length = value->to_length();
  67. if (length.is_auto())
  68. return CSS::Size::make_auto();
  69. return CSS::Size::make_length(value->to_length());
  70. }
  71. // FIXME: Support `fit-content(<length>)`
  72. dbgln("FIXME: Unsupported size value: `{}`, treating as `auto`", value->to_deprecated_string());
  73. return CSS::Size::make_auto();
  74. }
  75. LengthPercentage StyleProperties::length_percentage_or_fallback(CSS::PropertyID id, LengthPercentage const& fallback) const
  76. {
  77. return length_percentage(id).value_or(fallback);
  78. }
  79. Optional<LengthPercentage> StyleProperties::length_percentage(CSS::PropertyID id) const
  80. {
  81. auto value = property(id);
  82. if (value->is_calculated())
  83. return LengthPercentage { value->as_calculated() };
  84. if (value->is_percentage())
  85. return value->as_percentage().percentage();
  86. if (value->has_length())
  87. return value->to_length();
  88. return {};
  89. }
  90. LengthBox StyleProperties::length_box(CSS::PropertyID left_id, CSS::PropertyID top_id, CSS::PropertyID right_id, CSS::PropertyID bottom_id, const CSS::Length& default_value) const
  91. {
  92. LengthBox box;
  93. box.left() = length_percentage_or_fallback(left_id, default_value);
  94. box.top() = length_percentage_or_fallback(top_id, default_value);
  95. box.right() = length_percentage_or_fallback(right_id, default_value);
  96. box.bottom() = length_percentage_or_fallback(bottom_id, default_value);
  97. return box;
  98. }
  99. Color StyleProperties::color_or_fallback(CSS::PropertyID id, Layout::NodeWithStyle const& node, Color fallback) const
  100. {
  101. auto value = property(id);
  102. if (!value->has_color())
  103. return fallback;
  104. return value->to_color(node);
  105. }
  106. NonnullRefPtr<Gfx::Font> StyleProperties::font_fallback(bool monospace, bool bold)
  107. {
  108. if (monospace && bold)
  109. return Platform::FontPlugin::the().default_fixed_width_font().bold_variant();
  110. if (monospace)
  111. return Platform::FontPlugin::the().default_fixed_width_font();
  112. if (bold)
  113. return Platform::FontPlugin::the().default_font().bold_variant();
  114. return Platform::FontPlugin::the().default_font();
  115. }
  116. float StyleProperties::line_height(Layout::Node const& layout_node) const
  117. {
  118. auto line_height = property(CSS::PropertyID::LineHeight);
  119. if (line_height->is_identifier() && line_height->to_identifier() == ValueID::Normal)
  120. return layout_node.font().pixel_metrics().line_spacing();
  121. if (line_height->is_length()) {
  122. auto line_height_length = line_height->to_length();
  123. if (!line_height_length.is_auto())
  124. return line_height_length.to_px(layout_node);
  125. }
  126. if (line_height->is_numeric())
  127. return Length(line_height->to_number(), Length::Type::Em).to_px(layout_node);
  128. if (line_height->is_percentage()) {
  129. // Percentages are relative to 1em. https://www.w3.org/TR/css-inline-3/#valdef-line-height-percentage
  130. auto& percentage = line_height->as_percentage().percentage();
  131. return Length(percentage.as_fraction(), Length::Type::Em).to_px(layout_node);
  132. }
  133. return layout_node.font().pixel_metrics().line_spacing();
  134. }
  135. Optional<int> StyleProperties::z_index() const
  136. {
  137. auto value = property(CSS::PropertyID::ZIndex);
  138. if (value->has_auto())
  139. return {};
  140. if (value->has_integer())
  141. return value->to_integer();
  142. return {};
  143. }
  144. float StyleProperties::opacity() const
  145. {
  146. auto value = property(CSS::PropertyID::Opacity);
  147. float unclamped_opacity = 1.0f;
  148. if (value->has_number()) {
  149. unclamped_opacity = value->to_number();
  150. } else if (value->is_calculated()) {
  151. auto& calculated = value->as_calculated();
  152. if (calculated.resolved_type() == CalculatedStyleValue::ResolvedType::Percentage) {
  153. auto maybe_percentage = value->as_calculated().resolve_percentage();
  154. if (maybe_percentage.has_value())
  155. unclamped_opacity = maybe_percentage->as_fraction();
  156. else
  157. dbgln("Unable to resolve calc() as opacity (percentage): {}", value->to_deprecated_string());
  158. } else {
  159. auto maybe_number = value->as_calculated().resolve_number();
  160. if (maybe_number.has_value())
  161. unclamped_opacity = maybe_number.value();
  162. else
  163. dbgln("Unable to resolve calc() as opacity (number): {}", value->to_deprecated_string());
  164. }
  165. } else if (value->is_percentage()) {
  166. unclamped_opacity = value->as_percentage().percentage().as_fraction();
  167. }
  168. return clamp(unclamped_opacity, 0.0f, 1.0f);
  169. }
  170. Optional<CSS::FlexDirection> StyleProperties::flex_direction() const
  171. {
  172. auto value = property(CSS::PropertyID::FlexDirection);
  173. return value_id_to_flex_direction(value->to_identifier());
  174. }
  175. Optional<CSS::FlexWrap> StyleProperties::flex_wrap() const
  176. {
  177. auto value = property(CSS::PropertyID::FlexWrap);
  178. return value_id_to_flex_wrap(value->to_identifier());
  179. }
  180. Optional<CSS::FlexBasisData> StyleProperties::flex_basis() const
  181. {
  182. auto value = property(CSS::PropertyID::FlexBasis);
  183. if (value->is_identifier() && value->to_identifier() == CSS::ValueID::Content)
  184. return { { CSS::FlexBasis::Content, {} } };
  185. if (value->has_auto())
  186. return { { CSS::FlexBasis::Auto, {} } };
  187. if (value->is_percentage())
  188. return { { CSS::FlexBasis::LengthPercentage, value->as_percentage().percentage() } };
  189. if (value->has_length())
  190. return { { CSS::FlexBasis::LengthPercentage, value->to_length() } };
  191. return {};
  192. }
  193. float StyleProperties::flex_grow() const
  194. {
  195. auto value = property(CSS::PropertyID::FlexGrow);
  196. if (!value->has_number())
  197. return 0;
  198. return value->to_number();
  199. }
  200. float StyleProperties::flex_shrink() const
  201. {
  202. auto value = property(CSS::PropertyID::FlexShrink);
  203. if (!value->has_number())
  204. return 1;
  205. return value->to_number();
  206. }
  207. int StyleProperties::order() const
  208. {
  209. auto value = property(CSS::PropertyID::Order);
  210. if (!value->has_integer())
  211. return 0;
  212. return value->to_integer();
  213. }
  214. Optional<CSS::ImageRendering> StyleProperties::image_rendering() const
  215. {
  216. auto value = property(CSS::PropertyID::ImageRendering);
  217. return value_id_to_image_rendering(value->to_identifier());
  218. }
  219. CSS::Clip StyleProperties::clip() const
  220. {
  221. auto value = property(CSS::PropertyID::Clip);
  222. if (!value->has_rect())
  223. return CSS::Clip::make_auto();
  224. return CSS::Clip(value->as_rect().rect());
  225. }
  226. Optional<CSS::JustifyContent> StyleProperties::justify_content() const
  227. {
  228. auto value = property(CSS::PropertyID::JustifyContent);
  229. return value_id_to_justify_content(value->to_identifier());
  230. }
  231. Vector<CSS::Transformation> StyleProperties::transformations() const
  232. {
  233. auto value = property(CSS::PropertyID::Transform);
  234. if (value->is_identifier() && value->to_identifier() == CSS::ValueID::None)
  235. return {};
  236. if (!value->is_value_list())
  237. return {};
  238. auto& list = value->as_value_list();
  239. Vector<CSS::Transformation> transformations;
  240. for (auto& it : list.values()) {
  241. if (!it.is_transformation())
  242. return {};
  243. auto& transformation_style_value = it.as_transformation();
  244. CSS::Transformation transformation;
  245. transformation.function = transformation_style_value.transform_function();
  246. Vector<TransformValue> values;
  247. for (auto& transformation_value : transformation_style_value.values()) {
  248. if (transformation_value.is_length()) {
  249. values.append({ transformation_value.to_length() });
  250. } else if (transformation_value.is_percentage()) {
  251. values.append({ transformation_value.as_percentage().percentage() });
  252. } else if (transformation_value.is_numeric()) {
  253. values.append({ transformation_value.to_number() });
  254. } else if (transformation_value.is_angle()) {
  255. values.append({ transformation_value.as_angle().angle() });
  256. } else {
  257. dbgln("FIXME: Unsupported value in transform!");
  258. }
  259. }
  260. transformation.values = move(values);
  261. transformations.append(move(transformation));
  262. }
  263. return transformations;
  264. }
  265. static Optional<LengthPercentage> length_percentage_for_style_value(StyleValue const& value)
  266. {
  267. if (value.is_length())
  268. return value.to_length();
  269. if (value.is_percentage())
  270. return value.as_percentage().percentage();
  271. return {};
  272. }
  273. CSS::TransformOrigin StyleProperties::transform_origin() const
  274. {
  275. auto value = property(CSS::PropertyID::TransformOrigin);
  276. if (!value->is_value_list() || value->as_value_list().size() != 2)
  277. return {};
  278. auto const& list = value->as_value_list();
  279. auto x_value = length_percentage_for_style_value(list.values()[0]);
  280. auto y_value = length_percentage_for_style_value(list.values()[1]);
  281. if (!x_value.has_value() || !y_value.has_value()) {
  282. return {};
  283. }
  284. return { x_value.value(), y_value.value() };
  285. }
  286. Optional<CSS::AlignContent> StyleProperties::align_content() const
  287. {
  288. auto value = property(CSS::PropertyID::AlignContent);
  289. return value_id_to_align_content(value->to_identifier());
  290. }
  291. Optional<CSS::AlignItems> StyleProperties::align_items() const
  292. {
  293. auto value = property(CSS::PropertyID::AlignItems);
  294. return value_id_to_align_items(value->to_identifier());
  295. }
  296. Optional<CSS::AlignSelf> StyleProperties::align_self() const
  297. {
  298. auto value = property(CSS::PropertyID::AlignSelf);
  299. return value_id_to_align_self(value->to_identifier());
  300. }
  301. Optional<CSS::Appearance> StyleProperties::appearance() const
  302. {
  303. auto value = property(CSS::PropertyID::Appearance);
  304. auto appearance = value_id_to_appearance(value->to_identifier());
  305. if (appearance.has_value()) {
  306. switch (*appearance) {
  307. // Note: All these compatibility values can be treated as 'auto'
  308. case CSS::Appearance::Textfield:
  309. case CSS::Appearance::MenulistButton:
  310. case CSS::Appearance::Searchfield:
  311. case CSS::Appearance::Textarea:
  312. case CSS::Appearance::PushButton:
  313. case CSS::Appearance::SliderHorizontal:
  314. case CSS::Appearance::Checkbox:
  315. case CSS::Appearance::Radio:
  316. case CSS::Appearance::SquareButton:
  317. case CSS::Appearance::Menulist:
  318. case CSS::Appearance::Listbox:
  319. case CSS::Appearance::Meter:
  320. case CSS::Appearance::ProgressBar:
  321. case CSS::Appearance::Button:
  322. appearance = CSS::Appearance::Auto;
  323. break;
  324. default:
  325. break;
  326. }
  327. }
  328. return appearance;
  329. }
  330. CSS::BackdropFilter StyleProperties::backdrop_filter() const
  331. {
  332. auto value = property(CSS::PropertyID::BackdropFilter);
  333. if (value->is_filter_value_list())
  334. return BackdropFilter(value->as_filter_value_list());
  335. return BackdropFilter::make_none();
  336. }
  337. Optional<CSS::Position> StyleProperties::position() const
  338. {
  339. auto value = property(CSS::PropertyID::Position);
  340. return value_id_to_position(value->to_identifier());
  341. }
  342. bool StyleProperties::operator==(StyleProperties const& other) const
  343. {
  344. if (m_property_values.size() != other.m_property_values.size())
  345. return false;
  346. for (size_t i = 0; i < m_property_values.size(); ++i) {
  347. auto const& my_ptr = m_property_values[i];
  348. auto const& other_ptr = other.m_property_values[i];
  349. if (!my_ptr) {
  350. if (other_ptr)
  351. return false;
  352. continue;
  353. }
  354. if (!other_ptr)
  355. return false;
  356. auto const& my_value = *my_ptr;
  357. auto const& other_value = *other_ptr;
  358. if (my_value.type() != other_value.type())
  359. return false;
  360. if (my_value != other_value)
  361. return false;
  362. }
  363. return true;
  364. }
  365. Optional<CSS::TextAlign> StyleProperties::text_align() const
  366. {
  367. auto value = property(CSS::PropertyID::TextAlign);
  368. return value_id_to_text_align(value->to_identifier());
  369. }
  370. Optional<CSS::TextJustify> StyleProperties::text_justify() const
  371. {
  372. auto value = property(CSS::PropertyID::TextJustify);
  373. return value_id_to_text_justify(value->to_identifier());
  374. }
  375. Optional<CSS::PointerEvents> StyleProperties::pointer_events() const
  376. {
  377. auto value = property(CSS::PropertyID::PointerEvents);
  378. return value_id_to_pointer_events(value->to_identifier());
  379. }
  380. Optional<CSS::WhiteSpace> StyleProperties::white_space() const
  381. {
  382. auto value = property(CSS::PropertyID::WhiteSpace);
  383. return value_id_to_white_space(value->to_identifier());
  384. }
  385. Optional<CSS::LineStyle> StyleProperties::line_style(CSS::PropertyID property_id) const
  386. {
  387. auto value = property(property_id);
  388. return value_id_to_line_style(value->to_identifier());
  389. }
  390. Optional<CSS::Float> StyleProperties::float_() const
  391. {
  392. auto value = property(CSS::PropertyID::Float);
  393. return value_id_to_float(value->to_identifier());
  394. }
  395. Optional<CSS::Clear> StyleProperties::clear() const
  396. {
  397. auto value = property(CSS::PropertyID::Clear);
  398. return value_id_to_clear(value->to_identifier());
  399. }
  400. CSS::ContentData StyleProperties::content() const
  401. {
  402. auto value = property(CSS::PropertyID::Content);
  403. if (value->is_content()) {
  404. auto& content_style_value = value->as_content();
  405. CSS::ContentData content_data;
  406. // FIXME: The content is a list of things: strings, identifiers or functions that return strings, and images.
  407. // So it can't always be represented as a single String, but may have to be multiple boxes.
  408. // For now, we'll just assume strings since that is easiest.
  409. StringBuilder builder;
  410. for (auto const& item : content_style_value.content().values()) {
  411. if (item.is_string()) {
  412. builder.append(item.to_deprecated_string());
  413. } else {
  414. // TODO: Implement quotes, counters, images, and other things.
  415. }
  416. }
  417. content_data.type = ContentData::Type::String;
  418. content_data.data = builder.to_deprecated_string();
  419. if (content_style_value.has_alt_text()) {
  420. StringBuilder alt_text_builder;
  421. for (auto const& item : content_style_value.alt_text()->values()) {
  422. if (item.is_string()) {
  423. alt_text_builder.append(item.to_deprecated_string());
  424. } else {
  425. // TODO: Implement counters
  426. }
  427. }
  428. content_data.alt_text = alt_text_builder.to_deprecated_string();
  429. }
  430. return content_data;
  431. }
  432. switch (value->to_identifier()) {
  433. case ValueID::None:
  434. return { ContentData::Type::None };
  435. case ValueID::Normal:
  436. return { ContentData::Type::Normal };
  437. default:
  438. break;
  439. }
  440. return CSS::ContentData {};
  441. }
  442. Optional<CSS::Cursor> StyleProperties::cursor() const
  443. {
  444. auto value = property(CSS::PropertyID::Cursor);
  445. return value_id_to_cursor(value->to_identifier());
  446. }
  447. Optional<CSS::Visibility> StyleProperties::visibility() const
  448. {
  449. auto value = property(CSS::PropertyID::Visibility);
  450. if (!value->is_identifier())
  451. return {};
  452. return value_id_to_visibility(value->to_identifier());
  453. }
  454. CSS::Display StyleProperties::display() const
  455. {
  456. auto value = property(CSS::PropertyID::Display);
  457. if (!value->is_identifier())
  458. return CSS::Display::from_short(CSS::Display::Short::Inline);
  459. switch (value->to_identifier()) {
  460. case CSS::ValueID::None:
  461. return CSS::Display::from_short(CSS::Display::Short::None);
  462. case CSS::ValueID::Block:
  463. return CSS::Display::from_short(CSS::Display::Short::Block);
  464. case CSS::ValueID::Inline:
  465. return CSS::Display::from_short(CSS::Display::Short::Inline);
  466. case CSS::ValueID::InlineBlock:
  467. return CSS::Display::from_short(CSS::Display::Short::InlineBlock);
  468. case CSS::ValueID::ListItem:
  469. return CSS::Display::from_short(CSS::Display::Short::ListItem);
  470. case CSS::ValueID::Table:
  471. return CSS::Display::from_short(CSS::Display::Short::Table);
  472. case CSS::ValueID::TableRow:
  473. return CSS::Display { CSS::Display::Internal::TableRow };
  474. case CSS::ValueID::TableCell:
  475. return CSS::Display { CSS::Display::Internal::TableCell };
  476. case CSS::ValueID::TableColumn:
  477. return CSS::Display { CSS::Display::Internal::TableColumn };
  478. case CSS::ValueID::TableColumnGroup:
  479. return CSS::Display { CSS::Display::Internal::TableColumnGroup };
  480. case CSS::ValueID::TableCaption:
  481. return CSS::Display { CSS::Display::Internal::TableCaption };
  482. case CSS::ValueID::TableRowGroup:
  483. return CSS::Display { CSS::Display::Internal::TableRowGroup };
  484. case CSS::ValueID::TableHeaderGroup:
  485. return CSS::Display { CSS::Display::Internal::TableHeaderGroup };
  486. case CSS::ValueID::TableFooterGroup:
  487. return CSS::Display { CSS::Display::Internal::TableFooterGroup };
  488. case CSS::ValueID::Flex:
  489. return CSS::Display::from_short(CSS::Display::Short::Flex);
  490. case CSS::ValueID::InlineFlex:
  491. return CSS::Display::from_short(CSS::Display::Short::InlineFlex);
  492. case CSS::ValueID::Grid:
  493. return CSS::Display::from_short(CSS::Display::Short::Grid);
  494. default:
  495. return CSS::Display::from_short(CSS::Display::Short::Block);
  496. }
  497. }
  498. Vector<CSS::TextDecorationLine> StyleProperties::text_decoration_line() const
  499. {
  500. auto value = property(CSS::PropertyID::TextDecorationLine);
  501. if (value->is_value_list()) {
  502. Vector<CSS::TextDecorationLine> lines;
  503. auto& values = value->as_value_list().values();
  504. for (auto const& item : values) {
  505. lines.append(value_id_to_text_decoration_line(item.to_identifier()).value());
  506. }
  507. return lines;
  508. }
  509. if (value->is_identifier() && value->to_identifier() == ValueID::None)
  510. return {};
  511. dbgln("FIXME: Unsupported value for text-decoration-line: {}", value->to_deprecated_string());
  512. return {};
  513. }
  514. Optional<CSS::TextDecorationStyle> StyleProperties::text_decoration_style() const
  515. {
  516. auto value = property(CSS::PropertyID::TextDecorationStyle);
  517. return value_id_to_text_decoration_style(value->to_identifier());
  518. }
  519. Optional<CSS::TextTransform> StyleProperties::text_transform() const
  520. {
  521. auto value = property(CSS::PropertyID::TextTransform);
  522. return value_id_to_text_transform(value->to_identifier());
  523. }
  524. Optional<CSS::ListStyleType> StyleProperties::list_style_type() const
  525. {
  526. auto value = property(CSS::PropertyID::ListStyleType);
  527. return value_id_to_list_style_type(value->to_identifier());
  528. }
  529. Optional<CSS::Overflow> StyleProperties::overflow_x() const
  530. {
  531. return overflow(CSS::PropertyID::OverflowX);
  532. }
  533. Optional<CSS::Overflow> StyleProperties::overflow_y() const
  534. {
  535. return overflow(CSS::PropertyID::OverflowY);
  536. }
  537. Optional<CSS::Overflow> StyleProperties::overflow(CSS::PropertyID property_id) const
  538. {
  539. auto value = property(property_id);
  540. return value_id_to_overflow(value->to_identifier());
  541. }
  542. Vector<ShadowData> StyleProperties::shadow(PropertyID property_id) const
  543. {
  544. auto value = property(property_id);
  545. auto make_shadow_data = [](ShadowStyleValue const& value) {
  546. return ShadowData { value.color(), value.offset_x(), value.offset_y(), value.blur_radius(), value.spread_distance(), value.placement() };
  547. };
  548. if (value->is_value_list()) {
  549. auto& value_list = value->as_value_list();
  550. Vector<ShadowData> shadow_data;
  551. shadow_data.ensure_capacity(value_list.size());
  552. for (auto const& layer_value : value_list.values())
  553. shadow_data.append(make_shadow_data(layer_value.as_shadow()));
  554. return shadow_data;
  555. }
  556. if (value->is_shadow()) {
  557. auto& box = value->as_shadow();
  558. return { make_shadow_data(box) };
  559. }
  560. return {};
  561. }
  562. Vector<ShadowData> StyleProperties::box_shadow() const
  563. {
  564. return shadow(PropertyID::BoxShadow);
  565. }
  566. Vector<ShadowData> StyleProperties::text_shadow() const
  567. {
  568. return shadow(PropertyID::TextShadow);
  569. }
  570. Optional<CSS::BoxSizing> StyleProperties::box_sizing() const
  571. {
  572. auto value = property(CSS::PropertyID::BoxSizing);
  573. return value_id_to_box_sizing(value->to_identifier());
  574. }
  575. Variant<CSS::VerticalAlign, CSS::LengthPercentage> StyleProperties::vertical_align() const
  576. {
  577. auto value = property(CSS::PropertyID::VerticalAlign);
  578. if (value->is_identifier())
  579. return value_id_to_vertical_align(value->to_identifier()).release_value();
  580. if (value->is_length())
  581. return CSS::LengthPercentage(value->to_length());
  582. if (value->is_percentage())
  583. return CSS::LengthPercentage(value->as_percentage().percentage());
  584. VERIFY_NOT_REACHED();
  585. }
  586. Optional<CSS::FontVariant> StyleProperties::font_variant() const
  587. {
  588. auto value = property(CSS::PropertyID::FontVariant);
  589. return value_id_to_font_variant(value->to_identifier());
  590. }
  591. CSS::GridTrackSizeList StyleProperties::grid_template_columns() const
  592. {
  593. auto value = property(CSS::PropertyID::GridTemplateColumns);
  594. return value->as_grid_track_size_list().grid_track_size_list();
  595. }
  596. CSS::GridTrackSizeList StyleProperties::grid_template_rows() const
  597. {
  598. auto value = property(CSS::PropertyID::GridTemplateRows);
  599. return value->as_grid_track_size_list().grid_track_size_list();
  600. }
  601. CSS::GridTrackPlacement StyleProperties::grid_column_end() const
  602. {
  603. auto value = property(CSS::PropertyID::GridColumnEnd);
  604. return value->as_grid_track_placement().grid_track_placement();
  605. }
  606. CSS::GridTrackPlacement StyleProperties::grid_column_start() const
  607. {
  608. auto value = property(CSS::PropertyID::GridColumnStart);
  609. return value->as_grid_track_placement().grid_track_placement();
  610. }
  611. CSS::GridTrackPlacement StyleProperties::grid_row_end() const
  612. {
  613. auto value = property(CSS::PropertyID::GridRowEnd);
  614. return value->as_grid_track_placement().grid_track_placement();
  615. }
  616. CSS::GridTrackPlacement StyleProperties::grid_row_start() const
  617. {
  618. auto value = property(CSS::PropertyID::GridRowStart);
  619. return value->as_grid_track_placement().grid_track_placement();
  620. }
  621. }