StyleValue.cpp 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547
  1. /*
  2. * Copyright (c) 2018-2023, Andreas Kling <kling@serenityos.org>
  3. * Copyright (c) 2021-2023, Sam Atkins <atkinssj@serenityos.org>
  4. * Copyright (c) 2021, Tobias Christiansen <tobyase@serenityos.org>
  5. * Copyright (c) 2022-2023, MacDue <macdue@dueutil.tech>
  6. *
  7. * SPDX-License-Identifier: BSD-2-Clause
  8. */
  9. #include <LibGfx/Font/FontDatabase.h>
  10. #include <LibGfx/Font/FontStyleMapping.h>
  11. #include <LibWeb/CSS/StyleValue.h>
  12. #include <LibWeb/CSS/StyleValues/AbstractImageStyleValue.h>
  13. #include <LibWeb/CSS/StyleValues/AngleStyleValue.h>
  14. #include <LibWeb/CSS/StyleValues/BackgroundRepeatStyleValue.h>
  15. #include <LibWeb/CSS/StyleValues/BackgroundSizeStyleValue.h>
  16. #include <LibWeb/CSS/StyleValues/BackgroundStyleValue.h>
  17. #include <LibWeb/CSS/StyleValues/BorderRadiusShorthandStyleValue.h>
  18. #include <LibWeb/CSS/StyleValues/BorderRadiusStyleValue.h>
  19. #include <LibWeb/CSS/StyleValues/BorderStyleValue.h>
  20. #include <LibWeb/CSS/StyleValues/CalculatedStyleValue.h>
  21. #include <LibWeb/CSS/StyleValues/ColorStyleValue.h>
  22. #include <LibWeb/CSS/StyleValues/CompositeStyleValue.h>
  23. #include <LibWeb/CSS/StyleValues/ConicGradientStyleValue.h>
  24. #include <LibWeb/CSS/StyleValues/ContentStyleValue.h>
  25. #include <LibWeb/CSS/StyleValues/CustomIdentStyleValue.h>
  26. #include <LibWeb/CSS/StyleValues/DisplayStyleValue.h>
  27. #include <LibWeb/CSS/StyleValues/EasingStyleValue.h>
  28. #include <LibWeb/CSS/StyleValues/EdgeStyleValue.h>
  29. #include <LibWeb/CSS/StyleValues/FilterValueListStyleValue.h>
  30. #include <LibWeb/CSS/StyleValues/FlexFlowStyleValue.h>
  31. #include <LibWeb/CSS/StyleValues/FlexStyleValue.h>
  32. #include <LibWeb/CSS/StyleValues/FontStyleValue.h>
  33. #include <LibWeb/CSS/StyleValues/FrequencyStyleValue.h>
  34. #include <LibWeb/CSS/StyleValues/GridAreaShorthandStyleValue.h>
  35. #include <LibWeb/CSS/StyleValues/GridAutoFlowStyleValue.h>
  36. #include <LibWeb/CSS/StyleValues/GridTemplateAreaStyleValue.h>
  37. #include <LibWeb/CSS/StyleValues/GridTrackPlacementShorthandStyleValue.h>
  38. #include <LibWeb/CSS/StyleValues/GridTrackPlacementStyleValue.h>
  39. #include <LibWeb/CSS/StyleValues/GridTrackSizeListShorthandStyleValue.h>
  40. #include <LibWeb/CSS/StyleValues/GridTrackSizeListStyleValue.h>
  41. #include <LibWeb/CSS/StyleValues/IdentifierStyleValue.h>
  42. #include <LibWeb/CSS/StyleValues/ImageStyleValue.h>
  43. #include <LibWeb/CSS/StyleValues/InheritStyleValue.h>
  44. #include <LibWeb/CSS/StyleValues/InitialStyleValue.h>
  45. #include <LibWeb/CSS/StyleValues/IntegerStyleValue.h>
  46. #include <LibWeb/CSS/StyleValues/LengthStyleValue.h>
  47. #include <LibWeb/CSS/StyleValues/LinearGradientStyleValue.h>
  48. #include <LibWeb/CSS/StyleValues/ListStyleStyleValue.h>
  49. #include <LibWeb/CSS/StyleValues/NumberStyleValue.h>
  50. #include <LibWeb/CSS/StyleValues/OverflowStyleValue.h>
  51. #include <LibWeb/CSS/StyleValues/PercentageStyleValue.h>
  52. #include <LibWeb/CSS/StyleValues/PlaceContentStyleValue.h>
  53. #include <LibWeb/CSS/StyleValues/PlaceItemsStyleValue.h>
  54. #include <LibWeb/CSS/StyleValues/PlaceSelfStyleValue.h>
  55. #include <LibWeb/CSS/StyleValues/PositionStyleValue.h>
  56. #include <LibWeb/CSS/StyleValues/RadialGradientStyleValue.h>
  57. #include <LibWeb/CSS/StyleValues/RatioStyleValue.h>
  58. #include <LibWeb/CSS/StyleValues/RectStyleValue.h>
  59. #include <LibWeb/CSS/StyleValues/ResolutionStyleValue.h>
  60. #include <LibWeb/CSS/StyleValues/ShadowStyleValue.h>
  61. #include <LibWeb/CSS/StyleValues/StringStyleValue.h>
  62. #include <LibWeb/CSS/StyleValues/StyleValueList.h>
  63. #include <LibWeb/CSS/StyleValues/TextDecorationStyleValue.h>
  64. #include <LibWeb/CSS/StyleValues/TimeStyleValue.h>
  65. #include <LibWeb/CSS/StyleValues/TransformationStyleValue.h>
  66. #include <LibWeb/CSS/StyleValues/URLStyleValue.h>
  67. #include <LibWeb/CSS/StyleValues/UnresolvedStyleValue.h>
  68. #include <LibWeb/CSS/StyleValues/UnsetStyleValue.h>
  69. namespace Web::CSS {
  70. StyleValue::StyleValue(Type type)
  71. : m_type(type)
  72. {
  73. }
  74. AbstractImageStyleValue const& StyleValue::as_abstract_image() const
  75. {
  76. VERIFY(is_abstract_image());
  77. return static_cast<AbstractImageStyleValue const&>(*this);
  78. }
  79. AngleStyleValue const& StyleValue::as_angle() const
  80. {
  81. VERIFY(is_angle());
  82. return static_cast<AngleStyleValue const&>(*this);
  83. }
  84. BackgroundStyleValue const& StyleValue::as_background() const
  85. {
  86. VERIFY(is_background());
  87. return static_cast<BackgroundStyleValue const&>(*this);
  88. }
  89. BackgroundRepeatStyleValue const& StyleValue::as_background_repeat() const
  90. {
  91. VERIFY(is_background_repeat());
  92. return static_cast<BackgroundRepeatStyleValue const&>(*this);
  93. }
  94. BackgroundSizeStyleValue const& StyleValue::as_background_size() const
  95. {
  96. VERIFY(is_background_size());
  97. return static_cast<BackgroundSizeStyleValue const&>(*this);
  98. }
  99. BorderStyleValue const& StyleValue::as_border() const
  100. {
  101. VERIFY(is_border());
  102. return static_cast<BorderStyleValue const&>(*this);
  103. }
  104. BorderRadiusStyleValue const& StyleValue::as_border_radius() const
  105. {
  106. VERIFY(is_border_radius());
  107. return static_cast<BorderRadiusStyleValue const&>(*this);
  108. }
  109. EasingStyleValue const& StyleValue::as_easing() const
  110. {
  111. VERIFY(is_easing());
  112. return static_cast<EasingStyleValue const&>(*this);
  113. }
  114. BorderRadiusShorthandStyleValue const& StyleValue::as_border_radius_shorthand() const
  115. {
  116. VERIFY(is_border_radius_shorthand());
  117. return static_cast<BorderRadiusShorthandStyleValue const&>(*this);
  118. }
  119. ShadowStyleValue const& StyleValue::as_shadow() const
  120. {
  121. VERIFY(is_shadow());
  122. return static_cast<ShadowStyleValue const&>(*this);
  123. }
  124. CalculatedStyleValue const& StyleValue::as_calculated() const
  125. {
  126. VERIFY(is_calculated());
  127. return static_cast<CalculatedStyleValue const&>(*this);
  128. }
  129. ColorStyleValue const& StyleValue::as_color() const
  130. {
  131. VERIFY(is_color());
  132. return static_cast<ColorStyleValue const&>(*this);
  133. }
  134. CompositeStyleValue const& StyleValue::as_composite() const
  135. {
  136. VERIFY(is_composite());
  137. return static_cast<CompositeStyleValue const&>(*this);
  138. }
  139. ConicGradientStyleValue const& StyleValue::as_conic_gradient() const
  140. {
  141. VERIFY(is_conic_gradient());
  142. return static_cast<ConicGradientStyleValue const&>(*this);
  143. }
  144. ContentStyleValue const& StyleValue::as_content() const
  145. {
  146. VERIFY(is_content());
  147. return static_cast<ContentStyleValue const&>(*this);
  148. }
  149. CustomIdentStyleValue const& StyleValue::as_custom_ident() const
  150. {
  151. VERIFY(is_custom_ident());
  152. return static_cast<CustomIdentStyleValue const&>(*this);
  153. }
  154. DisplayStyleValue const& StyleValue::as_display() const
  155. {
  156. VERIFY(is_display());
  157. return static_cast<DisplayStyleValue const&>(*this);
  158. }
  159. EdgeStyleValue const& StyleValue::as_edge() const
  160. {
  161. VERIFY(is_edge());
  162. return static_cast<EdgeStyleValue const&>(*this);
  163. }
  164. FilterValueListStyleValue const& StyleValue::as_filter_value_list() const
  165. {
  166. VERIFY(is_filter_value_list());
  167. return static_cast<FilterValueListStyleValue const&>(*this);
  168. }
  169. FlexStyleValue const& StyleValue::as_flex() const
  170. {
  171. VERIFY(is_flex());
  172. return static_cast<FlexStyleValue const&>(*this);
  173. }
  174. FlexFlowStyleValue const& StyleValue::as_flex_flow() const
  175. {
  176. VERIFY(is_flex_flow());
  177. return static_cast<FlexFlowStyleValue const&>(*this);
  178. }
  179. FontStyleValue const& StyleValue::as_font() const
  180. {
  181. VERIFY(is_font());
  182. return static_cast<FontStyleValue const&>(*this);
  183. }
  184. FrequencyStyleValue const& StyleValue::as_frequency() const
  185. {
  186. VERIFY(is_frequency());
  187. return static_cast<FrequencyStyleValue const&>(*this);
  188. }
  189. GridTrackPlacementShorthandStyleValue const& StyleValue::as_grid_track_placement_shorthand() const
  190. {
  191. VERIFY(is_grid_track_placement_shorthand());
  192. return static_cast<GridTrackPlacementShorthandStyleValue const&>(*this);
  193. }
  194. GridAreaShorthandStyleValue const& StyleValue::as_grid_area_shorthand() const
  195. {
  196. VERIFY(is_grid_area_shorthand());
  197. return static_cast<GridAreaShorthandStyleValue const&>(*this);
  198. }
  199. GridAutoFlowStyleValue const& StyleValue::as_grid_auto_flow() const
  200. {
  201. VERIFY(is_grid_auto_flow());
  202. return static_cast<GridAutoFlowStyleValue const&>(*this);
  203. }
  204. GridTemplateAreaStyleValue const& StyleValue::as_grid_template_area() const
  205. {
  206. VERIFY(is_grid_template_area());
  207. return static_cast<GridTemplateAreaStyleValue const&>(*this);
  208. }
  209. GridTrackPlacementStyleValue const& StyleValue::as_grid_track_placement() const
  210. {
  211. VERIFY(is_grid_track_placement());
  212. return static_cast<GridTrackPlacementStyleValue const&>(*this);
  213. }
  214. IdentifierStyleValue const& StyleValue::as_identifier() const
  215. {
  216. VERIFY(is_identifier());
  217. return static_cast<IdentifierStyleValue const&>(*this);
  218. }
  219. ImageStyleValue const& StyleValue::as_image() const
  220. {
  221. VERIFY(is_image());
  222. return static_cast<ImageStyleValue const&>(*this);
  223. }
  224. InheritStyleValue const& StyleValue::as_inherit() const
  225. {
  226. VERIFY(is_inherit());
  227. return static_cast<InheritStyleValue const&>(*this);
  228. }
  229. InitialStyleValue const& StyleValue::as_initial() const
  230. {
  231. VERIFY(is_initial());
  232. return static_cast<InitialStyleValue const&>(*this);
  233. }
  234. IntegerStyleValue const& StyleValue::as_integer() const
  235. {
  236. VERIFY(is_integer());
  237. return static_cast<IntegerStyleValue const&>(*this);
  238. }
  239. LengthStyleValue const& StyleValue::as_length() const
  240. {
  241. VERIFY(is_length());
  242. return static_cast<LengthStyleValue const&>(*this);
  243. }
  244. GridTrackSizeListStyleValue const& StyleValue::as_grid_track_size_list() const
  245. {
  246. VERIFY(is_grid_track_size_list());
  247. return static_cast<GridTrackSizeListStyleValue const&>(*this);
  248. }
  249. GridTrackSizeListShorthandStyleValue const& StyleValue::as_grid_track_size_list_shorthand() const
  250. {
  251. VERIFY(is_grid_track_size_list_shorthand());
  252. return static_cast<GridTrackSizeListShorthandStyleValue const&>(*this);
  253. }
  254. LinearGradientStyleValue const& StyleValue::as_linear_gradient() const
  255. {
  256. VERIFY(is_linear_gradient());
  257. return static_cast<LinearGradientStyleValue const&>(*this);
  258. }
  259. ListStyleStyleValue const& StyleValue::as_list_style() const
  260. {
  261. VERIFY(is_list_style());
  262. return static_cast<ListStyleStyleValue const&>(*this);
  263. }
  264. NumberStyleValue const& StyleValue::as_number() const
  265. {
  266. VERIFY(is_number());
  267. return static_cast<NumberStyleValue const&>(*this);
  268. }
  269. OverflowStyleValue const& StyleValue::as_overflow() const
  270. {
  271. VERIFY(is_overflow());
  272. return static_cast<OverflowStyleValue const&>(*this);
  273. }
  274. PercentageStyleValue const& StyleValue::as_percentage() const
  275. {
  276. VERIFY(is_percentage());
  277. return static_cast<PercentageStyleValue const&>(*this);
  278. }
  279. PlaceContentStyleValue const& StyleValue::as_place_content() const
  280. {
  281. VERIFY(is_place_content());
  282. return static_cast<PlaceContentStyleValue const&>(*this);
  283. }
  284. PlaceItemsStyleValue const& StyleValue::as_place_items() const
  285. {
  286. VERIFY(is_place_items());
  287. return static_cast<PlaceItemsStyleValue const&>(*this);
  288. }
  289. PlaceSelfStyleValue const& StyleValue::as_place_self() const
  290. {
  291. VERIFY(is_place_self());
  292. return static_cast<PlaceSelfStyleValue const&>(*this);
  293. }
  294. PositionStyleValue const& StyleValue::as_position() const
  295. {
  296. VERIFY(is_position());
  297. return static_cast<PositionStyleValue const&>(*this);
  298. }
  299. RadialGradientStyleValue const& StyleValue::as_radial_gradient() const
  300. {
  301. VERIFY(is_radial_gradient());
  302. return static_cast<RadialGradientStyleValue const&>(*this);
  303. }
  304. RatioStyleValue const& StyleValue::as_ratio() const
  305. {
  306. VERIFY(is_ratio());
  307. return static_cast<RatioStyleValue const&>(*this);
  308. }
  309. RectStyleValue const& StyleValue::as_rect() const
  310. {
  311. VERIFY(is_rect());
  312. return static_cast<RectStyleValue const&>(*this);
  313. }
  314. ResolutionStyleValue const& StyleValue::as_resolution() const
  315. {
  316. VERIFY(is_resolution());
  317. return static_cast<ResolutionStyleValue const&>(*this);
  318. }
  319. StringStyleValue const& StyleValue::as_string() const
  320. {
  321. VERIFY(is_string());
  322. return static_cast<StringStyleValue const&>(*this);
  323. }
  324. TextDecorationStyleValue const& StyleValue::as_text_decoration() const
  325. {
  326. VERIFY(is_text_decoration());
  327. return static_cast<TextDecorationStyleValue const&>(*this);
  328. }
  329. TimeStyleValue const& StyleValue::as_time() const
  330. {
  331. VERIFY(is_time());
  332. return static_cast<TimeStyleValue const&>(*this);
  333. }
  334. TransformationStyleValue const& StyleValue::as_transformation() const
  335. {
  336. VERIFY(is_transformation());
  337. return static_cast<TransformationStyleValue const&>(*this);
  338. }
  339. UnresolvedStyleValue const& StyleValue::as_unresolved() const
  340. {
  341. VERIFY(is_unresolved());
  342. return static_cast<UnresolvedStyleValue const&>(*this);
  343. }
  344. UnsetStyleValue const& StyleValue::as_unset() const
  345. {
  346. VERIFY(is_unset());
  347. return static_cast<UnsetStyleValue const&>(*this);
  348. }
  349. URLStyleValue const& StyleValue::as_url() const
  350. {
  351. VERIFY(is_url());
  352. return static_cast<URLStyleValue const&>(*this);
  353. }
  354. StyleValueList const& StyleValue::as_value_list() const
  355. {
  356. VERIFY(is_value_list());
  357. return static_cast<StyleValueList const&>(*this);
  358. }
  359. ValueComparingNonnullRefPtr<StyleValue const> StyleValue::absolutized(CSSPixelRect const&, Length::FontMetrics const&, Length::FontMetrics const&) const
  360. {
  361. return *this;
  362. }
  363. bool StyleValue::has_auto() const
  364. {
  365. return is_identifier() && as_identifier().id() == ValueID::Auto;
  366. }
  367. ValueID StyleValue::to_identifier() const
  368. {
  369. if (is_identifier())
  370. return as_identifier().id();
  371. return ValueID::Invalid;
  372. }
  373. int StyleValue::to_font_weight() const
  374. {
  375. if (is_identifier()) {
  376. switch (static_cast<IdentifierStyleValue const&>(*this).id()) {
  377. case CSS::ValueID::Normal:
  378. return Gfx::FontWeight::Regular;
  379. case CSS::ValueID::Bold:
  380. return Gfx::FontWeight::Bold;
  381. case CSS::ValueID::Lighter:
  382. // FIXME: This should be relative to the parent.
  383. return Gfx::FontWeight::Regular;
  384. case CSS::ValueID::Bolder:
  385. // FIXME: This should be relative to the parent.
  386. return Gfx::FontWeight::Bold;
  387. default:
  388. return Gfx::FontWeight::Regular;
  389. }
  390. }
  391. if (is_number()) {
  392. return round_to<int>(as_number().number());
  393. }
  394. if (is_calculated()) {
  395. auto maybe_weight = const_cast<CalculatedStyleValue&>(as_calculated()).resolve_integer();
  396. if (maybe_weight.has_value())
  397. return maybe_weight.value();
  398. }
  399. return Gfx::FontWeight::Regular;
  400. }
  401. int StyleValue::to_font_slope() const
  402. {
  403. // FIXME: Implement oblique <angle>
  404. if (is_identifier()) {
  405. switch (static_cast<IdentifierStyleValue const&>(*this).id()) {
  406. case CSS::ValueID::Italic: {
  407. static int italic_slope = Gfx::name_to_slope("Italic"sv);
  408. return italic_slope;
  409. }
  410. case CSS::ValueID::Oblique:
  411. static int oblique_slope = Gfx::name_to_slope("Oblique"sv);
  412. return oblique_slope;
  413. case CSS::ValueID::Normal:
  414. default:
  415. break;
  416. }
  417. }
  418. static int normal_slope = Gfx::name_to_slope("Normal"sv);
  419. return normal_slope;
  420. }
  421. int StyleValue::to_font_stretch_width() const
  422. {
  423. int width = Gfx::FontWidth::Normal;
  424. if (is_identifier()) {
  425. switch (static_cast<IdentifierStyleValue const&>(*this).id()) {
  426. case CSS::ValueID::UltraCondensed:
  427. width = Gfx::FontWidth::UltraCondensed;
  428. break;
  429. case CSS::ValueID::ExtraCondensed:
  430. width = Gfx::FontWidth::ExtraCondensed;
  431. break;
  432. case CSS::ValueID::Condensed:
  433. width = Gfx::FontWidth::Condensed;
  434. break;
  435. case CSS::ValueID::SemiCondensed:
  436. width = Gfx::FontWidth::SemiCondensed;
  437. break;
  438. case CSS::ValueID::Normal:
  439. width = Gfx::FontWidth::Normal;
  440. break;
  441. case CSS::ValueID::SemiExpanded:
  442. width = Gfx::FontWidth::SemiExpanded;
  443. break;
  444. case CSS::ValueID::Expanded:
  445. width = Gfx::FontWidth::Expanded;
  446. break;
  447. case CSS::ValueID::ExtraExpanded:
  448. width = Gfx::FontWidth::ExtraExpanded;
  449. break;
  450. case CSS::ValueID::UltraExpanded:
  451. width = Gfx::FontWidth::UltraExpanded;
  452. break;
  453. default:
  454. break;
  455. }
  456. } else if (is_percentage()) {
  457. float percentage = as_percentage().percentage().value();
  458. if (percentage <= 50) {
  459. width = Gfx::FontWidth::UltraCondensed;
  460. } else if (percentage <= 62.5f) {
  461. width = Gfx::FontWidth::ExtraCondensed;
  462. } else if (percentage <= 75.0f) {
  463. width = Gfx::FontWidth::Condensed;
  464. } else if (percentage <= 87.5f) {
  465. width = Gfx::FontWidth::SemiCondensed;
  466. } else if (percentage <= 100.0f) {
  467. width = Gfx::FontWidth::Normal;
  468. } else if (percentage <= 112.5f) {
  469. width = Gfx::FontWidth::SemiExpanded;
  470. } else if (percentage <= 125.0f) {
  471. width = Gfx::FontWidth::Expanded;
  472. } else if (percentage <= 150.0f) {
  473. width = Gfx::FontWidth::ExtraExpanded;
  474. } else {
  475. width = Gfx::FontWidth::UltraExpanded;
  476. }
  477. }
  478. return width;
  479. }
  480. }