2734 lines
112 KiB
Plaintext
2734 lines
112 KiB
Plaintext
/*
|
|
* Copyright (C) 2005-2021 Apple Inc. All rights reserved.
|
|
*
|
|
* This library is free software; you can redistribute it and/or
|
|
* modify it under the terms of the GNU Library General Public
|
|
* License as published by the Free Software Foundation; either
|
|
* version 2 of the License, or (at your option) any later version.
|
|
*
|
|
* This library is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
|
|
* Library General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU Library General Public License
|
|
* along with this library; see the file COPYING.LIB. If not, write to
|
|
* the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor,
|
|
* Boston, MA 02110-1301, USA.
|
|
*/
|
|
|
|
#import "config.h"
|
|
#import "RenderThemeMac.h"
|
|
|
|
#if PLATFORM(MAC)
|
|
|
|
#import "BitmapImage.h"
|
|
#import "CSSValueKeywords.h"
|
|
#import "CSSValueList.h"
|
|
#import "Color.h"
|
|
#import "ColorMac.h"
|
|
#import "Document.h"
|
|
#import "Element.h"
|
|
#import "FileList.h"
|
|
#import "FloatRoundedRect.h"
|
|
#import "FocusController.h"
|
|
#import "Frame.h"
|
|
#import "FrameSelection.h"
|
|
#import "FrameView.h"
|
|
#import "GeometryUtilities.h"
|
|
#import "GraphicsContext.h"
|
|
#import "HTMLAttachmentElement.h"
|
|
#import "HTMLInputElement.h"
|
|
#import "HTMLMediaElement.h"
|
|
#import "HTMLMeterElement.h"
|
|
#import "HTMLNames.h"
|
|
#import "HTMLPlugInImageElement.h"
|
|
#import "Icon.h"
|
|
#import "Image.h"
|
|
#import "ImageBuffer.h"
|
|
#import "LocalCurrentGraphicsContext.h"
|
|
#import "LocalDefaultSystemAppearance.h"
|
|
#import "LocalizedStrings.h"
|
|
#import "Page.h"
|
|
#import "PaintInfo.h"
|
|
#import "PathUtilities.h"
|
|
#import "RenderAttachment.h"
|
|
#import "RenderLayer.h"
|
|
#import "RenderMedia.h"
|
|
#import "RenderMeter.h"
|
|
#import "RenderProgress.h"
|
|
#import "RenderSlider.h"
|
|
#import "RenderView.h"
|
|
#import "RuntimeEnabledFeatures.h"
|
|
#import "SharedBuffer.h"
|
|
#import "StringTruncator.h"
|
|
#import "ThemeMac.h"
|
|
#import "TimeRanges.h"
|
|
#import "UTIUtilities.h"
|
|
#import <Carbon/Carbon.h>
|
|
#import <Cocoa/Cocoa.h>
|
|
#import <CoreServices/CoreServices.h>
|
|
#import <math.h>
|
|
#import <pal/spi/cg/CoreGraphicsSPI.h>
|
|
#import <pal/spi/cocoa/NSColorSPI.h>
|
|
#import <pal/spi/mac/CoreUISPI.h>
|
|
#import <pal/spi/mac/NSAppearanceSPI.h>
|
|
#import <pal/spi/mac/NSCellSPI.h>
|
|
#import <pal/spi/mac/NSImageSPI.h>
|
|
#import <pal/spi/mac/NSSharingServicePickerSPI.h>
|
|
#import <wtf/MathExtras.h>
|
|
#import <wtf/ObjCRuntimeExtras.h>
|
|
#import <wtf/RetainPtr.h>
|
|
#import <wtf/StdLibExtras.h>
|
|
#import <wtf/text/StringBuilder.h>
|
|
|
|
#if ENABLE(SERVICE_CONTROLS)
|
|
|
|
// FIXME: This should go into an SPI.h file in the spi directory.
|
|
#if USE(APPLE_INTERNAL_SDK)
|
|
#import <AppKit/AppKitDefines_Private.h>
|
|
#else
|
|
#define APPKIT_PRIVATE_CLASS
|
|
#endif
|
|
|
|
#endif // ENABLE(SERVICE_CONTROLS)
|
|
|
|
// FIXME: This should go into an SPI.h file in the spi directory.
|
|
@interface NSTextFieldCell ()
|
|
- (CFDictionaryRef)_coreUIDrawOptionsWithFrame:(NSRect)cellFrame inView:(NSView *)controlView includeFocus:(BOOL)includeFocus;
|
|
- (CFDictionaryRef)_coreUIDrawOptionsWithFrame:(NSRect)cellFrame inView:(NSView *)controlView includeFocus:(BOOL)includeFocus maskOnly:(BOOL)maskOnly;
|
|
@end
|
|
|
|
// FIXME: This should go into an SPI.h file in the spi directory.
|
|
@interface NSSearchFieldCell ()
|
|
@property (getter=isCenteredLook) BOOL centeredLook;
|
|
@end
|
|
|
|
constexpr Seconds progressAnimationRepeatInterval = 33_ms; // 30 fps
|
|
|
|
@interface WebCoreRenderThemeNotificationObserver : NSObject
|
|
@end
|
|
|
|
@implementation WebCoreRenderThemeNotificationObserver
|
|
|
|
- (id)init
|
|
{
|
|
self = [super init];
|
|
if (!self)
|
|
return nil;
|
|
|
|
[[NSNotificationCenter defaultCenter] addObserver:self
|
|
selector:@selector(systemColorsDidChange:) name:NSSystemColorsDidChangeNotification object:nil];
|
|
|
|
[[[NSWorkspace sharedWorkspace] notificationCenter] addObserver:self
|
|
selector:@selector(systemColorsDidChange:) name:NSWorkspaceAccessibilityDisplayOptionsDidChangeNotification object:nil];
|
|
|
|
return self;
|
|
}
|
|
|
|
- (void)systemColorsDidChange:(NSNotification *)notification
|
|
{
|
|
UNUSED_PARAM(notification);
|
|
WebCore::RenderTheme::singleton().platformColorsDidChange();
|
|
}
|
|
|
|
@end
|
|
|
|
@interface WebCoreTextFieldCell : NSTextFieldCell
|
|
@end
|
|
|
|
@implementation WebCoreTextFieldCell
|
|
|
|
- (CFDictionaryRef)_adjustedCoreUIDrawOptionsForDrawingBordersOnly:(CFDictionaryRef)defaultOptions
|
|
{
|
|
#if HAVE(OS_DARK_MODE_SUPPORT)
|
|
// Dark mode controls don't have borders, just a semi-transparent background of shadows.
|
|
// In the dark mode case we can't disable borders, or we will not paint anything for the control.
|
|
NSAppearanceName appearance = [self.controlView.effectiveAppearance bestMatchFromAppearancesWithNames:@[ NSAppearanceNameAqua, NSAppearanceNameDarkAqua ]];
|
|
if ([appearance isEqualToString:NSAppearanceNameDarkAqua])
|
|
return defaultOptions;
|
|
#endif
|
|
|
|
// FIXME: This is a workaround for <rdar://problem/11385461>. When that bug is resolved, we should remove this code,
|
|
// as well as the internal method overrides below.
|
|
auto coreUIDrawOptions = adoptCF(CFDictionaryCreateMutableCopy(NULL, 0, defaultOptions));
|
|
CFDictionarySetValue(coreUIDrawOptions.get(), CFSTR("borders only"), kCFBooleanTrue);
|
|
return coreUIDrawOptions.autorelease();
|
|
}
|
|
|
|
- (CFDictionaryRef)_coreUIDrawOptionsWithFrame:(NSRect)cellFrame inView:(NSView *)controlView includeFocus:(BOOL)includeFocus
|
|
{
|
|
return [self _adjustedCoreUIDrawOptionsForDrawingBordersOnly:[super _coreUIDrawOptionsWithFrame:cellFrame inView:controlView includeFocus:includeFocus]];
|
|
}
|
|
|
|
- (CFDictionaryRef)_coreUIDrawOptionsWithFrame:(NSRect)cellFrame inView:(NSView *)controlView includeFocus:(BOOL)includeFocus maskOnly:(BOOL)maskOnly
|
|
{
|
|
return [self _adjustedCoreUIDrawOptionsForDrawingBordersOnly:[super _coreUIDrawOptionsWithFrame:cellFrame inView:controlView includeFocus:includeFocus maskOnly:maskOnly]];
|
|
}
|
|
|
|
@end
|
|
|
|
#if ENABLE(DATALIST_ELEMENT)
|
|
|
|
static const CGFloat listButtonWidth = 16.0f;
|
|
static const CGFloat listButtonCornerRadius = 5.0f;
|
|
|
|
@interface WebListButtonCell : NSCell
|
|
@end
|
|
|
|
@implementation WebListButtonCell
|
|
- (void)drawWithFrame:(NSRect)cellFrame inView:(__unused NSView *)controlView
|
|
{
|
|
CGFloat listButtonCornerRadius = 5.0f;
|
|
NSPoint topLeft = NSMakePoint(NSMinX(cellFrame), NSMinY(cellFrame));
|
|
NSPoint topRight = NSMakePoint(NSMaxX(cellFrame), NSMinY(cellFrame));
|
|
NSPoint bottomRight = NSMakePoint(NSMaxX(cellFrame), NSMaxY(cellFrame));
|
|
NSPoint bottomLeft = NSMakePoint(NSMinX(cellFrame), NSMaxY(cellFrame));
|
|
|
|
NSBezierPath *path = [NSBezierPath bezierPath];
|
|
[path moveToPoint:topLeft];
|
|
|
|
[path lineToPoint:NSMakePoint(topRight.x - listButtonCornerRadius, topRight.y)];
|
|
[path curveToPoint:NSMakePoint(topRight.x, topRight.y + listButtonCornerRadius) controlPoint1:topRight controlPoint2:topRight];
|
|
|
|
[path lineToPoint:NSMakePoint(bottomRight.x, bottomRight.y - listButtonCornerRadius)];
|
|
[path curveToPoint:NSMakePoint(bottomRight.x - listButtonCornerRadius, bottomRight.y) controlPoint1:bottomRight controlPoint2:bottomRight];
|
|
|
|
[path lineToPoint:bottomLeft];
|
|
[path lineToPoint:topLeft];
|
|
|
|
if ([self userInterfaceLayoutDirection] == NSUserInterfaceLayoutDirectionRightToLeft) {
|
|
NSAffineTransform *transform = [NSAffineTransform transform];
|
|
[transform translateXBy:NSMidX(cellFrame) yBy:NSMidY(cellFrame)];
|
|
[transform rotateByDegrees:180];
|
|
[transform translateXBy:-1 * NSMidX(cellFrame) yBy:-1 * NSMidY(cellFrame)];
|
|
[path transformUsingAffineTransform:transform];
|
|
}
|
|
|
|
// FIXME: Obtain the gradient colors from CoreUI or AppKit
|
|
RetainPtr<NSGradient> gradient;
|
|
#if HAVE(OS_DARK_MODE_SUPPORT)
|
|
NSUserAccentColor accentColor = NSColorGetUserAccentColor();
|
|
if (accentColor == NSUserAccentColorRed)
|
|
gradient = adoptNS([[NSGradient alloc] initWithStartingColor:[NSColor colorWithRed:(212.0 / 255) green:(122.0 / 255) blue:(117.0 / 255) alpha:1.0] endingColor:[NSColor colorWithRed:(189.0 / 255) green:(34.0 / 255) blue:(23.0 / 255) alpha:1.0]]);
|
|
else if (accentColor == NSUserAccentColorOrange)
|
|
gradient = adoptNS([[NSGradient alloc] initWithStartingColor:[NSColor colorWithRed:(242.0 / 255) green:(185.0 / 255) blue:(113.0 / 255) alpha:1.0] endingColor:[NSColor colorWithRed:(242.0 / 255) green:(145.0 / 255) blue:(17.0 / 255) alpha:1.0]]);
|
|
else if (accentColor == NSUserAccentColorYellow)
|
|
gradient = adoptNS([[NSGradient alloc] initWithStartingColor:[NSColor colorWithRed:(241.0 / 255) green:(212.0 / 255) blue:(119.0 / 255) alpha:1.0] endingColor:[NSColor colorWithRed:(239.0 / 255) green:(193.0 / 255) blue:(27.0 / 255) alpha:1.0]]);
|
|
else if (accentColor == NSUserAccentColorGreen)
|
|
gradient = adoptNS([[NSGradient alloc] initWithStartingColor:[NSColor colorWithRed:(132.0 / 255) green:(186.0 / 255) blue:(120.0 / 255) alpha:1.0] endingColor:[NSColor colorWithRed:(46.0 / 255) green:(145.0 / 255) blue:(30.0 / 255) alpha:1.0]]);
|
|
else if (accentColor == NSUserAccentColorPurple)
|
|
gradient = adoptNS([[NSGradient alloc] initWithStartingColor:[NSColor colorWithRed:(178.0 / 255) green:(128.0 / 255) blue:(175.0 / 255) alpha:1.0] endingColor:[NSColor colorWithRed:(130.0 / 255) green:(43.0 / 255) blue:(123.0 / 255) alpha:1.0]]);
|
|
else if (accentColor == NSUserAccentColorPink)
|
|
gradient = adoptNS([[NSGradient alloc] initWithStartingColor:[NSColor colorWithRed:(225.0 / 255) green:(126.0 / 255) blue:(165.0 / 255) alpha:1.0] endingColor:[NSColor colorWithRed:(211.0 / 255) green:(42.0 / 255) blue:(105.0 / 255) alpha:1.0]]);
|
|
else if (accentColor == NSUserAccentColorNoColor)
|
|
gradient = adoptNS([[NSGradient alloc] initWithStartingColor:[NSColor colorWithRed:(177.0 / 255) green:(177.0 / 255) blue:(182.0 / 255) alpha:1.0] endingColor:[NSColor colorWithRed:(145.0 / 255) green:(145.0 / 255) blue:(150.0 / 255) alpha:1.0]]);
|
|
else
|
|
#endif
|
|
gradient = adoptNS([[NSGradient alloc] initWithStartingColor:[NSColor colorWithRed:(114.0 / 255) green:(164.0 / 255) blue:(243.0 / 255) alpha:1.0] endingColor:[NSColor colorWithRed:(45.0 / 255) green:(117.0 / 255) blue:(246.0 / 255) alpha:1.0]]);
|
|
|
|
[gradient drawInBezierPath:path angle:90];
|
|
if ([self isHighlighted]) {
|
|
NSColor *overlay = [NSColor colorWithWhite:0 alpha:0.1];
|
|
[overlay setFill];
|
|
[path fill];
|
|
}
|
|
}
|
|
@end
|
|
|
|
#endif // ENABLE(DATALIST_ELEMENT)
|
|
|
|
namespace WebCore {
|
|
|
|
using namespace HTMLNames;
|
|
|
|
enum {
|
|
topMargin,
|
|
rightMargin,
|
|
bottomMargin,
|
|
leftMargin
|
|
};
|
|
|
|
enum {
|
|
topPadding,
|
|
rightPadding,
|
|
bottomPadding,
|
|
leftPadding
|
|
};
|
|
|
|
RenderTheme& RenderTheme::singleton()
|
|
{
|
|
static NeverDestroyed<RenderThemeMac> theme;
|
|
return theme;
|
|
}
|
|
|
|
bool RenderThemeMac::canPaint(const PaintInfo& paintInfo, const Settings&) const
|
|
{
|
|
return paintInfo.context().hasPlatformContext();
|
|
}
|
|
|
|
CFStringRef RenderThemeMac::contentSizeCategory() const
|
|
{
|
|
return kCTFontContentSizeCategoryL;
|
|
}
|
|
|
|
RenderThemeMac::RenderThemeMac()
|
|
: m_notificationObserver(adoptNS([[WebCoreRenderThemeNotificationObserver alloc] init]))
|
|
{
|
|
}
|
|
|
|
NSView *RenderThemeMac::documentViewFor(const RenderObject& o) const
|
|
{
|
|
LocalDefaultSystemAppearance localAppearance(o.useDarkAppearance());
|
|
ControlStates states(extractControlStatesForRenderer(o));
|
|
return ThemeMac::ensuredView(&o.view().frameView(), states);
|
|
}
|
|
|
|
Color RenderThemeMac::platformActiveSelectionBackgroundColor(OptionSet<StyleColor::Options> options) const
|
|
{
|
|
LocalDefaultSystemAppearance localAppearance(options.contains(StyleColor::Options::UseDarkAppearance));
|
|
return colorFromNSColor([NSColor selectedTextBackgroundColor]);
|
|
}
|
|
|
|
Color RenderThemeMac::platformInactiveSelectionBackgroundColor(OptionSet<StyleColor::Options> options) const
|
|
{
|
|
#if HAVE(OS_DARK_MODE_SUPPORT)
|
|
LocalDefaultSystemAppearance localAppearance(options.contains(StyleColor::Options::UseDarkAppearance));
|
|
return colorFromNSColor([NSColor unemphasizedSelectedTextBackgroundColor]);
|
|
#else
|
|
UNUSED_PARAM(options);
|
|
return colorFromNSColor([NSColor unemphasizedSelectedContentBackgroundColor]);
|
|
#endif
|
|
}
|
|
|
|
Color RenderThemeMac::transformSelectionBackgroundColor(const Color& color, OptionSet<StyleColor::Options> options) const
|
|
{
|
|
LocalDefaultSystemAppearance localAppearance(options.contains(StyleColor::Options::UseDarkAppearance));
|
|
if (localAppearance.usingDarkAppearance()) {
|
|
// Use an alpha value that is similar to results from blendWithWhite() on light colors.
|
|
static const float darkAppearanceAlpha = 0.8;
|
|
return !color.isOpaque() ? color : color.colorWithAlpha(darkAppearanceAlpha);
|
|
}
|
|
|
|
return RenderTheme::transformSelectionBackgroundColor(color, options);
|
|
}
|
|
|
|
bool RenderThemeMac::supportsSelectionForegroundColors(OptionSet<StyleColor::Options> options) const
|
|
{
|
|
LocalDefaultSystemAppearance localAppearance(options.contains(StyleColor::Options::UseDarkAppearance));
|
|
return localAppearance.usingDarkAppearance();
|
|
}
|
|
|
|
Color RenderThemeMac::platformActiveSelectionForegroundColor(OptionSet<StyleColor::Options> options) const
|
|
{
|
|
LocalDefaultSystemAppearance localAppearance(options.contains(StyleColor::Options::UseDarkAppearance));
|
|
if (localAppearance.usingDarkAppearance())
|
|
return colorFromNSColor([NSColor selectedTextColor]);
|
|
return { };
|
|
}
|
|
|
|
Color RenderThemeMac::platformInactiveSelectionForegroundColor(OptionSet<StyleColor::Options> options) const
|
|
{
|
|
#if HAVE(OS_DARK_MODE_SUPPORT)
|
|
LocalDefaultSystemAppearance localAppearance(options.contains(StyleColor::Options::UseDarkAppearance));
|
|
if (localAppearance.usingDarkAppearance())
|
|
return colorFromNSColor([NSColor unemphasizedSelectedTextColor]);
|
|
return { };
|
|
#else
|
|
UNUSED_PARAM(options);
|
|
return { };
|
|
#endif
|
|
}
|
|
|
|
Color RenderThemeMac::platformActiveListBoxSelectionBackgroundColor(OptionSet<StyleColor::Options> options) const
|
|
{
|
|
#if HAVE(OS_DARK_MODE_SUPPORT)
|
|
LocalDefaultSystemAppearance localAppearance(options.contains(StyleColor::Options::UseDarkAppearance));
|
|
return colorFromNSColor([NSColor selectedContentBackgroundColor]);
|
|
#else
|
|
UNUSED_PARAM(options);
|
|
ALLOW_DEPRECATED_DECLARATIONS_BEGIN
|
|
return colorFromNSColor([NSColor alternateSelectedControlColor]);
|
|
ALLOW_DEPRECATED_DECLARATIONS_END
|
|
#endif
|
|
}
|
|
|
|
Color RenderThemeMac::platformInactiveListBoxSelectionBackgroundColor(OptionSet<StyleColor::Options> options) const
|
|
{
|
|
#if HAVE(OS_DARK_MODE_SUPPORT)
|
|
LocalDefaultSystemAppearance localAppearance(options.contains(StyleColor::Options::UseDarkAppearance));
|
|
#else
|
|
UNUSED_PARAM(options);
|
|
#endif
|
|
return colorFromNSColor([NSColor unemphasizedSelectedContentBackgroundColor]);
|
|
|
|
}
|
|
|
|
Color RenderThemeMac::platformActiveListBoxSelectionForegroundColor(OptionSet<StyleColor::Options> options) const
|
|
{
|
|
LocalDefaultSystemAppearance localAppearance(options.contains(StyleColor::Options::UseDarkAppearance));
|
|
return colorFromNSColor([NSColor alternateSelectedControlTextColor]);
|
|
}
|
|
|
|
Color RenderThemeMac::platformInactiveListBoxSelectionForegroundColor(OptionSet<StyleColor::Options> options) const
|
|
{
|
|
#if HAVE(OS_DARK_MODE_SUPPORT)
|
|
LocalDefaultSystemAppearance localAppearance(options.contains(StyleColor::Options::UseDarkAppearance));
|
|
return colorFromNSColor([NSColor unemphasizedSelectedTextColor]);
|
|
#else
|
|
UNUSED_PARAM(options);
|
|
return colorFromNSColor([NSColor selectedControlTextColor]);
|
|
#endif
|
|
}
|
|
|
|
Color RenderThemeMac::platformFocusRingColor(OptionSet<StyleColor::Options> options) const
|
|
{
|
|
if (usesTestModeFocusRingColor())
|
|
return oldAquaFocusRingColor();
|
|
LocalDefaultSystemAppearance localAppearance(options.contains(StyleColor::Options::UseDarkAppearance));
|
|
// The color is expected to be opaque, since CoreGraphics will apply opacity when drawing (because opacity is normally animated).
|
|
return colorFromNSColor([NSColor keyboardFocusIndicatorColor]).opaqueColor();
|
|
}
|
|
|
|
Color RenderThemeMac::platformTextSearchHighlightColor(OptionSet<StyleColor::Options> options) const
|
|
{
|
|
LocalDefaultSystemAppearance localAppearance(options.contains(StyleColor::Options::UseDarkAppearance));
|
|
return colorFromNSColor([NSColor findHighlightColor]);
|
|
}
|
|
|
|
#if ENABLE(APP_HIGHLIGHTS)
|
|
Color RenderThemeMac::platformAppHighlightColor(OptionSet<StyleColor::Options>) const
|
|
{
|
|
// FIXME: expose the real value from AppKit.
|
|
return SRGBA<uint8_t> { 255, 238, 190 };
|
|
}
|
|
#endif
|
|
|
|
Color RenderThemeMac::platformDefaultButtonTextColor(OptionSet<StyleColor::Options> options) const
|
|
{
|
|
LocalDefaultSystemAppearance localAppearance(options.contains(StyleColor::Options::UseDarkAppearance));
|
|
return colorFromNSColor([NSColor alternateSelectedControlTextColor]);
|
|
}
|
|
|
|
static Color activeButtonTextColor()
|
|
{
|
|
// FIXME: <rdar://problem/77572622> There is no single corresponding NSColor for ActiveButtonText.
|
|
// Instead, the NSColor used is dependent on NSButtonCell's interiorBackgroundStyle. Consequently,
|
|
// we need to create an NSButtonCell just to determine the correct color.
|
|
|
|
auto cell = adoptNS([[NSButtonCell alloc] init]);
|
|
[cell setBezelStyle:NSBezelStyleRounded];
|
|
[cell setHighlighted:YES];
|
|
|
|
NSColor *activeButtonTextColor;
|
|
if ([cell interiorBackgroundStyle] == NSBackgroundStyleEmphasized)
|
|
activeButtonTextColor = [NSColor alternateSelectedControlTextColor];
|
|
else
|
|
activeButtonTextColor = [NSColor controlTextColor];
|
|
|
|
return semanticColorFromNSColor(activeButtonTextColor);
|
|
}
|
|
|
|
static SRGBA<uint8_t> menuBackgroundColor()
|
|
{
|
|
RetainPtr<NSBitmapImageRep> offscreenRep = adoptNS([[NSBitmapImageRep alloc] initWithBitmapDataPlanes:nil pixelsWide:1 pixelsHigh:1
|
|
bitsPerSample:8 samplesPerPixel:4 hasAlpha:YES isPlanar:NO colorSpaceName:NSDeviceRGBColorSpace bytesPerRow:4 bitsPerPixel:32]);
|
|
|
|
CGContextRef bitmapContext = [NSGraphicsContext graphicsContextWithBitmapImageRep:offscreenRep.get()].CGContext;
|
|
const CGRect rect = CGRectMake(0, 0, 1, 1);
|
|
|
|
HIThemeMenuDrawInfo drawInfo;
|
|
drawInfo.version = 0;
|
|
drawInfo.menuType = kThemeMenuTypePopUp;
|
|
|
|
HIThemeDrawMenuBackground(&rect, &drawInfo, bitmapContext, kHIThemeOrientationInverted);
|
|
|
|
NSUInteger pixel[4];
|
|
[offscreenRep getPixel:pixel atX:0 y:0];
|
|
|
|
return makeFromComponentsClamping<SRGBA<uint8_t>>(pixel[0], pixel[1], pixel[2], pixel[3]);
|
|
}
|
|
|
|
Color RenderThemeMac::systemColor(CSSValueID cssValueID, OptionSet<StyleColor::Options> options) const
|
|
{
|
|
const bool useSystemAppearance = options.contains(StyleColor::Options::UseSystemAppearance);
|
|
const bool useDarkAppearance = options.contains(StyleColor::Options::UseDarkAppearance);
|
|
const bool forVisitedLink = options.contains(StyleColor::Options::ForVisitedLink);
|
|
|
|
auto& cache = colorCache(options);
|
|
|
|
if (useSystemAppearance) {
|
|
// Special handling for links and other system colors when the system appearance is desired.
|
|
auto systemAppearanceColor = [useDarkAppearance] (Color& color, SEL selector) -> Color {
|
|
if (!color.isValid()) {
|
|
LocalDefaultSystemAppearance localAppearance(useDarkAppearance);
|
|
auto systemColor = wtfObjCMsgSend<NSColor *>([NSColor class], selector);
|
|
color = semanticColorFromNSColor(systemColor);
|
|
}
|
|
|
|
return color;
|
|
};
|
|
|
|
switch (cssValueID) {
|
|
// Web views that want system appearance get the system version of link colors, which differ from the HTML spec.
|
|
case CSSValueWebkitLink:
|
|
if (forVisitedLink)
|
|
return systemAppearanceColor(cache.systemVisitedLinkColor, @selector(systemPurpleColor));
|
|
return systemAppearanceColor(cache.systemLinkColor, @selector(linkColor));
|
|
|
|
case CSSValueLinktext:
|
|
return systemAppearanceColor(cache.systemLinkColor, @selector(linkColor));
|
|
case CSSValueVisitedtext:
|
|
return systemAppearanceColor(cache.systemVisitedLinkColor, @selector(systemPurpleColor));
|
|
case CSSValueWebkitActivelink:
|
|
case CSSValueActivetext:
|
|
// FIXME: Use a semantic system color for this, instead of systemRedColor. <rdar://problem/39256684>
|
|
return systemAppearanceColor(cache.systemActiveLinkColor, @selector(systemRedColor));
|
|
|
|
// The following colors would expose user appearance preferences to the web, and could be used for fingerprinting.
|
|
// These should only be available when the web view is wanting the system appearance.
|
|
case CSSValueWebkitFocusRingColor:
|
|
case CSSValueActiveborder:
|
|
return focusRingColor(options);
|
|
|
|
case CSSValueAppleSystemControlAccent:
|
|
#if HAVE(OS_DARK_MODE_SUPPORT)
|
|
return systemAppearanceColor(cache.systemControlAccentColor, @selector(controlAccentColor));
|
|
#else
|
|
ALLOW_DEPRECATED_DECLARATIONS_BEGIN
|
|
return systemAppearanceColor(cache.systemControlAccentColor, @selector(alternateSelectedControlColor));
|
|
ALLOW_DEPRECATED_DECLARATIONS_END
|
|
#endif
|
|
|
|
case CSSValueAppleSystemSelectedContentBackground:
|
|
return activeListBoxSelectionBackgroundColor(options);
|
|
|
|
case CSSValueAppleSystemSelectedTextBackground:
|
|
case CSSValueHighlight:
|
|
return activeSelectionBackgroundColor(options);
|
|
|
|
default:
|
|
// Handle other system colors below, that don't need special system appearance handling.
|
|
break;
|
|
}
|
|
} else if (forVisitedLink && cssValueID == CSSValueWebkitLink) {
|
|
// The system color cache below can't handle visited links. The only color value
|
|
// that cares about visited links is CSSValueWebkitLink, so handle it here.
|
|
return RenderTheme::systemColor(cssValueID, options);
|
|
}
|
|
|
|
ASSERT(!forVisitedLink);
|
|
|
|
return cache.systemStyleColors.ensure(cssValueID, [this, cssValueID, options, useDarkAppearance] () -> Color {
|
|
LocalDefaultSystemAppearance localAppearance(useDarkAppearance);
|
|
|
|
auto selectCocoaColor = [cssValueID] () -> SEL {
|
|
switch (cssValueID) {
|
|
case CSSValueActivecaption:
|
|
return @selector(windowFrameTextColor);
|
|
case CSSValueAppworkspace:
|
|
return @selector(headerColor);
|
|
case CSSValueButtonhighlight:
|
|
return @selector(controlHighlightColor);
|
|
case CSSValueButtonshadow:
|
|
return @selector(controlShadowColor);
|
|
case CSSValueButtontext:
|
|
return @selector(controlTextColor);
|
|
case CSSValueCanvas:
|
|
return @selector(textBackgroundColor);
|
|
case CSSValueCanvastext:
|
|
return @selector(textColor);
|
|
case CSSValueCaptiontext:
|
|
return @selector(textColor);
|
|
case CSSValueField:
|
|
return @selector(controlColor);
|
|
case CSSValueFieldtext:
|
|
return @selector(controlTextColor);
|
|
case CSSValueGraytext:
|
|
return @selector(disabledControlTextColor);
|
|
case CSSValueHighlighttext:
|
|
return @selector(selectedTextColor);
|
|
case CSSValueInactiveborder:
|
|
return @selector(controlBackgroundColor);
|
|
case CSSValueInactivecaption:
|
|
return @selector(controlBackgroundColor);
|
|
case CSSValueInactivecaptiontext:
|
|
return @selector(textColor);
|
|
case CSSValueInfotext:
|
|
return @selector(textColor);
|
|
case CSSValueMenutext:
|
|
return @selector(selectedMenuItemTextColor);
|
|
case CSSValueScrollbar:
|
|
return @selector(scrollBarColor);
|
|
case CSSValueText:
|
|
return @selector(textColor);
|
|
case CSSValueThreeddarkshadow:
|
|
return @selector(controlDarkShadowColor);
|
|
case CSSValueThreedshadow:
|
|
return @selector(shadowColor);
|
|
case CSSValueThreedhighlight:
|
|
return @selector(highlightColor);
|
|
case CSSValueThreedlightshadow:
|
|
return @selector(controlLightHighlightColor);
|
|
case CSSValueWindow:
|
|
return @selector(windowBackgroundColor);
|
|
case CSSValueWindowframe:
|
|
return @selector(windowFrameColor);
|
|
case CSSValueWindowtext:
|
|
return @selector(windowFrameTextColor);
|
|
case CSSValueAppleSystemHeaderText:
|
|
return @selector(headerTextColor);
|
|
case CSSValueAppleSystemBackground:
|
|
case CSSValueAppleSystemSecondaryBackground:
|
|
case CSSValueAppleSystemTertiaryBackground:
|
|
case CSSValueAppleSystemGroupedBackground:
|
|
case CSSValueAppleSystemSecondaryGroupedBackground:
|
|
case CSSValueAppleSystemTertiaryGroupedBackground:
|
|
case CSSValueAppleSystemTextBackground:
|
|
return @selector(textBackgroundColor);
|
|
case CSSValueAppleSystemControlBackground:
|
|
#if HAVE(OS_DARK_MODE_SUPPORT)
|
|
case CSSValueWebkitControlBackground:
|
|
#endif
|
|
return @selector(controlBackgroundColor);
|
|
case CSSValueAppleSystemAlternateSelectedText:
|
|
return @selector(alternateSelectedControlTextColor);
|
|
case CSSValueAppleSystemUnemphasizedSelectedContentBackground:
|
|
return @selector(unemphasizedSelectedContentBackgroundColor);
|
|
case CSSValueAppleSystemSelectedText:
|
|
return @selector(selectedTextColor);
|
|
case CSSValueAppleSystemUnemphasizedSelectedText:
|
|
#if HAVE(OS_DARK_MODE_SUPPORT)
|
|
return @selector(unemphasizedSelectedTextColor);
|
|
#else
|
|
return @selector(textColor);
|
|
#endif
|
|
case CSSValueAppleSystemUnemphasizedSelectedTextBackground:
|
|
#if HAVE(OS_DARK_MODE_SUPPORT)
|
|
return @selector(unemphasizedSelectedTextBackgroundColor);
|
|
#else
|
|
return @selector(unemphasizedSelectedContentBackgroundColor);
|
|
#endif
|
|
case CSSValueAppleSystemPlaceholderText:
|
|
return @selector(placeholderTextColor);
|
|
case CSSValueAppleSystemFindHighlightBackground:
|
|
return @selector(findHighlightColor);
|
|
case CSSValueAppleSystemContainerBorder:
|
|
#if HAVE(OS_DARK_MODE_SUPPORT)
|
|
return @selector(containerBorderColor);
|
|
#else
|
|
// Handled below.
|
|
return nullptr;
|
|
#endif
|
|
case CSSValueAppleSystemLabel:
|
|
return @selector(labelColor);
|
|
case CSSValueAppleSystemSecondaryLabel:
|
|
return @selector(secondaryLabelColor);
|
|
case CSSValueAppleSystemTertiaryLabel:
|
|
return @selector(tertiaryLabelColor);
|
|
case CSSValueAppleSystemQuaternaryLabel:
|
|
return @selector(quaternaryLabelColor);
|
|
case CSSValueAppleSystemGrid:
|
|
return @selector(gridColor);
|
|
case CSSValueAppleSystemSeparator:
|
|
#if HAVE(OS_DARK_MODE_SUPPORT)
|
|
return @selector(separatorColor);
|
|
#else
|
|
return @selector(gridColor);
|
|
#endif
|
|
case CSSValueAppleWirelessPlaybackTargetActive:
|
|
case CSSValueAppleSystemBlue:
|
|
return @selector(systemBlueColor);
|
|
case CSSValueAppleSystemBrown:
|
|
return @selector(systemBrownColor);
|
|
case CSSValueAppleSystemGray:
|
|
return @selector(systemGrayColor);
|
|
case CSSValueAppleSystemGreen:
|
|
return @selector(systemGreenColor);
|
|
case CSSValueAppleSystemOrange:
|
|
return @selector(systemOrangeColor);
|
|
case CSSValueAppleSystemPink:
|
|
return @selector(systemPinkColor);
|
|
case CSSValueAppleSystemPurple:
|
|
return @selector(systemPurpleColor);
|
|
case CSSValueAppleSystemRed:
|
|
return @selector(systemRedColor);
|
|
case CSSValueAppleSystemYellow:
|
|
return @selector(systemYellowColor);
|
|
default:
|
|
return nullptr;
|
|
}
|
|
};
|
|
|
|
if (auto selector = selectCocoaColor()) {
|
|
if (auto color = wtfObjCMsgSend<NSColor *>([NSColor class], selector))
|
|
return semanticColorFromNSColor(color);
|
|
}
|
|
|
|
switch (cssValueID) {
|
|
case CSSValueActivebuttontext:
|
|
return activeButtonTextColor();
|
|
|
|
case CSSValueButtonface:
|
|
case CSSValueThreedface:
|
|
// We selected this value instead of [NSColor controlColor] to avoid website incompatibilities.
|
|
// We may want to consider changing to [NSColor controlColor] some day.
|
|
return Color::lightGray;
|
|
|
|
case CSSValueInfobackground:
|
|
// No corresponding NSColor for this so we use a hard coded value.
|
|
return SRGBA<uint8_t> { 251, 252, 197 };
|
|
|
|
case CSSValueMenu:
|
|
return menuBackgroundColor();
|
|
|
|
case CSSValueWebkitFocusRingColor:
|
|
case CSSValueActiveborder:
|
|
// Hardcoded to avoid exposing a user appearance preference to the web for fingerprinting.
|
|
if (localAppearance.usingDarkAppearance())
|
|
return { SRGBA<uint8_t> { 26, 169, 255 }, Color::Flags::Semantic };
|
|
return { SRGBA<uint8_t> { 0, 103, 244 }, Color::Flags::Semantic };
|
|
|
|
case CSSValueAppleSystemControlAccent:
|
|
// Hardcoded to avoid exposing a user appearance preference to the web for fingerprinting.
|
|
// Same color in light and dark appearances.
|
|
return { SRGBA<uint8_t> { 0, 122, 255 }, Color::Flags::Semantic };
|
|
|
|
case CSSValueAppleSystemSelectedContentBackground:
|
|
// Hardcoded to avoid exposing a user appearance preference to the web for fingerprinting.
|
|
if (localAppearance.usingDarkAppearance())
|
|
return { SRGBA<uint8_t> { 0, 88, 208 }, Color::Flags::Semantic };
|
|
return { SRGBA<uint8_t> { 0, 99, 225 }, Color::Flags::Semantic };
|
|
|
|
case CSSValueHighlight:
|
|
case CSSValueAppleSystemSelectedTextBackground:
|
|
// Hardcoded to avoid exposing a user appearance preference to the web for fingerprinting.
|
|
if (localAppearance.usingDarkAppearance())
|
|
return { SRGBA<uint8_t> { 63, 99, 139, 204 }, Color::Flags::Semantic };
|
|
return { SRGBA<uint8_t> { 128, 188, 254, 153 }, Color::Flags::Semantic };
|
|
|
|
#if !HAVE(OS_DARK_MODE_SUPPORT)
|
|
case CSSValueAppleSystemContainerBorder:
|
|
return SRGBA<uint8_t> { 197, 197, 197 };
|
|
#endif
|
|
|
|
case CSSValueAppleSystemEvenAlternatingContentBackground: {
|
|
#if HAVE(OS_DARK_MODE_SUPPORT)
|
|
NSArray<NSColor *> *alternateColors = [NSColor alternatingContentBackgroundColors];
|
|
#else
|
|
NSArray<NSColor *> *alternateColors = [NSColor controlAlternatingRowBackgroundColors];
|
|
#endif
|
|
ASSERT(alternateColors.count >= 2);
|
|
return semanticColorFromNSColor(alternateColors[0]);
|
|
}
|
|
|
|
case CSSValueAppleSystemOddAlternatingContentBackground: {
|
|
#if HAVE(OS_DARK_MODE_SUPPORT)
|
|
NSArray<NSColor *> *alternateColors = [NSColor alternatingContentBackgroundColors];
|
|
#else
|
|
NSArray<NSColor *> *alternateColors = [NSColor controlAlternatingRowBackgroundColors];
|
|
#endif
|
|
ASSERT(alternateColors.count >= 2);
|
|
return semanticColorFromNSColor(alternateColors[1]);
|
|
}
|
|
|
|
case CSSValueBackground:
|
|
// Use platform-independent value returned by base class.
|
|
FALLTHROUGH;
|
|
|
|
default:
|
|
return RenderTheme::systemColor(cssValueID, options);
|
|
}
|
|
}).iterator->value;
|
|
}
|
|
|
|
bool RenderThemeMac::usesTestModeFocusRingColor() const
|
|
{
|
|
return WebCore::usesTestModeFocusRingColor();
|
|
}
|
|
|
|
bool RenderThemeMac::isControlStyled(const RenderStyle& style, const RenderStyle& userAgentStyle) const
|
|
{
|
|
auto appearance = style.appearance();
|
|
if (appearance == TextFieldPart || appearance == TextAreaPart || appearance == SearchFieldPart || appearance == ListboxPart)
|
|
return style.border() != userAgentStyle.border();
|
|
|
|
// FIXME: This is horrible, but there is not much else that can be done. Menu lists cannot draw properly when
|
|
// scaled. They can't really draw properly when transformed either. We can't detect the transform case at style
|
|
// adjustment time so that will just have to stay broken. We can however detect that we're zooming. If zooming
|
|
// is in effect we treat it like the control is styled.
|
|
if (appearance == MenulistPart && style.effectiveZoom() != 1.0f)
|
|
return true;
|
|
|
|
return RenderTheme::isControlStyled(style, userAgentStyle);
|
|
}
|
|
|
|
static FloatRect inflateRect(const FloatRect& rect, const IntSize& size, const int* margins, float zoomLevel)
|
|
{
|
|
// Only do the inflation if the available width/height are too small. Otherwise try to
|
|
// fit the glow/check space into the available box's width/height.
|
|
int widthDelta = rect.width() - (size.width() + margins[leftMargin] * zoomLevel + margins[rightMargin] * zoomLevel);
|
|
int heightDelta = rect.height() - (size.height() + margins[topMargin] * zoomLevel + margins[bottomMargin] * zoomLevel);
|
|
FloatRect result(rect);
|
|
if (widthDelta < 0) {
|
|
result.setX(result.x() - margins[leftMargin] * zoomLevel);
|
|
result.setWidth(result.width() - widthDelta);
|
|
}
|
|
if (heightDelta < 0) {
|
|
result.setY(result.y() - margins[topMargin] * zoomLevel);
|
|
result.setHeight(result.height() - heightDelta);
|
|
}
|
|
return result;
|
|
}
|
|
|
|
void RenderThemeMac::adjustRepaintRect(const RenderObject& renderer, FloatRect& rect)
|
|
{
|
|
ControlPart part = renderer.style().appearance();
|
|
|
|
#if USE(NEW_THEME)
|
|
switch (part) {
|
|
case CheckboxPart:
|
|
case RadioPart:
|
|
case PushButtonPart:
|
|
case SquareButtonPart:
|
|
#if ENABLE(INPUT_TYPE_COLOR)
|
|
case ColorWellPart:
|
|
#endif
|
|
case DefaultButtonPart:
|
|
case ButtonPart:
|
|
case InnerSpinButtonPart:
|
|
return RenderTheme::adjustRepaintRect(renderer, rect);
|
|
default:
|
|
break;
|
|
}
|
|
#endif
|
|
|
|
float zoomLevel = renderer.style().effectiveZoom();
|
|
|
|
if (part == MenulistPart) {
|
|
setPopupButtonCellState(renderer, IntSize(rect.size()));
|
|
IntSize size = popupButtonSizes()[[popupButton() controlSize]];
|
|
size.setHeight(size.height() * zoomLevel);
|
|
size.setWidth(rect.width());
|
|
rect = inflateRect(rect, size, popupButtonMargins(), zoomLevel);
|
|
}
|
|
}
|
|
|
|
static FloatPoint convertToPaintingPosition(const RenderBox& inputRenderer, const RenderBox& customButtonRenderer, const FloatPoint& customButtonLocalPosition,
|
|
const IntPoint& paintOffset)
|
|
{
|
|
IntPoint offsetFromInputRenderer = roundedIntPoint(customButtonRenderer.localToContainerPoint(customButtonRenderer.contentBoxRect().location(), &inputRenderer));
|
|
FloatPoint paintingPosition = customButtonLocalPosition;
|
|
paintingPosition.moveBy(-offsetFromInputRenderer);
|
|
paintingPosition.moveBy(paintOffset);
|
|
return paintingPosition;
|
|
}
|
|
|
|
void RenderThemeMac::updateCheckedState(NSCell* cell, const RenderObject& o)
|
|
{
|
|
bool oldIndeterminate = [cell state] == NSControlStateValueMixed;
|
|
bool indeterminate = isIndeterminate(o);
|
|
bool checked = isChecked(o);
|
|
|
|
if (oldIndeterminate != indeterminate) {
|
|
[cell setState:indeterminate ? NSControlStateValueMixed : (checked ? NSControlStateValueOn : NSControlStateValueOff)];
|
|
return;
|
|
}
|
|
|
|
bool oldChecked = [cell state] == NSControlStateValueOn;
|
|
if (checked != oldChecked)
|
|
[cell setState:checked ? NSControlStateValueOn : NSControlStateValueOff];
|
|
}
|
|
|
|
void RenderThemeMac::updateEnabledState(NSCell* cell, const RenderObject& o)
|
|
{
|
|
bool oldEnabled = [cell isEnabled];
|
|
bool enabled = isEnabled(o);
|
|
if (enabled != oldEnabled)
|
|
[cell setEnabled:enabled];
|
|
}
|
|
|
|
void RenderThemeMac::updateFocusedState(NSCell *cell, const RenderObject* o)
|
|
{
|
|
bool oldFocused = [cell showsFirstResponder];
|
|
bool focused = o && isFocused(*o) && o->style().outlineStyleIsAuto() == OutlineIsAuto::On;
|
|
if (focused != oldFocused)
|
|
[cell setShowsFirstResponder:focused];
|
|
}
|
|
|
|
void RenderThemeMac::updatePressedState(NSCell* cell, const RenderObject& o)
|
|
{
|
|
bool oldPressed = [cell isHighlighted];
|
|
bool pressed = is<Element>(o.node()) && downcast<Element>(*o.node()).active();
|
|
if (pressed != oldPressed)
|
|
[cell setHighlighted:pressed];
|
|
}
|
|
|
|
bool RenderThemeMac::controlSupportsTints(const RenderObject& o) const
|
|
{
|
|
// An alternate way to implement this would be to get the appropriate cell object
|
|
// and call the private _needRedrawOnWindowChangedKeyState method. An advantage of
|
|
// that would be that we would match AppKit behavior more closely, but a disadvantage
|
|
// would be that we would rely on an AppKit SPI method.
|
|
|
|
if (!isEnabled(o))
|
|
return false;
|
|
|
|
// Checkboxes only have tint when checked.
|
|
if (o.style().appearance() == CheckboxPart)
|
|
return isChecked(o);
|
|
|
|
// For now assume other controls have tint if enabled.
|
|
return true;
|
|
}
|
|
|
|
NSControlSize RenderThemeMac::controlSizeForFont(const RenderStyle& style) const
|
|
{
|
|
int fontSize = style.computedFontPixelSize();
|
|
#if HAVE(LARGE_CONTROL_SIZE)
|
|
if (fontSize >= 21 && ThemeMac::supportsLargeFormControls())
|
|
return NSControlSizeLarge;
|
|
#endif
|
|
if (fontSize >= 16)
|
|
return NSControlSizeRegular;
|
|
if (fontSize >= 11)
|
|
return NSControlSizeSmall;
|
|
return NSControlSizeMini;
|
|
}
|
|
|
|
NSControlSize RenderThemeMac::controlSizeForCell(NSCell*, const IntSize* sizes, const IntSize& minSize, float zoomLevel) const
|
|
{
|
|
#if HAVE(LARGE_CONTROL_SIZE)
|
|
if (ThemeMac::supportsLargeFormControls()
|
|
&& minSize.width() >= static_cast<int>(sizes[NSControlSizeLarge].width() * zoomLevel)
|
|
&& minSize.height() >= static_cast<int>(sizes[NSControlSizeLarge].height() * zoomLevel))
|
|
return NSControlSizeLarge;
|
|
#endif
|
|
|
|
if (minSize.width() >= static_cast<int>(sizes[NSControlSizeRegular].width() * zoomLevel)
|
|
&& minSize.height() >= static_cast<int>(sizes[NSControlSizeRegular].height() * zoomLevel))
|
|
return NSControlSizeRegular;
|
|
|
|
if (minSize.width() >= static_cast<int>(sizes[NSControlSizeSmall].width() * zoomLevel)
|
|
&& minSize.height() >= static_cast<int>(sizes[NSControlSizeSmall].height() * zoomLevel))
|
|
return NSControlSizeSmall;
|
|
|
|
return NSControlSizeMini;
|
|
}
|
|
|
|
void RenderThemeMac::setControlSize(NSCell* cell, const IntSize* sizes, const IntSize& minSize, float zoomLevel)
|
|
{
|
|
NSControlSize size = controlSizeForCell(cell, sizes, minSize, zoomLevel);
|
|
if (size != [cell controlSize]) // Only update if we have to, since AppKit does work even if the size is the same.
|
|
[cell setControlSize:size];
|
|
}
|
|
|
|
IntSize RenderThemeMac::sizeForFont(const RenderStyle& style, const IntSize* sizes) const
|
|
{
|
|
if (style.effectiveZoom() != 1.0f) {
|
|
IntSize result = sizes[controlSizeForFont(style)];
|
|
return IntSize(result.width() * style.effectiveZoom(), result.height() * style.effectiveZoom());
|
|
}
|
|
return sizes[controlSizeForFont(style)];
|
|
}
|
|
|
|
IntSize RenderThemeMac::sizeForSystemFont(const RenderStyle& style, const IntSize* sizes) const
|
|
{
|
|
if (style.effectiveZoom() != 1.0f) {
|
|
IntSize result = sizes[controlSizeForSystemFont(style)];
|
|
return IntSize(result.width() * style.effectiveZoom(), result.height() * style.effectiveZoom());
|
|
}
|
|
return sizes[controlSizeForSystemFont(style)];
|
|
}
|
|
|
|
void RenderThemeMac::setSizeFromFont(RenderStyle& style, const IntSize* sizes) const
|
|
{
|
|
// FIXME: Check is flawed, since it doesn't take min-width/max-width into account.
|
|
IntSize size = sizeForFont(style, sizes);
|
|
if (style.width().isIntrinsicOrAuto() && size.width() > 0)
|
|
style.setWidth(Length(size.width(), LengthType::Fixed));
|
|
if (style.height().isAuto() && size.height() > 0)
|
|
style.setHeight(Length(size.height(), LengthType::Fixed));
|
|
}
|
|
|
|
void RenderThemeMac::setFontFromControlSize(RenderStyle& style, NSControlSize controlSize) const
|
|
{
|
|
FontCascadeDescription fontDescription;
|
|
fontDescription.setIsAbsoluteSize(true);
|
|
|
|
NSFont* font = [NSFont systemFontOfSize:[NSFont systemFontSizeForControlSize:controlSize]];
|
|
fontDescription.setOneFamily(AtomString("-apple-system", AtomString::ConstructFromLiteral));
|
|
fontDescription.setComputedSize([font pointSize] * style.effectiveZoom());
|
|
fontDescription.setSpecifiedSize([font pointSize] * style.effectiveZoom());
|
|
|
|
// Reset line height
|
|
style.setLineHeight(RenderStyle::initialLineHeight());
|
|
|
|
if (style.setFontDescription(WTFMove(fontDescription)))
|
|
style.fontCascade().update(0);
|
|
}
|
|
|
|
NSControlSize RenderThemeMac::controlSizeForSystemFont(const RenderStyle& style) const
|
|
{
|
|
int fontSize = style.computedFontPixelSize();
|
|
#if HAVE(LARGE_CONTROL_SIZE)
|
|
if (fontSize >= [NSFont systemFontSizeForControlSize:NSControlSizeLarge] && ThemeMac::supportsLargeFormControls())
|
|
return NSControlSizeLarge;
|
|
#endif
|
|
if (fontSize >= [NSFont systemFontSizeForControlSize:NSControlSizeRegular])
|
|
return NSControlSizeRegular;
|
|
if (fontSize >= [NSFont systemFontSizeForControlSize:NSControlSizeSmall])
|
|
return NSControlSizeSmall;
|
|
return NSControlSizeMini;
|
|
}
|
|
|
|
#if ENABLE(DATALIST_ELEMENT)
|
|
|
|
void RenderThemeMac::paintListButtonForInput(const RenderObject& o, GraphicsContext& context, const FloatRect& r)
|
|
{
|
|
// We can't paint an NSComboBoxCell since they are not height-resizable.
|
|
const auto& input = downcast<HTMLInputElement>(*(o.generatingNode()));
|
|
NSCell *listButton = this->listButton();
|
|
|
|
NSRect listButtonFrame = NSMakeRect(r.maxX() - listButtonWidth, r.y(), listButtonWidth, r.height());
|
|
if (!o.style().isLeftToRightDirection()) {
|
|
listButtonFrame.origin.x = r.x();
|
|
[listButton setUserInterfaceLayoutDirection:NSUserInterfaceLayoutDirectionRightToLeft];
|
|
} else
|
|
[listButton setUserInterfaceLayoutDirection:NSUserInterfaceLayoutDirectionLeftToRight];
|
|
|
|
[listButton setHighlighted:input.isPresentingAttachedView()];
|
|
if (!input.isPresentingAttachedView()) {
|
|
ASSERT(input.dataListButtonElement());
|
|
if (auto* buttonElement = input.dataListButtonElement())
|
|
updatePressedState(listButton, *buttonElement->renderer());
|
|
}
|
|
|
|
[listButton drawWithFrame:listButtonFrame inView:documentViewFor(o)];
|
|
[listButton setControlView:nil];
|
|
|
|
RefPtr<Image> image;
|
|
float imageScale = 1;
|
|
if (o.document().deviceScaleFactor() >= 2) {
|
|
image = Image::loadPlatformResource("ListButtonArrow@2x");
|
|
imageScale = 2;
|
|
} else
|
|
image = Image::loadPlatformResource("ListButtonArrow");
|
|
|
|
FloatRect imageRect(0, 0, image->width() / imageScale, image->height() / imageScale);
|
|
imageRect.setX(NSMidX(listButtonFrame) - imageRect.width() / 2);
|
|
imageRect.setY(NSMidY(listButtonFrame) - imageRect.height() / 2);
|
|
|
|
context.drawImage(*image, imageRect);
|
|
}
|
|
|
|
void RenderThemeMac::adjustListButtonStyle(RenderStyle& style, const Element*) const
|
|
{
|
|
// Add a margin to place the button at end of the input field.
|
|
if (style.isLeftToRightDirection())
|
|
style.setMarginRight(Length(-4, LengthType::Fixed));
|
|
else
|
|
style.setMarginLeft(Length(-4, LengthType::Fixed));
|
|
}
|
|
|
|
#endif
|
|
|
|
bool RenderThemeMac::paintTextField(const RenderObject& o, const PaintInfo& paintInfo, const FloatRect& r)
|
|
{
|
|
LocalCurrentGraphicsContext localContext(paintInfo.context());
|
|
|
|
// <rdar://problem/22896977> We adjust the paint rect here to account for how AppKit draws the text
|
|
// field cell slightly smaller than the rect we pass to drawWithFrame.
|
|
FloatRect adjustedPaintRect(r);
|
|
AffineTransform transform = paintInfo.context().getCTM();
|
|
if (transform.xScale() > 1 || transform.yScale() > 1) {
|
|
adjustedPaintRect.inflateX(1 / transform.xScale());
|
|
adjustedPaintRect.inflateY(2 / transform.yScale());
|
|
adjustedPaintRect.move(0, -1 / transform.yScale());
|
|
}
|
|
NSTextFieldCell *textField = this->textField();
|
|
|
|
GraphicsContextStateSaver stateSaver(paintInfo.context());
|
|
|
|
[textField setEnabled:(isEnabled(o) && !isReadOnlyControl(o))];
|
|
[textField drawWithFrame:NSRect(adjustedPaintRect) inView:documentViewFor(o)];
|
|
|
|
[textField setControlView:nil];
|
|
|
|
#if ENABLE(DATALIST_ELEMENT)
|
|
if (!is<HTMLInputElement>(o.generatingNode()))
|
|
return false;
|
|
|
|
const auto& input = downcast<HTMLInputElement>(*(o.generatingNode()));
|
|
if (input.list())
|
|
paintListButtonForInput(o, paintInfo.context(), adjustedPaintRect);
|
|
#endif
|
|
|
|
return false;
|
|
}
|
|
|
|
void RenderThemeMac::adjustTextFieldStyle(RenderStyle&, const Element*) const
|
|
{
|
|
}
|
|
|
|
bool RenderThemeMac::paintTextArea(const RenderObject& o, const PaintInfo& paintInfo, const FloatRect& r)
|
|
{
|
|
LocalCurrentGraphicsContext localContext(paintInfo.context());
|
|
_NSDrawCarbonThemeListBox(r, isEnabled(o) && !isReadOnlyControl(o), YES, YES);
|
|
return false;
|
|
}
|
|
|
|
void RenderThemeMac::adjustTextAreaStyle(RenderStyle&, const Element*) const
|
|
{
|
|
}
|
|
|
|
const int* RenderThemeMac::popupButtonMargins() const
|
|
{
|
|
static const int margins[4][4] =
|
|
{
|
|
{ 0, 3, 1, 3 },
|
|
{ 0, 3, 2, 3 },
|
|
{ 0, 1, 0, 1 },
|
|
{ 0, 6, 2, 6 },
|
|
};
|
|
return margins[[popupButton() controlSize]];
|
|
}
|
|
|
|
const IntSize* RenderThemeMac::popupButtonSizes() const
|
|
{
|
|
static const IntSize sizes[4] = { IntSize(0, 21), IntSize(0, 18), IntSize(0, 15), IntSize(0, 24) };
|
|
return sizes;
|
|
}
|
|
|
|
const int* RenderThemeMac::popupButtonPadding(NSControlSize size, bool isRTL) const
|
|
{
|
|
static const int paddingLTR[4][4] =
|
|
{
|
|
{ 2, 26, 3, 8 },
|
|
{ 2, 23, 3, 8 },
|
|
{ 2, 22, 3, 10 },
|
|
{ 2, 26, 3, 8 },
|
|
};
|
|
static const int paddingRTL[4][4] =
|
|
{
|
|
{ 2, 8, 3, 26 },
|
|
{ 2, 8, 3, 23 },
|
|
{ 2, 8, 3, 22 },
|
|
{ 2, 8, 3, 26 },
|
|
};
|
|
return isRTL ? paddingRTL[size] : paddingLTR[size];
|
|
}
|
|
|
|
bool RenderThemeMac::paintMenuList(const RenderObject& renderer, const PaintInfo& paintInfo, const FloatRect& rect)
|
|
{
|
|
LocalCurrentGraphicsContext localContext(paintInfo.context());
|
|
setPopupButtonCellState(renderer, IntSize(rect.size()));
|
|
|
|
NSPopUpButtonCell* popupButton = this->popupButton();
|
|
|
|
float zoomLevel = renderer.style().effectiveZoom();
|
|
IntSize size = popupButtonSizes()[[popupButton controlSize]];
|
|
size.setHeight(size.height() * zoomLevel);
|
|
size.setWidth(rect.width());
|
|
|
|
// Now inflate it to account for the shadow.
|
|
FloatRect inflatedRect = rect;
|
|
if (rect.width() >= minimumMenuListSize(renderer.style()))
|
|
inflatedRect = inflateRect(rect, size, popupButtonMargins(), zoomLevel);
|
|
|
|
GraphicsContextStateSaver stateSaver(paintInfo.context());
|
|
|
|
if (zoomLevel != 1.0f) {
|
|
inflatedRect.setWidth(inflatedRect.width() / zoomLevel);
|
|
inflatedRect.setHeight(inflatedRect.height() / zoomLevel);
|
|
paintInfo.context().translate(inflatedRect.location());
|
|
paintInfo.context().scale(zoomLevel);
|
|
paintInfo.context().translate(-inflatedRect.location());
|
|
}
|
|
|
|
paintCellAndSetFocusedElementNeedsRepaintIfNecessary(popupButton, renderer, paintInfo, inflatedRect);
|
|
[popupButton setControlView:nil];
|
|
|
|
return false;
|
|
}
|
|
|
|
IntSize RenderThemeMac::meterSizeForBounds(const RenderMeter& renderMeter, const IntRect& bounds) const
|
|
{
|
|
if (NoControlPart == renderMeter.style().appearance())
|
|
return bounds.size();
|
|
|
|
NSLevelIndicatorCell* cell = levelIndicatorFor(renderMeter);
|
|
// Makes enough room for cell's intrinsic size.
|
|
NSSize cellSize = [cell cellSizeForBounds:IntRect(IntPoint(), bounds.size())];
|
|
return IntSize(bounds.width() < cellSize.width ? cellSize.width : bounds.width(),
|
|
bounds.height() < cellSize.height ? cellSize.height : bounds.height());
|
|
}
|
|
|
|
bool RenderThemeMac::paintMeter(const RenderObject& renderObject, const PaintInfo& paintInfo, const IntRect& rect)
|
|
{
|
|
if (!is<RenderMeter>(renderObject))
|
|
return true;
|
|
|
|
LocalCurrentGraphicsContext localContext(paintInfo.context());
|
|
|
|
NSLevelIndicatorCell* cell = levelIndicatorFor(downcast<RenderMeter>(renderObject));
|
|
GraphicsContextStateSaver stateSaver(paintInfo.context());
|
|
|
|
paintCellAndSetFocusedElementNeedsRepaintIfNecessary(cell, renderObject, paintInfo, rect);
|
|
[cell setControlView:nil];
|
|
return false;
|
|
}
|
|
|
|
bool RenderThemeMac::supportsMeter(ControlPart part, const HTMLMeterElement&) const
|
|
{
|
|
switch (part) {
|
|
case RelevancyLevelIndicatorPart:
|
|
case DiscreteCapacityLevelIndicatorPart:
|
|
case RatingLevelIndicatorPart:
|
|
case MeterPart:
|
|
case ContinuousCapacityLevelIndicatorPart:
|
|
return true;
|
|
default:
|
|
return false;
|
|
}
|
|
}
|
|
|
|
NSLevelIndicatorStyle RenderThemeMac::levelIndicatorStyleFor(ControlPart part) const
|
|
{
|
|
switch (part) {
|
|
case RelevancyLevelIndicatorPart:
|
|
return NSLevelIndicatorStyleRelevancy;
|
|
case DiscreteCapacityLevelIndicatorPart:
|
|
return NSLevelIndicatorStyleDiscreteCapacity;
|
|
case RatingLevelIndicatorPart:
|
|
return NSLevelIndicatorStyleRating;
|
|
case MeterPart:
|
|
case ContinuousCapacityLevelIndicatorPart:
|
|
default:
|
|
return NSLevelIndicatorStyleContinuousCapacity;
|
|
}
|
|
|
|
}
|
|
|
|
NSLevelIndicatorCell* RenderThemeMac::levelIndicatorFor(const RenderMeter& renderMeter) const
|
|
{
|
|
const RenderStyle& style = renderMeter.style();
|
|
ASSERT(style.appearance() != NoControlPart);
|
|
|
|
if (!m_levelIndicator)
|
|
m_levelIndicator = adoptNS([[NSLevelIndicatorCell alloc] initWithLevelIndicatorStyle:NSLevelIndicatorStyleContinuousCapacity]);
|
|
NSLevelIndicatorCell* cell = m_levelIndicator.get();
|
|
|
|
HTMLMeterElement* element = renderMeter.meterElement();
|
|
double value = element->value();
|
|
|
|
// Because NSLevelIndicatorCell does not support optimum-in-the-middle type coloring,
|
|
// we explicitly control the color instead giving low and high value to NSLevelIndicatorCell as is.
|
|
switch (element->gaugeRegion()) {
|
|
case HTMLMeterElement::GaugeRegionOptimum:
|
|
// Make meter the green
|
|
[cell setWarningValue:value + 1];
|
|
[cell setCriticalValue:value + 2];
|
|
break;
|
|
case HTMLMeterElement::GaugeRegionSuboptimal:
|
|
// Make the meter yellow
|
|
[cell setWarningValue:value - 1];
|
|
[cell setCriticalValue:value + 1];
|
|
break;
|
|
case HTMLMeterElement::GaugeRegionEvenLessGood:
|
|
// Make the meter red
|
|
[cell setWarningValue:value - 2];
|
|
[cell setCriticalValue:value - 1];
|
|
break;
|
|
}
|
|
|
|
[cell setLevelIndicatorStyle:levelIndicatorStyleFor(style.appearance())];
|
|
[cell setUserInterfaceLayoutDirection:style.isLeftToRightDirection() ? NSUserInterfaceLayoutDirectionLeftToRight : NSUserInterfaceLayoutDirectionRightToLeft];
|
|
[cell setMinValue:element->min()];
|
|
[cell setMaxValue:element->max()];
|
|
[cell setObjectValue:@(value)];
|
|
|
|
return cell;
|
|
}
|
|
|
|
const IntSize* RenderThemeMac::progressBarSizes() const
|
|
{
|
|
static const IntSize sizes[4] = { IntSize(0, 20), IntSize(0, 12), IntSize(0, 12), IntSize(0, 20) };
|
|
return sizes;
|
|
}
|
|
|
|
const int* RenderThemeMac::progressBarMargins(NSControlSize controlSize) const
|
|
{
|
|
static const int margins[4][4] =
|
|
{
|
|
{ 0, 0, 1, 0 },
|
|
{ 0, 0, 1, 0 },
|
|
{ 0, 0, 1, 0 },
|
|
{ 0, 0, 1, 0 },
|
|
};
|
|
return margins[controlSize];
|
|
}
|
|
|
|
IntRect RenderThemeMac::progressBarRectForBounds(const RenderObject& renderObject, const IntRect& bounds) const
|
|
{
|
|
// Workaround until <rdar://problem/15855086> is fixed.
|
|
int maxDimension = static_cast<int>(std::numeric_limits<ushort>::max());
|
|
IntRect progressBarBounds(bounds.x(), bounds.y(), std::min(bounds.width(), maxDimension), std::min(bounds.height(), maxDimension));
|
|
if (NoControlPart == renderObject.style().appearance())
|
|
return progressBarBounds;
|
|
|
|
float zoomLevel = renderObject.style().effectiveZoom();
|
|
NSControlSize controlSize = controlSizeForFont(renderObject.style());
|
|
IntSize size = progressBarSizes()[controlSize];
|
|
size.setHeight(size.height() * zoomLevel);
|
|
size.setWidth(progressBarBounds.width());
|
|
|
|
// Now inflate it to account for the shadow.
|
|
IntRect inflatedRect = progressBarBounds;
|
|
if (progressBarBounds.height() <= minimumProgressBarHeight(renderObject.style()))
|
|
inflatedRect = IntRect(inflateRect(inflatedRect, size, progressBarMargins(controlSize), zoomLevel));
|
|
|
|
return inflatedRect;
|
|
}
|
|
|
|
int RenderThemeMac::minimumProgressBarHeight(const RenderStyle& style) const
|
|
{
|
|
return sizeForSystemFont(style, progressBarSizes()).height();
|
|
}
|
|
|
|
Seconds RenderThemeMac::animationRepeatIntervalForProgressBar(const RenderProgress&) const
|
|
{
|
|
return progressAnimationRepeatInterval;
|
|
}
|
|
|
|
void RenderThemeMac::adjustProgressBarStyle(RenderStyle&, const Element*) const
|
|
{
|
|
}
|
|
|
|
bool RenderThemeMac::paintProgressBar(const RenderObject& renderObject, const PaintInfo& paintInfo, const IntRect& rect)
|
|
{
|
|
if (!is<RenderProgress>(renderObject))
|
|
return true;
|
|
|
|
IntRect inflatedRect = progressBarRectForBounds(renderObject, rect);
|
|
NSControlSize controlSize = controlSizeForFont(renderObject.style());
|
|
const auto& renderProgress = downcast<RenderProgress>(renderObject);
|
|
float deviceScaleFactor = renderObject.document().deviceScaleFactor();
|
|
bool isIndeterminate = renderProgress.position() < 0;
|
|
auto imageBuffer = ImageBuffer::createCompatibleBuffer(inflatedRect.size(), deviceScaleFactor, DestinationColorSpace::SRGB(), paintInfo.context());
|
|
if (!imageBuffer)
|
|
return true;
|
|
|
|
ContextContainer cgContextContainer(imageBuffer->context());
|
|
CGContextRef cgContext = cgContextContainer.context();
|
|
|
|
auto coreUISizeForProgressBarSize = [](NSControlSize size) -> CFStringRef {
|
|
switch (size) {
|
|
case NSControlSizeMini:
|
|
case NSControlSizeSmall:
|
|
return kCUISizeSmall;
|
|
case NSControlSizeRegular:
|
|
#if HAVE(LARGE_CONTROL_SIZE)
|
|
case NSControlSizeLarge:
|
|
#endif
|
|
return kCUISizeRegular;
|
|
}
|
|
ASSERT_NOT_REACHED();
|
|
return nullptr;
|
|
};
|
|
ALLOW_DEPRECATED_DECLARATIONS_BEGIN
|
|
[[NSAppearance currentAppearance] _drawInRect:NSMakeRect(0, 0, inflatedRect.width(), inflatedRect.height()) context:cgContext options:@{
|
|
ALLOW_DEPRECATED_DECLARATIONS_END
|
|
(__bridge NSString *)kCUIWidgetKey: (__bridge NSString *)(isIndeterminate ? kCUIWidgetProgressIndeterminateBar : kCUIWidgetProgressBar),
|
|
(__bridge NSString *)kCUIValueKey: @(isIndeterminate ? 1 : std::min(nextafter(1.0, -1), renderProgress.position())),
|
|
(__bridge NSString *)kCUISizeKey: (__bridge NSString *)coreUISizeForProgressBarSize(controlSize),
|
|
(__bridge NSString *)kCUIUserInterfaceLayoutDirectionKey: (__bridge NSString *)kCUIUserInterfaceLayoutDirectionLeftToRight,
|
|
(__bridge NSString *)kCUIScaleKey: @(deviceScaleFactor),
|
|
(__bridge NSString *)kCUIPresentationStateKey: (__bridge NSString *)(isActive(renderObject) ? kCUIPresentationStateActiveKey : kCUIPresentationStateInactive),
|
|
(__bridge NSString *)kCUIOrientationKey: (__bridge NSString *)kCUIOrientHorizontal,
|
|
(__bridge NSString *)kCUIAnimationStartTimeKey: @(renderProgress.animationStartTime().secondsSinceEpoch().seconds()),
|
|
(__bridge NSString *)kCUIAnimationTimeKey: @(MonotonicTime::now().secondsSinceEpoch().seconds())
|
|
}];
|
|
|
|
GraphicsContextStateSaver stateSaver(paintInfo.context());
|
|
|
|
if (!renderProgress.style().isLeftToRightDirection()) {
|
|
paintInfo.context().translate(2 * inflatedRect.x() + inflatedRect.width(), 0);
|
|
paintInfo.context().scale(FloatSize(-1, 1));
|
|
}
|
|
|
|
paintInfo.context().drawConsumingImageBuffer(WTFMove(imageBuffer), inflatedRect.location());
|
|
return false;
|
|
}
|
|
|
|
const float baseFontSize = 11.0f;
|
|
const float baseArrowHeight = 4.0f;
|
|
const float baseArrowWidth = 5.0f;
|
|
const float baseSpaceBetweenArrows = 2.0f;
|
|
const int arrowPaddingBefore = 6;
|
|
const int arrowPaddingAfter = 6;
|
|
const int paddingBeforeSeparator = 4;
|
|
const int baseBorderRadius = 5;
|
|
const int styledPopupPaddingLeft = 8;
|
|
const int styledPopupPaddingTop = 1;
|
|
const int styledPopupPaddingBottom = 2;
|
|
|
|
static void TopGradientInterpolate(void*, const CGFloat* inData, CGFloat* outData)
|
|
{
|
|
static const float dark[4] = { 1.0f, 1.0f, 1.0f, 0.4f };
|
|
static const float light[4] = { 1.0f, 1.0f, 1.0f, 0.15f };
|
|
float a = inData[0];
|
|
int i = 0;
|
|
for (i = 0; i < 4; i++)
|
|
outData[i] = (1.0f - a) * dark[i] + a * light[i];
|
|
}
|
|
|
|
static void BottomGradientInterpolate(void*, const CGFloat* inData, CGFloat* outData)
|
|
{
|
|
static const float dark[4] = { 1.0f, 1.0f, 1.0f, 0.0f };
|
|
static const float light[4] = { 1.0f, 1.0f, 1.0f, 0.3f };
|
|
float a = inData[0];
|
|
int i = 0;
|
|
for (i = 0; i < 4; i++)
|
|
outData[i] = (1.0f - a) * dark[i] + a * light[i];
|
|
}
|
|
|
|
static void MainGradientInterpolate(void*, const CGFloat* inData, CGFloat* outData)
|
|
{
|
|
static const float dark[4] = { 0.0f, 0.0f, 0.0f, 0.15f };
|
|
static const float light[4] = { 0.0f, 0.0f, 0.0f, 0.0f };
|
|
float a = inData[0];
|
|
int i = 0;
|
|
for (i = 0; i < 4; i++)
|
|
outData[i] = (1.0f - a) * dark[i] + a * light[i];
|
|
}
|
|
|
|
static void TrackGradientInterpolate(void*, const CGFloat* inData, CGFloat* outData)
|
|
{
|
|
static const float dark[4] = { 0.0f, 0.0f, 0.0f, 0.678f };
|
|
static const float light[4] = { 0.0f, 0.0f, 0.0f, 0.13f };
|
|
float a = inData[0];
|
|
int i = 0;
|
|
for (i = 0; i < 4; i++)
|
|
outData[i] = (1.0f - a) * dark[i] + a * light[i];
|
|
}
|
|
|
|
void RenderThemeMac::paintMenuListButtonGradients(const RenderObject& o, const PaintInfo& paintInfo, const IntRect& r)
|
|
{
|
|
if (r.isEmpty())
|
|
return;
|
|
|
|
ContextContainer cgContextContainer(paintInfo.context());
|
|
CGContextRef context = cgContextContainer.context();
|
|
|
|
GraphicsContextStateSaver stateSaver(paintInfo.context());
|
|
|
|
FloatRoundedRect border = FloatRoundedRect(o.style().getRoundedBorderFor(r));
|
|
int radius = border.radii().topLeft().width();
|
|
|
|
CGColorSpaceRef cspace = sRGBColorSpaceRef();
|
|
|
|
FloatRect topGradient(r.x(), r.y(), r.width(), r.height() / 2.0f);
|
|
struct CGFunctionCallbacks topCallbacks = { 0, TopGradientInterpolate, NULL };
|
|
RetainPtr<CGFunctionRef> topFunction = adoptCF(CGFunctionCreate(NULL, 1, NULL, 4, NULL, &topCallbacks));
|
|
RetainPtr<CGShadingRef> topShading = adoptCF(CGShadingCreateAxial(cspace, CGPointMake(topGradient.x(), topGradient.y()), CGPointMake(topGradient.x(), topGradient.maxY()), topFunction.get(), false, false));
|
|
|
|
FloatRect bottomGradient(r.x() + radius, r.y() + r.height() / 2.0f, r.width() - 2.0f * radius, r.height() / 2.0f);
|
|
struct CGFunctionCallbacks bottomCallbacks = { 0, BottomGradientInterpolate, NULL };
|
|
RetainPtr<CGFunctionRef> bottomFunction = adoptCF(CGFunctionCreate(NULL, 1, NULL, 4, NULL, &bottomCallbacks));
|
|
RetainPtr<CGShadingRef> bottomShading = adoptCF(CGShadingCreateAxial(cspace, CGPointMake(bottomGradient.x(), bottomGradient.y()), CGPointMake(bottomGradient.x(), bottomGradient.maxY()), bottomFunction.get(), false, false));
|
|
|
|
struct CGFunctionCallbacks mainCallbacks = { 0, MainGradientInterpolate, NULL };
|
|
RetainPtr<CGFunctionRef> mainFunction = adoptCF(CGFunctionCreate(NULL, 1, NULL, 4, NULL, &mainCallbacks));
|
|
RetainPtr<CGShadingRef> mainShading = adoptCF(CGShadingCreateAxial(cspace, CGPointMake(r.x(), r.y()), CGPointMake(r.x(), r.maxY()), mainFunction.get(), false, false));
|
|
|
|
RetainPtr<CGShadingRef> leftShading = adoptCF(CGShadingCreateAxial(cspace, CGPointMake(r.x(), r.y()), CGPointMake(r.x() + radius, r.y()), mainFunction.get(), false, false));
|
|
|
|
RetainPtr<CGShadingRef> rightShading = adoptCF(CGShadingCreateAxial(cspace, CGPointMake(r.maxX(), r.y()), CGPointMake(r.maxX() - radius, r.y()), mainFunction.get(), false, false));
|
|
|
|
{
|
|
GraphicsContextStateSaver stateSaver(paintInfo.context());
|
|
CGContextClipToRect(context, r);
|
|
paintInfo.context().clipRoundedRect(border);
|
|
context = cgContextContainer.context();
|
|
CGContextDrawShading(context, mainShading.get());
|
|
}
|
|
|
|
{
|
|
GraphicsContextStateSaver stateSaver(paintInfo.context());
|
|
CGContextClipToRect(context, topGradient);
|
|
paintInfo.context().clipRoundedRect(FloatRoundedRect(enclosingIntRect(topGradient), border.radii().topLeft(), border.radii().topRight(), IntSize(), IntSize()));
|
|
context = cgContextContainer.context();
|
|
CGContextDrawShading(context, topShading.get());
|
|
}
|
|
|
|
if (!bottomGradient.isEmpty()) {
|
|
GraphicsContextStateSaver stateSaver(paintInfo.context());
|
|
CGContextClipToRect(context, bottomGradient);
|
|
paintInfo.context().clipRoundedRect(FloatRoundedRect(enclosingIntRect(bottomGradient), IntSize(), IntSize(), border.radii().bottomLeft(), border.radii().bottomRight()));
|
|
context = cgContextContainer.context();
|
|
CGContextDrawShading(context, bottomShading.get());
|
|
}
|
|
|
|
{
|
|
GraphicsContextStateSaver stateSaver(paintInfo.context());
|
|
CGContextClipToRect(context, r);
|
|
paintInfo.context().clipRoundedRect(border);
|
|
context = cgContextContainer.context();
|
|
CGContextDrawShading(context, leftShading.get());
|
|
CGContextDrawShading(context, rightShading.get());
|
|
}
|
|
}
|
|
|
|
void RenderThemeMac::paintMenuListButtonDecorations(const RenderBox& renderer, const PaintInfo& paintInfo, const FloatRect& rect)
|
|
{
|
|
bool isRTL = renderer.style().direction() == TextDirection::RTL;
|
|
IntRect bounds = IntRect(rect.x() + renderer.style().borderLeftWidth(),
|
|
rect.y() + renderer.style().borderTopWidth(),
|
|
rect.width() - renderer.style().borderLeftWidth() - renderer.style().borderRightWidth(),
|
|
rect.height() - renderer.style().borderTopWidth() - renderer.style().borderBottomWidth());
|
|
// Draw the gradients to give the styled popup menu a button appearance
|
|
paintMenuListButtonGradients(renderer, paintInfo, bounds);
|
|
|
|
// Since we actually know the size of the control here, we restrict the font scale to make sure the arrows will fit vertically in the bounds
|
|
float fontScale = std::min(renderer.style().computedFontPixelSize() / baseFontSize, bounds.height() / (baseArrowHeight * 2 + baseSpaceBetweenArrows));
|
|
float centerY = bounds.y() + bounds.height() / 2.0f;
|
|
float arrowHeight = baseArrowHeight * fontScale;
|
|
float arrowWidth = baseArrowWidth * fontScale;
|
|
float leftEdge;
|
|
if (isRTL)
|
|
leftEdge = bounds.x() + arrowPaddingAfter * renderer.style().effectiveZoom();
|
|
else
|
|
leftEdge = bounds.maxX() - arrowPaddingAfter * renderer.style().effectiveZoom() - arrowWidth;
|
|
float spaceBetweenArrows = baseSpaceBetweenArrows * fontScale;
|
|
|
|
if (bounds.width() < arrowWidth + arrowPaddingBefore * renderer.style().effectiveZoom())
|
|
return;
|
|
|
|
GraphicsContextStateSaver stateSaver(paintInfo.context());
|
|
|
|
paintInfo.context().setFillColor(renderer.style().visitedDependentColor(CSSPropertyColor));
|
|
paintInfo.context().setStrokeStyle(NoStroke);
|
|
|
|
// Draw the top arrow
|
|
Vector<FloatPoint> arrow1 = {
|
|
{ leftEdge, centerY - spaceBetweenArrows / 2.0f },
|
|
{ leftEdge + arrowWidth, centerY - spaceBetweenArrows / 2.0f },
|
|
{ leftEdge + arrowWidth / 2.0f, centerY - spaceBetweenArrows / 2.0f - arrowHeight }
|
|
};
|
|
paintInfo.context().fillPath(Path::polygonPathFromPoints(arrow1));
|
|
|
|
// Draw the bottom arrow
|
|
Vector<FloatPoint> arrow2 = {
|
|
{ leftEdge, centerY + spaceBetweenArrows / 2.0f },
|
|
{ leftEdge + arrowWidth, centerY + spaceBetweenArrows / 2.0f },
|
|
{ leftEdge + arrowWidth / 2.0f, centerY + spaceBetweenArrows / 2.0f + arrowHeight }
|
|
};
|
|
paintInfo.context().fillPath(Path::polygonPathFromPoints(arrow2));
|
|
|
|
constexpr auto leftSeparatorColor = Color::black.colorWithAlphaByte(40);
|
|
constexpr auto rightSeparatorColor = Color::white.colorWithAlphaByte(40);
|
|
|
|
// FIXME: Should the separator thickness and space be scaled up by fontScale?
|
|
int separatorSpace = 2; // Deliberately ignores zoom since it looks nicer if it stays thin.
|
|
int leftEdgeOfSeparator;
|
|
if (isRTL)
|
|
leftEdgeOfSeparator = static_cast<int>(roundf(leftEdge + arrowWidth + arrowPaddingBefore * renderer.style().effectiveZoom()));
|
|
else
|
|
leftEdgeOfSeparator = static_cast<int>(roundf(leftEdge - arrowPaddingBefore * renderer.style().effectiveZoom()));
|
|
|
|
// Draw the separator to the left of the arrows
|
|
paintInfo.context().setStrokeThickness(1); // Deliberately ignores zoom since it looks nicer if it stays thin.
|
|
paintInfo.context().setStrokeStyle(SolidStroke);
|
|
paintInfo.context().setStrokeColor(leftSeparatorColor);
|
|
paintInfo.context().drawLine(IntPoint(leftEdgeOfSeparator, bounds.y()),
|
|
IntPoint(leftEdgeOfSeparator, bounds.maxY()));
|
|
|
|
paintInfo.context().setStrokeColor(rightSeparatorColor);
|
|
paintInfo.context().drawLine(IntPoint(leftEdgeOfSeparator + separatorSpace, bounds.y()),
|
|
IntPoint(leftEdgeOfSeparator + separatorSpace, bounds.maxY()));
|
|
}
|
|
|
|
static const IntSize* menuListButtonSizes()
|
|
{
|
|
static const IntSize sizes[4] = { IntSize(0, 21), IntSize(0, 18), IntSize(0, 15), IntSize(0, 28) };
|
|
return sizes;
|
|
}
|
|
|
|
void RenderThemeMac::adjustMenuListStyle(RenderStyle& style, const Element* e) const
|
|
{
|
|
NSControlSize controlSize = controlSizeForFont(style);
|
|
|
|
style.resetBorder();
|
|
style.resetPadding();
|
|
|
|
// Height is locked to auto.
|
|
style.setHeight(Length(LengthType::Auto));
|
|
|
|
// White-space is locked to pre
|
|
style.setWhiteSpace(WhiteSpace::Pre);
|
|
|
|
// Set the foreground color to black or gray when we have the aqua look.
|
|
Color c = Color::darkGray;
|
|
if (e) {
|
|
OptionSet<StyleColor::Options> options = e->document().styleColorOptions(&style);
|
|
c = !e->isDisabledFormControl() ? systemColor(CSSValueButtontext, options) : systemColor(CSSValueGraytext, options);
|
|
}
|
|
style.setColor(c);
|
|
|
|
// Set the button's vertical size.
|
|
setSizeFromFont(style, menuListButtonSizes());
|
|
|
|
// Our font is locked to the appropriate system font size for the control. To clarify, we first use the CSS-specified font to figure out
|
|
// a reasonable control size, but once that control size is determined, we throw that font away and use the appropriate
|
|
// system font for the control size instead.
|
|
setFontFromControlSize(style, controlSize);
|
|
|
|
style.setBoxShadow(nullptr);
|
|
}
|
|
|
|
LengthBox RenderThemeMac::popupInternalPaddingBox(const RenderStyle& style, const Settings&) const
|
|
{
|
|
if (style.appearance() == MenulistPart) {
|
|
const int* padding = popupButtonPadding(controlSizeForFont(style), style.direction() == TextDirection::RTL);
|
|
return { static_cast<int>(padding[topPadding] * style.effectiveZoom()),
|
|
static_cast<int>(padding[rightPadding] * style.effectiveZoom()),
|
|
static_cast<int>(padding[bottomPadding] * style.effectiveZoom()),
|
|
static_cast<int>(padding[leftPadding] * style.effectiveZoom()) };
|
|
}
|
|
|
|
if (style.appearance() == MenulistButtonPart) {
|
|
float arrowWidth = baseArrowWidth * (style.computedFontPixelSize() / baseFontSize);
|
|
float rightPadding = ceilf(arrowWidth + (arrowPaddingBefore + arrowPaddingAfter + paddingBeforeSeparator) * style.effectiveZoom());
|
|
float leftPadding = styledPopupPaddingLeft * style.effectiveZoom();
|
|
if (style.direction() == TextDirection::RTL)
|
|
std::swap(rightPadding, leftPadding);
|
|
return { static_cast<int>(styledPopupPaddingTop * style.effectiveZoom()),
|
|
static_cast<int>(rightPadding),
|
|
static_cast<int>(styledPopupPaddingBottom * style.effectiveZoom()),
|
|
static_cast<int>(leftPadding) };
|
|
}
|
|
|
|
return { 0, 0, 0, 0 };
|
|
}
|
|
|
|
PopupMenuStyle::PopupMenuSize RenderThemeMac::popupMenuSize(const RenderStyle& style, IntRect& rect) const
|
|
{
|
|
NSPopUpButtonCell* popupButton = this->popupButton();
|
|
NSControlSize size = controlSizeForCell(popupButton, popupButtonSizes(), rect.size(), style.effectiveZoom());
|
|
switch (size) {
|
|
case NSControlSizeRegular:
|
|
return PopupMenuStyle::PopupMenuSizeNormal;
|
|
case NSControlSizeSmall:
|
|
return PopupMenuStyle::PopupMenuSizeSmall;
|
|
case NSControlSizeMini:
|
|
return PopupMenuStyle::PopupMenuSizeMini;
|
|
#if HAVE(LARGE_CONTROL_SIZE)
|
|
case NSControlSizeLarge:
|
|
return ThemeMac::supportsLargeFormControls() ? PopupMenuStyle::PopupMenuSizeLarge : PopupMenuStyle::PopupMenuSizeNormal;
|
|
#endif
|
|
default:
|
|
return PopupMenuStyle::PopupMenuSizeNormal;
|
|
}
|
|
}
|
|
|
|
void RenderThemeMac::adjustMenuListButtonStyle(RenderStyle& style, const Element*) const
|
|
{
|
|
float fontScale = style.computedFontPixelSize() / baseFontSize;
|
|
|
|
style.resetPadding();
|
|
style.setBorderRadius(IntSize(int(baseBorderRadius + fontScale - 1), int(baseBorderRadius + fontScale - 1))); // FIXME: Round up?
|
|
|
|
const int minHeight = 15;
|
|
style.setMinHeight(Length(minHeight, LengthType::Fixed));
|
|
|
|
style.setLineHeight(RenderStyle::initialLineHeight());
|
|
}
|
|
|
|
void RenderThemeMac::setPopupButtonCellState(const RenderObject& o, const IntSize& buttonSize)
|
|
{
|
|
NSPopUpButtonCell* popupButton = this->popupButton();
|
|
|
|
// Set the control size based off the rectangle we're painting into.
|
|
setControlSize(popupButton, popupButtonSizes(), buttonSize, o.style().effectiveZoom());
|
|
|
|
popupButton.userInterfaceLayoutDirection = o.style().direction() == TextDirection::LTR ? NSUserInterfaceLayoutDirectionLeftToRight : NSUserInterfaceLayoutDirectionRightToLeft;
|
|
|
|
// Update the various states we respond to.
|
|
updateCheckedState(popupButton, o);
|
|
updateEnabledState(popupButton, o);
|
|
updatePressedState(popupButton, o);
|
|
}
|
|
|
|
void RenderThemeMac::paintCellAndSetFocusedElementNeedsRepaintIfNecessary(NSCell* cell, const RenderObject& renderer, const PaintInfo& paintInfo, const FloatRect& rect)
|
|
{
|
|
LocalDefaultSystemAppearance localAppearance(renderer.useDarkAppearance());
|
|
bool shouldDrawFocusRing = isFocused(renderer) && renderer.style().outlineStyleIsAuto() == OutlineIsAuto::On;
|
|
bool shouldDrawCell = true;
|
|
if (ThemeMac::drawCellOrFocusRingWithViewIntoContext(cell, paintInfo.context(), rect, documentViewFor(renderer), shouldDrawCell, shouldDrawFocusRing, renderer.page().deviceScaleFactor()))
|
|
renderer.page().focusController().setFocusedElementNeedsRepaint();
|
|
}
|
|
|
|
const IntSize* RenderThemeMac::menuListSizes() const
|
|
{
|
|
static const IntSize sizes[4] = { IntSize(9, 0), IntSize(5, 0), IntSize(0, 0), IntSize(13, 0) };
|
|
return sizes;
|
|
}
|
|
|
|
int RenderThemeMac::minimumMenuListSize(const RenderStyle& style) const
|
|
{
|
|
return sizeForSystemFont(style, menuListSizes()).width();
|
|
}
|
|
|
|
const int trackWidth = 5;
|
|
const int trackRadius = 2;
|
|
|
|
void RenderThemeMac::adjustSliderTrackStyle(RenderStyle& style, const Element*) const
|
|
{
|
|
style.setBoxShadow(nullptr);
|
|
}
|
|
|
|
bool RenderThemeMac::paintSliderTrack(const RenderObject& o, const PaintInfo& paintInfo, const IntRect& r)
|
|
{
|
|
IntRect bounds = r;
|
|
float zoomLevel = o.style().effectiveZoom();
|
|
float zoomedTrackWidth = trackWidth * zoomLevel;
|
|
|
|
if (o.style().appearance() == SliderHorizontalPart || o.style().appearance() == MediaSliderPart) {
|
|
bounds.setHeight(zoomedTrackWidth);
|
|
bounds.setY(r.y() + r.height() / 2 - zoomedTrackWidth / 2);
|
|
} else if (o.style().appearance() == SliderVerticalPart) {
|
|
bounds.setWidth(zoomedTrackWidth);
|
|
bounds.setX(r.x() + r.width() / 2 - zoomedTrackWidth / 2);
|
|
}
|
|
|
|
LocalCurrentGraphicsContext localContext(paintInfo.context());
|
|
CGContextRef context = localContext.cgContext();
|
|
CGColorSpaceRef cspace = sRGBColorSpaceRef();
|
|
|
|
#if ENABLE(DATALIST_ELEMENT)
|
|
paintSliderTicks(o, paintInfo, r);
|
|
#endif
|
|
|
|
GraphicsContextStateSaver stateSaver(paintInfo.context());
|
|
CGContextClipToRect(context, bounds);
|
|
|
|
struct CGFunctionCallbacks mainCallbacks = { 0, TrackGradientInterpolate, NULL };
|
|
RetainPtr<CGFunctionRef> mainFunction = adoptCF(CGFunctionCreate(NULL, 1, NULL, 4, NULL, &mainCallbacks));
|
|
RetainPtr<CGShadingRef> mainShading;
|
|
if (o.style().appearance() == SliderVerticalPart)
|
|
mainShading = adoptCF(CGShadingCreateAxial(cspace, CGPointMake(bounds.x(), bounds.maxY()), CGPointMake(bounds.maxX(), bounds.maxY()), mainFunction.get(), false, false));
|
|
else
|
|
mainShading = adoptCF(CGShadingCreateAxial(cspace, CGPointMake(bounds.x(), bounds.y()), CGPointMake(bounds.x(), bounds.maxY()), mainFunction.get(), false, false));
|
|
|
|
IntSize radius(trackRadius, trackRadius);
|
|
paintInfo.context().clipRoundedRect(FloatRoundedRect(bounds, radius, radius, radius, radius));
|
|
context = localContext.cgContext();
|
|
CGContextDrawShading(context, mainShading.get());
|
|
|
|
return false;
|
|
}
|
|
|
|
void RenderThemeMac::adjustSliderThumbStyle(RenderStyle& style, const Element* element) const
|
|
{
|
|
RenderTheme::adjustSliderThumbStyle(style, element);
|
|
style.setBoxShadow(nullptr);
|
|
}
|
|
|
|
const float verticalSliderHeightPadding = 0.1f;
|
|
|
|
bool RenderThemeMac::paintSliderThumb(const RenderObject& o, const PaintInfo& paintInfo, const IntRect& r)
|
|
{
|
|
NSSliderCell* sliderThumbCell = o.style().appearance() == SliderThumbVerticalPart
|
|
? sliderThumbVertical()
|
|
: sliderThumbHorizontal();
|
|
|
|
LocalDefaultSystemAppearance localAppearance(o.useDarkAppearance());
|
|
|
|
LocalCurrentGraphicsContext localContext(paintInfo.context());
|
|
|
|
// Update the various states we respond to.
|
|
updateEnabledState(sliderThumbCell, o);
|
|
auto focusDelegate = is<Element>(o.node()) ? downcast<Element>(*o.node()).focusDelegate() : nullptr;
|
|
updateFocusedState(sliderThumbCell, focusDelegate ? focusDelegate->renderer() : nullptr);
|
|
|
|
// Update the pressed state using the NSCell tracking methods, since that's how NSSliderCell keeps track of it.
|
|
bool oldPressed;
|
|
if (o.style().appearance() == SliderThumbVerticalPart)
|
|
oldPressed = m_isSliderThumbVerticalPressed;
|
|
else
|
|
oldPressed = m_isSliderThumbHorizontalPressed;
|
|
|
|
bool pressed = isPressed(o);
|
|
|
|
if (o.style().appearance() == SliderThumbVerticalPart)
|
|
m_isSliderThumbVerticalPressed = pressed;
|
|
else
|
|
m_isSliderThumbHorizontalPressed = pressed;
|
|
|
|
NSView *view = documentViewFor(o);
|
|
|
|
if (pressed != oldPressed) {
|
|
if (pressed)
|
|
[sliderThumbCell startTrackingAt:NSPoint() inView:view];
|
|
else
|
|
[sliderThumbCell stopTracking:NSPoint() at:NSPoint() inView:view mouseIsUp:YES];
|
|
}
|
|
|
|
FloatRect bounds = r;
|
|
// Make the height of the vertical slider slightly larger so NSSliderCell will draw a vertical slider.
|
|
if (o.style().appearance() == SliderThumbVerticalPart)
|
|
bounds.setHeight(bounds.height() + verticalSliderHeightPadding * o.style().effectiveZoom());
|
|
|
|
GraphicsContextStateSaver stateSaver(paintInfo.context());
|
|
float zoomLevel = o.style().effectiveZoom();
|
|
|
|
FloatRect unzoomedRect = bounds;
|
|
if (zoomLevel != 1.0f) {
|
|
unzoomedRect.setSize(unzoomedRect.size() / zoomLevel);
|
|
paintInfo.context().translate(unzoomedRect.location());
|
|
paintInfo.context().scale(zoomLevel);
|
|
paintInfo.context().translate(-unzoomedRect.location());
|
|
}
|
|
|
|
bool shouldDrawCell = true;
|
|
bool shouldDrawFocusRing = false;
|
|
float deviceScaleFactor = o.page().deviceScaleFactor();
|
|
ThemeMac::drawCellOrFocusRingWithViewIntoContext(sliderThumbCell, paintInfo.context(), unzoomedRect, view, shouldDrawCell, shouldDrawFocusRing, deviceScaleFactor);
|
|
[sliderThumbCell setControlView:nil];
|
|
|
|
return false;
|
|
}
|
|
|
|
bool RenderThemeMac::paintSearchField(const RenderObject& o, const PaintInfo& paintInfo, const IntRect& r)
|
|
{
|
|
LocalCurrentGraphicsContext localContext(paintInfo.context());
|
|
NSSearchFieldCell* search = this->search();
|
|
|
|
setSearchCellState(o, r);
|
|
|
|
GraphicsContextStateSaver stateSaver(paintInfo.context());
|
|
|
|
float zoomLevel = o.style().effectiveZoom();
|
|
|
|
FloatRect unzoomedRect = r;
|
|
if (zoomLevel != 1.0f) {
|
|
unzoomedRect.setSize(unzoomedRect.size() / zoomLevel);
|
|
paintInfo.context().translate(unzoomedRect.location());
|
|
paintInfo.context().scale(zoomLevel);
|
|
paintInfo.context().translate(-unzoomedRect.location());
|
|
}
|
|
|
|
// Set the search button to nil before drawing. Then reset it so we can draw it later.
|
|
[search setSearchButtonCell:nil];
|
|
|
|
paintCellAndSetFocusedElementNeedsRepaintIfNecessary(search, o, paintInfo, unzoomedRect);
|
|
[search setControlView:nil];
|
|
[search resetSearchButtonCell];
|
|
|
|
#if ENABLE(DATALIST_ELEMENT)
|
|
if (!is<HTMLInputElement>(o.generatingNode()))
|
|
return false;
|
|
|
|
const auto& input = downcast<HTMLInputElement>(*(o.generatingNode()));
|
|
if (input.list())
|
|
paintListButtonForInput(o, paintInfo.context(), FloatRect(unzoomedRect.x(), unzoomedRect.y() + 1, unzoomedRect.width(), unzoomedRect.height() - 2));
|
|
#endif
|
|
|
|
return false;
|
|
}
|
|
|
|
void RenderThemeMac::setSearchCellState(const RenderObject& o, const IntRect&)
|
|
{
|
|
NSSearchFieldCell* search = this->search();
|
|
|
|
[search setPlaceholderString:@""];
|
|
[search setControlSize:controlSizeForFont(o.style())];
|
|
|
|
// Update the various states we respond to.
|
|
updateEnabledState(search, o);
|
|
updateFocusedState(search, &o);
|
|
}
|
|
|
|
const IntSize* RenderThemeMac::searchFieldSizes() const
|
|
{
|
|
static const IntSize sizes[4] = { IntSize(0, 22), IntSize(0, 19), IntSize(0, 17), IntSize(0, 30) };
|
|
return sizes;
|
|
}
|
|
|
|
void RenderThemeMac::setSearchFieldSize(RenderStyle& style) const
|
|
{
|
|
// If the width and height are both specified, then we have nothing to do.
|
|
if (!style.width().isIntrinsicOrAuto() && !style.height().isAuto())
|
|
return;
|
|
|
|
// Use the font size to determine the intrinsic width of the control.
|
|
setSizeFromFont(style, searchFieldSizes());
|
|
}
|
|
|
|
void RenderThemeMac::adjustSearchFieldStyle(RenderStyle& style, const Element*) const
|
|
{
|
|
// Override border.
|
|
style.resetBorder();
|
|
const short borderWidth = 2 * style.effectiveZoom();
|
|
style.setBorderLeftWidth(borderWidth);
|
|
style.setBorderLeftStyle(BorderStyle::Inset);
|
|
style.setBorderRightWidth(borderWidth);
|
|
style.setBorderRightStyle(BorderStyle::Inset);
|
|
style.setBorderBottomWidth(borderWidth);
|
|
style.setBorderBottomStyle(BorderStyle::Inset);
|
|
style.setBorderTopWidth(borderWidth);
|
|
style.setBorderTopStyle(BorderStyle::Inset);
|
|
|
|
// Adjust the font size prior to adjusting height, as the adjusted size may
|
|
// correspond to a different control size when style.effectiveZoom() != 1.
|
|
setFontFromControlSize(style, controlSizeForFont(style));
|
|
|
|
// Override height.
|
|
style.setHeight(Length(LengthType::Auto));
|
|
setSearchFieldSize(style);
|
|
|
|
// Override padding size to match AppKit text positioning.
|
|
const int padding = 1 * style.effectiveZoom();
|
|
style.setPaddingLeft(Length(padding, LengthType::Fixed));
|
|
style.setPaddingRight(Length(padding, LengthType::Fixed));
|
|
style.setPaddingTop(Length(padding, LengthType::Fixed));
|
|
style.setPaddingBottom(Length(padding, LengthType::Fixed));
|
|
|
|
style.setBoxShadow(nullptr);
|
|
}
|
|
|
|
bool RenderThemeMac::paintSearchFieldCancelButton(const RenderBox& box, const PaintInfo& paintInfo, const IntRect& r)
|
|
{
|
|
auto adjustedCancelButtonRect = [this, &box] (const FloatRect& localBoundsForCancelButton) -> FloatRect
|
|
{
|
|
IntSize cancelButtonSizeBasedOnFontSize = sizeForSystemFont(box.style(), cancelButtonSizes());
|
|
FloatSize diff = localBoundsForCancelButton.size() - FloatSize(cancelButtonSizeBasedOnFontSize);
|
|
if (!diff.width() && !diff.height())
|
|
return localBoundsForCancelButton;
|
|
// Vertically centered and right aligned.
|
|
FloatRect adjustedLocalBoundsForCancelButton = localBoundsForCancelButton;
|
|
adjustedLocalBoundsForCancelButton.move(diff.width(), floorToDevicePixel(diff.height() / 2, box.document().deviceScaleFactor()));
|
|
adjustedLocalBoundsForCancelButton.setSize(cancelButtonSizeBasedOnFontSize);
|
|
return adjustedLocalBoundsForCancelButton;
|
|
};
|
|
|
|
if (!box.element())
|
|
return false;
|
|
Element* input = box.element()->shadowHost();
|
|
if (!input)
|
|
input = box.element();
|
|
|
|
if (!is<RenderBox>(input->renderer()))
|
|
return false;
|
|
|
|
const RenderBox& inputBox = downcast<RenderBox>(*input->renderer());
|
|
LocalCurrentGraphicsContext localContext(paintInfo.context());
|
|
setSearchCellState(inputBox, r);
|
|
|
|
NSSearchFieldCell* search = this->search();
|
|
|
|
if (!input->isDisabledFormControl() && (is<HTMLTextFormControlElement>(*input) && !downcast<HTMLTextFormControlElement>(*input).isReadOnly()))
|
|
updatePressedState([search cancelButtonCell], box);
|
|
else if ([[search cancelButtonCell] isHighlighted])
|
|
[[search cancelButtonCell] setHighlighted:NO];
|
|
|
|
GraphicsContextStateSaver stateSaver(paintInfo.context());
|
|
FloatRect localBounds = adjustedCancelButtonRect([search cancelButtonRectForBounds:NSRect(snappedIntRect(inputBox.contentBoxRect()))]);
|
|
// Set the original horizontal position back (cancelButtonRectForBounds() moves it based on the system direction).
|
|
localBounds.setX(inputBox.contentBoxRect().x() + box.x());
|
|
FloatPoint paintingPos = convertToPaintingPosition(inputBox, box, localBounds.location(), r.location());
|
|
|
|
FloatRect unzoomedRect(paintingPos, localBounds.size());
|
|
auto zoomLevel = box.style().effectiveZoom();
|
|
if (zoomLevel != 1.0f) {
|
|
unzoomedRect.setSize(unzoomedRect.size() / zoomLevel);
|
|
paintInfo.context().translate(unzoomedRect.location());
|
|
paintInfo.context().scale(zoomLevel);
|
|
paintInfo.context().translate(-unzoomedRect.location());
|
|
}
|
|
paintCellAndSetFocusedElementNeedsRepaintIfNecessary([search cancelButtonCell], box, paintInfo, unzoomedRect);
|
|
[[search cancelButtonCell] setControlView:nil];
|
|
return false;
|
|
}
|
|
|
|
const IntSize* RenderThemeMac::cancelButtonSizes() const
|
|
{
|
|
static const IntSize sizes[4] = { IntSize(22, 22), IntSize(19, 19), IntSize(15, 15), IntSize(22, 22) };
|
|
return sizes;
|
|
}
|
|
|
|
void RenderThemeMac::adjustSearchFieldCancelButtonStyle(RenderStyle& style, const Element*) const
|
|
{
|
|
IntSize size = sizeForSystemFont(style, cancelButtonSizes());
|
|
style.setWidth(Length(size.width(), LengthType::Fixed));
|
|
style.setHeight(Length(size.height(), LengthType::Fixed));
|
|
style.setBoxShadow(nullptr);
|
|
}
|
|
|
|
const int resultsArrowWidth = 5;
|
|
const IntSize* RenderThemeMac::resultsButtonSizes() const
|
|
{
|
|
static const IntSize sizes[4] = { IntSize(19, 22), IntSize(17, 19), IntSize(17, 15), IntSize(19, 22) };
|
|
return sizes;
|
|
}
|
|
|
|
const int emptyResultsOffset = 9;
|
|
void RenderThemeMac::adjustSearchFieldDecorationPartStyle(RenderStyle& style, const Element*) const
|
|
{
|
|
IntSize size = sizeForSystemFont(style, resultsButtonSizes());
|
|
style.setWidth(Length(size.width() - emptyResultsOffset, LengthType::Fixed));
|
|
style.setHeight(Length(size.height(), LengthType::Fixed));
|
|
style.setBoxShadow(nullptr);
|
|
}
|
|
|
|
bool RenderThemeMac::paintSearchFieldDecorationPart(const RenderObject&, const PaintInfo&, const IntRect&)
|
|
{
|
|
return false;
|
|
}
|
|
|
|
void RenderThemeMac::adjustSearchFieldResultsDecorationPartStyle(RenderStyle& style, const Element*) const
|
|
{
|
|
IntSize size = sizeForSystemFont(style, resultsButtonSizes());
|
|
style.setWidth(Length(size.width(), LengthType::Fixed));
|
|
style.setHeight(Length(size.height(), LengthType::Fixed));
|
|
style.setBoxShadow(nullptr);
|
|
}
|
|
|
|
bool RenderThemeMac::paintSearchFieldResultsDecorationPart(const RenderBox& box, const PaintInfo& paintInfo, const IntRect& r)
|
|
{
|
|
if (!box.element())
|
|
return false;
|
|
Element* input = box.element()->shadowHost();
|
|
if (!input)
|
|
input = box.element();
|
|
if (!is<RenderBox>(input->renderer()))
|
|
return false;
|
|
|
|
const RenderBox& inputBox = downcast<RenderBox>(*input->renderer());
|
|
LocalCurrentGraphicsContext localContext(paintInfo.context());
|
|
setSearchCellState(inputBox, r);
|
|
|
|
NSSearchFieldCell* search = this->search();
|
|
|
|
if ([search searchMenuTemplate] != nil)
|
|
[search setSearchMenuTemplate:nil];
|
|
|
|
FloatRect localBounds = [search searchButtonRectForBounds:NSRect(snappedIntRect(inputBox.borderBoxRect()))];
|
|
FloatPoint paintingPos = convertToPaintingPosition(inputBox, box, localBounds.location(), r.location());
|
|
localBounds.setLocation(paintingPos);
|
|
|
|
paintCellAndSetFocusedElementNeedsRepaintIfNecessary([search searchButtonCell], inputBox, paintInfo, localBounds);
|
|
[[search searchButtonCell] setControlView:nil];
|
|
return false;
|
|
}
|
|
|
|
void RenderThemeMac::adjustSearchFieldResultsButtonStyle(RenderStyle& style, const Element*) const
|
|
{
|
|
IntSize size = sizeForSystemFont(style, resultsButtonSizes());
|
|
style.setWidth(Length(size.width() + resultsArrowWidth, LengthType::Fixed));
|
|
style.setHeight(Length(size.height(), LengthType::Fixed));
|
|
style.setBoxShadow(nullptr);
|
|
}
|
|
|
|
bool RenderThemeMac::paintSearchFieldResultsButton(const RenderBox& box, const PaintInfo& paintInfo, const IntRect& r)
|
|
{
|
|
auto adjustedResultButtonRect = [this, &box] (const FloatRect& localBounds) -> FloatRect
|
|
{
|
|
IntSize buttonSize = sizeForSystemFont(box.style(), resultsButtonSizes());
|
|
buttonSize.expand(resultsArrowWidth, 0);
|
|
FloatSize diff = localBounds.size() - FloatSize(buttonSize);
|
|
if (!diff.isZero())
|
|
return localBounds;
|
|
// Vertically centered and left aligned.
|
|
FloatRect adjustedLocalBounds = localBounds;
|
|
adjustedLocalBounds.move(0, floorToDevicePixel(diff.height() / 2, box.document().deviceScaleFactor()));
|
|
adjustedLocalBounds.setSize(buttonSize);
|
|
return adjustedLocalBounds;
|
|
};
|
|
|
|
if (!box.element())
|
|
return false;
|
|
Element* input = box.element()->shadowHost();
|
|
if (!input)
|
|
input = box.element();
|
|
if (!is<RenderBox>(input->renderer()))
|
|
return false;
|
|
|
|
const RenderBox& inputBox = downcast<RenderBox>(*input->renderer());
|
|
LocalCurrentGraphicsContext localContext(paintInfo.context());
|
|
setSearchCellState(inputBox, r);
|
|
|
|
NSSearchFieldCell* search = this->search();
|
|
|
|
if (![search searchMenuTemplate])
|
|
[search setSearchMenuTemplate:searchMenuTemplate()];
|
|
|
|
GraphicsContextStateSaver stateSaver(paintInfo.context());
|
|
float zoomLevel = box.style().effectiveZoom();
|
|
|
|
FloatRect localBounds = adjustedResultButtonRect([search searchButtonRectForBounds:NSRect(snappedIntRect(inputBox.contentBoxRect()))]);
|
|
// Adjust position based on the content direction.
|
|
float adjustedXPosition;
|
|
if (box.style().direction() == TextDirection::RTL)
|
|
adjustedXPosition = inputBox.contentBoxRect().maxX() - localBounds.size().width();
|
|
else
|
|
adjustedXPosition = inputBox.contentBoxRect().x();
|
|
localBounds.setX(adjustedXPosition);
|
|
FloatPoint paintingPos = convertToPaintingPosition(inputBox, box, localBounds.location(), r.location());
|
|
|
|
FloatRect unzoomedRect(paintingPos, localBounds.size());
|
|
if (zoomLevel != 1.0f) {
|
|
unzoomedRect.setSize(unzoomedRect.size() / zoomLevel);
|
|
paintInfo.context().translate(unzoomedRect.location());
|
|
paintInfo.context().scale(zoomLevel);
|
|
paintInfo.context().translate(-unzoomedRect.location());
|
|
}
|
|
|
|
paintCellAndSetFocusedElementNeedsRepaintIfNecessary([search searchButtonCell], box, paintInfo, unzoomedRect);
|
|
[[search searchButtonCell] setControlView:nil];
|
|
|
|
return false;
|
|
}
|
|
|
|
#if ENABLE(DATALIST_ELEMENT)
|
|
IntSize RenderThemeMac::sliderTickSize() const
|
|
{
|
|
return IntSize(1, 3);
|
|
}
|
|
|
|
int RenderThemeMac::sliderTickOffsetFromTrackCenter() const
|
|
{
|
|
return -9;
|
|
}
|
|
#endif
|
|
|
|
// FIXME (<rdar://problem/80870479>): Ideally, this constant should be obtained from AppKit using -[NSSliderCell knobThickness].
|
|
// However, the method currently returns an incorrect value, both with and without a control view associated with the cell.
|
|
#if HAVE(LARGE_CONTROL_SIZE)
|
|
constexpr int sliderThumbThickness = 17;
|
|
#else
|
|
constexpr int sliderThumbThickness = 15;
|
|
#endif
|
|
|
|
void RenderThemeMac::adjustSliderThumbSize(RenderStyle& style, const Element*) const
|
|
{
|
|
float zoomLevel = style.effectiveZoom();
|
|
if (style.appearance() == SliderThumbHorizontalPart || style.appearance() == SliderThumbVerticalPart) {
|
|
style.setWidth(Length(static_cast<int>(sliderThumbThickness * zoomLevel), LengthType::Fixed));
|
|
style.setHeight(Length(static_cast<int>(sliderThumbThickness * zoomLevel), LengthType::Fixed));
|
|
}
|
|
}
|
|
|
|
NSPopUpButtonCell* RenderThemeMac::popupButton() const
|
|
{
|
|
if (!m_popupButton) {
|
|
m_popupButton = adoptNS([[NSPopUpButtonCell alloc] initTextCell:@"" pullsDown:NO]);
|
|
[m_popupButton.get() setUsesItemFromMenu:NO];
|
|
[m_popupButton.get() setFocusRingType:NSFocusRingTypeExterior];
|
|
[m_popupButton setUserInterfaceLayoutDirection:NSUserInterfaceLayoutDirectionLeftToRight];
|
|
}
|
|
|
|
return m_popupButton.get();
|
|
}
|
|
|
|
NSSearchFieldCell* RenderThemeMac::search() const
|
|
{
|
|
if (!m_search) {
|
|
m_search = adoptNS([[NSSearchFieldCell alloc] initTextCell:@""]);
|
|
[m_search.get() setBezelStyle:NSTextFieldRoundedBezel];
|
|
[m_search.get() setBezeled:YES];
|
|
[m_search.get() setEditable:YES];
|
|
[m_search.get() setFocusRingType:NSFocusRingTypeExterior];
|
|
[m_search.get() setCenteredLook:NO];
|
|
}
|
|
|
|
return m_search.get();
|
|
}
|
|
|
|
NSMenu* RenderThemeMac::searchMenuTemplate() const
|
|
{
|
|
if (!m_searchMenuTemplate)
|
|
m_searchMenuTemplate = adoptNS([[NSMenu alloc] initWithTitle:@""]);
|
|
|
|
return m_searchMenuTemplate.get();
|
|
}
|
|
|
|
NSSliderCell* RenderThemeMac::sliderThumbHorizontal() const
|
|
{
|
|
if (!m_sliderThumbHorizontal) {
|
|
m_sliderThumbHorizontal = adoptNS([[NSSliderCell alloc] init]);
|
|
[m_sliderThumbHorizontal.get() setSliderType:NSSliderTypeLinear];
|
|
[m_sliderThumbHorizontal.get() setControlSize:NSControlSizeSmall];
|
|
[m_sliderThumbHorizontal.get() setFocusRingType:NSFocusRingTypeExterior];
|
|
}
|
|
|
|
return m_sliderThumbHorizontal.get();
|
|
}
|
|
|
|
NSSliderCell* RenderThemeMac::sliderThumbVertical() const
|
|
{
|
|
if (!m_sliderThumbVertical) {
|
|
m_sliderThumbVertical = adoptNS([[NSSliderCell alloc] init]);
|
|
[m_sliderThumbVertical.get() setSliderType:NSSliderTypeLinear];
|
|
[m_sliderThumbVertical.get() setControlSize:NSControlSizeSmall];
|
|
[m_sliderThumbVertical.get() setFocusRingType:NSFocusRingTypeExterior];
|
|
}
|
|
|
|
return m_sliderThumbVertical.get();
|
|
}
|
|
|
|
NSTextFieldCell* RenderThemeMac::textField() const
|
|
{
|
|
if (!m_textField) {
|
|
m_textField = adoptNS([[WebCoreTextFieldCell alloc] initTextCell:@""]);
|
|
[m_textField.get() setBezeled:YES];
|
|
[m_textField.get() setEditable:YES];
|
|
[m_textField.get() setFocusRingType:NSFocusRingTypeExterior];
|
|
// Post-Lion, WebCore can be in charge of paintinng the background thanks to
|
|
// the workaround in place for <rdar://problem/11385461>, which is implemented
|
|
// above as _coreUIDrawOptionsWithFrame.
|
|
[m_textField.get() setDrawsBackground:NO];
|
|
}
|
|
|
|
return m_textField.get();
|
|
}
|
|
|
|
#if ENABLE(DATALIST_ELEMENT)
|
|
NSCell *RenderThemeMac::listButton() const
|
|
{
|
|
if (!m_listButton)
|
|
m_listButton = adoptNS([[WebListButtonCell alloc] init]);
|
|
|
|
return m_listButton.get();
|
|
}
|
|
#endif
|
|
|
|
String RenderThemeMac::fileListNameForWidth(const FileList* fileList, const FontCascade& font, int width, bool multipleFilesAllowed) const
|
|
{
|
|
if (width <= 0)
|
|
return String();
|
|
|
|
String strToTruncate;
|
|
if (fileList->isEmpty())
|
|
strToTruncate = fileListDefaultLabel(multipleFilesAllowed);
|
|
else if (fileList->length() == 1)
|
|
strToTruncate = [[NSFileManager defaultManager] displayNameAtPath:(fileList->item(0)->path())];
|
|
else
|
|
return StringTruncator::rightTruncate(multipleFileUploadText(fileList->length()), width, font);
|
|
|
|
return StringTruncator::centerTruncate(strToTruncate, width, font);
|
|
}
|
|
|
|
#if ENABLE(ATTACHMENT_ELEMENT)
|
|
const CGFloat attachmentIconSize = 48;
|
|
const CGFloat attachmentIconBackgroundPadding = 6;
|
|
const CGFloat attachmentIconBackgroundSize = attachmentIconSize + attachmentIconBackgroundPadding;
|
|
const CGFloat attachmentIconSelectionBorderThickness = 1;
|
|
const CGFloat attachmentIconBackgroundRadius = 3;
|
|
const CGFloat attachmentIconToTitleMargin = 2;
|
|
|
|
constexpr auto attachmentIconBackgroundColor = Color::black.colorWithAlphaByte(30);
|
|
constexpr auto attachmentIconBorderColor = Color::white.colorWithAlphaByte(125);
|
|
|
|
const CGFloat attachmentTitleFontSize = 12;
|
|
const CGFloat attachmentTitleBackgroundRadius = 3;
|
|
const CGFloat attachmentTitleBackgroundPadding = 3;
|
|
const CGFloat attachmentTitleMaximumWidth = 100 - (attachmentTitleBackgroundPadding * 2);
|
|
const CFIndex attachmentTitleMaximumLineCount = 2;
|
|
|
|
constexpr auto attachmentTitleInactiveBackgroundColor = SRGBA<uint8_t> { 204, 204, 204 };
|
|
constexpr auto attachmentTitleInactiveTextColor = SRGBA<uint8_t> { 100, 100, 100 };
|
|
|
|
const CGFloat attachmentSubtitleFontSize = 10;
|
|
const int attachmentSubtitleWidthIncrement = 10;
|
|
constexpr auto attachmentSubtitleTextColor = SRGBA<uint8_t> { 82, 145, 214 };
|
|
|
|
const CGFloat attachmentProgressBarWidth = 30;
|
|
const CGFloat attachmentProgressBarHeight = 5;
|
|
const CGFloat attachmentProgressBarOffset = -9;
|
|
const CGFloat attachmentProgressBarBorderWidth = 1;
|
|
constexpr auto attachmentProgressBarBackgroundColor = Color::black.colorWithAlphaByte(89);
|
|
constexpr auto attachmentProgressBarFillColor = Color::white;
|
|
constexpr auto attachmentProgressBarBorderColor = Color::black.colorWithAlphaByte(128);
|
|
|
|
const CGFloat attachmentPlaceholderBorderRadius = 5;
|
|
constexpr auto attachmentPlaceholderBorderColor = Color::black.colorWithAlphaByte(56);
|
|
const CGFloat attachmentPlaceholderBorderWidth = 2;
|
|
const CGFloat attachmentPlaceholderBorderDashLength = 6;
|
|
|
|
const CGFloat attachmentMargin = 3;
|
|
|
|
enum class AttachmentLayoutStyle : uint8_t { NonSelected, Selected };
|
|
|
|
struct AttachmentLayout {
|
|
explicit AttachmentLayout(const RenderAttachment&, AttachmentLayoutStyle);
|
|
|
|
struct LabelLine {
|
|
FloatRect backgroundRect;
|
|
FloatPoint origin;
|
|
RetainPtr<CTLineRef> line;
|
|
};
|
|
|
|
Vector<LabelLine> lines;
|
|
|
|
FloatRect iconRect;
|
|
FloatRect iconBackgroundRect;
|
|
FloatRect attachmentRect;
|
|
|
|
int baseline;
|
|
AttachmentLayoutStyle style;
|
|
|
|
RetainPtr<CTLineRef> subtitleLine;
|
|
FloatRect subtitleTextRect;
|
|
|
|
private:
|
|
void layOutTitle(const RenderAttachment&);
|
|
void layOutSubtitle(const RenderAttachment&);
|
|
|
|
void addTitleLine(CTLineRef, CGFloat& yOffset, Vector<CGPoint> origins, CFIndex lineIndex, const RenderAttachment&);
|
|
};
|
|
|
|
static Color titleTextColorForAttachment(const RenderAttachment& attachment, AttachmentLayoutStyle style)
|
|
{
|
|
Color result = Color::black;
|
|
|
|
if (style == AttachmentLayoutStyle::Selected) {
|
|
if (attachment.frame().selection().isFocusedAndActive())
|
|
result = colorFromNSColor([NSColor alternateSelectedControlTextColor]);
|
|
else
|
|
result = attachmentTitleInactiveTextColor;
|
|
}
|
|
|
|
return attachment.style().colorByApplyingColorFilter(result);
|
|
}
|
|
|
|
void AttachmentLayout::addTitleLine(CTLineRef line, CGFloat& yOffset, Vector<CGPoint> origins, CFIndex lineIndex, const RenderAttachment& attachment)
|
|
{
|
|
CGRect lineBounds = CTLineGetBoundsWithOptions(line, 0);
|
|
CGFloat trailingWhitespaceWidth = CTLineGetTrailingWhitespaceWidth(line);
|
|
CGFloat lineWidthIgnoringTrailingWhitespace = lineBounds.size.width - trailingWhitespaceWidth;
|
|
CGFloat lineHeight = CGCeiling(lineBounds.size.height);
|
|
|
|
// Center the line relative to the icon.
|
|
CGFloat xOffset = (attachmentIconBackgroundSize / 2) - (lineWidthIgnoringTrailingWhitespace / 2);
|
|
|
|
if (lineIndex)
|
|
yOffset += origins[lineIndex - 1].y - origins[lineIndex].y;
|
|
|
|
LabelLine labelLine;
|
|
labelLine.origin = FloatPoint(xOffset, yOffset + lineHeight - origins.last().y);
|
|
labelLine.line = line;
|
|
labelLine.backgroundRect = FloatRect(xOffset, yOffset, lineWidthIgnoringTrailingWhitespace, lineHeight);
|
|
labelLine.backgroundRect.inflateX(attachmentTitleBackgroundPadding);
|
|
labelLine.backgroundRect = encloseRectToDevicePixels(labelLine.backgroundRect, attachment.document().deviceScaleFactor());
|
|
|
|
// If the text rects are close in size, the curved enclosing background won't
|
|
// look right, so make them the same exact size.
|
|
if (!lines.isEmpty()) {
|
|
float previousBackgroundRectWidth = lines.last().backgroundRect.width();
|
|
if (fabs(labelLine.backgroundRect.width() - previousBackgroundRectWidth) < attachmentTitleBackgroundRadius * 4) {
|
|
float newBackgroundRectWidth = std::max(previousBackgroundRectWidth, labelLine.backgroundRect.width());
|
|
labelLine.backgroundRect.inflateX((newBackgroundRectWidth - labelLine.backgroundRect.width()) / 2);
|
|
lines.last().backgroundRect.inflateX((newBackgroundRectWidth - previousBackgroundRectWidth) / 2);
|
|
}
|
|
}
|
|
|
|
lines.append(labelLine);
|
|
}
|
|
|
|
void AttachmentLayout::layOutTitle(const RenderAttachment& attachment)
|
|
{
|
|
CFStringRef language = 0; // By not specifying a language we use the system language.
|
|
auto font = adoptCF(CTFontCreateUIFontForLanguage(kCTFontUIFontSystem, attachmentTitleFontSize, language));
|
|
baseline = CGRound(attachmentIconBackgroundSize + attachmentIconToTitleMargin + CTFontGetAscent(font.get()));
|
|
|
|
String title = attachment.attachmentElement().attachmentTitleForDisplay();
|
|
if (title.isEmpty())
|
|
return;
|
|
|
|
NSDictionary *textAttributes = @{
|
|
(__bridge id)kCTFontAttributeName: (__bridge id)font.get(),
|
|
(__bridge id)kCTForegroundColorAttributeName: (__bridge NSColor *)cachedCGColor(titleTextColorForAttachment(attachment, style))
|
|
};
|
|
RetainPtr<NSAttributedString> attributedTitle = adoptNS([[NSAttributedString alloc] initWithString:title attributes:textAttributes]);
|
|
RetainPtr<CTFramesetterRef> titleFramesetter = adoptCF(CTFramesetterCreateWithAttributedString((CFAttributedStringRef)attributedTitle.get()));
|
|
|
|
CFRange fitRange;
|
|
CGSize titleTextSize = CTFramesetterSuggestFrameSizeWithConstraints(titleFramesetter.get(), CFRangeMake(0, 0), nullptr, CGSizeMake(attachmentTitleMaximumWidth, CGFLOAT_MAX), &fitRange);
|
|
|
|
RetainPtr<CGPathRef> titlePath = adoptCF(CGPathCreateWithRect(CGRectMake(0, 0, titleTextSize.width, titleTextSize.height), nullptr));
|
|
RetainPtr<CTFrameRef> titleFrame = adoptCF(CTFramesetterCreateFrame(titleFramesetter.get(), fitRange, titlePath.get(), nullptr));
|
|
|
|
CFArrayRef ctLines = CTFrameGetLines(titleFrame.get());
|
|
CFIndex lineCount = CFArrayGetCount(ctLines);
|
|
if (!lineCount)
|
|
return;
|
|
|
|
Vector<CGPoint> origins(lineCount);
|
|
CTFrameGetLineOrigins(titleFrame.get(), CFRangeMake(0, 0), origins.data());
|
|
|
|
// Lay out and record the first (attachmentTitleMaximumLineCount - 1) lines.
|
|
CFIndex lineIndex = 0;
|
|
CGFloat yOffset = attachmentIconBackgroundSize + attachmentIconToTitleMargin;
|
|
for (; lineIndex < std::min(attachmentTitleMaximumLineCount - 1, lineCount); ++lineIndex) {
|
|
CTLineRef line = (CTLineRef)CFArrayGetValueAtIndex(ctLines, lineIndex);
|
|
addTitleLine(line, yOffset, origins, lineIndex, attachment);
|
|
}
|
|
|
|
if (lineIndex == lineCount)
|
|
return;
|
|
|
|
// We had text that didn't fit in the first (attachmentTitleMaximumLineCount - 1) lines.
|
|
// Combine it into one last line, and center-truncate it.
|
|
CTLineRef firstRemainingLine = (CTLineRef)CFArrayGetValueAtIndex(ctLines, lineIndex);
|
|
CFIndex remainingRangeStart = CTLineGetStringRange(firstRemainingLine).location;
|
|
CFRange remainingRange = CFRangeMake(remainingRangeStart, [attributedTitle length] - remainingRangeStart);
|
|
RetainPtr<CGPathRef> remainingPath = adoptCF(CGPathCreateWithRect(CGRectMake(0, 0, CGFLOAT_MAX, CGFLOAT_MAX), nullptr));
|
|
RetainPtr<CTFrameRef> remainingFrame = adoptCF(CTFramesetterCreateFrame(titleFramesetter.get(), remainingRange, remainingPath.get(), nullptr));
|
|
RetainPtr<NSAttributedString> ellipsisString = adoptNS([[NSAttributedString alloc] initWithString:@"\u2026" attributes:textAttributes]);
|
|
RetainPtr<CTLineRef> ellipsisLine = adoptCF(CTLineCreateWithAttributedString((CFAttributedStringRef)ellipsisString.get()));
|
|
CTLineRef remainingLine = (CTLineRef)CFArrayGetValueAtIndex(CTFrameGetLines(remainingFrame.get()), 0);
|
|
RetainPtr<CTLineRef> truncatedLine = adoptCF(CTLineCreateTruncatedLine(remainingLine, attachmentTitleMaximumWidth, kCTLineTruncationMiddle, ellipsisLine.get()));
|
|
|
|
if (!truncatedLine)
|
|
truncatedLine = remainingLine;
|
|
|
|
addTitleLine(truncatedLine.get(), yOffset, origins, lineIndex, attachment);
|
|
}
|
|
|
|
void AttachmentLayout::layOutSubtitle(const RenderAttachment& attachment)
|
|
{
|
|
auto& subtitleText = attachment.attachmentElement().attributeWithoutSynchronization(subtitleAttr);
|
|
if (subtitleText.isEmpty())
|
|
return;
|
|
|
|
Color subtitleColor = attachment.style().colorByApplyingColorFilter(attachmentSubtitleTextColor);
|
|
CFStringRef language = 0; // By not specifying a language we use the system language.
|
|
auto font = adoptCF(CTFontCreateUIFontForLanguage(kCTFontUIFontSystem, attachmentSubtitleFontSize, language));
|
|
NSDictionary *textAttributes = @{
|
|
(__bridge id)kCTFontAttributeName: (__bridge id)font.get(),
|
|
(__bridge id)kCTForegroundColorAttributeName: (__bridge NSColor *)cachedCGColor(subtitleColor)
|
|
};
|
|
RetainPtr<NSAttributedString> attributedSubtitleText = adoptNS([[NSAttributedString alloc] initWithString:subtitleText attributes:textAttributes]);
|
|
subtitleLine = adoptCF(CTLineCreateWithAttributedString((CFAttributedStringRef)attributedSubtitleText.get()));
|
|
|
|
CGRect lineBounds = CTLineGetBoundsWithOptions(subtitleLine.get(), 0);
|
|
|
|
// Center the line relative to the icon.
|
|
CGFloat xOffset = (attachmentIconBackgroundSize / 2) - (lineBounds.size.width / 2);
|
|
CGFloat yOffset = 0;
|
|
|
|
if (!lines.isEmpty())
|
|
yOffset = lines.last().backgroundRect.maxY();
|
|
else
|
|
yOffset = attachmentIconBackgroundSize + attachmentIconToTitleMargin;
|
|
|
|
LabelLine labelLine;
|
|
subtitleTextRect = FloatRect(xOffset, yOffset, lineBounds.size.width, lineBounds.size.height);
|
|
}
|
|
|
|
AttachmentLayout::AttachmentLayout(const RenderAttachment& attachment, AttachmentLayoutStyle layoutStyle)
|
|
: style(layoutStyle)
|
|
{
|
|
layOutTitle(attachment);
|
|
layOutSubtitle(attachment);
|
|
|
|
iconBackgroundRect = FloatRect(0, 0, attachmentIconBackgroundSize, attachmentIconBackgroundSize);
|
|
|
|
iconRect = iconBackgroundRect;
|
|
iconRect.setSize(FloatSize(attachmentIconSize, attachmentIconSize));
|
|
iconRect.move(attachmentIconBackgroundPadding / 2, attachmentIconBackgroundPadding / 2);
|
|
|
|
attachmentRect = iconBackgroundRect;
|
|
for (const auto& line : lines)
|
|
attachmentRect.unite(line.backgroundRect);
|
|
if (!subtitleTextRect.isEmpty()) {
|
|
FloatRect roundedSubtitleTextRect = subtitleTextRect;
|
|
roundedSubtitleTextRect.inflateX(attachmentSubtitleWidthIncrement - clampToInteger(ceilf(subtitleTextRect.width())) % attachmentSubtitleWidthIncrement);
|
|
attachmentRect.unite(roundedSubtitleTextRect);
|
|
}
|
|
attachmentRect.inflate(attachmentMargin);
|
|
attachmentRect = encloseRectToDevicePixels(attachmentRect, attachment.document().deviceScaleFactor());
|
|
}
|
|
|
|
LayoutSize RenderThemeMac::attachmentIntrinsicSize(const RenderAttachment& attachment) const
|
|
{
|
|
AttachmentLayout layout(attachment, AttachmentLayoutStyle::NonSelected);
|
|
return LayoutSize(layout.attachmentRect.size());
|
|
}
|
|
|
|
int RenderThemeMac::attachmentBaseline(const RenderAttachment& attachment) const
|
|
{
|
|
AttachmentLayout layout(attachment, AttachmentLayoutStyle::NonSelected);
|
|
return layout.baseline;
|
|
}
|
|
|
|
static void paintAttachmentIconBackground(const RenderAttachment& attachment, GraphicsContext& context, AttachmentLayout& layout)
|
|
{
|
|
if (layout.style == AttachmentLayoutStyle::NonSelected)
|
|
return;
|
|
|
|
// FIXME: Finder has a discontinuous behavior here when you have a background color other than white,
|
|
// where it switches into 'bordered mode' and the border pops in on top of the background.
|
|
bool paintBorder = true;
|
|
|
|
FloatRect backgroundRect = layout.iconBackgroundRect;
|
|
if (paintBorder)
|
|
backgroundRect.inflate(-attachmentIconSelectionBorderThickness);
|
|
|
|
Color backgroundColor = attachment.style().colorByApplyingColorFilter(attachmentIconBackgroundColor);
|
|
context.fillRoundedRect(FloatRoundedRect(backgroundRect, FloatRoundedRect::Radii(attachmentIconBackgroundRadius)), backgroundColor);
|
|
|
|
if (paintBorder) {
|
|
FloatRect borderRect = layout.iconBackgroundRect;
|
|
borderRect.inflate(-attachmentIconSelectionBorderThickness / 2);
|
|
|
|
FloatSize iconBackgroundRadiusSize(attachmentIconBackgroundRadius, attachmentIconBackgroundRadius);
|
|
Path borderPath;
|
|
borderPath.addRoundedRect(borderRect, iconBackgroundRadiusSize);
|
|
|
|
Color borderColor = attachment.style().colorByApplyingColorFilter(attachmentIconBorderColor);
|
|
context.setStrokeColor(borderColor);
|
|
context.setStrokeThickness(attachmentIconSelectionBorderThickness);
|
|
context.strokePath(borderPath);
|
|
}
|
|
}
|
|
|
|
static RefPtr<Icon> iconForAttachment(const RenderAttachment& attachment)
|
|
{
|
|
String attachmentType = attachment.attachmentElement().attachmentType();
|
|
|
|
if (!attachmentType.isEmpty()) {
|
|
if (equalIgnoringASCIICase(attachmentType, "multipart/x-folder") || equalIgnoringASCIICase(attachmentType, "application/vnd.apple.folder")) {
|
|
ALLOW_DEPRECATED_DECLARATIONS_BEGIN
|
|
if (auto icon = Icon::createIconForUTI(kUTTypeFolder))
|
|
return icon;
|
|
ALLOW_DEPRECATED_DECLARATIONS_END
|
|
} else {
|
|
String UTI;
|
|
if (isDeclaredUTI(attachmentType))
|
|
UTI = attachmentType;
|
|
else
|
|
UTI = UTIFromMIMEType(attachmentType);
|
|
|
|
if (auto icon = Icon::createIconForUTI(UTI))
|
|
return icon;
|
|
}
|
|
}
|
|
|
|
if (File* file = attachment.attachmentElement().file()) {
|
|
if (auto icon = Icon::createIconForFiles({ file->path() }))
|
|
return icon;
|
|
}
|
|
|
|
NSString *fileExtension = [static_cast<NSString *>(attachment.attachmentElement().attachmentTitle()) pathExtension];
|
|
if (fileExtension.length) {
|
|
if (auto icon = Icon::createIconForFileExtension(fileExtension))
|
|
return icon;
|
|
}
|
|
|
|
return Icon::createIconForUTI("public.data");
|
|
}
|
|
|
|
static void paintAttachmentIcon(const RenderAttachment& attachment, GraphicsContext& context, AttachmentLayout& layout)
|
|
{
|
|
if (auto thumbnailIcon = attachment.attachmentElement().thumbnail()) {
|
|
context.drawImage(*thumbnailIcon, layout.iconRect);
|
|
return;
|
|
}
|
|
auto icon = iconForAttachment(attachment);
|
|
if (!icon)
|
|
return;
|
|
icon->paint(context, layout.iconRect);
|
|
}
|
|
|
|
static std::pair<RefPtr<Image>, float> createAttachmentPlaceholderImage(float deviceScaleFactor, const AttachmentLayout& layout)
|
|
{
|
|
#if HAVE(ALTERNATE_ICONS)
|
|
ALLOW_DEPRECATED_DECLARATIONS_BEGIN
|
|
auto image = [NSImage _imageWithSystemSymbolName:@"arrow.down.circle"];
|
|
ALLOW_DEPRECATED_DECLARATIONS_END
|
|
auto imageSize = FloatSize([image size]);
|
|
auto imageSizeScales = deviceScaleFactor * layout.iconRect.size() / imageSize;
|
|
imageSize.scale(std::min(imageSizeScales.width(), imageSizeScales.height()));
|
|
auto imageRect = NSMakeRect(0, 0, imageSize.width(), imageSize.height());
|
|
auto cgImage = [image CGImageForProposedRect:&imageRect context:nil hints:@{
|
|
ALLOW_DEPRECATED_DECLARATIONS_BEGIN
|
|
NSImageHintSymbolFont : [NSFont systemFontOfSize:32],
|
|
NSImageHintSymbolScale : @(NSImageSymbolScaleMedium)
|
|
ALLOW_DEPRECATED_DECLARATIONS_END
|
|
}];
|
|
return { BitmapImage::create(cgImage), deviceScaleFactor };
|
|
#else
|
|
UNUSED_PARAM(layout);
|
|
if (deviceScaleFactor >= 2)
|
|
return { Image::loadPlatformResource("AttachmentPlaceholder@2x"), 2 };
|
|
|
|
return { Image::loadPlatformResource("AttachmentPlaceholder"), 1 };
|
|
#endif
|
|
}
|
|
|
|
static void paintAttachmentIconPlaceholder(const RenderAttachment& attachment, GraphicsContext& context, AttachmentLayout& layout)
|
|
{
|
|
auto [placeholderImage, imageScale] = createAttachmentPlaceholderImage(attachment.document().deviceScaleFactor(), layout);
|
|
|
|
// Center the placeholder image where the icon would usually be.
|
|
FloatRect placeholderRect(0, 0, placeholderImage->width() / imageScale, placeholderImage->height() / imageScale);
|
|
placeholderRect.setX(layout.iconRect.x() + (layout.iconRect.width() - placeholderRect.width()) / 2);
|
|
placeholderRect.setY(layout.iconRect.y() + (layout.iconRect.height() - placeholderRect.height()) / 2);
|
|
|
|
context.drawImage(*placeholderImage, placeholderRect);
|
|
}
|
|
|
|
static void paintAttachmentTitleBackground(const RenderAttachment& attachment, GraphicsContext& context, AttachmentLayout& layout)
|
|
{
|
|
if (layout.style == AttachmentLayoutStyle::NonSelected)
|
|
return;
|
|
|
|
if (layout.lines.isEmpty())
|
|
return;
|
|
|
|
Vector<FloatRect> backgroundRects;
|
|
|
|
for (size_t i = 0; i < layout.lines.size(); ++i)
|
|
backgroundRects.append(layout.lines[i].backgroundRect);
|
|
|
|
Color backgroundColor;
|
|
if (attachment.frame().selection().isFocusedAndActive()) {
|
|
ALLOW_DEPRECATED_DECLARATIONS_BEGIN
|
|
backgroundColor = colorFromNSColor([NSColor alternateSelectedControlColor]);
|
|
ALLOW_DEPRECATED_DECLARATIONS_END
|
|
} else
|
|
backgroundColor = attachmentTitleInactiveBackgroundColor;
|
|
|
|
backgroundColor = attachment.style().colorByApplyingColorFilter(backgroundColor);
|
|
context.setFillColor(backgroundColor);
|
|
|
|
Path backgroundPath = PathUtilities::pathWithShrinkWrappedRects(backgroundRects, attachmentTitleBackgroundRadius);
|
|
context.fillPath(backgroundPath);
|
|
}
|
|
|
|
static void paintAttachmentTitle(const RenderAttachment&, GraphicsContext& context, AttachmentLayout& layout)
|
|
{
|
|
for (const auto& line : layout.lines) {
|
|
GraphicsContextStateSaver saver(context);
|
|
|
|
context.translate(toFloatSize(line.origin));
|
|
context.scale(FloatSize(1, -1));
|
|
|
|
CGContextSetTextPosition(context.platformContext(), 0, 0);
|
|
CTLineDraw(line.line.get(), context.platformContext());
|
|
}
|
|
}
|
|
|
|
static void paintAttachmentSubtitle(const RenderAttachment&, GraphicsContext& context, AttachmentLayout& layout)
|
|
{
|
|
GraphicsContextStateSaver saver(context);
|
|
|
|
context.translate(toFloatSize(layout.subtitleTextRect.minXMaxYCorner()));
|
|
context.scale(FloatSize(1, -1));
|
|
|
|
CGContextSetTextPosition(context.platformContext(), 0, 0);
|
|
CTLineDraw(layout.subtitleLine.get(), context.platformContext());
|
|
}
|
|
|
|
static void paintAttachmentProgress(const RenderAttachment& attachment, GraphicsContext& context, AttachmentLayout& layout, float progress)
|
|
{
|
|
GraphicsContextStateSaver saver(context);
|
|
|
|
FloatRect progressBounds((attachmentIconBackgroundSize - attachmentProgressBarWidth) / 2, layout.iconBackgroundRect.maxY() + attachmentProgressBarOffset - attachmentProgressBarHeight, attachmentProgressBarWidth, attachmentProgressBarHeight);
|
|
|
|
FloatRect borderRect = progressBounds;
|
|
borderRect.inflate(-0.5);
|
|
FloatRect backgroundRect = borderRect;
|
|
backgroundRect.inflate(-attachmentProgressBarBorderWidth / 2);
|
|
|
|
FloatRoundedRect backgroundRoundedRect(backgroundRect, FloatRoundedRect::Radii(backgroundRect.height() / 2));
|
|
context.fillRoundedRect(backgroundRoundedRect, attachmentProgressBarBackgroundColor);
|
|
|
|
{
|
|
GraphicsContextStateSaver clipSaver(context);
|
|
context.clipRoundedRect(backgroundRoundedRect);
|
|
|
|
FloatRect progressRect = progressBounds;
|
|
progressRect.setWidth(progressRect.width() * progress);
|
|
progressRect = encloseRectToDevicePixels(progressRect, attachment.document().deviceScaleFactor());
|
|
|
|
context.fillRect(progressRect, attachmentProgressBarFillColor);
|
|
}
|
|
|
|
Path borderPath;
|
|
float borderRadius = borderRect.height() / 2;
|
|
borderPath.addRoundedRect(borderRect, FloatSize(borderRadius, borderRadius));
|
|
context.setStrokeColor(attachmentProgressBarBorderColor);
|
|
context.setStrokeThickness(attachmentProgressBarBorderWidth);
|
|
context.strokePath(borderPath);
|
|
}
|
|
|
|
static void paintAttachmentPlaceholderBorder(const RenderAttachment& attachment, GraphicsContext& context, AttachmentLayout& layout)
|
|
{
|
|
Path borderPath;
|
|
borderPath.addRoundedRect(layout.attachmentRect, FloatSize(attachmentPlaceholderBorderRadius, attachmentPlaceholderBorderRadius));
|
|
|
|
Color placeholderBorderColor = attachment.style().colorByApplyingColorFilter(attachmentPlaceholderBorderColor);
|
|
context.setStrokeColor(placeholderBorderColor);
|
|
context.setStrokeThickness(attachmentPlaceholderBorderWidth);
|
|
context.setStrokeStyle(DashedStroke);
|
|
context.setLineDash({attachmentPlaceholderBorderDashLength}, 0);
|
|
context.strokePath(borderPath);
|
|
}
|
|
|
|
bool RenderThemeMac::paintAttachment(const RenderObject& renderer, const PaintInfo& paintInfo, const IntRect& paintRect)
|
|
{
|
|
if (!is<RenderAttachment>(renderer))
|
|
return false;
|
|
|
|
const RenderAttachment& attachment = downcast<RenderAttachment>(renderer);
|
|
|
|
auto layoutStyle = AttachmentLayoutStyle::NonSelected;
|
|
if (attachment.selectionState() != RenderObject::HighlightState::None && paintInfo.phase != PaintPhase::Selection)
|
|
layoutStyle = AttachmentLayoutStyle::Selected;
|
|
|
|
AttachmentLayout layout(attachment, layoutStyle);
|
|
|
|
auto& progressString = attachment.attachmentElement().attributeWithoutSynchronization(progressAttr);
|
|
bool validProgress = false;
|
|
float progress = 0;
|
|
if (!progressString.isEmpty())
|
|
progress = progressString.toFloat(&validProgress);
|
|
|
|
GraphicsContext& context = paintInfo.context();
|
|
LocalCurrentGraphicsContext localContext(context);
|
|
GraphicsContextStateSaver saver(context);
|
|
|
|
context.translate(toFloatSize(paintRect.location()));
|
|
context.translate(floorSizeToDevicePixels({ LayoutUnit((paintRect.width() - attachmentIconBackgroundSize) / 2), 0 }, renderer.document().deviceScaleFactor()));
|
|
|
|
bool usePlaceholder = validProgress && !progress;
|
|
|
|
paintAttachmentIconBackground(attachment, context, layout);
|
|
if (usePlaceholder)
|
|
paintAttachmentIconPlaceholder(attachment, context, layout);
|
|
else
|
|
paintAttachmentIcon(attachment, context, layout);
|
|
|
|
paintAttachmentTitleBackground(attachment, context, layout);
|
|
paintAttachmentTitle(attachment, context, layout);
|
|
paintAttachmentSubtitle(attachment, context, layout);
|
|
|
|
if (validProgress && progress)
|
|
paintAttachmentProgress(attachment, context, layout, progress);
|
|
|
|
if (usePlaceholder)
|
|
paintAttachmentPlaceholderBorder(attachment, context, layout);
|
|
|
|
return true;
|
|
}
|
|
|
|
#endif // ENABLE(ATTACHMENT_ELEMENT)
|
|
|
|
} // namespace WebCore
|
|
|
|
#endif // PLATFORM(MAC)
|