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