CSSStyleValue.cpp 15 KB

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