Stowage/ladybird
2
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird.git synced 2025-11-04 07:10:57 +00:00
Code Issues Projects Releases Packages Wiki Activity
ladybird/Libraries/LibWeb/CSS/StyleValue.cpp

311 lines
15 KiB
C++
Raw Normal View History

Meta: Add license header to source files As suggested by Joshua, this commit adds the 2-clause BSD license as a comment block to the top of every source file. For the first pass, I've just added myself for simplicity. I encourage everyone to add themselves as copyright holders of any file they've added or modified in some significant way. If I've added myself in error somewhere, feel free to replace it with the appropriate copyright holder instead. Going forward, all new source files should include a license header.
2020-01-18 09:38:21 +01:00
/*
* Copyright (c) 2018-2020, Andreas Kling <kling@serenityos.org>
* All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions are met:
*
* 1. Redistributions of source code must retain the above copyright notice, this
* list of conditions and the following disclaimer.
*
* 2. Redistributions in binary form must reproduce the above copyright notice,
* this list of conditions and the following disclaimer in the documentation
* and/or other materials provided with the distribution.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
* AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
* IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
* DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
* FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
* DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
* SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
* CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
* OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
AK: Add a forward declaration header You can now #include <AK/Forward.h> to get most of the AK types as forward declarations. Header dependency explosion is one of the main contributors to compile times at the moment, so this is a step towards smaller include graphs.
2020-02-14 21:41:10 +01:00
#include <AK/ByteBuffer.h>
LibGfx: Rename from LibDraw :^)
2020-02-06 12:04:00 +01:00
#include <LibGfx/PNGLoader.h>
LibWeb: Implement vendor specific CSS color style for System Palette Add "-libweb-palette-foo-bar" CSS color properties to allow CSS to style itself using the currently selected System Theme.
2020-05-25 14:54:27 -04:00
#include <LibGfx/Palette.h>
LibWeb: Rename directory LibHTML => LibWeb Let's rename this to LibWeb since it aims to provide more parts of the web platform than just HTML. :^)
2020-03-07 10:32:51 +01:00
#include <LibWeb/CSS/StyleValue.h>
#include <LibWeb/DOM/Document.h>
LibWeb: Move Frame.{cpp,h} into a new Frame/ directory
2020-06-07 10:06:22 +02:00
#include <LibWeb/Frame/Frame.h>
LibWeb: Port ImageStyleValue to the ResourceClient interface
2020-06-02 13:51:30 +02:00
#include <LibWeb/Loader/LoadRequest.h>
LibWeb: Move ResourceLoader into a new Loader/ directory
2020-06-01 20:42:50 +02:00
#include <LibWeb/Loader/ResourceLoader.h>
LibWeb: Port ImageStyleValue to the ResourceClient interface
2020-06-02 13:51:30 +02:00
#include <LibWeb/PageView.h>
LibHTML: Implement enough of the CSS parser to parse the default stylesheet.
2019-06-22 21:48:21 +02:00
LibWeb: Move everything into the Web namespace
2020-03-07 10:27:02 +01:00
namespace Web {
LibHTML: Implement enough of the CSS parser to parse the default stylesheet.
2019-06-22 21:48:21 +02:00
StyleValue::StyleValue(Type type)
: m_type(type)
{
}
StyleValue::~StyleValue()
{
}
LibHTML: Respect the link color set via <body link> The default style for "a" tags now has { color: -libhtml-link; }. We implement this vendor-specific property by querying the containing document for the appropriate link color. Currently we only use the basic link color, but in the future this can be extended to remember visited links, etc.
2019-10-06 10:25:08 +02:00
String IdentifierStyleValue::to_string() const
{
switch (id()) {
case CSS::ValueID::Invalid:
return "(invalid)";
case CSS::ValueID::VendorSpecificLink:
LibWeb: Update the CSS prefix to -libweb
2020-05-21 15:05:55 +03:00
return "-libweb-link";
LibWeb: Implement <center> as -libweb-center To get the expected behavior for <center>, we needed a special text alignment mode that centers block-level elements (and not just line box fragments.)
2020-06-13 10:54:58 +02:00
case CSS::ValueID::VendorSpecificCenter:
return "-libweb-center";
LibWeb: Implement vendor specific CSS color style for System Palette Add "-libweb-palette-foo-bar" CSS color properties to allow CSS to style itself using the currently selected System Theme.
2020-05-25 14:54:27 -04:00
case CSS::ValueID::VendorSpecificPaletteDesktopBackground:
return "-libweb-palette-desktop-background";
case CSS::ValueID::VendorSpecificPaletteActiveWindowBorder1:
return "-libweb-palette-active-window-border1";
case CSS::ValueID::VendorSpecificPaletteActiveWindowBorder2:
return "-libweb-palette-active-window-border2";
case CSS::ValueID::VendorSpecificPaletteActiveWindowTitle:
return "-libweb-palette-active-window-title";
case CSS::ValueID::VendorSpecificPaletteInactiveWindowBorder1:
return "-libweb-palette-inactive-window-border1";
case CSS::ValueID::VendorSpecificPaletteInactiveWindowBorder2:
return "-libweb-palette-inactive-window-border2";
case CSS::ValueID::VendorSpecificPaletteInactiveWindowTitle:
return "-libweb-palette-inactive-window-title";
case CSS::ValueID::VendorSpecificPaletteMovingWindowBorder1:
return "-libweb-palette-moving-window-border1";
case CSS::ValueID::VendorSpecificPaletteMovingWindowBorder2:
return "-libweb-palette-moving-window-border2";
case CSS::ValueID::VendorSpecificPaletteMovingWindowTitle:
return "-libweb-palette-moving-window-title";
case CSS::ValueID::VendorSpecificPaletteHighlightWindowBorder1:
return "-libweb-palette-highlight-window-border1";
case CSS::ValueID::VendorSpecificPaletteHighlightWindowBorder2:
return "-libweb-palette-highlight-window-border2";
case CSS::ValueID::VendorSpecificPaletteHighlightWindowTitle:
return "-libweb-palette-highlight-window-title";
case CSS::ValueID::VendorSpecificPaletteMenuStripe:
return "-libweb-palette-menu-stripe";
case CSS::ValueID::VendorSpecificPaletteMenuBase:
return "-libweb-palette-menu-base";
case CSS::ValueID::VendorSpecificPaletteMenuBaseText:
return "-libweb-palette-menu-base-text";
case CSS::ValueID::VendorSpecificPaletteMenuSelection:
return "-libweb-palette-menu-selection";
case CSS::ValueID::VendorSpecificPaletteMenuSelectionText:
return "-libweb-palette-menu-selection-text";
case CSS::ValueID::VendorSpecificPaletteWindow:
return "-libweb-palette-window";
case CSS::ValueID::VendorSpecificPaletteWindowText:
return "-libweb-palette-window-text";
case CSS::ValueID::VendorSpecificPaletteButton:
return "-libweb-palette-button";
case CSS::ValueID::VendorSpecificPaletteButtonText:
return "-libweb-palette-button-text";
case CSS::ValueID::VendorSpecificPaletteBase:
return "-libweb-palette-base";
case CSS::ValueID::VendorSpecificPaletteBaseText:
return "-libweb-palette-base-text";
case CSS::ValueID::VendorSpecificPaletteThreedHighlight:
return "-libweb-palette-threed-highlight";
case CSS::ValueID::VendorSpecificPaletteThreedShadow1:
return "-libweb-palette-threed-shadow1";
case CSS::ValueID::VendorSpecificPaletteThreedShadow2:
return "-libweb-palette-threed-shadow2";
case CSS::ValueID::VendorSpecificPaletteHoverHighlight:
return "-libweb-palette-hover-highlight";
case CSS::ValueID::VendorSpecificPaletteSelection:
return "-libweb-palette-selection";
case CSS::ValueID::VendorSpecificPaletteSelectionText:
return "-libweb-palette-selection-text";
case CSS::ValueID::VendorSpecificPaletteInactiveSelection:
return "-libweb-palette-inactive-selection";
case CSS::ValueID::VendorSpecificPaletteInactiveSelectionText:
return "-libweb-palette-inactive-selection-text";
case CSS::ValueID::VendorSpecificPaletteRubberBandFill:
return "-libweb-palette-rubber-band-fill";
case CSS::ValueID::VendorSpecificPaletteRubberBandBorder:
return "-libweb-palette-rubber-band-border";
case CSS::ValueID::VendorSpecificPaletteLink:
return "-libweb-palette-link";
case CSS::ValueID::VendorSpecificPaletteActiveLink:
return "-libweb-palette-active-link";
case CSS::ValueID::VendorSpecificPaletteVisitedLink:
return "-libweb-palette-visited-link";
case CSS::ValueID::VendorSpecificPaletteRuler:
return "-libweb-palette-ruler";
case CSS::ValueID::VendorSpecificPaletteRulerBorder:
return "-libweb-palette-ruler-border";
case CSS::ValueID::VendorSpecificPaletteRulerActiveText:
return "-libweb-palette-ruler-active-text";
case CSS::ValueID::VendorSpecificPaletteRulerInactiveText:
return "-libweb-palette-ruler-inactive-text";
case CSS::ValueID::VendorSpecificPaletteTextCursor:
return "-libweb-palette-text-cursor";
case CSS::ValueID::VendorSpecificPaletteFocusOutline:
return "-libweb-palette-focus-outline";
case CSS::ValueID::VendorSpecificPaletteSyntaxComment:
return "-libweb-palette-syntax-comment";
case CSS::ValueID::VendorSpecificPaletteSyntaxNumber:
return "-libweb-palette-syntax-number";
case CSS::ValueID::VendorSpecificPaletteSyntaxString:
return "-libweb-palette-syntax-string";
case CSS::ValueID::VendorSpecificPaletteSyntaxType:
return "-libweb-palette-syntax-type";
case CSS::ValueID::VendorSpecificPaletteSyntaxPunctuation:
return "-libweb-palette-syntax-punctuation";
case CSS::ValueID::VendorSpecificPaletteSyntaxOperator:
return "-libweb-palette-syntax-operator";
case CSS::ValueID::VendorSpecificPaletteSyntaxKeyword:
return "-libweb-palette-syntax-keyword";
case CSS::ValueID::VendorSpecificPaletteSyntaxControlKeyword:
return "-libweb-palette-syntax-control-keyword";
case CSS::ValueID::VendorSpecificPaletteSyntaxIdentifier:
return "-libweb-palette-syntax-identifier";
case CSS::ValueID::VendorSpecificPaletteSyntaxPreprocessorStatement:
return "-libweb-palette-syntax-preprocessor-statement";
case CSS::ValueID::VendorSpecificPaletteSyntaxPreprocessorValue:
return "-libweb-palette-syntax-preprocessor-value";
LibHTML: Respect the link color set via <body link> The default style for "a" tags now has { color: -libhtml-link; }. We implement this vendor-specific property by querying the containing document for the appropriate link color. Currently we only use the basic link color, but in the future this can be extended to remember visited links, etc.
2019-10-06 10:25:08 +02:00
default:
ASSERT_NOT_REACHED();
}
}
Color IdentifierStyleValue::to_color(const Document& document) const
{
if (id() == CSS::ValueID::VendorSpecificLink)
return document.link_color();
LibWeb: Implement vendor specific CSS color style for System Palette Add "-libweb-palette-foo-bar" CSS color properties to allow CSS to style itself using the currently selected System Theme.
2020-05-25 14:54:27 -04:00
LibWeb: Add Page abstraction between PageView and main Frame * A PageView is a view onto a Page object. * A Page always has a main Frame (root of Frame tree.) * Page has a PageClient. PageView is a PageClient. The goal here is to allow building another kind of view onto a Page while keeping the rest of LibWeb intact.
2020-06-08 20:31:49 +02:00
auto palette = document.frame()->page().palette();
LibWeb: Implement vendor specific CSS color style for System Palette Add "-libweb-palette-foo-bar" CSS color properties to allow CSS to style itself using the currently selected System Theme.
2020-05-25 14:54:27 -04:00
switch (id()) {
case CSS::ValueID::VendorSpecificPaletteDesktopBackground:
return palette.color(ColorRole::DesktopBackground);
case CSS::ValueID::VendorSpecificPaletteActiveWindowBorder1:
return palette.color(ColorRole::ActiveWindowBorder1);
case CSS::ValueID::VendorSpecificPaletteActiveWindowBorder2:
return palette.color(ColorRole::ActiveWindowBorder2);
case CSS::ValueID::VendorSpecificPaletteActiveWindowTitle:
return palette.color(ColorRole::ActiveWindowTitle);
case CSS::ValueID::VendorSpecificPaletteInactiveWindowBorder1:
return palette.color(ColorRole::InactiveWindowBorder1);
case CSS::ValueID::VendorSpecificPaletteInactiveWindowBorder2:
return palette.color(ColorRole::InactiveWindowBorder2);
case CSS::ValueID::VendorSpecificPaletteInactiveWindowTitle:
return palette.color(ColorRole::InactiveWindowTitle);
case CSS::ValueID::VendorSpecificPaletteMovingWindowBorder1:
return palette.color(ColorRole::MovingWindowBorder1);
case CSS::ValueID::VendorSpecificPaletteMovingWindowBorder2:
return palette.color(ColorRole::MovingWindowBorder2);
case CSS::ValueID::VendorSpecificPaletteMovingWindowTitle:
return palette.color(ColorRole::MovingWindowTitle);
case CSS::ValueID::VendorSpecificPaletteHighlightWindowBorder1:
return palette.color(ColorRole::HighlightWindowBorder1);
case CSS::ValueID::VendorSpecificPaletteHighlightWindowBorder2:
return palette.color(ColorRole::HighlightWindowBorder2);
case CSS::ValueID::VendorSpecificPaletteHighlightWindowTitle:
return palette.color(ColorRole::HighlightWindowTitle);
case CSS::ValueID::VendorSpecificPaletteMenuStripe:
return palette.color(ColorRole::MenuStripe);
case CSS::ValueID::VendorSpecificPaletteMenuBase:
return palette.color(ColorRole::MenuBase);
case CSS::ValueID::VendorSpecificPaletteMenuBaseText:
return palette.color(ColorRole::MenuBaseText);
case CSS::ValueID::VendorSpecificPaletteMenuSelection:
return palette.color(ColorRole::MenuSelection);
case CSS::ValueID::VendorSpecificPaletteMenuSelectionText:
return palette.color(ColorRole::MenuSelectionText);
case CSS::ValueID::VendorSpecificPaletteWindow:
return palette.color(ColorRole::Window);
case CSS::ValueID::VendorSpecificPaletteWindowText:
return palette.color(ColorRole::WindowText);
case CSS::ValueID::VendorSpecificPaletteButton:
return palette.color(ColorRole::Button);
case CSS::ValueID::VendorSpecificPaletteButtonText:
return palette.color(ColorRole::ButtonText);
case CSS::ValueID::VendorSpecificPaletteBase:
return palette.color(ColorRole::Base);
case CSS::ValueID::VendorSpecificPaletteBaseText:
return palette.color(ColorRole::BaseText);
case CSS::ValueID::VendorSpecificPaletteThreedHighlight:
return palette.color(ColorRole::ThreedHighlight);
case CSS::ValueID::VendorSpecificPaletteThreedShadow1:
return palette.color(ColorRole::ThreedShadow1);
case CSS::ValueID::VendorSpecificPaletteThreedShadow2:
return palette.color(ColorRole::ThreedShadow2);
case CSS::ValueID::VendorSpecificPaletteHoverHighlight:
return palette.color(ColorRole::HoverHighlight);
case CSS::ValueID::VendorSpecificPaletteSelection:
return palette.color(ColorRole::Selection);
case CSS::ValueID::VendorSpecificPaletteSelectionText:
return palette.color(ColorRole::SelectionText);
case CSS::ValueID::VendorSpecificPaletteInactiveSelection:
return palette.color(ColorRole::InactiveSelection);
case CSS::ValueID::VendorSpecificPaletteInactiveSelectionText:
return palette.color(ColorRole::InactiveSelectionText);
case CSS::ValueID::VendorSpecificPaletteRubberBandFill:
return palette.color(ColorRole::RubberBandFill);
case CSS::ValueID::VendorSpecificPaletteRubberBandBorder:
return palette.color(ColorRole::RubberBandBorder);
case CSS::ValueID::VendorSpecificPaletteLink:
return palette.color(ColorRole::Link);
case CSS::ValueID::VendorSpecificPaletteActiveLink:
return palette.color(ColorRole::ActiveLink);
case CSS::ValueID::VendorSpecificPaletteVisitedLink:
return palette.color(ColorRole::VisitedLink);
case CSS::ValueID::VendorSpecificPaletteRuler:
return palette.color(ColorRole::Ruler);
case CSS::ValueID::VendorSpecificPaletteRulerBorder:
return palette.color(ColorRole::RulerBorder);
case CSS::ValueID::VendorSpecificPaletteRulerActiveText:
return palette.color(ColorRole::RulerActiveText);
case CSS::ValueID::VendorSpecificPaletteRulerInactiveText:
return palette.color(ColorRole::RulerInactiveText);
case CSS::ValueID::VendorSpecificPaletteTextCursor:
return palette.color(ColorRole::TextCursor);
case CSS::ValueID::VendorSpecificPaletteFocusOutline:
return palette.color(ColorRole::FocusOutline);
case CSS::ValueID::VendorSpecificPaletteSyntaxComment:
return palette.color(ColorRole::SyntaxComment);
case CSS::ValueID::VendorSpecificPaletteSyntaxNumber:
return palette.color(ColorRole::SyntaxNumber);
case CSS::ValueID::VendorSpecificPaletteSyntaxString:
return palette.color(ColorRole::SyntaxString);
case CSS::ValueID::VendorSpecificPaletteSyntaxType:
return palette.color(ColorRole::SyntaxType);
case CSS::ValueID::VendorSpecificPaletteSyntaxPunctuation:
return palette.color(ColorRole::SyntaxPunctuation);
case CSS::ValueID::VendorSpecificPaletteSyntaxOperator:
return palette.color(ColorRole::SyntaxOperator);
case CSS::ValueID::VendorSpecificPaletteSyntaxKeyword:
return palette.color(ColorRole::SyntaxKeyword);
case CSS::ValueID::VendorSpecificPaletteSyntaxControlKeyword:
return palette.color(ColorRole::SyntaxControlKeyword);
case CSS::ValueID::VendorSpecificPaletteSyntaxIdentifier:
return palette.color(ColorRole::SyntaxIdentifier);
case CSS::ValueID::VendorSpecificPaletteSyntaxPreprocessorStatement:
return palette.color(ColorRole::SyntaxPreprocessorStatement);
case CSS::ValueID::VendorSpecificPaletteSyntaxPreprocessorValue:
return palette.color(ColorRole::SyntaxPreprocessorValue);
default:
return {};
}
LibHTML: Respect the link color set via <body link> The default style for "a" tags now has { color: -libhtml-link; }. We implement this vendor-specific property by querying the containing document for the appropriate link color. Currently we only use the basic link color, but in the future this can be extended to remember visited links, etc.
2019-10-06 10:25:08 +02:00
}
LibHTML: Implement basic tiled background image support It's now possible to set a page background image via <body background>. Also, HtmlView now officially handles rendering the body element's background (color, image or both.) LayoutBox is responsible for all other background rendering. Note that it's not yet possible to use CSS background-image properties directly, since we can't parse them yet. :^)
2019-10-19 11:49:46 +02:00
ImageStyleValue::ImageStyleValue(const URL& url, Document& document)
: StyleValue(Type::Image)
, m_url(url)
, m_document(document.make_weak_ptr())
{
LibWeb: Port ImageStyleValue to the ResourceClient interface
2020-06-02 13:51:30 +02:00
LoadRequest request;
request.set_url(url);
LibWeb: Fix mismatching Resource subclass types This was a confusing bug: ImageStyleValue loaded its image resource as a Generic resource, while HTMLImageElement loaded as Image. This patch fixes the issue and adds an assertion to verify that we only share resources that have the same C++ client class type.
2020-06-05 23:32:23 +02:00
set_resource(ResourceLoader::the().load_resource(Resource::Type::Image, request));
LibWeb: Port ImageStyleValue to the ResourceClient interface
2020-06-02 13:51:30 +02:00
}
void ImageStyleValue::resource_did_load()
{
if (!m_document)
return;
LibWeb: Decode CSS image values out-of-process as well
2020-06-23 13:33:03 +02:00
m_bitmap = resource()->bitmap();
LibWeb: Port ImageStyleValue to the ResourceClient interface
2020-06-02 13:51:30 +02:00
// FIXME: Do less than a full repaint if possible?
if (m_document->frame())
m_document->frame()->set_needs_display({});
LibHTML: Implement basic tiled background image support It's now possible to set a page background image via <body background>. Also, HtmlView now officially handles rendering the body element's background (color, image or both.) LayoutBox is responsible for all other background rendering. Note that it's not yet possible to use CSS background-image properties directly, since we can't parse them yet. :^)
2019-10-19 11:49:46 +02:00
}
LibWeb: Move everything into the Web namespace
2020-03-07 10:27:02 +01:00
}
Reference in a new issue Copy permalink