\n",
+
+ // _paletteDims: Object
+ // Size of the supported palettes for alignment purposes.
+ _paletteDims: {
+ "7x10": {"width": "206px", "height": "145px"},
+ "3x4": {"width": "86px", "height": "64px"}
+ },
+
+ // tabIndex: String
+ // Widget tabindex.
+ tabIndex: "0",
+
+ postCreate: function(){
+ // A name has to be given to the colorMap, this needs to be unique per Palette.
+ dojo.mixin(this.divNode.style, this._paletteDims[this.palette]);
+ this.imageNode.setAttribute("src", this._imagePaths[this.palette]);
+ var choices = this._palettes[this.palette];
+ this.domNode.style.position = "relative";
+ this._cellNodes = [];
+ this.colorNames = dojo.i18n.getLocalization("dojo", "colors", this.lang);
+ var url = dojo.moduleUrl("dojo", "resources/blank.gif"),
+ colorObject = new dojo.Color(),
+ coords = this._paletteCoords;
+ for(var row=0; row < choices.length; row++){
+ for(var col=0; col < choices[row].length; col++) {
+ var imgNode = dojo.doc.createElement("img");
+ imgNode.src = url;
+ dojo.addClass(imgNode, "dijitPaletteImg");
+ var color = choices[row][col],
+ colorValue = colorObject.setColor(dojo.Color.named[color]);
+ imgNode.alt = this.colorNames[color];
+ imgNode.color = colorValue.toHex();
+ var imgStyle = imgNode.style;
+ imgStyle.color = imgStyle.backgroundColor = imgNode.color;
+ var cellNode = dojo.doc.createElement("span");
+ cellNode.appendChild(imgNode);
+ dojo.forEach(["Dijitclick", "MouseEnter", "Focus", "Blur"], function(handler) {
+ this.connect(cellNode, "on" + handler.toLowerCase(), "_onCell" + handler);
+ }, this);
+ this.divNode.appendChild(cellNode);
+ var cellStyle = cellNode.style;
+ cellStyle.top = coords.topOffset + (row * coords.cHeight) + "px";
+ cellStyle.left = coords.leftOffset + (col * coords.cWidth) + "px";
+ dojo.attr(cellNode, "tabindex", "-1");
+ cellNode.title = this.colorNames[color];
+ dojo.addClass(cellNode, "dijitPaletteCell");
+ dijit.setWaiRole(cellNode, "gridcell");
+ cellNode.index = this._cellNodes.length;
+ this._cellNodes.push(cellNode);
+ }
+ }
+ this._xDim = choices[0].length;
+ this._yDim = choices.length;
+ this.connect(this.divNode, "onfocus", "_onDivNodeFocus");
+
+ // Now set all events
+ // The palette itself is navigated to with the tab key on the keyboard
+ // Keyboard navigation within the Palette is with the arrow keys
+ // Spacebar selects the color.
+ // For the up key the index is changed by negative the x dimension.
+
+ var keyIncrementMap = {
+ UP_ARROW: -this._xDim,
+ // The down key the index is increase by the x dimension.
+ DOWN_ARROW: this._xDim,
+ // Right and left move the index by 1.
+ RIGHT_ARROW: 1,
+ LEFT_ARROW: -1
+ };
+ for(var key in keyIncrementMap){
+ this._connects.push(dijit.typematic.addKeyListener(this.domNode,
+ {keyCode:dojo.keys[key], ctrlKey:false, altKey:false, shiftKey:false},
+ this,
+ function(){
+ var increment = keyIncrementMap[key];
+ return function(count){ this._navigateByKey(increment, count); };
+ }(),
+ this.timeoutChangeRate, this.defaultTimeout));
+ }
+ },
+
+ focus: function(){
+ // summary:
+ // Focus this ColorPalette. Puts focus on the first swatch.
+ this._focusFirst();
+ },
+
+ onChange: function(color){
+ // summary:
+ // Callback when a color is selected.
+ // color: String
+ // Hex value corresponding to color.
+// console.debug("Color selected is: "+color);
+ },
+
+ _focusFirst: function(){
+ this._currentFocus = 0;
+ var cellNode = this._cellNodes[this._currentFocus];
+ window.setTimeout(function(){dijit.focus(cellNode)}, 0);
+ },
+
+ _onDivNodeFocus: function(evt){
+ // focus bubbles on Firefox 2, so just make sure that focus has really
+ // gone to the container
+ if(evt.target === this.divNode){
+ this._focusFirst();
+ }
+ },
+
+ _onFocus: function(){
+ // while focus is on the palette, set its tabindex to -1 so that on a
+ // shift-tab from a cell, the container is not in the tab order
+ dojo.attr(this.divNode, "tabindex", "-1");
+ },
+
+ _onBlur: function(){
+ this._removeCellHighlight(this._currentFocus);
+ // when focus leaves the palette, restore its tabindex, since it was
+ // modified by _onFocus().
+ dojo.attr(this.divNode, "tabindex", this.tabIndex);
+ },
+
+ _onCellDijitclick: function(/*Event*/ evt){
+ // summary:
+ // Handler for click, enter key & space key. Selects the color.
+ // evt:
+ // The event.
+ var target = evt.currentTarget;
+ if (this._currentFocus != target.index){
+ this._currentFocus = target.index;
+ window.setTimeout(function(){dijit.focus(target)}, 0);
+ }
+ this._selectColor(target);
+ dojo.stopEvent(evt);
+ },
+
+ _onCellMouseEnter: function(/*Event*/ evt){
+ // summary:
+ // Handler for onMouseOver. Put focus on the color under the mouse.
+ // evt:
+ // The mouse event.
+ var target = evt.currentTarget;
+ window.setTimeout(function(){dijit.focus(target)}, 0);
+ },
+
+ _onCellFocus: function(/*Event*/ evt){
+ // summary:
+ // Handler for onFocus. Removes highlight of
+ // the color that just lost focus, and highlights
+ // the new color.
+ // evt:
+ // The focus event.
+ this._removeCellHighlight(this._currentFocus);
+ this._currentFocus = evt.currentTarget.index;
+ dojo.addClass(evt.currentTarget, "dijitPaletteCellHighlight");
+ },
+
+ _onCellBlur: function(/*Event*/ evt){
+ // summary:
+ // needed for Firefox 2 on Mac OS X
+ this._removeCellHighlight(this._currentFocus);
+ },
+
+ _removeCellHighlight: function(index){
+ dojo.removeClass(this._cellNodes[index], "dijitPaletteCellHighlight");
+ },
+
+ _selectColor: function(selectNode){
+ // summary:
+ // This selects a color. It triggers the onChange event
+ // area:
+ // The area node that covers the color being selected.
+ var img = selectNode.getElementsByTagName("img")[0];
+ this.onChange(this.value = img.color);
+ },
+
+ _navigateByKey: function(increment, typeCount){
+ // summary:
+ // This is the callback for typematic.
+ // It changes the focus and the highlighed color.
+ // increment:
+ // How much the key is navigated.
+ // typeCount:
+ // How many times typematic has fired.
+
+ // typecount == -1 means the key is released.
+ if(typeCount == -1){ return; }
+
+ var newFocusIndex = this._currentFocus + increment;
+ if(newFocusIndex < this._cellNodes.length && newFocusIndex > -1)
+ {
+ var focusNode = this._cellNodes[newFocusIndex];
+ focusNode.focus();
+ }
+ }
+});
+
+}
diff --git a/includes/js/dijit/Declaration.js b/includes/js/dijit/Declaration.js
new file mode 100644
index 0000000..2b18cfe
--- /dev/null
+++ b/includes/js/dijit/Declaration.js
@@ -0,0 +1,76 @@
+if(!dojo._hasResource["dijit.Declaration"]){ //_hasResource checks added by build. Do not use _hasResource directly in your code.
+dojo._hasResource["dijit.Declaration"] = true;
+dojo.provide("dijit.Declaration");
+dojo.require("dijit._Widget");
+dojo.require("dijit._Templated");
+
+dojo.declare(
+ "dijit.Declaration",
+ dijit._Widget,
+ {
+ // summary:
+ // The Declaration widget allows a user to declare new widget
+ // classes directly from a snippet of markup.
+
+ _noScript: true,
+ widgetClass: "",
+ replaceVars: true,
+ defaults: null,
+ mixins: [],
+ buildRendering: function(){
+ var src = this.srcNodeRef.parentNode.removeChild(this.srcNodeRef);
+ var preambles = dojo.query("> script[type='dojo/method'][event='preamble']", src).orphan();
+ var scripts = dojo.query("> script[type^='dojo/']", src).orphan();
+ var srcType = src.nodeName;
+
+ var propList = this.defaults||{};
+
+ // map array of strings like [ "dijit.form.Button" ] to array of mixin objects
+ // (note that dojo.map(this.mixins, dojo.getObject) doesn't work because it passes
+ // a bogus third argument to getObject(), confusing it)
+ this.mixins = this.mixins.length ?
+ dojo.map(this.mixins, function(name){ return dojo.getObject(name); } ) :
+ [ dijit._Widget, dijit._Templated ];
+
+ if(preambles.length){
+ // we only support one preamble. So be it.
+ propList.preamble = dojo.parser._functionFromScript(preambles[0]);
+ }
+
+ var parsedScripts = dojo.map(scripts, function(s){
+ var evt = s.getAttribute("event")||"postscript";
+ return {
+ event: evt,
+ func: dojo.parser._functionFromScript(s)
+ };
+ });
+
+ // do the connects for each
+
+
+
+
+
+
Dojo Benchmark Tool
+
+
+
+
+ Class:
+ Count:
+
+ Method:
+
+
+
+ Run Test
+
+
+
+
+
+
+
+ * The results of these tests are important to us. Please feel free to submit your dataSet
+ to Dojotoolkit.org. Your privacy will be respected.
+
+