CSSStyleValue.cpp 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470
  1. /*
  2. * Copyright (c) 2018-2023, Andreas Kling <kling@serenityos.org>
  3. * Copyright (c) 2021-2024, Sam Atkins <sam@ladybird.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/FontStyleMapping.h>
  10. #include <LibGfx/Font/FontWeight.h>
  11. #include <LibWeb/CSS/CSSStyleValue.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/BasicShapeStyleValue.h>
  17. #include <LibWeb/CSS/StyleValues/BorderRadiusStyleValue.h>
  18. #include <LibWeb/CSS/StyleValues/CSSColorValue.h>
  19. #include <LibWeb/CSS/StyleValues/CSSKeywordValue.h>
  20. #include <LibWeb/CSS/StyleValues/CalculatedStyleValue.h>
  21. #include <LibWeb/CSS/StyleValues/ConicGradientStyleValue.h>
  22. #include <LibWeb/CSS/StyleValues/ContentStyleValue.h>
  23. #include <LibWeb/CSS/StyleValues/CounterDefinitionsStyleValue.h>
  24. #include <LibWeb/CSS/StyleValues/CounterStyleValue.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/FlexStyleValue.h>
  31. #include <LibWeb/CSS/StyleValues/FrequencyStyleValue.h>
  32. #include <LibWeb/CSS/StyleValues/GridAutoFlowStyleValue.h>
  33. #include <LibWeb/CSS/StyleValues/GridTemplateAreaStyleValue.h>
  34. #include <LibWeb/CSS/StyleValues/GridTrackPlacementStyleValue.h>
  35. #include <LibWeb/CSS/StyleValues/GridTrackSizeListStyleValue.h>
  36. #include <LibWeb/CSS/StyleValues/ImageStyleValue.h>
  37. #include <LibWeb/CSS/StyleValues/IntegerStyleValue.h>
  38. #include <LibWeb/CSS/StyleValues/LengthStyleValue.h>
  39. #include <LibWeb/CSS/StyleValues/LinearGradientStyleValue.h>
  40. #include <LibWeb/CSS/StyleValues/MathDepthStyleValue.h>
  41. #include <LibWeb/CSS/StyleValues/NumberStyleValue.h>
  42. #include <LibWeb/CSS/StyleValues/PercentageStyleValue.h>
  43. #include <LibWeb/CSS/StyleValues/PositionStyleValue.h>
  44. #include <LibWeb/CSS/StyleValues/RadialGradientStyleValue.h>
  45. #include <LibWeb/CSS/StyleValues/RatioStyleValue.h>
  46. #include <LibWeb/CSS/StyleValues/RectStyleValue.h>
  47. #include <LibWeb/CSS/StyleValues/ResolutionStyleValue.h>
  48. #include <LibWeb/CSS/StyleValues/ScrollbarGutterStyleValue.h>
  49. #include <LibWeb/CSS/StyleValues/ShadowStyleValue.h>
  50. #include <LibWeb/CSS/StyleValues/ShorthandStyleValue.h>
  51. #include <LibWeb/CSS/StyleValues/StringStyleValue.h>
  52. #include <LibWeb/CSS/StyleValues/StyleValueList.h>
  53. #include <LibWeb/CSS/StyleValues/TimeStyleValue.h>
  54. #include <LibWeb/CSS/StyleValues/TransformationStyleValue.h>
  55. #include <LibWeb/CSS/StyleValues/TransitionStyleValue.h>
  56. #include <LibWeb/CSS/StyleValues/URLStyleValue.h>
  57. #include <LibWeb/CSS/StyleValues/UnresolvedStyleValue.h>
  58. namespace Web::CSS {
  59. CSSStyleValue::CSSStyleValue(Type type)
  60. : m_type(type)
  61. {
  62. }
  63. AbstractImageStyleValue const& CSSStyleValue::as_abstract_image() const
  64. {
  65. VERIFY(is_abstract_image());
  66. return static_cast<AbstractImageStyleValue const&>(*this);
  67. }
  68. AngleStyleValue const& CSSStyleValue::as_angle() const
  69. {
  70. VERIFY(is_angle());
  71. return static_cast<AngleStyleValue const&>(*this);
  72. }
  73. BackgroundRepeatStyleValue const& CSSStyleValue::as_background_repeat() const
  74. {
  75. VERIFY(is_background_repeat());
  76. return static_cast<BackgroundRepeatStyleValue const&>(*this);
  77. }
  78. BackgroundSizeStyleValue const& CSSStyleValue::as_background_size() const
  79. {
  80. VERIFY(is_background_size());
  81. return static_cast<BackgroundSizeStyleValue const&>(*this);
  82. }
  83. BasicShapeStyleValue const& CSSStyleValue::as_basic_shape() const
  84. {
  85. VERIFY(is_basic_shape());
  86. return static_cast<BasicShapeStyleValue const&>(*this);
  87. }
  88. BorderRadiusStyleValue const& CSSStyleValue::as_border_radius() const
  89. {
  90. VERIFY(is_border_radius());
  91. return static_cast<BorderRadiusStyleValue const&>(*this);
  92. }
  93. CalculatedStyleValue const& CSSStyleValue::as_calculated() const
  94. {
  95. VERIFY(is_calculated());
  96. return static_cast<CalculatedStyleValue const&>(*this);
  97. }
  98. CSSColorValue const& CSSStyleValue::as_color() const
  99. {
  100. VERIFY(is_color());
  101. return static_cast<CSSColorValue const&>(*this);
  102. }
  103. ConicGradientStyleValue const& CSSStyleValue::as_conic_gradient() const
  104. {
  105. VERIFY(is_conic_gradient());
  106. return static_cast<ConicGradientStyleValue const&>(*this);
  107. }
  108. ContentStyleValue const& CSSStyleValue::as_content() const
  109. {
  110. VERIFY(is_content());
  111. return static_cast<ContentStyleValue const&>(*this);
  112. }
  113. CounterStyleValue const& CSSStyleValue::as_counter() const
  114. {
  115. VERIFY(is_counter());
  116. return static_cast<CounterStyleValue const&>(*this);
  117. }
  118. CounterDefinitionsStyleValue const& CSSStyleValue::as_counter_definitions() const
  119. {
  120. VERIFY(is_counter_definitions());
  121. return static_cast<CounterDefinitionsStyleValue const&>(*this);
  122. }
  123. CustomIdentStyleValue const& CSSStyleValue::as_custom_ident() const
  124. {
  125. VERIFY(is_custom_ident());
  126. return static_cast<CustomIdentStyleValue const&>(*this);
  127. }
  128. DisplayStyleValue const& CSSStyleValue::as_display() const
  129. {
  130. VERIFY(is_display());
  131. return static_cast<DisplayStyleValue const&>(*this);
  132. }
  133. EasingStyleValue const& CSSStyleValue::as_easing() const
  134. {
  135. VERIFY(is_easing());
  136. return static_cast<EasingStyleValue const&>(*this);
  137. }
  138. EdgeStyleValue const& CSSStyleValue::as_edge() const
  139. {
  140. VERIFY(is_edge());
  141. return static_cast<EdgeStyleValue const&>(*this);
  142. }
  143. FilterValueListStyleValue const& CSSStyleValue::as_filter_value_list() const
  144. {
  145. VERIFY(is_filter_value_list());
  146. return static_cast<FilterValueListStyleValue const&>(*this);
  147. }
  148. FlexStyleValue const& CSSStyleValue::as_flex() const
  149. {
  150. VERIFY(is_flex());
  151. return static_cast<FlexStyleValue const&>(*this);
  152. }
  153. FrequencyStyleValue const& CSSStyleValue::as_frequency() const
  154. {
  155. VERIFY(is_frequency());
  156. return static_cast<FrequencyStyleValue const&>(*this);
  157. }
  158. GridAutoFlowStyleValue const& CSSStyleValue::as_grid_auto_flow() const
  159. {
  160. VERIFY(is_grid_auto_flow());
  161. return static_cast<GridAutoFlowStyleValue const&>(*this);
  162. }
  163. GridTemplateAreaStyleValue const& CSSStyleValue::as_grid_template_area() const
  164. {
  165. VERIFY(is_grid_template_area());
  166. return static_cast<GridTemplateAreaStyleValue const&>(*this);
  167. }
  168. GridTrackPlacementStyleValue const& CSSStyleValue::as_grid_track_placement() const
  169. {
  170. VERIFY(is_grid_track_placement());
  171. return static_cast<GridTrackPlacementStyleValue const&>(*this);
  172. }
  173. GridTrackSizeListStyleValue const& CSSStyleValue::as_grid_track_size_list() const
  174. {
  175. VERIFY(is_grid_track_size_list());
  176. return static_cast<GridTrackSizeListStyleValue const&>(*this);
  177. }
  178. CSSKeywordValue const& CSSStyleValue::as_keyword() const
  179. {
  180. VERIFY(is_keyword());
  181. return static_cast<CSSKeywordValue const&>(*this);
  182. }
  183. ImageStyleValue const& CSSStyleValue::as_image() const
  184. {
  185. VERIFY(is_image());
  186. return static_cast<ImageStyleValue const&>(*this);
  187. }
  188. IntegerStyleValue const& CSSStyleValue::as_integer() const
  189. {
  190. VERIFY(is_integer());
  191. return static_cast<IntegerStyleValue const&>(*this);
  192. }
  193. LengthStyleValue const& CSSStyleValue::as_length() const
  194. {
  195. VERIFY(is_length());
  196. return static_cast<LengthStyleValue const&>(*this);
  197. }
  198. LinearGradientStyleValue const& CSSStyleValue::as_linear_gradient() const
  199. {
  200. VERIFY(is_linear_gradient());
  201. return static_cast<LinearGradientStyleValue const&>(*this);
  202. }
  203. MathDepthStyleValue const& CSSStyleValue::as_math_depth() const
  204. {
  205. VERIFY(is_math_depth());
  206. return static_cast<MathDepthStyleValue const&>(*this);
  207. }
  208. NumberStyleValue const& CSSStyleValue::as_number() const
  209. {
  210. VERIFY(is_number());
  211. return static_cast<NumberStyleValue const&>(*this);
  212. }
  213. PercentageStyleValue const& CSSStyleValue::as_percentage() const
  214. {
  215. VERIFY(is_percentage());
  216. return static_cast<PercentageStyleValue const&>(*this);
  217. }
  218. PositionStyleValue const& CSSStyleValue::as_position() const
  219. {
  220. VERIFY(is_position());
  221. return static_cast<PositionStyleValue const&>(*this);
  222. }
  223. RadialGradientStyleValue const& CSSStyleValue::as_radial_gradient() const
  224. {
  225. VERIFY(is_radial_gradient());
  226. return static_cast<RadialGradientStyleValue const&>(*this);
  227. }
  228. RatioStyleValue const& CSSStyleValue::as_ratio() const
  229. {
  230. VERIFY(is_ratio());
  231. return static_cast<RatioStyleValue const&>(*this);
  232. }
  233. RectStyleValue const& CSSStyleValue::as_rect() const
  234. {
  235. VERIFY(is_rect());
  236. return static_cast<RectStyleValue const&>(*this);
  237. }
  238. ResolutionStyleValue const& CSSStyleValue::as_resolution() const
  239. {
  240. VERIFY(is_resolution());
  241. return static_cast<ResolutionStyleValue const&>(*this);
  242. }
  243. ScrollbarGutterStyleValue const& CSSStyleValue::as_scrollbar_gutter() const
  244. {
  245. VERIFY(is_scrollbar_gutter());
  246. return static_cast<ScrollbarGutterStyleValue const&>(*this);
  247. }
  248. ShadowStyleValue const& CSSStyleValue::as_shadow() const
  249. {
  250. VERIFY(is_shadow());
  251. return static_cast<ShadowStyleValue const&>(*this);
  252. }
  253. ShorthandStyleValue const& CSSStyleValue::as_shorthand() const
  254. {
  255. VERIFY(is_shorthand());
  256. return static_cast<ShorthandStyleValue const&>(*this);
  257. }
  258. StringStyleValue const& CSSStyleValue::as_string() const
  259. {
  260. VERIFY(is_string());
  261. return static_cast<StringStyleValue const&>(*this);
  262. }
  263. TimeStyleValue const& CSSStyleValue::as_time() const
  264. {
  265. VERIFY(is_time());
  266. return static_cast<TimeStyleValue const&>(*this);
  267. }
  268. TransformationStyleValue const& CSSStyleValue::as_transformation() const
  269. {
  270. VERIFY(is_transformation());
  271. return static_cast<TransformationStyleValue const&>(*this);
  272. }
  273. TransitionStyleValue const& CSSStyleValue::as_transition() const
  274. {
  275. VERIFY(is_transition());
  276. return static_cast<TransitionStyleValue const&>(*this);
  277. }
  278. UnresolvedStyleValue const& CSSStyleValue::as_unresolved() const
  279. {
  280. VERIFY(is_unresolved());
  281. return static_cast<UnresolvedStyleValue const&>(*this);
  282. }
  283. URLStyleValue const& CSSStyleValue::as_url() const
  284. {
  285. VERIFY(is_url());
  286. return static_cast<URLStyleValue const&>(*this);
  287. }
  288. StyleValueList const& CSSStyleValue::as_value_list() const
  289. {
  290. VERIFY(is_value_list());
  291. return static_cast<StyleValueList const&>(*this);
  292. }
  293. ValueComparingNonnullRefPtr<CSSStyleValue const> CSSStyleValue::absolutized(CSSPixelRect const&, Length::FontMetrics const&, Length::FontMetrics const&) const
  294. {
  295. return *this;
  296. }
  297. bool CSSStyleValue::has_auto() const
  298. {
  299. return is_keyword() && as_keyword().keyword() == Keyword::Auto;
  300. }
  301. Keyword CSSStyleValue::to_keyword() const
  302. {
  303. if (is_keyword())
  304. return as_keyword().keyword();
  305. return Keyword::Invalid;
  306. }
  307. int CSSStyleValue::to_font_weight() const
  308. {
  309. if (is_keyword()) {
  310. switch (as_keyword().keyword()) {
  311. case Keyword::Normal:
  312. return Gfx::FontWeight::Regular;
  313. case Keyword::Bold:
  314. return Gfx::FontWeight::Bold;
  315. case Keyword::Lighter:
  316. // FIXME: This should be relative to the parent.
  317. return Gfx::FontWeight::Regular;
  318. case Keyword::Bolder:
  319. // FIXME: This should be relative to the parent.
  320. return Gfx::FontWeight::Bold;
  321. default:
  322. return Gfx::FontWeight::Regular;
  323. }
  324. }
  325. if (is_number()) {
  326. return round_to<int>(as_number().number());
  327. }
  328. if (is_calculated()) {
  329. auto maybe_weight = const_cast<CalculatedStyleValue&>(as_calculated()).resolve_integer();
  330. if (maybe_weight.has_value())
  331. return maybe_weight.value();
  332. }
  333. return Gfx::FontWeight::Regular;
  334. }
  335. int CSSStyleValue::to_font_slope() const
  336. {
  337. // FIXME: Implement oblique <angle>
  338. if (is_keyword()) {
  339. switch (as_keyword().keyword()) {
  340. case Keyword::Italic: {
  341. static int italic_slope = Gfx::name_to_slope("Italic"sv);
  342. return italic_slope;
  343. }
  344. case Keyword::Oblique:
  345. static int oblique_slope = Gfx::name_to_slope("Oblique"sv);
  346. return oblique_slope;
  347. case Keyword::Normal:
  348. default:
  349. break;
  350. }
  351. }
  352. static int normal_slope = Gfx::name_to_slope("Normal"sv);
  353. return normal_slope;
  354. }
  355. int CSSStyleValue::to_font_stretch_width() const
  356. {
  357. int width = Gfx::FontWidth::Normal;
  358. if (is_keyword()) {
  359. switch (as_keyword().keyword()) {
  360. case Keyword::UltraCondensed:
  361. width = Gfx::FontWidth::UltraCondensed;
  362. break;
  363. case Keyword::ExtraCondensed:
  364. width = Gfx::FontWidth::ExtraCondensed;
  365. break;
  366. case Keyword::Condensed:
  367. width = Gfx::FontWidth::Condensed;
  368. break;
  369. case Keyword::SemiCondensed:
  370. width = Gfx::FontWidth::SemiCondensed;
  371. break;
  372. case Keyword::Normal:
  373. width = Gfx::FontWidth::Normal;
  374. break;
  375. case Keyword::SemiExpanded:
  376. width = Gfx::FontWidth::SemiExpanded;
  377. break;
  378. case Keyword::Expanded:
  379. width = Gfx::FontWidth::Expanded;
  380. break;
  381. case Keyword::ExtraExpanded:
  382. width = Gfx::FontWidth::ExtraExpanded;
  383. break;
  384. case Keyword::UltraExpanded:
  385. width = Gfx::FontWidth::UltraExpanded;
  386. break;
  387. default:
  388. break;
  389. }
  390. } else if (is_percentage()) {
  391. float percentage = as_percentage().percentage().value();
  392. if (percentage <= 50) {
  393. width = Gfx::FontWidth::UltraCondensed;
  394. } else if (percentage <= 62.5f) {
  395. width = Gfx::FontWidth::ExtraCondensed;
  396. } else if (percentage <= 75.0f) {
  397. width = Gfx::FontWidth::Condensed;
  398. } else if (percentage <= 87.5f) {
  399. width = Gfx::FontWidth::SemiCondensed;
  400. } else if (percentage <= 100.0f) {
  401. width = Gfx::FontWidth::Normal;
  402. } else if (percentage <= 112.5f) {
  403. width = Gfx::FontWidth::SemiExpanded;
  404. } else if (percentage <= 125.0f) {
  405. width = Gfx::FontWidth::Expanded;
  406. } else if (percentage <= 150.0f) {
  407. width = Gfx::FontWidth::ExtraExpanded;
  408. } else {
  409. width = Gfx::FontWidth::UltraExpanded;
  410. }
  411. }
  412. return width;
  413. }
  414. }