ladybird/Libraries/LibWeb/Layout/SVGSVGBox.h

/*
 * Copyright (c) 2020, Matthew Olsson <mattco@serenityos.org>
 *
 * SPDX-License-Identifier: BSD-2-Clause
 */

#pragma once

#include <LibWeb/Layout/ReplacedBox.h>
#include <LibWeb/SVG/SVGSVGElement.h>

namespace Web::Layout {

class SVGSVGBox final : public ReplacedBox {
    GC_CELL(SVGSVGBox, ReplacedBox);
    GC_DECLARE_ALLOCATOR(SVGSVGBox);

public:
    SVGSVGBox(DOM::Document&, SVG::SVGSVGElement&, GC::Ref<CSS::ComputedProperties>);
    virtual ~SVGSVGBox() override = default;

    SVG::SVGSVGElement& dom_node() { return as<SVG::SVGSVGElement>(ReplacedBox::dom_node()); }
    SVG::SVGSVGElement const& dom_node() const { return as<SVG::SVGSVGElement>(ReplacedBox::dom_node()); }

    virtual bool can_have_children() const override { return true; }

    virtual GC::Ptr<Painting::Paintable> create_paintable() const override;

    virtual void prepare_for_replaced_layout() override;

private:
    virtual bool is_svg_svg_box() const final { return true; }

    [[nodiscard]] Optional<CSSPixelFraction> calculate_intrinsic_aspect_ratio() const;
};

template<>
inline bool Node::fast_is<SVGSVGBox>() const { return is_svg_svg_box(); }

}
LibWeb: Create LayoutNodes for each SVG element This brings the SVG API closer to the rest of LibWeb 2020-10-05 16:14:36 -07:00			`/*`
Userland: Use mattco@serenityos.org for my copyright headers 2021-04-22 16:53:07 -07:00			`* Copyright (c) 2020, Matthew Olsson <mattco@serenityos.org>`
LibWeb: Create LayoutNodes for each SVG element This brings the SVG API closer to the rest of LibWeb 2020-10-05 16:14:36 -07:00			`*`
Everything: Move to SPDX license identifiers in all files. SPDX License Identifiers are a more compact / standardized way of representing file license information. See: https://spdx.dev/resources/use/#identifiers This was done with the `ambr` search and replace tool. ambr --no-parent-ignore --key-from-file --rep-from-file key.txt rep.txt * 2021-04-22 01:24:48 -07:00			`* SPDX-License-Identifier: BSD-2-Clause`
LibWeb: Create LayoutNodes for each SVG element This brings the SVG API closer to the rest of LibWeb 2020-10-05 16:14:36 -07:00			`*/`

			`#pragma once`

LibWeb: Make SVG <svg> elements behave as CSS replaced elements This makes SVG-in-HTML behave quite a bit better by following general replaced layout rules. It also turns <svg> elements into inline-level boxes instead of block-level boxes. 2022-03-18 22:13:26 +01:00			`#include <LibWeb/Layout/ReplacedBox.h>`
LibWeb: Create LayoutNodes for each SVG element This brings the SVG API closer to the rest of LibWeb 2020-10-05 16:14:36 -07:00			`#include <LibWeb/SVG/SVGSVGElement.h>`

LibWeb: Rename LayoutNode classes and move them into Layout namespace Bring the names of various boxes closer to spec language. This should hopefully make things easier to understand and hack on. :^) Some notable changes: - LayoutNode -> Layout::Node - LayoutBox -> Layout::Box - LayoutBlock -> Layout::BlockBox - LayoutReplaced -> Layout::ReplacedBox - LayoutDocument -> Layout::InitialContainingBlockBox - LayoutText -> Layout::TextNode - LayoutInline -> Layout::InlineNode Note that this is not strictly a "box tree" as we also hang inline/text nodes in the same tree, and they don't generate boxes. (Instead, they contribute line box fragments to their containing block!) 2020-11-22 15:53:01 +01:00			`namespace Web::Layout {`
LibWeb: Create LayoutNodes for each SVG element This brings the SVG API closer to the rest of LibWeb 2020-10-05 16:14:36 -07:00
LibWeb: Make SVG <svg> elements behave as CSS replaced elements This makes SVG-in-HTML behave quite a bit better by following general replaced layout rules. It also turns <svg> elements into inline-level boxes instead of block-level boxes. 2022-03-18 22:13:26 +01:00			`class SVGSVGBox final : public ReplacedBox {`
LibGC+Everywhere: Factor out a LibGC from LibJS Resulting in a massive rename across almost everywhere! Alongside the namespace change, we now have the following names: * JS::NonnullGCPtr -> GC::Ref * JS::GCPtr -> GC::Ptr * JS::HeapFunction -> GC::Function * JS::CellImpl -> GC::Cell * JS::Handle -> GC::Root 2024-11-15 04:01:23 +13:00			`GC_CELL(SVGSVGBox, ReplacedBox);`
			`GC_DECLARE_ALLOCATOR(SVGSVGBox);`
LibWeb: Make the layout tree GC-allocated This removes a set of complex reference cycles between DOM, layout tree and browsing context. It also makes lifetimes much easier to reason about, as the DOM and layout trees are now free to keep each other alive. 2022-10-17 14:41:50 +02:00
LibWeb: Create LayoutNodes for each SVG element This brings the SVG API closer to the rest of LibWeb 2020-10-05 16:14:36 -07:00			`public:`
LibWeb: Make CSS::ComputedProperties GC-allocated 2024-12-20 16:35:12 +01:00			`SVGSVGBox(DOM::Document&, SVG::SVGSVGElement&, GC::Ref<CSS::ComputedProperties>);`
LibWeb: Rename LayoutNode classes and move them into Layout namespace Bring the names of various boxes closer to spec language. This should hopefully make things easier to understand and hack on. :^) Some notable changes: - LayoutNode -> Layout::Node - LayoutBox -> Layout::Box - LayoutBlock -> Layout::BlockBox - LayoutReplaced -> Layout::ReplacedBox - LayoutDocument -> Layout::InitialContainingBlockBox - LayoutText -> Layout::TextNode - LayoutInline -> Layout::InlineNode Note that this is not strictly a "box tree" as we also hang inline/text nodes in the same tree, and they don't generate boxes. (Instead, they contribute line box fragments to their containing block!) 2020-11-22 15:53:01 +01:00			`virtual ~SVGSVGBox() override = default;`
LibWeb: Create LayoutNodes for each SVG element This brings the SVG API closer to the rest of LibWeb 2020-10-05 16:14:36 -07:00
AK+Everywhere: Rename `verify_cast` to `as` Follow-up to fc20e61e7249006247b43f84a3189d5a37fa103e. 2025-01-21 09:12:05 -05:00			`SVG::SVGSVGElement& dom_node() { return as<SVG::SVGSVGElement>(ReplacedBox::dom_node()); }`
			`SVG::SVGSVGElement const& dom_node() const { return as<SVG::SVGSVGElement>(ReplacedBox::dom_node()); }`
LibWeb: Create LayoutNodes for each SVG element This brings the SVG API closer to the rest of LibWeb 2020-10-05 16:14:36 -07:00
LibWeb: Allow <svg> layout boxes to have children We can't say that "no replaced boxes can have children", since that breaks SVG. Instead, let each LayoutNode decide whether it's allowed to have children. Fixes #4223. 2020-11-29 15:29:10 +01:00			`virtual bool can_have_children() const override { return true; }`
LibWeb: Make Paintable ref-counted This will allow us to use a protective NonnullRefPtr to keep paintables alive while running arbitrary JavaScript in response to events. 2022-03-10 22:38:08 +01:00
LibGC+Everywhere: Factor out a LibGC from LibJS Resulting in a massive rename across almost everywhere! Alongside the namespace change, we now have the following names: * JS::NonnullGCPtr -> GC::Ref * JS::GCPtr -> GC::Ptr * JS::HeapFunction -> GC::Function * JS::CellImpl -> GC::Cell * JS::Handle -> GC::Root 2024-11-15 04:01:23 +13:00			`virtual GC::Ptr<Painting::Paintable> create_paintable() const override;`
LibWeb: Try to work out the intrinsic size of <svg> elements If the `width` and `height` attributes are provided, we derive the intrinsic size and ratio from them. Otherwise, we trace a rectangle around the geometry elements inside the SVG and use the size of that as the intrinsic size. This is definitely far from correct, but is still a much better guess at the intrinsic size than nothing. 2022-07-11 12:25:01 +02:00
			`virtual void prepare_for_replaced_layout() override;`
LibWeb: Add fast_is<T>() for various types stood out in a profile 2023-03-10 21:16:18 +01:00
			`private:`
			`virtual bool is_svg_svg_box() const final { return true; }`
LibWeb: Support <svg> elements with `display: block` There are a couple of things that went into this: - We now calculate the intrinsic width/height and aspect ratio of <svg> elements based on the spec algorithm instead of our previous ad-hoc guesswork solution. - Replaced elements with automatic size and intrinsic aspect ratio but no intrinsic dimensions are now sized with the stretch-fit width formula. - We take care to assign both used width and used height to <svg> elements before running their SVG formatting contexts. This ensures that the inside SVG content is laid out with knowledge of its viewport geometry. - We avoid infinite recursion in tentative_height_for_replaced_element() by using the already-calculated used width instead of calling the function that calculates the used width (since that may call us right back again). 2023-05-19 18:14:37 +02:00
LibWeb: Use `CSSPixelFraction` to represent aspect ratios This allows us to retain perfect precision for aspect ratios derived from either the intrinsic sizes of replaced elements, or the `aspect-ratio` CSS property. 2023-09-03 17:33:58 -05:00			`[[nodiscard]] Optional<CSSPixelFraction> calculate_intrinsic_aspect_ratio() const;`
LibWeb: Create LayoutNodes for each SVG element This brings the SVG API closer to the rest of LibWeb 2020-10-05 16:14:36 -07:00			`};`

LibWeb: Add fast_is<T>() for various types stood out in a profile 2023-03-10 21:16:18 +01:00			`template<>`
			`inline bool Node::fast_is<SVGSVGBox>() const { return is_svg_svg_box(); }`

LibWeb: Create LayoutNodes for each SVG element This brings the SVG API closer to the rest of LibWeb 2020-10-05 16:14:36 -07:00			`}`