2020-06-07 12:55:46 -03:00
|
|
|
/*
|
|
|
|
|
* Copyright (c) 2020, Andreas Kling <kling@serenityos.org>
|
2021-08-09 16:28:56 -03:00
|
|
|
* Copyright (c) 2021, Tobias Christiansen <tobyase@serenityos.org>
|
2020-06-07 12:55:46 -03:00
|
|
|
*
|
2021-04-22 05:24:48 -03:00
|
|
|
* SPDX-License-Identifier: BSD-2-Clause
|
2020-06-07 12:55:46 -03:00
|
|
|
*/
|
|
|
|
|
|
2021-06-11 19:50:16 -03:00
|
|
|
#include <AK/NonnullOwnPtr.h>
|
|
|
|
|
#include <AK/Variant.h>
|
2020-06-07 12:55:46 -03:00
|
|
|
#include <LibWeb/CSS/Length.h>
|
|
|
|
|
#include <LibWeb/DOM/Document.h>
|
2020-07-26 10:08:16 -03:00
|
|
|
#include <LibWeb/HTML/HTMLHtmlElement.h>
|
2021-05-30 07:36:53 -03:00
|
|
|
#include <LibWeb/Page/BrowsingContext.h>
|
2020-06-07 12:55:46 -03:00
|
|
|
|
2020-07-26 15:01:35 -03:00
|
|
|
namespace Web::CSS {
|
2020-06-07 12:55:46 -03:00
|
|
|
|
2020-11-22 11:53:01 -03:00
|
|
|
float Length::relative_length_to_px(const Layout::Node& layout_node) const
|
2020-06-07 12:55:46 -03:00
|
|
|
{
|
|
|
|
|
switch (m_type) {
|
2020-08-07 15:30:27 -03:00
|
|
|
case Type::Ex:
|
2021-01-06 07:05:23 -03:00
|
|
|
return m_value * layout_node.font().x_height();
|
2020-06-07 12:55:46 -03:00
|
|
|
case Type::Em:
|
|
|
|
|
return m_value * layout_node.font_size();
|
2021-08-05 11:31:15 -03:00
|
|
|
case Type::Ch:
|
|
|
|
|
// FIXME: Use layout_node.font().glyph_height() when writing-mode is not horizontal-tb (it has to be implemented first)
|
|
|
|
|
return m_value * (layout_node.font().glyph_width('0') + layout_node.font().glyph_spacing());
|
2020-06-07 12:55:46 -03:00
|
|
|
case Type::Rem:
|
|
|
|
|
return m_value * layout_node.document().document_element()->layout_node()->font_size();
|
2020-09-08 15:39:09 -03:00
|
|
|
case Type::Vw:
|
2021-05-30 07:36:53 -03:00
|
|
|
return layout_node.document().browsing_context()->viewport_rect().width() * (m_value / 100);
|
2020-09-08 15:39:09 -03:00
|
|
|
case Type::Vh:
|
2021-05-30 07:36:53 -03:00
|
|
|
return layout_node.document().browsing_context()->viewport_rect().height() * (m_value / 100);
|
2020-09-08 15:39:09 -03:00
|
|
|
case Type::Vmin: {
|
2021-05-30 07:36:53 -03:00
|
|
|
auto viewport = layout_node.document().browsing_context()->viewport_rect();
|
2020-09-08 15:39:09 -03:00
|
|
|
|
|
|
|
|
return min(viewport.width(), viewport.height()) * (m_value / 100);
|
|
|
|
|
}
|
|
|
|
|
case Type::Vmax: {
|
2021-05-30 07:36:53 -03:00
|
|
|
auto viewport = layout_node.document().browsing_context()->viewport_rect();
|
2020-09-08 15:39:09 -03:00
|
|
|
|
|
|
|
|
return max(viewport.width(), viewport.height()) * (m_value / 100);
|
|
|
|
|
}
|
2020-06-07 12:55:46 -03:00
|
|
|
default:
|
2021-02-23 16:42:32 -03:00
|
|
|
VERIFY_NOT_REACHED();
|
2020-06-07 12:55:46 -03:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2021-06-11 19:50:16 -03:00
|
|
|
static float resolve_calc_value(CalculatedStyleValue::CalcValue const&, const Layout::Node& layout_node, float reference_for_percent);
|
|
|
|
|
static float resolve_calc_number_value(CalculatedStyleValue::CalcNumberValue const&);
|
|
|
|
|
static float resolve_calc_product(NonnullOwnPtr<CalculatedStyleValue::CalcProduct> const&, const Layout::Node& layout_node, float reference_for_percent);
|
|
|
|
|
static float resolve_calc_sum(NonnullOwnPtr<CalculatedStyleValue::CalcSum> const&, const Layout::Node& layout_node, float reference_for_percent);
|
|
|
|
|
static float resolve_calc_number_sum(NonnullOwnPtr<CalculatedStyleValue::CalcNumberSum> const&);
|
|
|
|
|
static float resolve_calc_number_product(NonnullOwnPtr<CalculatedStyleValue::CalcNumberProduct> const&);
|
|
|
|
|
|
|
|
|
|
float Length::resolve_calculated_value(const Layout::Node& layout_node, float reference_for_percent) const
|
|
|
|
|
{
|
|
|
|
|
if (!m_calculated_style)
|
|
|
|
|
return 0.0f;
|
|
|
|
|
|
|
|
|
|
auto& expression = m_calculated_style->expression();
|
|
|
|
|
|
|
|
|
|
auto length = resolve_calc_sum(expression, layout_node, reference_for_percent);
|
|
|
|
|
return length;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
static float resolve_calc_value(CalculatedStyleValue::CalcValue const& calc_value, const Layout::Node& layout_node, float reference_for_percent)
|
|
|
|
|
{
|
|
|
|
|
return calc_value.visit(
|
|
|
|
|
[](float value) { return value; },
|
|
|
|
|
[&](Length length) {
|
|
|
|
|
return length.resolved_or_zero(layout_node, reference_for_percent).to_px(layout_node);
|
|
|
|
|
},
|
|
|
|
|
[&](NonnullOwnPtr<CalculatedStyleValue::CalcSum>& calc_sum) {
|
|
|
|
|
return resolve_calc_sum(calc_sum, layout_node, reference_for_percent);
|
|
|
|
|
},
|
|
|
|
|
[](auto&) {
|
|
|
|
|
VERIFY_NOT_REACHED();
|
|
|
|
|
return 0.0f;
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
static float resolve_calc_number_product(NonnullOwnPtr<CalculatedStyleValue::CalcNumberProduct> const& calc_number_product)
|
|
|
|
|
{
|
|
|
|
|
auto value = resolve_calc_number_value(calc_number_product->first_calc_number_value);
|
|
|
|
|
|
|
|
|
|
for (auto& additional_number_value : calc_number_product->zero_or_more_additional_calc_number_values) {
|
|
|
|
|
auto additional_value = resolve_calc_number_value(additional_number_value.value);
|
|
|
|
|
if (additional_number_value.op == CalculatedStyleValue::CalcNumberProductPartWithOperator::Multiply)
|
|
|
|
|
value *= additional_value;
|
|
|
|
|
else if (additional_number_value.op == CalculatedStyleValue::CalcNumberProductPartWithOperator::Divide)
|
|
|
|
|
value /= additional_value;
|
|
|
|
|
else
|
|
|
|
|
VERIFY_NOT_REACHED();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return value;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
static float resolve_calc_number_sum(NonnullOwnPtr<CalculatedStyleValue::CalcNumberSum> const& calc_number_sum)
|
|
|
|
|
{
|
|
|
|
|
auto value = resolve_calc_number_product(calc_number_sum->first_calc_number_product);
|
|
|
|
|
|
|
|
|
|
for (auto& additional_product : calc_number_sum->zero_or_more_additional_calc_number_products) {
|
|
|
|
|
auto additional_value = resolve_calc_number_product(additional_product.calc_number_product);
|
|
|
|
|
if (additional_product.op == CSS::CalculatedStyleValue::CalcNumberSumPartWithOperator::Add)
|
|
|
|
|
value += additional_value;
|
|
|
|
|
else if (additional_product.op == CSS::CalculatedStyleValue::CalcNumberSumPartWithOperator::Subtract)
|
|
|
|
|
value -= additional_value;
|
|
|
|
|
else
|
|
|
|
|
VERIFY_NOT_REACHED();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return value;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
static float resolve_calc_number_value(CalculatedStyleValue::CalcNumberValue const& number_value)
|
|
|
|
|
{
|
|
|
|
|
return number_value.visit(
|
|
|
|
|
[](float number) { return number; },
|
|
|
|
|
[](NonnullOwnPtr<CalculatedStyleValue::CalcNumberSum>& calc_number_sum) {
|
|
|
|
|
return resolve_calc_number_sum(calc_number_sum);
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
static float resolve_calc_product(NonnullOwnPtr<CalculatedStyleValue::CalcProduct> const& calc_product, const Layout::Node& layout_node, float reference_for_percent)
|
|
|
|
|
{
|
|
|
|
|
auto value = resolve_calc_value(calc_product->first_calc_value, layout_node, reference_for_percent);
|
|
|
|
|
|
|
|
|
|
for (auto& additional_value : calc_product->zero_or_more_additional_calc_values) {
|
|
|
|
|
additional_value.value.visit(
|
|
|
|
|
[&](CalculatedStyleValue::CalcValue const& calc_value) {
|
|
|
|
|
if (additional_value.op != CalculatedStyleValue::CalcProductPartWithOperator::Multiply)
|
|
|
|
|
VERIFY_NOT_REACHED();
|
|
|
|
|
auto resolved_value = resolve_calc_value(calc_value, layout_node, reference_for_percent);
|
|
|
|
|
value *= resolved_value;
|
|
|
|
|
},
|
|
|
|
|
[&](CalculatedStyleValue::CalcNumberValue const& calc_number_value) {
|
|
|
|
|
if (additional_value.op != CalculatedStyleValue::CalcProductPartWithOperator::Divide)
|
|
|
|
|
VERIFY_NOT_REACHED();
|
|
|
|
|
auto resolved_calc_number_value = resolve_calc_number_value(calc_number_value);
|
|
|
|
|
value /= resolved_calc_number_value;
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return value;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
static float resolve_calc_sum(NonnullOwnPtr<CalculatedStyleValue::CalcSum> const& calc_sum, const Layout::Node& layout_node, float reference_for_percent)
|
|
|
|
|
{
|
|
|
|
|
auto value = resolve_calc_product(calc_sum->first_calc_product, layout_node, reference_for_percent);
|
|
|
|
|
|
|
|
|
|
for (auto& additional_product : calc_sum->zero_or_more_additional_calc_products) {
|
|
|
|
|
auto additional_value = resolve_calc_product(additional_product.calc_product, layout_node, reference_for_percent);
|
|
|
|
|
if (additional_product.op == CalculatedStyleValue::CalcSumPartWithOperator::Operation::Add)
|
|
|
|
|
value += additional_value;
|
|
|
|
|
else if (additional_product.op == CalculatedStyleValue::CalcSumPartWithOperator::Operation::Subtract)
|
|
|
|
|
value -= additional_value;
|
|
|
|
|
else
|
|
|
|
|
VERIFY_NOT_REACHED();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return value;
|
|
|
|
|
}
|
|
|
|
|
|
2020-06-07 12:55:46 -03:00
|
|
|
const char* Length::unit_name() const
|
|
|
|
|
{
|
|
|
|
|
switch (m_type) {
|
2020-09-29 15:06:58 -03:00
|
|
|
case Type::Cm:
|
|
|
|
|
return "cm";
|
|
|
|
|
case Type::In:
|
|
|
|
|
return "in";
|
2020-06-07 12:55:46 -03:00
|
|
|
case Type::Px:
|
|
|
|
|
return "px";
|
2020-06-28 10:25:32 -03:00
|
|
|
case Type::Pt:
|
|
|
|
|
return "pt";
|
2020-09-29 15:06:58 -03:00
|
|
|
case Type::Mm:
|
|
|
|
|
return "mm";
|
|
|
|
|
case Type::Q:
|
|
|
|
|
return "Q";
|
2020-10-05 12:18:07 -03:00
|
|
|
case Type::Pc:
|
|
|
|
|
return "pc";
|
2020-08-07 15:30:27 -03:00
|
|
|
case Type::Ex:
|
|
|
|
|
return "ex";
|
2020-06-07 12:55:46 -03:00
|
|
|
case Type::Em:
|
|
|
|
|
return "em";
|
2021-08-05 11:31:15 -03:00
|
|
|
case Type::Ch:
|
|
|
|
|
return "ch";
|
2020-06-07 12:55:46 -03:00
|
|
|
case Type::Rem:
|
|
|
|
|
return "rem";
|
|
|
|
|
case Type::Auto:
|
|
|
|
|
return "auto";
|
2020-06-24 10:38:21 -03:00
|
|
|
case Type::Percentage:
|
2020-06-25 10:52:54 -03:00
|
|
|
return "%";
|
2020-06-24 06:24:00 -03:00
|
|
|
case Type::Undefined:
|
|
|
|
|
return "undefined";
|
2020-09-08 15:39:09 -03:00
|
|
|
case Type::Vh:
|
|
|
|
|
return "vh";
|
|
|
|
|
case Type::Vw:
|
|
|
|
|
return "vw";
|
|
|
|
|
case Type::Vmax:
|
|
|
|
|
return "vmax";
|
|
|
|
|
case Type::Vmin:
|
|
|
|
|
return "vmin";
|
2021-06-11 19:03:15 -03:00
|
|
|
case Type::Calculated:
|
|
|
|
|
return "calculated";
|
2020-06-07 12:55:46 -03:00
|
|
|
}
|
2021-02-23 16:42:32 -03:00
|
|
|
VERIFY_NOT_REACHED();
|
2020-06-07 12:55:46 -03:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|