<input type=color> Mac UI behaviour
[WebKit-https.git] / Source / WebCore / html / ColorInputType.cpp
1 /*
2  * Copyright (C) 2010 Google Inc. All rights reserved.
3  *
4  * Redistribution and use in source and binary forms, with or without
5  * modification, are permitted provided that the following conditions are
6  * met:
7  *
8  *     * Redistributions of source code must retain the above copyright
9  * notice, this list of conditions and the following disclaimer.
10  *     * Redistributions in binary form must reproduce the above
11  * copyright notice, this list of conditions and the following disclaimer
12  * in the documentation and/or other materials provided with the
13  * distribution.
14  *     * Neither the name of Google Inc. nor the names of its
15  * contributors may be used to endorse or promote products derived from
16  * this software without specific prior written permission.
17  *
18  * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
19  * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
20  * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
21  * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
22  * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
23  * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
24  * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
25  * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
26  * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
27  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
28  * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
29  */
30
31 #include "config.h"
32 #if ENABLE(INPUT_TYPE_COLOR)
33 #include "ColorInputType.h"
34
35 #include "CSSPropertyNames.h"
36 #include "Chrome.h"
37 #include "Color.h"
38 #include "ElementShadow.h"
39 #include "HTMLDataListElement.h"
40 #include "HTMLDivElement.h"
41 #include "HTMLInputElement.h"
42 #include "HTMLOptionElement.h"
43 #include "InputTypeNames.h"
44 #include "MouseEvent.h"
45 #include "RenderObject.h"
46 #include "RenderView.h"
47 #include "ScriptController.h"
48 #include "ShadowRoot.h"
49 #include <wtf/PassOwnPtr.h>
50 #include <wtf/text/WTFString.h>
51
52 namespace WebCore {
53
54 using namespace HTMLNames;
55
56 static bool isValidColorString(const String& value)
57 {
58     if (value.isEmpty())
59         return false;
60     if (value[0] != '#')
61         return false;
62
63     // We don't accept #rgb and #aarrggbb formats.
64     if (value.length() != 7)
65         return false;
66     Color color(value);
67     return color.isValid() && !color.hasAlpha();
68 }
69
70 PassOwnPtr<InputType> ColorInputType::create(HTMLInputElement* element)
71 {
72     return adoptPtr(new ColorInputType(element));
73 }
74
75 ColorInputType::~ColorInputType()
76 {
77     endColorChooser();
78 }
79
80 void ColorInputType::attach()
81 {
82     observeFeatureIfVisible(FeatureObserver::InputTypeColor);
83 }
84
85 bool ColorInputType::isColorControl() const
86 {
87     return true;
88 }
89
90 const AtomicString& ColorInputType::formControlType() const
91 {
92     return InputTypeNames::color();
93 }
94
95 bool ColorInputType::supportsRequired() const
96 {
97     return false;
98 }
99
100 String ColorInputType::fallbackValue() const
101 {
102     return String("#000000");
103 }
104
105 String ColorInputType::sanitizeValue(const String& proposedValue) const
106 {
107     if (!isValidColorString(proposedValue))
108         return fallbackValue();
109
110     return proposedValue.lower();
111 }
112
113 Color ColorInputType::valueAsColor() const
114 {
115     return Color(element()->value());
116 }
117
118 void ColorInputType::createShadowSubtree()
119 {
120     ASSERT(element()->shadow());
121
122     Document* document = element()->document();
123     RefPtr<HTMLDivElement> wrapperElement = HTMLDivElement::create(document);
124     wrapperElement->setPseudo(AtomicString("-webkit-color-swatch-wrapper", AtomicString::ConstructFromLiteral));
125     RefPtr<HTMLDivElement> colorSwatch = HTMLDivElement::create(document);
126     colorSwatch->setPseudo(AtomicString("-webkit-color-swatch", AtomicString::ConstructFromLiteral));
127     wrapperElement->appendChild(colorSwatch.release(), ASSERT_NO_EXCEPTION);
128     element()->userAgentShadowRoot()->appendChild(wrapperElement.release(), ASSERT_NO_EXCEPTION);
129     
130     updateColorSwatch();
131 }
132
133 void ColorInputType::setValue(const String& value, bool valueChanged, TextFieldEventBehavior eventBehavior)
134 {
135     InputType::setValue(value, valueChanged, eventBehavior);
136
137     if (!valueChanged)
138         return;
139
140     updateColorSwatch();
141     if (m_chooser)
142         m_chooser->setSelectedColor(valueAsColor());
143 }
144
145 void ColorInputType::handleDOMActivateEvent(Event* event)
146 {
147     if (element()->isDisabledOrReadOnly() || !element()->renderer())
148         return;
149
150     if (!ScriptController::processingUserGesture())
151         return;
152
153     if (Chrome* chrome = this->chrome()) {
154         if (!m_chooser)
155             m_chooser = chrome->createColorChooser(this, valueAsColor());
156         else
157             m_chooser->reattachColorChooser(valueAsColor());
158     }
159
160     event->setDefaultHandled();
161 }
162
163 void ColorInputType::detach()
164 {
165     endColorChooser();
166 }
167
168 bool ColorInputType::shouldRespectListAttribute()
169 {
170     return InputType::themeSupportsDataListUI(this);
171 }
172
173 bool ColorInputType::typeMismatchFor(const String& value) const
174 {
175     return !isValidColorString(value);
176 }
177
178 bool ColorInputType::shouldResetOnDocumentActivation()
179 {
180     return true;
181 }
182
183 void ColorInputType::didChooseColor(const Color& color)
184 {
185     if (element()->isDisabledOrReadOnly() || color == valueAsColor())
186         return;
187     element()->setValueFromRenderer(color.serialized());
188     updateColorSwatch();
189     element()->dispatchFormControlChangeEvent();
190 }
191
192 void ColorInputType::didEndChooser()
193 {
194     m_chooser.clear();
195 }
196
197 void ColorInputType::endColorChooser()
198 {
199     if (m_chooser)
200         m_chooser->endChooser();
201 }
202
203 void ColorInputType::updateColorSwatch()
204 {
205     HTMLElement* colorSwatch = shadowColorSwatch();
206     if (!colorSwatch)
207         return;
208
209     colorSwatch->setInlineStyleProperty(CSSPropertyBackgroundColor, element()->value(), false);
210 }
211
212 HTMLElement* ColorInputType::shadowColorSwatch() const
213 {
214     ShadowRoot* shadow = element()->userAgentShadowRoot();
215     return shadow ? toHTMLElement(shadow->firstChild()->firstChild()) : 0;
216 }
217
218 IntRect ColorInputType::elementRectRelativeToRootView() const
219 {
220     return element()->document()->view()->contentsToRootView(element()->pixelSnappedBoundingBox());
221 }
222
223 Color ColorInputType::currentColor()
224 {
225     return valueAsColor();
226 }
227
228 bool ColorInputType::shouldShowSuggestions() const
229 {
230 #if ENABLE(DATALIST_ELEMENT)
231     return element()->fastHasAttribute(listAttr);
232 #else
233     return false;
234 #endif
235 }
236
237 Vector<Color> ColorInputType::suggestions() const
238 {
239     Vector<Color> suggestions;
240 #if ENABLE(DATALIST_ELEMENT)
241     HTMLDataListElement* dataList = element()->dataList();
242     if (dataList) {
243         RefPtr<HTMLCollection> options = dataList->options();
244         for (unsigned i = 0; HTMLOptionElement* option = toHTMLOptionElement(options->item(i)); i++) {
245             if (!element()->isValidValue(option->value()))
246                 continue;
247             Color color(option->value());
248             if (!color.isValid())
249                 continue;
250             suggestions.append(color);
251         }
252     }
253 #endif
254     return suggestions;
255 }
256
257 } // namespace WebCore
258
259 #endif // ENABLE(INPUT_TYPE_COLOR)