!import
(0 calls, 0 incl. v-uS, 0 excl. v-uS)
1 <?xml version="1.0"?>
2
3 <bindings id="colorpickerBindings"
4 xmlns="http://www.mozilla.org/xbl"
5 xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
6 xmlns:xbl="http://www.mozilla.org/xbl">
7
8 <binding id="colorpicker" extends="chrome://global/content/bindings/general.xml#basecontrol">
9 <resources>
10 <stylesheet src="chrome://global/skin/colorpicker.css"/>
11 </resources>
12
13 <content>
14 <xul:vbox flex="1">
15
16 <xul:hbox>
17 <xul:spacer class="colorpickertile cp-light" style="background-color: #FFFFFF" color="#FFFFFF"/>
18 <xul:spacer class="colorpickertile cp-light" style="background-color: #FFCCCC" color="#FFCCCC"/>
19 <xul:spacer class="colorpickertile cp-light" style="background-color: #FFCC99" color="#FFCC99"/>
20 <xul:spacer class="colorpickertile cp-light" style="background-color: #FFFF99" color="#FFFF99"/>
21 <xul:spacer class="colorpickertile cp-light" style="background-color: #FFFFCC" color="#FFFFCC"/>
22 <xul:spacer class="colorpickertile cp-light" style="background-color: #99FF99" color="#99FF99"/>
23 <xul:spacer class="colorpickertile cp-light" style="background-color: #99FFFF" color="#99FFFF"/>
24 <xul:spacer class="colorpickertile cp-light" style="background-color: #CCFFFF" color="#CCFFFF"/>
25 <xul:spacer class="colorpickertile cp-light" style="background-color: #CCCCFF" color="#CCCCFF"/>
26 <xul:spacer class="colorpickertile cp-light" style="background-color: #FFCCFF" color="#FFCCFF"/>
27 </xul:hbox>
28 <xul:hbox>
29 <xul:spacer class="colorpickertile" style="background-color: #CCCCCC" color="#CCCCCC"/>
30 <xul:spacer class="colorpickertile" style="background-color: #FF6666" color="#FF6666"/>
31 <xul:spacer class="colorpickertile" style="background-color: #FF9966" color="#FF9966"/>
32 <xul:spacer class="colorpickertile cp-light" style="background-color: #FFFF66" color="#FFFF66"/>
33 <xul:spacer class="colorpickertile cp-light" style="background-color: #FFFF33" color="#FFFF33"/>
34 <xul:spacer class="colorpickertile cp-light" style="background-color: #66FF99" color="#66FF99"/>
35 <xul:spacer class="colorpickertile cp-light" style="background-color: #33FFFF" color="#33FFFF"/>
36 <xul:spacer class="colorpickertile cp-light" style="background-color: #66FFFF" color="#66FFFF"/>
37 <xul:spacer class="colorpickertile" style="background-color: #9999FF" color="#9999FF"/>
38 <xul:spacer class="colorpickertile" style="background-color: #FF99FF" color="#FF99FF"/>
39 </xul:hbox>
40 <xul:hbox>
41 <xul:spacer class="colorpickertile" style="background-color: #C0C0C0" color="#C0C0C0"/>
42 <xul:spacer class="colorpickertile" style="background-color: #FF0000" color="#FF0000"/>
43 <xul:spacer class="colorpickertile" style="background-color: #FF9900" color="#FF9900"/>
44 <xul:spacer class="colorpickertile" style="background-color: #FFCC66" color="#FFCC66"/>
45 <xul:spacer class="colorpickertile cp-light" style="background-color: #FFFF00" color="#FFFF00"/>
46 <xul:spacer class="colorpickertile cp-light" style="background-color: #33FF33" color="#33FF33"/>
47 <xul:spacer class="colorpickertile" style="background-color: #66CCCC" color="#66CCCC"/>
48 <xul:spacer class="colorpickertile" style="background-color: #33CCFF" color="#33CCFF"/>
49 <xul:spacer class="colorpickertile" style="background-color: #6666CC" color="#6666CC"/>
50 <xul:spacer class="colorpickertile" style="background-color: #CC66CC" color="#CC66CC"/>
51 </xul:hbox>
52 <xul:hbox>
53 <xul:spacer class="colorpickertile" style="background-color: #999999" color="#999999"/>
54 <xul:spacer class="colorpickertile" style="background-color: #CC0000" color="#CC0000"/>
55 <xul:spacer class="colorpickertile" style="background-color: #FF6600" color="#FF6600"/>
56 <xul:spacer class="colorpickertile" style="background-color: #FFCC33" color="#FFCC33"/>
57 <xul:spacer class="colorpickertile" style="background-color: #FFCC00" color="#FFCC00"/>
58 <xul:spacer class="colorpickertile" style="background-color: #33CC00" color="#33CC00"/>
59 <xul:spacer class="colorpickertile" style="background-color: #00CCCC" color="#00CCCC"/>
60 <xul:spacer class="colorpickertile" style="background-color: #3366FF" color="#3366FF"/>
61 <xul:spacer class="colorpickertile" style="background-color: #6633FF" color="#6633FF"/>
62 <xul:spacer class="colorpickertile" style="background-color: #CC33CC" color="#CC33CC"/>
63 </xul:hbox>
64 <xul:hbox>
65 <xul:spacer class="colorpickertile" style="background-color: #666666" color="#666666"/>
66 <xul:spacer class="colorpickertile" style="background-color: #990000" color="#990000"/>
67 <xul:spacer class="colorpickertile" style="background-color: #CC6600" color="#CC6600"/>
68 <xul:spacer class="colorpickertile" style="background-color: #CC9933" color="#CC9933"/>
69 <xul:spacer class="colorpickertile" style="background-color: #999900" color="#999900"/>
70 <xul:spacer class="colorpickertile" style="background-color: #009900" color="#009900"/>
71 <xul:spacer class="colorpickertile" style="background-color: #339999" color="#339999"/>
72 <xul:spacer class="colorpickertile" style="background-color: #3333FF" color="#3333FF"/>
73 <xul:spacer class="colorpickertile" style="background-color: #6600CC" color="#6600CC"/>
74 <xul:spacer class="colorpickertile" style="background-color: #993399" color="#993399"/>
75 </xul:hbox>
76 <xul:hbox>
77 <xul:spacer class="colorpickertile" style="background-color: #333333" color="#333333"/>
78 <xul:spacer class="colorpickertile" style="background-color: #660000" color="#660000"/>
79 <xul:spacer class="colorpickertile" style="background-color: #993300" color="#993300"/>
80 <xul:spacer class="colorpickertile" style="background-color: #996633" color="#996633"/>
81 <xul:spacer class="colorpickertile" style="background-color: #666600" color="#666600"/>
82 <xul:spacer class="colorpickertile" style="background-color: #006600" color="#006600"/>
83 <xul:spacer class="colorpickertile" style="background-color: #336666" color="#336666"/>
84 <xul:spacer class="colorpickertile" style="background-color: #000099" color="#000099"/>
85 <xul:spacer class="colorpickertile" style="background-color: #333399" color="#333399"/>
86 <xul:spacer class="colorpickertile" style="background-color: #663366" color="#663366"/>
87 </xul:hbox>
88 <xul:hbox>
89 <xul:spacer class="colorpickertile" style="background-color: #000000" color="#000000"/>
90 <xul:spacer class="colorpickertile" style="background-color: #330000" color="#330000"/>
91 <xul:spacer class="colorpickertile" style="background-color: #663300" color="#663300"/>
92 <xul:spacer class="colorpickertile" style="background-color: #663333" color="#663333"/>
93 <xul:spacer class="colorpickertile" style="background-color: #333300" color="#333300"/>
94 <xul:spacer class="colorpickertile" style="background-color: #003300" color="#003300"/>
95 <xul:spacer class="colorpickertile" style="background-color: #003333" color="#003333"/>
96 <xul:spacer class="colorpickertile" style="background-color: #000066" color="#000066"/>
97 <xul:spacer class="colorpickertile" style="background-color: #330099" color="#330099"/>
98 <xul:spacer class="colorpickertile" style="background-color: #330033" color="#330033"/>
99 </xul:hbox>
100 </xul:vbox>
101 <!-- Something to take tab focus
102 <button style="border : 0px; width: 0px; height: 0px;"/>
103 -->
104 </content>
105
106 <implementation implements="nsIDOMEventListener">
107 <property name="color">
get_color
(0 calls, 0 incl. v-uS, 0 excl. v-uS)
108 <getter><![CDATA[
109 return this.mSelectedCell ? this.mSelectedCell.getAttribute("color") : null;
110 ]]></getter>
set_color
(0 calls, 0 incl. v-uS, 0 excl. v-uS)
111 <setter><![CDATA[
112 if (!val)
113 return val;
114 var uppercaseVal = val.toUpperCase();
115 // Translate standard HTML color strings:
116 if (uppercaseVal[0] != "#") {
117 switch (val) {
118 case "GREEN":
119 uppercaseVal = "#008000";
120 break;
121 case "LIME":
122 uppercaseVal = "#00FF00";
123 break;
124 case "OLIVE":
125 uppercaseVal = "#808000";
126 break;
127 case "TEAL":
128 uppercaseVal = "#008080";
129 break;
130 case "YELLOW":
131 uppercaseVal = "#FFFF00";
132 break;
133 case "RED":
134 uppercaseVal = "#FF0000";
135 break;
136 case "MAROON":
137 uppercaseVal = "#800000";
138 break;
139 case "PURPLE":
140 uppercaseVal = "#800080";
141 break;
142 case "FUCHSIA":
143 uppercaseVal = "#FF00FF";
144 break;
145 case "NAVY":
146 uppercaseVal = "#000080";
147 break;
148 case "BLUE":
149 uppercaseVal = "#0000FF";
150 break;
151 case "AQUA":
152 uppercaseVal = "#00FFFF";
153 break;
154 case "WHITE":
155 uppercaseVal = "#FFFFFF";
156 break;
157 case "SILVER":
158 uppercaseVal = "#CC0C0C0";
159 break;
160 case "GRAY":
161 uppercaseVal = "#808080";
162 break;
163 default: // BLACK
164 uppercaseVal = "#000000";
165 break;
166 }
167 }
168 var cells = this.mBox.getElementsByAttribute("color", uppercaseVal);
169 if (cells.item(0)) {
170 this.selectCell(cells[0]);
171 this.hoverCell(this.mSelectedCell);
172 }
173 return val;
174 ]]></setter>
175 </property>
176
177 <method name="initColor">
178 <parameter name="aColor"/>
initColor
(0 calls, 0 incl. v-uS, 0 excl. v-uS)
179 <body><![CDATA[
180 // Use this to initialize color without
181 // triggering the "onselect" handler,
182 // which closes window when it's a popup
183 this.mDoOnSelect = false;
184 this.color = aColor;
185 this.mDoOnSelect = true;
186 ]]></body>
187 </method>
188
189 <method name="initialize">
initialize
(0 calls, 0 incl. v-uS, 0 excl. v-uS)
190 <body><![CDATA[
191 this.mSelectedCell = null;
192 this.mHoverCell = null;
193 this.mBox = document.getAnonymousNodes(this)[0];
194 this.mIsPopup = false;
195 this.mDoOnSelect = true;
196
197 this.hoverCell(this.mBox.childNodes[0].childNodes[0]);
198
199 // used to capture keydown at the document level
anon:200:32
(0 calls, 0 incl. v-uS, 0 excl. v-uS)
200 this.mPickerKeyDown = function(aEvent)
201 {
202 document._focusedPicker.pickerKeyDown(aEvent);
203 }
204
205 ]]></body>
206 </method>
207
208 <method name="_fireEvent">
209 <parameter name="aTarget"/>
210 <parameter name="aEventName"/>
_fireEvent
(0 calls, 0 incl. v-uS, 0 excl. v-uS)
211 <body>
212 <![CDATA[
213 try {
214 var event = document.createEvent("Events");
215 event.initEvent(aEventName, true, true);
216 var cancel = !aTarget.dispatchEvent(event);
217 if (aTarget.hasAttribute("on" + aEventName)) {
anon:218:27
(0 calls, 0 incl. v-uS, 0 excl. v-uS)
218 var fn = new Function ("event", aTarget.getAttribute("on" + aEventName));
219 var rv = fn.call(aTarget, event);
220 if (rv == false)
221 cancel = true;
222 }
223 return !cancel;
224 }
225 catch (e) {
226 Components.utils.reportError(e);
227 }
228 return false;
229 ]]>
230 </body>
231 </method>
232
233 <method name="resetHover">
resetHover
(0 calls, 0 incl. v-uS, 0 excl. v-uS)
234 <body><![CDATA[
235 if (this.mHoverCell)
236 this.mHoverCell.removeAttribute("hover");
237 ]]></body>
238 </method>
239
240 <method name="getColIndex">
241 <parameter name="aCell"/>
getColIndex
(0 calls, 0 incl. v-uS, 0 excl. v-uS)
242 <body><![CDATA[
243 var cell = aCell;
244 var idx;
245 for (idx = -1; cell; idx++)
246 cell = cell.previousSibling;
247
248 return idx;
249 ]]></body>
250 </method>
251
252 <method name="isColorCell">
253 <parameter name="aCell"/>
isColorCell
(0 calls, 0 incl. v-uS, 0 excl. v-uS)
254 <body><![CDATA[
255 return aCell && aCell.hasAttribute("color");
256 ]]></body>
257 </method>
258
259 <method name="hoverLeft">
hoverLeft
(0 calls, 0 incl. v-uS, 0 excl. v-uS)
260 <body><![CDATA[
261 var cell = this.mHoverCell.previousSibling;
262 this.hoverCell(cell);
263 ]]></body>
264 </method>
265
266 <method name="hoverRight">
hoverRight
(0 calls, 0 incl. v-uS, 0 excl. v-uS)
267 <body><![CDATA[
268 var cell = this.mHoverCell.nextSibling;
269 this.hoverCell(cell);
270 ]]></body>
271 </method>
272
273 <method name="hoverUp">
hoverUp
(0 calls, 0 incl. v-uS, 0 excl. v-uS)
274 <body><![CDATA[
275 var row = this.mHoverCell.parentNode.previousSibling;
276 if (row) {
277 var colIdx = this.getColIndex(this.mHoverCell);
278 var cell = row.childNodes[colIdx];
279 this.hoverCell(cell);
280 }
281 ]]></body>
282 </method>
283
284 <method name="hoverDown">
hoverDown
(0 calls, 0 incl. v-uS, 0 excl. v-uS)
285 <body><![CDATA[
286 var row = this.mHoverCell.parentNode.nextSibling;
287 if (row) {
288 var colIdx = this.getColIndex(this.mHoverCell);
289 var cell = row.childNodes[colIdx];
290 this.hoverCell(cell);
291 }
292 ]]></body>
293 </method>
294
295 <method name="hoverTo">
296 <parameter name="aRow"/>
297 <parameter name="aCol"/>
298
hoverTo
(0 calls, 0 incl. v-uS, 0 excl. v-uS)
299 <body><![CDATA[
300 var row = this.mBox.childNodes[aRow];
301 if (!row) return;
302 var cell = row.childNodes[aCol];
303 if (!cell) return;
304 this.hoverCell(cell);
305 ]]></body>
306 </method>
307
308 <method name="hoverCell">
309 <parameter name="aCell"/>
310
hoverCell
(0 calls, 0 incl. v-uS, 0 excl. v-uS)
311 <body><![CDATA[
312 if (this.isColorCell(aCell)) {
313 this.resetHover();
314 aCell.setAttribute("hover", "true");
315 this.mHoverCell = aCell;
316 var event = document.createEvent('Events');
317 event.initEvent('DOMMenuItemActive', true, true);
318 aCell.dispatchEvent(event);
319 }
320 ]]></body>
321 </method>
322
323 <method name="selectHoverCell">
selectHoverCell
(0 calls, 0 incl. v-uS, 0 excl. v-uS)
324 <body><![CDATA[
325 this.selectCell(this.mHoverCell);
326 ]]></body>
327 </method>
328
329 <method name="selectCell">
330 <parameter name="aCell"/>
331
selectCell
(0 calls, 0 incl. v-uS, 0 excl. v-uS)
332 <body><![CDATA[
333 if (this.isColorCell(aCell)) {
334 if (this.mSelectedCell)
335 this.mSelectedCell.removeAttribute("selected");
336
337 this.mSelectedCell = aCell;
338 aCell.setAttribute("selected", "true");
339
340 if (this.mDoOnSelect)
341 this._fireEvent(this, "select");
342 }
343 ]]></body>
344 </method>
345
346 <method name="handleEvent">
347 <parameter name="aEvent"/>
handleEvent
(0 calls, 0 incl. v-uS, 0 excl. v-uS)
348 <body><![CDATA[
349 switch (aEvent.keyCode) {
350 case 37: // left
351 this.hoverLeft();
352 break;
353 case 38: // up
354 this.hoverUp();
355 break;
356 case 39: // right
357 this.hoverRight();
358 break;
359 case 40: // down
360 this.hoverDown();
361 break;
362 case 13: // enter
363 case 32: // space
364 this.selectHoverCell();
365 break;
366 }
367 ]]></body>
368 </method>
369
constructor
(0 calls, 0 incl. v-uS, 0 excl. v-uS)
370 <constructor><![CDATA[
371 this.initialize();
372 ]]></constructor>
373
374 </implementation>
375
376 <handlers>
onmouseover
(0 calls, 0 incl. v-uS, 0 excl. v-uS)
377 <handler event="mouseover"><![CDATA[
378 this.hoverCell(event.originalTarget);
379 ]]></handler>
380
onclick
(0 calls, 0 incl. v-uS, 0 excl. v-uS)
381 <handler event="click"><![CDATA[
382 if (event.originalTarget.hasAttribute("color")) {
383 this.selectCell(event.originalTarget);
384 this.hoverCell(this.mSelectedCell);
385 }
386 ]]></handler>
387
388
onfocus
(0 calls, 0 incl. v-uS, 0 excl. v-uS)
389 <handler event="focus" phase="capturing">
390 <![CDATA[
391 if (!mIsPopup && this.getAttribute('focused') != 'true') {
392 this.setAttribute('focused','true');
393 document.addEventListener("keydown", this, true);
394 if (this.mSelectedCell)
395 this.hoverCell(this.mSelectedCell);
396 }
397 ]]>
398 </handler>
399
onblur
(0 calls, 0 incl. v-uS, 0 excl. v-uS)
400 <handler event="blur" phase="capturing">
401 <![CDATA[
402 if (!mIsPopup && this.getAttribute('focused') == 'true') {
403 document.removeEventListener("keydown", this, true);
404 this.removeAttribute('focused');
405 this.resetHover();
406 }
407 ]]>
408 </handler>
409 </handlers>
410 </binding>
411
412 <binding id="colorpicker-button" display="xul:menu"
413 extends="chrome://global/content/bindings/general.xml#basecontrol">
414 <resources>
415 <stylesheet src="chrome://global/skin/colorpicker.css"/>
416 </resources>
417
418 <content>
419 <xul:hbox class="colorpicker-button-colorbox" anonid="colorbox" flex="1" xbl:inherits="disabled"/>
420
421 <xul:panel class="colorpicker-button-menupopup"
422 anonid="colorpopup" noautofocus="true"
423 onmousedown="event.stopPropagation()"
424 onpopupshowing="this._colorPicker.onPopupShowing()"
425 onpopuphiding="this._colorPicker.onPopupHiding()"
426 onselect="this._colorPicker.pickerChange()">
427 <xul:colorpicker xbl:inherits="palettename,disabled" allowevents="true" anonid="colorpicker"/>
428 </xul:panel>
429 </content>
430
431 <implementation implements="nsIAccessibleProvider">
432 <property name="accessibleType" readonly="true">
get_accessibleType
(0 calls, 0 incl. v-uS, 0 excl. v-uS)
433 <getter>
434 <![CDATA[
435 return Components.interfaces.nsIAccessibleProvider.XULColorPicker;
436 ]]>
437 </getter>
438 </property>
439
get_open
(0 calls, 0 incl. v-uS, 0 excl. v-uS)
set_open
(0 calls, 0 incl. v-uS, 0 excl. v-uS)
440 <property name="open"
441 onget="return this.getAttribute('open') == 'true'"
442 onset="this.showPopup();"/>
443 <property name="color">
get_color
(0 calls, 0 incl. v-uS, 0 excl. v-uS)
444 <getter><![CDATA[
445 return this.getAttribute("color");
446 ]]></getter>
set_color
(0 calls, 0 incl. v-uS, 0 excl. v-uS)
447 <setter><![CDATA[
448 this.mColorBox.setAttribute("style", "background-color: " + val);
449 this.setAttribute("color", val);
450 return val;
451 ]]></setter>
452 </property>
453
454 <method name="initialize">
initialize
(0 calls, 0 incl. v-uS, 0 excl. v-uS)
455 <body><![CDATA[
456 this.mColorBox = document.getAnonymousElementByAttribute(this, "anonid", "colorbox");
457 this.mColorBox.style.backgroundColor = this.color;
458
459 var popup = document.getAnonymousElementByAttribute(this, "anonid", "colorpopup")
460 popup._colorPicker = this;
461
462 this.mPicker = document.getAnonymousElementByAttribute(this, "anonid", "colorpicker")
463 ]]></body>
464 </method>
465
466 <method name="_fireEvent">
467 <parameter name="aTarget"/>
468 <parameter name="aEventName"/>
_fireEvent
(0 calls, 0 incl. v-uS, 0 excl. v-uS)
469 <body>
470 <![CDATA[
471 try {
472 var event = document.createEvent("Events");
473 event.initEvent(aEventName, true, true);
474 var cancel = !aTarget.dispatchEvent(event);
475 if (aTarget.hasAttribute("on" + aEventName)) {
anon:476:27
(0 calls, 0 incl. v-uS, 0 excl. v-uS)
476 var fn = new Function ("event", aTarget.getAttribute("on" + aEventName));
477 var rv = fn.call(aTarget, event);
478 if (rv == false)
479 cancel = true;
480 }
481 return !cancel;
482 }
483 catch (e) {
484 dump(e);
485 }
486 return false;
487 ]]>
488 </body>
489 </method>
490
491 <method name="showPopup">
(0 calls, 0 incl. v-uS, 0 excl. v-uS)
492 <body><![CDATA[
493 this.mPicker.parentNode.openPopup(this, "after_start", 0, 0, false, false);
494 ]]></body>
495 </method>
496
497 <method name="hidePopup">
(0 calls, 0 incl. v-uS, 0 excl. v-uS)
498 <body><![CDATA[
499 this.mPicker.parentNode.hidePopup();
500 ]]></body>
501 </method>
502
503 <method name="onPopupShowing">
(0 calls, 0 incl. v-uS, 0 excl. v-uS)
504 <body><![CDATA[
505 if ("resetHover" in this.mPicker)
506 this.mPicker.resetHover();
507 document.addEventListener("keydown", this.mPicker, true);
508 this.mPicker.mIsPopup = true;
509 // Initialize to current button's color
510 this.mPicker.initColor(this.color);
511 ]]></body>
512 </method>
513
514 <method name="onPopupHiding">
(0 calls, 0 incl. v-uS, 0 excl. v-uS)
515 <body><![CDATA[
516 // Removes the key listener
517 document.removeEventListener("keydown", this.mPicker, true);
518 this.mPicker.mIsPopup = false;
519 ]]></body>
520 </method>
521
522 <method name="pickerChange">
pickerChange
(0 calls, 0 incl. v-uS, 0 excl. v-uS)
523 <body><![CDATA[
524 this.color = this.mPicker.color;
anon:525:21
(0 calls, 0 incl. v-uS, 0 excl. v-uS)
525 setTimeout(function(aPopup) { aPopup.hidePopup() }, 1, this.mPicker.parentNode);
526
527 this._fireEvent(this, "change");
528 ]]></body>
529 </method>
530
constructor
(0 calls, 0 incl. v-uS, 0 excl. v-uS)
531 <constructor><![CDATA[
532 this.initialize();
533 ]]></constructor>
534
535 </implementation>
536
537 <handlers>
onkeydown
(0 calls, 0 incl. v-uS, 0 excl. v-uS)
538 <handler event="keydown"><![CDATA[
539 // open popup if key is space/up/left/right/down and popup is closed
540 if ( (event.keyCode == 32 || (event.keyCode > 36 && event.keyCode < 41)) && !this.open)
541 this.showPopup();
542 else if ( (event.keyCode == 27) && this.open)
543 this.hidePopup();
544 ]]></handler>
545 </handlers>
546 </binding>
547
548 <binding id="colorpickertile">
549 <implementation implements="nsIAccessibleProvider">
550 <property name="accessibleType" readonly="true">
get_accessibleType
(0 calls, 0 incl. v-uS, 0 excl. v-uS)
551 <getter>
552 <![CDATA[
553 return Components.interfaces.nsIAccessibleProvider.XULColorPickerTile;
554 ]]>
555 </getter>
556 </property>
557 </implementation>
558 </binding>
559
560 </bindings>