diff --git a/fin-hypergrid.dev.html b/fin-hypergrid.dev.html
index 824a8ae8d..3d41d8f87 100644
--- a/fin-hypergrid.dev.html
+++ b/fin-hypergrid.dev.html
@@ -21322,6 +21322,7 @@
 
 
 
+
 
 
 </style>
@@ -22405,6 +22406,7 @@
 
 
 
+
 
 
 </style>
@@ -22634,6 +22636,7 @@
 
 
 
+
 
 
 </style>
@@ -22917,6 +22920,7 @@
 
 
 
+
 
 
 </style>
@@ -23200,6 +23204,7 @@
 
 
 
+
 
 
 </style>
@@ -23523,6 +23528,7 @@
 
 
 
+
 </style>
   </template>
   <script>'use strict';
@@ -23618,6 +23624,7 @@
 
 
 
+
 
 
 </style>
@@ -23784,6 +23791,7 @@
 
 
 
+
 
 
 </style>
@@ -24425,6 +24433,7 @@
 
 
 
+
 
 
 </style>
@@ -24698,6 +24707,7 @@
 
 
 
+
 
 
 </style>
@@ -24875,6 +24885,7 @@
 
 
 
+
 
 
 </style>
@@ -25046,6 +25057,7 @@
 
 
 
+
 
 
 </style>
@@ -25231,6 +25243,7 @@
 
 
 
+
 
 
 </style>
@@ -25533,6 +25546,7 @@
 
 
 
+
 
 
 </style>
@@ -26155,6 +26169,7 @@
 
 
 
+
 
 
 </style>
@@ -26293,6 +26308,7 @@
 
 
 
+
 
 
 </style>
@@ -26378,6 +26394,7 @@
 
 
 
+
 
 
 </style>
@@ -27200,6 +27217,7 @@
 
 
 
+
 
 
 </style>
@@ -27381,6 +27399,7 @@
 
 
 
+
 
 
 </style>
@@ -27821,6 +27840,7 @@
 
 
 
+
 
 
 </style>
@@ -27877,7 +27897,7 @@
             this.tableState.sorts = [];
             this.tableState.sortLookup = {};
             this.tableState.sorted = {};
-            this.sortStates = [' -', ' ^', ' v'];
+            this.sortStates = [' -', ' ↑', ' ↓'];
 
             this.permuteInterval = 250;
             this.values = new Array(this.rows * this.columns);
@@ -28420,6 +28440,7 @@
 
 
 
+
 
 
 </style>
@@ -28441,7 +28462,7 @@
         ready: function() {
             this.readyInit();
             this.tableState.sorted = [];
-            this.sortStates = [' ', ' \u2191', ' \u2193'];
+            this.sortStates = [' ', ' ↑', ' ↓'];
         },
 
         isValidIdentifer: function(string) {
@@ -28803,6 +28824,7 @@
 
 
 
+
 
 
 </style>
@@ -29217,6 +29239,7 @@
 
 
 
+
 
 
 </style>
@@ -29282,16 +29305,16 @@
 
     //sort states are also the visual queues in the column headers
     //* '' no sort
-    //* ^ sort ascending
-    //* v sort descending
-    //* |^| sort absolute value ascending
-    //* |v| sort absolute value descending;
+    //* ↑ sort ascending
+    //* ↓ sort descending
+    //* ⤒ sort absolute value ascending
+    //* ⤓ sort absolute value descending;
     // \u25be
     var sortMap = {
-        a: '\u2191',
-        d: '\u2193',
-        A: '\u2912',
-        D: '\u2913'
+        a: '↑', //'\u2191',
+        d: '↓', //'\u2193',
+        A: '⤒', //'\u2912',
+        D: '⤓', //'\u2913'
     };
 
     var sortStates = {
@@ -29836,6 +29859,7 @@
 
 
 
+
 </style>
   </template>
   <script>'use strict';
@@ -30144,6 +30168,7 @@
 
 
 
+
 
 
 </style>
@@ -30426,6 +30451,7 @@
 
 
 
+
 
 
 </style>
@@ -30654,6 +30680,7 @@
 
 
 
+
 
 
 </style>
@@ -30819,6 +30846,7 @@
 
 
 
+
 
 
 </style>
@@ -30987,6 +31015,7 @@
 
 
 
+
 
 
 </style>
@@ -31149,6 +31178,7 @@
 
 
 
+
 
 
 </style>
@@ -31311,6 +31341,7 @@
 
 
 
+
 
 
 </style>
@@ -31473,6 +31504,7 @@
 
 
 
+
 
 
 </style>
@@ -31700,6 +31732,7 @@
 
 
 
+
 
 
 </style>
@@ -33323,6 +33356,7 @@
          * @method setVScrollValue(y)
          */
         setVScrollValue: function(y) {
+            y = Math.max(0, y);
             var self = this;
             this.getBehavior()._setScrollPositionY(y);
             var oldY = this.vScrlValue;
@@ -33353,6 +33387,7 @@
          * @method setHScrollValue(x)
          */
         setHScrollValue: function(x) {
+            x = Math.max(0, x);
             var self = this;
             this.getBehavior()._setScrollPositionX(x);
             var oldX = this.hScrlValue;
diff --git a/fin-hypergrid.min.html b/fin-hypergrid.min.html
index 534fe477c..3a7080c0b 100644
--- a/fin-hypergrid.min.html
+++ b/fin-hypergrid.min.html
@@ -28,4 +28,4 @@
                 ⬤
               </span>
               {{labelAdapter(item)}}
-            </li></template><li value="last_spacer" class="spacer beSmall"></li></ul></template><script>"use strict";(function(){var noop=function(){};Polymer("fin-hypergrid-dnd-list",{label:"label",id:"id",attached:function(){this.title=this.title||"title";this.list=this.list||[{id:0,label:"list item zero"},{id:1,label:"list item one"},{id:2,label:"list item two"},{id:3,label:"list item three"},{id:4,label:"list item four"},{id:5,label:"list item five"},{id:6,label:"list item six"},{id:7,label:"list item seven"},{id:8,label:"list item eight"},{id:9,label:"list item nine"}];var parent=this.parentElement;var self=this;parent.oncontextmenu=function(){return false};PolymerGestures.addEventListener(this.$.ulist,"trackstart",function(e){var li=e.path[0];if(li.nodeName!=="LI"){return}self.initiateItemDrag(li,e)})},getRowHeights:function(){var bounds=this.$.ulist.getBoundingClientRect();var items=this.$.ulist.querySelectorAll("li.item").array();if(items.length===0){return[0]}var boundries=items.map(function(e){return e.getBoundingClientRect().top-bounds.top});var last=items[items.length-1];boundries.push(boundries[boundries.length-1]+last.getBoundingClientRect().height);boundries[0]=0;return boundries},labelAdapter:function(item){if(typeof item==="object"){return item[this.label]}return item},idAdapter:function(item){if(typeof item==="object"){return item[this.id]}return item},handleDragHoverEnter:function(dragged,x,y){noop(dragged,x,y)},handleDragHoverExit:function(dragged,x,y){noop(dragged,x,y);this.correctItemState()},handleDragOver:function(dragged,x,y){var self=this;var bounds=this.$.ulist.getBoundingClientRect();var boundries=this.getRowHeights();var localY=y-bounds.top;var minValue=1e6;var minIndex=0;for(var i=0;i<boundries.length;i++){var distance=Math.abs(localY-boundries[i]);if(distance<minValue){minIndex=i;minValue=distance}}var overRow=minIndex;if(this.overRow!==overRow){if(this.isTransition){return}this.isTransition=true;var spacers=this.$.ulist.querySelectorAll("li.spacer");if(this.overRow||this.overRow===0){var previous=this.$.ulist.querySelector("li.spacer.beBig");if(previous){previous.classList.add("transition");requestAnimationFrame(function(){previous.classList.remove("beBig");previous.classList.add("beSmall")})}}this.overRow=overRow;var spacer=spacers[overRow];spacer.classList.add("transition");requestAnimationFrame(function(){spacer.classList.remove("beSmall");spacer.classList.add("beBig");setTimeout(function(){spacer.classList.remove("transition");self.isTransition=false},210)})}},handleDrag:function(e){if(!this.dragFodder){return}var dragFodderRect=this.dragFodder.getBoundingClientRect();var cxo=dragFodderRect.width/2;var cyo=dragFodderRect.height/2;var globalX=(e.x||e.clientX)-this.dragEventStart[0];var globalY=(e.y||e.clientY)-this.dragEventStart[1];this.setCssLocation(this.dragFodder.style,globalX,globalY);this.dragFodder.style.display="none";var dropTarget=document.elementFromPoint(globalX+cxo,globalY+cyo);this.dragFodder.style.display="";if(dropTarget&&dropTarget.handleDragOver){if(this.currentDropTarget!==dropTarget){if(!dropTarget.canDropItem(this.list,dropTarget.list,this.dragFodder.sourceIndex,this.dragFodder.dragItem,e)){return}if(this.currentDropTarget){this.currentDropTarget.handleDragHoverExit(this.dragFodder,globalX+cxo,globalY+cyo)}this.currentDropTarget=dropTarget;this.currentDropTarget.handleDragHoverEnter(this.dragFodder,globalX+cxo,globalY+cyo)}dropTarget.handleDragOver(this.dragFodder,globalX+cxo,globalY+cyo)}},handleDrop:function(e){noop(e);var dropTarget=this.currentDropTarget;var dragFodder=this.dragFodder;dropTarget.listItemDropped(dragFodder)},listItemDropped:function(listItem){var self=this;var dropSpacer=this.$.ulist.querySelector("li.spacer.beBig");var items=this.$.ulist.querySelectorAll("li").array();var sourceItem=listItem.dragItem;var insertIndex=items.indexOf(dropSpacer)/2;var targetRect=dropSpacer.getBoundingClientRect();var targetTop=targetRect.top;var targetLeft=targetRect.left;listItem.style.webkitTransition="-webkit-transform 150ms ease-in";listItem.style.MozTransition="-moz-transform 150ms ease-in";listItem.style.msTransition="-ms-transform 150ms ease-in";listItem.style.oTransition="-o-transform 150ms ease-in";listItem.style.transition="transform 150ms ease-in";requestAnimationFrame(function(){self.setCssLocation(listItem.style,targetLeft,targetTop);setTimeout(function(){listItem.parentElement.removeChild(listItem);dropSpacer.classList.remove("beBig");dropSpacer.classList.add("beSmall");self.list.splice(insertIndex,0,sourceItem);self.overRow=undefined},170)})},canDragItem:function(list,item,index,e){noop(list,item,index,e);return true},canDropItem:function(sourceList,myList,sourceIndex,item,e){noop(sourceList,myList,sourceIndex,item,e);return true},initiateItemDrag:function(li,e){li.dragSource=this;li.dragIndex=parseInt(li.getAttribute("value"));li.dragItem=this.list[li.dragIndex];if(!this.canDragItem(this.list,li.dragItem,li.dragIndex,e)){return}this.overRow=undefined;var transitions=this.$.ulist.querySelectorAll(".transition").array();transitions.forEach(function(e){e.classList.remove("transition")});e.preventDefault();var goAwayer=li.nextElementSibling;var bounds=li.getBoundingClientRect();var self=this;var parent=this.$.ulist;var parentBounds=parent.getBoundingClientRect();li.style.width=parentBounds.width+"px";this.list.splice(li.dragIndex,1);this.dragFodder=li;this.dragEventStart=[(e.x||e.clientX)-bounds.left,(e.y||e.clientY)-bounds.top];goAwayer.classList.add("beBig");goAwayer.classList.remove("beSmall");document.body.appendChild(li);PolymerGestures.addEventListener(li,"track",function(e){self.handleDrag(e)});PolymerGestures.addEventListener(li,"trackend",function(e){self.handleDrop(e)});requestAnimationFrame(function(){setTimeout(function(){goAwayer.classList.remove("transition")},210)})},setCssLocation:function(style,x,y){style.position="fixed";style.zIndex=10;style.top=0;style.left=0;style.webkitTransform="translate("+x+"px, "+y+"px)";style.MozTransform="translate("+x+"px, "+y+"px)";style.mmsTransform="translate("+x+"px, "+y+"px)";style.oTransform="translate("+x+"px, "+y+"px)";style.transform="translate("+x+"px, "+y+"px)";style.border="1px solid #bbbbbb";style.boxShadow="0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)"},correctItemState:function(){var self=this;var spacer=this.$.ulist.querySelector("li.spacer.beBig");if(spacer){requestAnimationFrame(function(){spacer.classList.remove("beBig");spacer.classList.add("beSmall");spacer.classList.add("transition");setTimeout(function(){spacer.classList.remove("transition");self.overRow=undefined},210)})}}})})();</script></polymer-element><polymer-element name="fin-canvas-component" class="fin-canvas-component" attributes="layoutProperties" assetpath="/dev/fin-canvas/"><template></template><script>"use strict";(function(){Polymer("fin-canvas-component",{ready:function(){this.readyInit()},readyInit:function(){this.g=document.createElement("fin-rectangle");this.parent=null;this.bounds=this.g.rectangle.create(0,0,0,0);this.color=this.color||"black";this.backgroundColor=null;this.layoutProperties=this.layoutProperties||[0,0,1,0,1,0,0,0];if(typeof this.layoutProperties==="string"){this.layoutProperties=JSON.parse(this.layoutProperties)}},setBounds:function(rectangle){this.bounds=rectangle},getBounds:function(){return this.bounds},_paint:function(gc){try{gc.save();gc.translate(this.bounds.left(),this.bounds.top());var bgColor=this.getBackgroundColor();if(bgColor){var rect=this.getBounds();gc.beginPath();gc.fillStyle=bgColor;gc.fillRect(0,0,rect.width(),rect.height());gc.stroke()}this.paint(gc)}finally{gc.restore()}},paint:function(){},getBackgroundColor:function(){return this.backgroundColor},setBackgroundColor:function(colorValue){this.backgroundColor=colorValue},repaint:function(){if(this.parent){this.parent.repaint()}},setParent:function(newParent){this.parent=newParent},getLayoutProperties:function(){return this.layoutProperties},setLayoutProperties:function(properties){this.layoutProperties=properties},getComponent:function(){var comp=this.children[0];return comp}})})();</script></polymer-element><polymer-element name="fin-hypergrid-renderer" extends="fin-canvas-component" assetpath="/dev/fin-hypergrid/polymer/html/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>"use strict";var noop=function(){};var fontData={};var config={getTextHeight:function(font){var result=fontData[font];if(result){return result}result={};var text=document.createElement("span");text.textContent="Hg";text.style.font=font;var block=document.createElement("div");block.style.display="inline-block";block.style.width="1px";block.style.height="0px";var div=document.createElement("div");div.appendChild(text);div.appendChild(block);div.style.position="absolute";document.body.appendChild(div);try{block.style.verticalAlign="baseline";var blockRect=block.getBoundingClientRect();var textRect=text.getBoundingClientRect();result.ascent=blockRect.top-textRect.top;block.style.verticalAlign="bottom";result.height=blockRect.top-textRect.top;result.descent=result.height-result.ascent}finally{div.remove()}if(result.height!==0){fontData[font]=result}return result}};(function(){var cellConfig=function(x,y,value,fgColor,bgColor,fgSelColor,bgSelColor,font,isSelected,isColumnHovered,isRowHovered,halign,hoffset,voffset,properties){config.x=x;config.y=y;config.value=value;config.fgColor=fgColor;config.bgColor=undefined;config.fgSelColor=fgSelColor;config.bgSelColor=bgSelColor;config.font=font;config.isSelected=isSelected;config.isColumnHovered=isColumnHovered||false;config.isRowHovered=isRowHovered||false;config.halign=halign||"center";config.hoffset=hoffset;config.voffset=voffset;config.properties=properties;return config};Polymer("fin-hypergrid-renderer",{attached:function(){this.readyInit();this.renderedColumnWidths=[0];this.renderedHeight=0;this.renderedRowHeights=[0];this.renderedColumns=[];this.renderedRows=[];this.insertionBounds=[]},resolveProperty:function(key){return this.grid.resolveProperty(key)},cellConfig:function(x,y,value,fgColor,bgColor,fgSelColor,bgSelColor,font,isSelected,isColumnHovered,isRowHovered,halign,hoffset,voffset){var config=cellConfig(x,y,value,fgColor,bgColor,fgSelColor,bgSelColor,font,isSelected,isColumnHovered,isRowHovered,halign,hoffset,voffset,this.grid.lnfProperties);return config},getGrid:function(){return this.grid},setGrid:function(grid){this.grid=grid},paint:function(gc){if(!this.grid){return}this.renderGrid(gc);this.getGrid().gridRenderedNotification()},getViewableRows:function(){return this.renderedRows.length},getViewableColumns:function(){return this.renderedColumns.length},overColumnDivider:function(x){x=Math.round(x);var whichCol=this.renderedColumnWidths.indexOf(x+1);if(whichCol<0){whichCol=this.renderedColumnWidths.indexOf(x)}if(whichCol<0){whichCol=this.renderedColumnWidths.indexOf(x-1)}return whichCol},overRowDivider:function(y){y=Math.round(y);var which=this.renderedRowHeights.indexOf(y+1);if(which<0){which=this.renderedRowHeights.indexOf(y)}if(which<0){which=this.renderedRowHeights.indexOf(y-1)}return which},getBoundsOfCell:function(cell){return this._getBoundsOfCell(cell.x,cell.y)},_getBoundsOfCell:function(x,y){var ox=this.renderedColumnWidths[x],oy=this.renderedRowHeights[y],cx=this.renderedColumnWidths[x+1],cy=this.renderedRowHeights[y+1],ex=cx-ox,ey=cy-oy;var bounds=this.g.rectangle.create(ox,oy,ex,ey);return bounds},getColumnFromPixelX:function(pixelX){pixelX=pixelX-this.getBehavior().getFixedColumnsWidth();var width=0;var c;for(c=0;c<this.insertionBounds.length;c++){width=this.insertionBounds[c];if(pixelX<width){return c}}return c},getGridCellFromMousePoint:function(point){var width=0;var height=0;var x,y;var c,r;var previous=0;for(c=1;c<this.renderedColumnWidths.length;c++){width=this.renderedColumnWidths[c];if(point.x<width){x=Math.max(0,point.x-previous-2);break}previous=width}c--;previous=0;for(r=1;r<this.renderedRowHeights.length;r++){height=this.renderedRowHeights[r];if(point.y<height){y=Math.max(0,point.y-previous-2);break}previous=height}r--;if(point.x<0){c=-1}if(point.y<0){r=-1}return{gridCell:this.g.point.create(c,r),mousePoint:this.g.point.create(x,y)}},isColVisible:function(c){var isVisible=this.renderedColumns.indexOf(c)!==-1;return isVisible},getFinalVisableColumnBoundry:function(){var isMaxX=this.isLastColumnVisible();var chop=isMaxX?2:1;var colWall=this.renderedColumnWidths[this.renderedColumnWidths.length-chop];var result=Math.min(colWall,this.getBounds().width()-200);return result},isRowVisible:function(r){var isVisible=this.renderedRows.indexOf(r)!==-1;return isVisible},isSelected:function(x,y){return this.getGrid().isSelected(x,y)},renderGrid:function(gc){var offsetX=this.getBehavior().getFixedColumnsWidth();var offsetY=this.getBehavior().getFixedRowsHeight();gc.beginPath();this.paintTopLeft(gc,offsetX,offsetY);this.paintHeaders(gc,0,0);this.paintCells(gc,offsetX,offsetY);this.paintGridlines(gc,offsetX,offsetY);this.blankOutOverflow(gc);this.renderOverrides(gc);gc.closePath()},blankOutOverflow:function(gc){var isMaxX=this.isLastColumnVisible();var chop=isMaxX?2:1;var x=this.renderedColumnWidths[this.renderedColumnWidths.length-chop];var bounds=this.getGrid().getBoundingClientRect();var width=bounds.width-x;var height=bounds.height;gc.fillStyle=this.resolveProperty("backgroundColor2");gc.fillRect(x,0,width,height)},renderOverrides:function(gc){var grid=this.getGrid();var cache=grid.renderOverridesCache;for(var key in cache){if(cache.hasOwnProperty(key)){var override=cache[key];if(override){this.renderOverride(gc,override)}}}},renderOverride:function(gc,override){var behavior=this.getBehavior();var columnStarts=this.renderedColumnWidths;var fixedColCount=behavior.getFixedColumnCount();var hdpiRatio=override.hdpiratio;var startX=hdpiRatio*columnStarts[override.columnIndex+fixedColCount];var width=override.width;var height=override.height;var targetCTX=override.ctx;var imgData=gc.getImageData(startX,0,width*hdpiRatio,height*hdpiRatio);targetCTX.putImageData(imgData,0,0);gc.fillStyle=this.resolveProperty("backgroundColor2");gc.fillRect(Math.round(startX/hdpiRatio),0,width,height)},paintGridlines:function(gc,offsetX,offsetY){var drawThemH=this.resolveProperty("gridLinesH");var drawThemV=this.resolveProperty("gridLinesV");var behavior=this.getBehavior();var lineColor=this.resolveProperty("lineColor");var numColumns=this.getColumnCount();var numRows=behavior.getRowCount();var numFixedColumns=behavior.getFixedColumnCount();var numFixedRows=behavior.getFixedRowCount();var fixedColumnsWidth=behavior.getFixedColumnsWidth();var fixedRowsHeight=behavior.getFixedRowsHeight();this.renderedColumnWidths=[0];this.renderedHeight=0;this.renderedRowHeights=[0];this.renderedColumns=[];this.renderedRows=[];this.insertionBounds=[];var insertionBoundsCursor=0;var scrollTop=this.getScrollTop();var scrollLeft=this.getScrollLeft();var viewWidth=this.getBounds().width()-200;var viewHeight=this.getBounds().height();gc.beginPath();gc.strokeStyle=lineColor;gc.lineWidth=1;var c,r,x,y,width,height;gc.moveTo(0,0);y=0;for(r=0;r<numFixedRows;r++){height=this.getFixedRowHeight(r);y=y+height;this.renderedRowHeights.push(Math.round(y));if(drawThemH){gc.moveTo(fixedColumnsWidth,y+.5);gc.lineTo(viewWidth,y+.5)}}gc.moveTo(0,0);x=0;for(c=0;c<numFixedColumns;c++){width=this.getFixedColumnWidth(c);x=x+width;this.renderedColumnWidths.push(Math.round(x));if(drawThemV){gc.moveTo(x+.5,fixedRowsHeight);gc.lineTo(x+.5,viewHeight)}}gc.moveTo(0,0);x=offsetX;var previousInsertionBoundsCursorValue=0;for(c=0;c<numColumns+1;c++){width=this.getColumnWidth(c+scrollLeft);this.renderedColumns.push(c+scrollLeft);if(x>viewWidth||numColumns<scrollLeft+c){this.renderedColumns.length=Math.max(0,this.renderedColumns.length-2);break}if(drawThemV){gc.moveTo(x+.5,0);gc.lineTo(x+.5,viewHeight)}x=x+width;this.renderedColumnWidths.push(Math.round(x));insertionBoundsCursor=insertionBoundsCursor+Math.round(width/2)+previousInsertionBoundsCursorValue;this.insertionBounds.push(insertionBoundsCursor);previousInsertionBoundsCursorValue=Math.round(width/2)}gc.moveTo(0,0);y=offsetY;for(r=0;r<numRows;r++){height=this.getRowHeight(r+scrollTop);this.renderedRows.push(r+scrollTop);if(y>viewHeight||numRows<scrollTop+r){this.renderedRows.length=Math.max(0,this.renderedRows.length-2);break}if(drawThemH){gc.moveTo(0,y+.5);gc.lineTo(viewWidth,y+.5)}y=y+height;this.renderedHeight=this.renderedHeight+height;this.renderedRowHeights.push(Math.round(y))}gc.stroke();gc.closePath()},paintHeaders:function(ctx,offsetX,offsetY){this.paintFixedRows(ctx,offsetX+this.getBehavior().getFixedColumnsWidth(),offsetY,this.getColumnCount(),this.getBehavior().getFixedRowCount());this.paintFixedColumns(ctx,offsetX,offsetY+this.getBehavior().getFixedRowsHeight(),this.getBehavior().getFixedColumnCount(),this.getBehavior().getRowCount())},isHovered:function(x,y){return this.grid.isHovered(x,y)},isRowHovered:function(y){return this.grid.isRowHovered(y)},isColumnHovered:function(x){return this.grid.isColumnHovered(x)},paintFixedRows:function(ctx,offsetX,offsetY,numColumns,numRows){var behavior=this.getBehavior();var x=offsetX;var scrollLeft=this.getScrollLeft();var font=this.resolveProperty("fixedRowFont");var voffset=this.resolveProperty("voffset");var hoffset=this.resolveProperty("hoffset");var fgColor=this.resolveProperty("fixedRowColor");var bgColor=this.resolveProperty("fixedRowBackgroundColor");var fgSelColor=this.resolveProperty("fixedRowFGSelColor");var bgSelColor=this.resolveProperty("fixedRowBGSelColor");var cellProvider=this.getGrid().getCellProvider();var viewWidth=this.getBounds().width()-200;var viewHeight=this.getBehavior().getFixedRowsHeight();for(var c=0;c<numColumns;c++){var width=this.getColumnWidth(c+scrollLeft);if(x>viewWidth||numColumns<=scrollLeft+c){return}var isSelected=this.isFixedRowCellSelected(c+scrollLeft);var y=offsetY;ctx.fillStyle=bgColor;ctx.fillRect(x,y,x+width,viewHeight-y);for(var r=0;r<numRows;r++){var height=this.getFixedRowHeight(r);var align=behavior._getFixedRowAlignment(c+scrollLeft,r);var value=behavior._getFixedRowValue(c+scrollLeft,r);var isColumnHovered=this.isColumnHovered(c);var isRowHovered=false;var translatedX=behavior.translateColumnIndex(c+scrollLeft);var cell=cellProvider.getFixedRowCell(this.cellConfig(translatedX,r,value,fgColor,bgColor,fgSelColor,bgSelColor,font,isSelected,isColumnHovered,isRowHovered,align,hoffset,voffset));cell.paint(ctx,x,y,width,height);if(behavior.highlightCellOnHover(isColumnHovered,isRowHovered)){ctx.beginPath();var pre=ctx.globalAlpha;ctx.globalAlpha=.2;ctx.fillRect(x+2,y+2,width-3,height-3);ctx.globalAlpha=pre;ctx.stroke();ctx.closePath()}y=y+height}x=x+width}},paintFixedColumns:function(ctx,offsetX,offsetY,numColumns,numRows){var behavior=this.getBehavior();var x=offsetX;var font=this.resolveProperty("fixedColumnFont");var voffset=this.resolveProperty("voffset");var hoffset=this.resolveProperty("hoffset");var fgColor=this.resolveProperty("fixedColumnColor");var bgColor=this.resolveProperty("fixedColumnBackgroundColor");var fgSelColor=this.resolveProperty("fixedColumnFGSelColor");var bgSelColor=this.resolveProperty("fixedColumnBGSelColor");var scrollTop=this.getScrollTop();var cellProvider=this.getGrid().getCellProvider();var viewHeight=this.getBounds().height();for(var c=0;c<numColumns;c++){var width=this.getFixedColumnWidth(c);var align=behavior.getFixedColumnAlignment(c);var y=offsetY;ctx.fillStyle=bgColor;ctx.fillRect(x,y,width,viewHeight-y);for(var r=0;r<numRows;r++){var height=this.getRowHeight(r+scrollTop);var isSelected=this.isFixedColumnCellSelected(r+scrollTop);if(y>viewHeight||numRows<=scrollTop+r){break}var value=behavior.getFixedColumnValue(c,r+scrollTop);var isColumnHovered=false;var isRowHovered=this.isRowHovered(r);var cell=cellProvider.getFixedColumnCell(this.cellConfig(c,r+scrollTop,value,fgColor,bgColor,fgSelColor,bgSelColor,font,isSelected,isColumnHovered,isRowHovered,align,hoffset,voffset));cell.paint(ctx,x,y,width,height);if(behavior.highlightCellOnHover(isColumnHovered,isRowHovered)){ctx.beginPath();var pre=ctx.globalAlpha;ctx.globalAlpha=.2;ctx.fillRect(x+2,y+2,width-3,height-3);ctx.globalAlpha=pre;ctx.stroke();ctx.closePath()}y=y+height}x=x+width}},paintCells:function(ctx,offsetX,offsetY){try{ctx.save();this._paintCells(ctx,offsetX,offsetY)}catch(e){console.error(e)}finally{ctx.restore()}},_paintCells:function(ctx,offsetX,offsetY){var behavior=this.getBehavior();var numColumns=this.getColumnCount();var numRows=behavior.getRowCount();var x=offsetX;var startY=offsetY;var scrollTop=this.getScrollTop();var scrollLeft=this.getScrollLeft();var cellProvider=this.getGrid().getCellProvider();var font=this.resolveProperty("font");var voffset=this.resolveProperty("voffset");var hoffset=this.resolveProperty("hoffset");var fgColor=this.resolveProperty("color");var bgColor=this.resolveProperty("backgroundColor");var fgSelColor=this.resolveProperty("foregroundSelColor");var bgSelColor=this.resolveProperty("backgroundSelColor");var viewWidth=this.getBounds().width()-200;var viewHeight=this.getBounds().height();for(var c=0;c<numColumns;c++){var width=this.getColumnWidth(c+scrollLeft);if(x>viewWidth||numColumns<=scrollLeft+c){return}var y=startY;var translatedX=behavior.translateColumnIndex(c+scrollLeft);var columnAlign=behavior._getColumnAlignment(c+scrollLeft);var columnProperties=behavior.getColumnProperties(c+scrollLeft);var overrideFGColor=columnProperties.fgColor||fgColor;var overrideFont=columnProperties.font||font;ctx.fillStyle=columnProperties.bgColor||bgColor;ctx.fillRect(x,y,x+width,viewHeight-y);for(var r=0;r<numRows;r++){var isSelected=this.isSelected(c+scrollLeft,r+scrollTop);var height=this.getRowHeight(r+scrollTop);if(y>viewHeight||numRows<=scrollTop+r){break}var value=behavior._getValue(c+scrollLeft,r+scrollTop);var isColumnHovered=this.isColumnHovered(c);var isRowHovered=this.isRowHovered(r);var cell=cellProvider.getCell(this.cellConfig(translatedX,r+scrollTop,value,overrideFGColor,bgColor,fgSelColor,bgSelColor,overrideFont,isSelected,isColumnHovered,isRowHovered,columnAlign,hoffset,voffset));cell.paint(ctx,x,y,width,height);if(behavior.highlightCellOnHover(isColumnHovered,isRowHovered)){ctx.beginPath();var pre=ctx.globalAlpha;ctx.globalAlpha=.2;ctx.fillRect(x+2,y+2,width-3,height-3);ctx.globalAlpha=pre;ctx.stroke();ctx.closePath()}y=y+height}x=x+width}},paintTopLeft:function(ctx,offsetX,offsetY){noop(offsetX,offsetY);try{ctx.save();this._paintTopLeft(ctx)}finally{ctx.restore()}},_paintTopLeft:function(ctx){var behavior=this.getBehavior();var numColumns=behavior.getFixedColumnCount();var numRows=behavior.getFixedRowCount();var x=0;var startY=0;var cellProvider=this.getGrid().getCellProvider();var font=this.resolveProperty("topLeftFont");var voffset=this.resolveProperty("voffset");var hoffset=this.resolveProperty("hoffset");var fgColor=this.resolveProperty("topLeftColor");var bgColor=this.resolveProperty("topLeftBackgroundColor");var fgSelColor=this.resolveProperty("topLeftFGSelColor");var bgSelColor=this.resolveProperty("topLeftBGSelColor");var viewWidth=behavior.getFixedColumnsWidth();var viewHeight=behavior.getFixedRowsHeight();for(var c=0;c<numColumns;c++){var width=this.getFixedColumnWidth(c);if(x>viewWidth||numColumns<=c){return}var y=startY;var r=0;var columnAlign=behavior.getTopLeftAlignment(c,r);ctx.fillStyle=bgColor;ctx.fillRect(x,y,x+width,viewHeight-y);for(;r<numRows;r++){var height=this.getFixedRowHeight(r);if(y>viewHeight||numRows<=r){break}var value=behavior.getTopLeftValue(c,r);var isColumnHovered=this.isHovered(c);var isRowHovered=this.isHovered(r);var cell=cellProvider.getTopLeftCell(this.cellConfig(x,r,value,fgColor,bgColor,fgSelColor,bgSelColor,font,false,isColumnHovered,isRowHovered,columnAlign,hoffset,voffset));cell.paint(ctx,x,y,width,height);y=y+height}x=x+width}},isFixedRowCellSelected:function(col){return this.getGrid().isFixedRowCellSelected(col)},isFixedColumnCellSelected:function(row){return this.getGrid().isFixedColumnCellSelected(row)},getScrollTop:function(){var st=this.getGrid().getVScrollValue();return st},getScrollLeft:function(){var st=this.getGrid().getHScrollValue();return st},getBehavior:function(){return this.getGrid().getBehavior()},getFixedRowHeight:function(rowIndex){var height=this.getBehavior().getFixedRowHeight(rowIndex);return height},getRowHeight:function(rowIndex){var height=this.getBehavior().getRowHeight(rowIndex);return height},getColumnWidth:function(columnIndex){var width=this.getBehavior()._getColumnWidth(columnIndex);return width},getFixedColumnWidth:function(rowIndex){var height=this.getBehavior().getFixedColumnWidth(rowIndex);return height},isLastColumnVisible:function(){var lastColumnIndex=this.getColumnCount()-1;var isMax=this.renderedColumns.indexOf(lastColumnIndex)!==-1;return isMax},getColumnCount:function(){var count=this.getGrid().getColumnCount();return count},getLeftSideSize:function(index){return this.renderedColumnWidths[index]},getTopSideSize:function(index){return this.renderedRowHeights[index]},getCanvas:function(){return this.getGrid().getCanvas()},repaintCell:function(x,y){if(this.isDraggingColumn()){return}var self=this;var behavior=this.getBehavior();var numFixedCols=behavior.getFixedColumnCount();var numFixedRows=behavior.getFixedRowCount();var scrollLeft=this.getScrollLeft();var unTranslatedX=behavior.unTranslateColumnIndex(x+scrollLeft);if(!this.isRowVisible(y)||!this.isColVisible(unTranslatedX)){return}var ox=this.renderedColumnWidths[numFixedCols+unTranslatedX],oy=this.renderedRowHeights[numFixedRows+y],cx=this.renderedColumnWidths[numFixedCols+unTranslatedX+1],cy=this.renderedRowHeights[numFixedRows+y+1],ex=cx-ox,ey=cy-oy;var func=function(gc){self._repaintCell(gc,x,unTranslatedX,y,ox,oy,ex,ey)};this.getCanvas().safePaintImmediately(func)},_repaintCell:function(ctx,translatedX,x,y,startX,startY,width,height){ctx.rect(startX+1,startY+1,width,height);ctx.clip();var behavior=this.getBehavior();var scrollTop=this.getScrollTop();var scrollLeft=this.getScrollLeft();var cellProvider=this.getGrid().getCellProvider();var font=this.resolveProperty("font");var voffset=this.resolveProperty("voffset");var hoffset=this.resolveProperty("hoffset");var fgColor=this.resolveProperty("color");var bgColor=this.resolveProperty("backgroundColor");var fgSelColor=this.resolveProperty("foregroundSelColor");var bgSelColor=this.resolveProperty("backgroundSelColor");var columnAlign=behavior._getColumnAlignment(translatedX);var columnProperties=behavior.getColumnProperties(translatedX);var overrideFGColor=columnProperties.fgColor||fgColor;var overrideFont=columnProperties.font||font;ctx.fillStyle=columnProperties.bgColor||bgColor;ctx.fillRect(startX,startY,width,height);var isSelected=this.isSelected(x+scrollLeft,y+scrollTop);var value=behavior._getValue(x+scrollLeft,y+scrollTop);var isColumnHovered=this.isHovered(x,y);var isRowHovered=this.isHovered(x,y);var cell=cellProvider.getCell(this.cellConfig(translatedX,y+scrollTop,value,overrideFGColor,bgColor,fgSelColor,bgSelColor,overrideFont,isSelected,isColumnHovered,isRowHovered,columnAlign,hoffset,voffset));cell.paint(ctx,startX,startY,width,height)},isDraggingColumn:function(){return this.getGrid().isDraggingColumn()},getPageUpRow:function(){if(this.renderedRowHeights.length===0){return}var behavior=this.getBehavior();var h=this.renderedHeight;var topRow=this.renderedRows[0];while(h>0&&topRow>=1){topRow--;var eachHeight=behavior.getRowHeight(topRow);h=h-eachHeight}if(topRow===0){return 0}return topRow+1},getPageDownRow:function(){if(this.renderedRowHeights.length===0){return}var row=this.renderedRows[this.renderedRows.length-1]+1;return row}})})();</script></polymer-element><polymer-element name="fin-hypergrid-selection-model" assetpath="/dev/fin-hypergrid/polymer/html/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>"use strict";(function(){Polymer("fin-hypergrid-selection-model",{ready:function(){this.rectangles=document.createElement("fin-rectangle");this.selections=[];this.flattenedX=[];this.flattenedY=[]},getGrid:function(){return null},select:function(ox,oy,ex,ey){var newSelection=this.rectangles.rectangle.create(ox,oy,ex,ey);this.selections.push(newSelection);this.flattenedX.push(newSelection.flattenXAt(0));this.flattenedY.push(newSelection.flattenYAt(0))},clearMostRecentSelection:function(){this.selections.length=Math.max(0,this.selections.length-1);this.flattenedX.length=Math.max(0,this.flattenedX.length-1);this.flattenedY.length=Math.max(0,this.flattenedY.length-1)},getSelections:function(){return this.selections},hasSelections:function(){return this.selections.length!==0},isSelected:function(x,y){return this._isSelected(this.selections,x,y)},isFixedRowCellSelected:function(col){return this._isSelected(this.flattenedY,col,0)},isFixedColumnCellSelected:function(row){return this._isSelected(this.flattenedX,0,row)},_isSelected:function(selections,x,y){for(var i=0;i<selections.length;i++){var each=selections[i];if(this.rectangles.rectangle.contains(each,x,y)){return true}}return false},clear:function(){this.selections.length=0;this.flattenedX.length=0;this.flattenedY.length=0}})})();</script></polymer-element><polymer-element name="fin-hypergrid-excel" assetpath="/dev/fin-hypergrid/polymer/html/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>(function(){"use strict";var excelOriginOffset=1;Polymer("fin-hypergrid-excel",{grid:{},running:false,publish:{publish:"onSelect",subscribe:"onExcelChange",interval:500,logging:false},installOn:function(grid){var self=this;this.grid=grid;if(!window.fin){if(this.logging){console.log("Excel integration only works within the OpenFin Runtime")}return}fin.desktop.main(function(){fin.desktop.Application.getCurrent();self.start()})},start:function(){var self=this;if(this.running){return}this.running=true;setInterval(function(){if(!self.running){return}self.publishToBus()},self.interval);self.subscribeToBus()},stop:function(){this.running=false;this.unSubscribeToBus()},createExcelDataFromSelections:function(){var selectionModel=this.grid.getSelectionModel();var selections=selectionModel.getSelections();if(selections.length===0){return}var collector=[];var obj;for(var i=0;i<selections.length;i++){var each=selections[i];var eachData=[];var xstart=each.origin.x;var xstop=each.origin.x+each.extent.x+1;var ystart=each.origin.y;var ystop=each.origin.y+each.extent.y+1;for(var y=ystart;y<ystop;y++){for(var x=xstart;x<xstop;x++){var data=this.grid.getValue(x,y);eachData.push(data+"")}}obj={region:[excelOriginOffset+ystart,excelOriginOffset+xstart,ystop,xstop],values:eachData};collector.push(obj)}obj={now:(new Date).getTime(),selection:collector};return obj},publishToBus:function(){if(!this.grid.hasSelections()){return}var excelMessage=this.createExcelDataFromSelections(this.grid);fin.desktop.InterApplicationBus.publish(this.publish,excelMessage);if(this.logging){console.log("push to excel",excelMessage)}},subscribeToBus:function(){fin.desktop.InterApplicationBus.subscribe("*",this.subscribe,this.subscriptionCallback.bind(this));fin.desktop.InterApplicationBus.subscribe("*","ExcelError",this.errorCallback.bind(this))},unSubscribeToBus:function(){fin.desktop.InterApplicationBus.unsubscribe("*",this.subscribe,this.subscriptionCallback.bind(this));fin.desktop.InterApplicationBus.unsubscribe("*","ExcelError",this.errorCallback.bind(this))},subscriptionCallback:function(data){var self=this;var sm=this.grid.getSelectionModel();if(this.logging){console.log(JSON.stringify(data))}if(data.cells&&data.cells.length>0){data.cells.forEach(function(cell){if(cell.value&&!sm.isSelected(cell.row,cell.column)){self.grid.setValue(cell.column-excelOriginOffset,cell.row-excelOriginOffset,cell.value)}})}},errorCallback:function(data){if(this.logging){console.error(JSON.stringify(data))}}})})();</script></polymer-element><polymer-element name="fin-hypergrid-feature-base" assetpath="/dev/fin-hypergrid/polymer/html/features/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>(function(){"use strict";Polymer("fin-hypergrid-feature-base",{next:null,detached:null,cursor:null,currentHoverCell:null,created:function(){this.createdInit()},createdInit:function(){},setNext:function(nextFeature){if(this.next){this.next.setNext(nextFeature)}else{this.next=nextFeature;this.detached=nextFeature}},detachChain:function(){this.next=null},attachChain:function(){this.next=this.detached},handleMouseMove:function(grid,event){if(this.next){this.next.handleMouseMove(grid,event)}},handleMouseExit:function(grid,event){if(this.next){this.next.handleMouseExit(grid,event)}},handleMouseEnter:function(grid,event){if(this.next){this.next.handleMouseEnter(grid,event)}},handleMouseDown:function(grid,event){if(this.next){this.next.handleMouseDown(grid,event)}},handleMouseUp:function(grid,event){if(this.next){this.next.handleMouseUp(grid,event)}},handleKeyDown:function(grid,event){if(this.next){this.next.handleKeyDown(grid,event)}},handleKeyUp:function(grid,event){if(this.next){this.next.handleKeyUp(grid,event)}},handleWheelMoved:function(grid,event){if(this.next){this.next.handleWheelMoved(grid,event)}},handleDoubleClick:function(grid,event){if(this.next){this.next.handleDoubleClick(grid,event)}},handleHoldPulse:function(grid,event){if(this.next){this.next.handleHoldPulse(grid,event)}},handleTap:function(grid,event){if(this.next){this.next.handleTap(grid,event)}},handleMouseDrag:function(grid,event){if(this.next){this.next.handleMouseDrag(grid,event)}},isFixedRow:function(grid,event){var gridCell=event.gridCell;var isFixed=gridCell.y<grid.getFixedRowCount();return isFixed},isFixedColumn:function(grid,event){var gridCell=event.gridCell;var isFixed=gridCell.x<grid.getFixedColumnCount();return isFixed},setCursor:function(grid){if(this.next){this.next.setCursor(grid)}if(this.cursor){grid.beCursor(this.cursor)}},initializeOn:function(grid){if(this.next){this.next.initializeOn(grid)}}})})();</script></polymer-element><polymer-element name="fin-hypergrid-cell-provider" assetpath="/dev/fin-hypergrid/polymer/html/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>"use strict";var noop=function(){};(function(){var underline=function(ctx,text,x,y,thickness){var width=ctx.measureText(text).width;switch(ctx.textAlign){case"center":x-=width/2;break;case"right":x-=width;break}ctx.lineWidth=thickness;ctx.moveTo(x+.5,y+.5);ctx.lineTo(x+width+.5,y+.5)};var roundRect=function(ctx,x,y,width,height,radius,fill,stroke){if(!stroke){stroke=true}if(!radius){radius=5}ctx.beginPath();ctx.moveTo(x+radius,y);ctx.lineTo(x+width-radius,y);ctx.quadraticCurveTo(x+width,y,x+width,y+radius);ctx.lineTo(x+width,y+height-radius);ctx.quadraticCurveTo(x+width,y+height,x+width-radius,y+height);ctx.lineTo(x+radius,y+height);ctx.quadraticCurveTo(x,y+height,x,y+height-radius);ctx.lineTo(x,y+radius);ctx.quadraticCurveTo(x,y,x+radius,y);ctx.closePath();if(stroke){ctx.stroke()}if(fill){ctx.fill()}ctx.closePath()};Polymer("fin-hypergrid-cell-provider",{created:function(){this.cellCache={};this.initializeCells()},getCell:function(config){var cell=this.cellCache.simpleCellRenderer;cell.config=config;return cell},getTopLeftCell:function(config){var cell=this.cellCache.emptyCellRenderer;cell.config=config;return cell},getFixedColumnCell:function(config){var cell=this.cellCache.simpleCellRenderer;cell.config=config;return cell},getFixedRowCell:function(config){var cell=this.cellCache.simpleCellRenderer;cell.config=config;return cell},defaultCellPaint:function(gc,x,y,width,height,isLink){isLink=isLink||false;var colHEdgeOffset=this.config.properties.cellPadding,halignOffset=0,valignOffset=this.config.voffset,halign=this.config.halign,isColumnHovered=this.config.isColumnHovered,isRowHovered=this.config.isRowHovered,size,textWidth;var fontMetrics=this.config.getTextHeight(this.config.font);if(gc.font!==this.config.font){gc.font=this.config.font}if(gc.textAlign!=="left"){gc.textAlign="left"}if(gc.textBaseline!=="middle"){gc.textBaseline="middle"}if(halign==="right"){size=gc.measureText(this.config.value);textWidth=size.width;halignOffset=width-colHEdgeOffset-textWidth}else if(halign==="center"){size=gc.measureText(this.config.value);textWidth=size.width;halignOffset=(width-textWidth)/2}else if(halign==="left"){halignOffset=colHEdgeOffset}halignOffset=Math.max(0,halignOffset);valignOffset=valignOffset+Math.ceil(height/2);if(this.config.bgColor||this.config.isSelected){gc.fillStyle=this.config.isSelected?this.config.bgSelColor:this.config.bgColor;gc.fillRect(x,y,width,height)}var theColor=this.config.isSelected?this.config.fgSelColor:this.config.fgColor;if(gc.fillStyle!==theColor){gc.fillStyle=theColor}gc.fillText(this.config.value,x+halignOffset,y+valignOffset);if(isColumnHovered&&isRowHovered){gc.beginPath();if(isLink){gc.beginPath();underline(gc,this.config.value,x+halignOffset,y+valignOffset+Math.floor(fontMetrics.height/2),1);gc.stroke();gc.closePath()}}},paintSlider:function(ctx,x,y,width,height){ctx.strokeStyle="white";var val=this.config.value;var radius=height/2;var offset=width*val;var bgColor=this.config.isSelected?this.config.bgSelColor:"#333333";var btnGradient=ctx.createLinearGradient(x,y,x,y+height);btnGradient.addColorStop(0,bgColor);btnGradient.addColorStop(1,"#666666");var arcGradient=ctx.createLinearGradient(x,y,x,y+height);arcGradient.addColorStop(0,"#aaaaaa");arcGradient.addColorStop(1,"#777777");ctx.fillStyle=btnGradient;roundRect(ctx,x,y,width,height,radius,btnGradient);if(val<1){ctx.fillStyle=arcGradient}else{ctx.fillStyle="#eeeeee"}ctx.beginPath();ctx.arc(x+Math.max(offset-radius,radius),y+radius,radius,0,2*Math.PI);ctx.fill();ctx.closePath()},paintSparkbar:function(ctx,x,y,width,height){ctx.beginPath();var val=this.config.value;if(!val||!val.length){return}var count=val.length;var eWidth=width/count;var fgColor=this.config.isSelected?this.config.fgSelColor:this.config.fgColor;if(this.config.bgColor||this.config.isSelected){ctx.fillStyle=this.config.isSelected?this.config.bgSelColor:this.config.bgColor;ctx.fillRect(x,y,width,height)}ctx.fillStyle=fgColor;for(var i=0;i<val.length;i++){var barheight=val[i]/110*height;ctx.fillRect(x+5,y+height-barheight,eWidth*.6666,barheight);x=x+eWidth}ctx.closePath()},paintSparkline:function(ctx,x,y,width,height){ctx.beginPath();var val=this.config.value;if(!val||!val.length){return}var count=val.length;var eWidth=width/count;var fgColor=this.config.isSelected?this.config.fgSelColor:this.config.fgColor;if(this.config.bgColor||this.config.isSelected){ctx.fillStyle=this.config.isSelected?this.config.bgSelColor:this.config.bgColor;ctx.fillRect(x,y,width,height)}ctx.strokeStyle=fgColor;ctx.fillStyle=fgColor;ctx.beginPath();var prev;for(var i=0;i<val.length;i++){var barheight=val[i]/110*height;if(!prev){prev=barheight}ctx.lineTo(x+5,y+height-barheight);ctx.arc(x+5,y+height-barheight,1,0,2*Math.PI,false);x=x+eWidth}ctx.stroke();ctx.closePath()},treeCellRenderer:function(gc,x,y,width,height){var val=this.config.value.data;var indent=this.config.value.indent;var icon=this.config.value.icon;if(this.config.bgColor||this.config.isSelected){gc.fillStyle=this.config.isSelected?this.config.bgSelColor:this.config.bgColor;gc.fillRect(x,y,width,height)}if(!val||!val.length){return}var valignOffset=Math.ceil(height/2);gc.fillStyle=this.config.isSelected?this.config.fgSelColor:this.config.fgColor;gc.fillText(icon+val,x+indent,y+valignOffset)},emptyCellRenderer:function(gc,x,y,width,height){noop(gc,x,y,width,height)},initializeCells:function(){var self=this;this.cellCache.simpleCellRenderer={paint:this.defaultCellPaint};this.cellCache.sliderCellRenderer={paint:this.paintSlider};this.cellCache.sparkbarCellRenderer={paint:this.paintSparkbar};this.cellCache.sparklineCellRenderer={paint:this.paintSparkline};this.cellCache.treeCellRenderer={paint:this.treeCellRenderer};this.cellCache.emptyCellRenderer={paint:this.emptyCellRenderer};this.cellCache.linkCellRenderer={paint:function(gc,x,y,width,height){self.config=this.config;self.defaultCellPaint(gc,x,y,width,height,true)}}}})})();</script></polymer-element><polymer-element name="fin-hypergrid-feature-key-paging" extends="fin-hypergrid-feature-base" assetpath="/dev/fin-hypergrid/polymer/html/features/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>"use strict";var commands={PAGEDOWN:function(grid){grid.pageDown()},PAGEUP:function(grid){grid.pageUp()},PAGELEFT:function(grid){grid.pageLeft()},PAGERIGHT:function(grid){grid.pageRight()}};(function(){Polymer("fin-hypergrid-feature-key-paging",{handleKeyDown:function(grid,event){var detail=event.detail.char;var func=commands[detail];if(func){func(grid)}else if(this.next){this.next.handleKeyDown(grid,event)}}})})();</script></polymer-element><polymer-element name="fin-hypergrid-feature-cell-click" extends="fin-hypergrid-feature-base" assetpath="/dev/fin-hypergrid/polymer/html/features/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>"use strict";(function(){Polymer("fin-hypergrid-feature-cell-click",{handleTap:function(grid,event){grid.fireCellClickEvent(event);if(this.next){this.next.handleTap(grid,event)}}})})();</script></polymer-element><polymer-element name="fin-hypergrid-feature-cell-selection" extends="fin-hypergrid-feature-base" assetpath="/dev/fin-hypergrid/polymer/html/features/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>(function(){"use strict";Polymer("fin-hypergrid-feature-cell-selection",{currentDrag:null,lastDragCell:null,sbLastAuto:0,sbAutoStart:0,rectangles:{},createdInit:function(){this.rectangles=document.createElement("fin-rectangle")},handleMouseUp:function(grid,event){this.dragging=false;if(this.next){this.next.handleMouseUp(grid,event)}},handleMouseDown:function(grid,event){var gridCell=event.gridCell;if(gridCell.y<grid.getFixedRowCount()){grid.clearSelections();this.dragging=false;if(this.next){this.next.handleMouseDown(grid,event)}return}else if(gridCell.x<grid.getFixedColumnCount()){grid.clearSelections();this.dragging=false;return}else{var primEvent=event.primitiveEvent;var keys=primEvent.detail.keys;this.dragging=true;this.extendSelection(grid,gridCell,keys)}},handleMouseDrag:function(grid,event){var mouseDown=grid.getMouseDown();if(!this.dragging){if(this.next){this.next.handleMouseDrag(grid,event)}}if(mouseDown.x<0||mouseDown.y<0){return}var gridCell=event.gridCell;var primEvent=event.primitiveEvent;this.currentDrag=primEvent.detail.mouse;this.lastDragCell=gridCell;this.checkDragScroll(grid,this.currentDrag);this.handleMouseDragCellSelection(grid,gridCell,primEvent.detail.keys)},handleKeyDown:function(grid,event){var command="handle"+event.detail.char;if(this[command]){this[command].call(this,grid,event.detail)}},handleMouseDragCellSelection:function(grid,mouse){var scrollTop=grid.getVScrollValue();var scrollLeft=grid.getHScrollValue();var numFixedColumns=grid.getFixedColumnCount();var numFixedRows=grid.getFixedRowCount();var x=mouse.x-numFixedColumns;var y=mouse.y-numFixedRows;x=Math.max(0,x);y=Math.max(0,y);var previousDragExtent=grid.getDragExtent();var mouseDown=grid.getMouseDown();var newX=x+scrollLeft-mouseDown.x;var newY=y+scrollTop-mouseDown.y;if(previousDragExtent.x===newX&&previousDragExtent.y===newY){return}grid.clearMostRecentSelection();grid.select(mouseDown.x,mouseDown.y,newX,newY);var newDragExtent=this.rectangles.point.create(newX,newY);grid.setDragExtent(newDragExtent);grid.repaint()},checkDragScroll:function(grid,mouse){if(!grid.resolveProperty("scrollingEnabled")){return}var b=grid.getDataBounds();var inside=b.contains(mouse);if(inside){if(grid.isScrollingNow()){grid.setScrollingNow(false)}}else if(!grid.isScrollingNow()){grid.setScrollingNow(true);this.scrollDrag(grid)}},scrollDrag:function(grid){if(!grid.isScrollingNow()){return}var b=grid.getDataBounds();var xOffset=0;var yOffset=0;if(this.currentDrag.x<b.origin.x){xOffset=-1}if(this.currentDrag.x>b.origin.x+b.extent.x){xOffset=1}if(this.currentDrag.y<b.origin.y){yOffset=-1}if(this.currentDrag.y>b.origin.y+b.extent.y){yOffset=1}grid.scrollBy(xOffset,yOffset);this.handleMouseDragCellSelection(grid,this.lastDragCell,[]);grid.repaint();setTimeout(this.scrollDrag.bind(this,grid),25)},extendSelection:function(grid,gridCell,keys){var hasCTRL=keys.indexOf("CTRL")!==-1;var hasSHIFT=keys.indexOf("SHIFT")!==-1;var scrollTop=grid.getVScrollValue();var scrollLeft=grid.getHScrollValue();var numFixedColumns=grid.getFixedColumnCount();var numFixedRows=grid.getFixedRowCount();var mousePoint=grid.getMouseDown();var x=gridCell.x-numFixedColumns+scrollLeft;var y=gridCell.y-numFixedRows+scrollTop;if(x<0||y<0){return}if(x===mousePoint.x&&y===mousePoint.y){grid.clearMostRecentSelection();grid.popMouseDown();grid.repaint();return}if(!hasCTRL&&!hasSHIFT){grid.clearSelections()}if(hasSHIFT){grid.clearMostRecentSelection();grid.select(mousePoint.x,mousePoint.y,x-mousePoint.x,y-mousePoint.y);grid.setDragExtent(this.rectangles.point.create(x-mousePoint.x,y-mousePoint.y))}else{grid.select(x,y,0,0);grid.setMouseDown(this.rectangles.point.create(x,y));grid.setDragExtent(this.rectangles.point.create(0,0))}grid.repaint()},handleDOWNSHIFT:function(grid){var count=this.getAutoScrollAcceleration();this.moveShiftSelect(grid,0,count)},handleUPSHIFT:function(grid){var count=this.getAutoScrollAcceleration();this.moveShiftSelect(grid,0,-count)},handleLEFTSHIFT:function(grid){this.moveShiftSelect(grid,-1,0)},handleRIGHTSHIFT:function(grid){this.moveShiftSelect(grid,1,0)},handleDOWN:function(grid){var count=this.getAutoScrollAcceleration();this.moveSingleSelect(grid,0,count)},handleUP:function(grid){var count=this.getAutoScrollAcceleration();this.moveSingleSelect(grid,0,-count)},handleLEFT:function(grid){this.moveSingleSelect(grid,-1,0)},handleRIGHT:function(grid){this.moveSingleSelect(grid,1,0)},getAutoScrollAcceleration:function(){var count=1;var elapsed=this.getAutoScrollDuration()/2e3;count=Math.max(1,Math.floor(elapsed*elapsed*elapsed*elapsed));return count},setAutoScrollStartTime:function(){this.sbAutoStart=Date.now()},pingAutoScroll:function(){var now=Date.now();if(now-this.sbLastAuto>500){this.setAutoScrollStartTime()}this.sbLastAuto=Date.now()},getAutoScrollDuration:function(){if(Date.now()-this.sbLastAuto>500){return 0}return Date.now()-this.sbAutoStart},moveShiftSelect:function(grid,offsetX,offsetY){var maxColumns=grid.getColumnCount()-1;var maxRows=grid.getRowCount()-1;var maxViewableColumns=grid.getViewableColumns()-1;var maxViewableRows=grid.getViewableRows()-1;if(!grid.resolveProperty("scrollingEnabled")){maxColumns=Math.min(maxColumns,maxViewableColumns);maxRows=Math.min(maxRows,maxViewableRows)}var origin=grid.getMouseDown();var extent=grid.getDragExtent();var newX=extent.x+offsetX;var newY=extent.y+offsetY;newX=Math.min(maxColumns-origin.x,Math.max(-origin.x,newX));newY=Math.min(maxRows-origin.y,Math.max(-origin.y,newY));grid.clearMostRecentSelection();grid.select(origin.x,origin.y,newX,newY);grid.setDragExtent(this.rectangles.point.create(newX,newY));if(grid.insureModelColIsViewable(newX+origin.x,offsetX)){this.pingAutoScroll()}if(grid.insureModelRowIsViewable(newY+origin.y,offsetY)){this.pingAutoScroll()}grid.repaint()},moveSingleSelect:function(grid,offsetX,offsetY){var maxColumns=grid.getColumnCount()-1;var maxRows=grid.getRowCount()-1;var maxViewableColumns=grid.getViewableColumns()-1;var maxViewableRows=grid.getViewableRows()-1;if(!grid.resolveProperty("scrollingEnabled")){maxColumns=Math.min(maxColumns,maxViewableColumns);maxRows=Math.min(maxRows,maxViewableRows)}var mouseCorner=grid.getMouseDown().plus(grid.getDragExtent());var newX=mouseCorner.x+offsetX;var newY=mouseCorner.y+offsetY;newX=Math.min(maxColumns,Math.max(0,newX));newY=Math.min(maxRows,Math.max(0,newY));grid.clearSelections();grid.select(newX,newY,0,0);grid.setMouseDown(this.rectangles.point.create(newX,newY));grid.setDragExtent(this.rectangles.point.create(0,0));if(grid.insureModelColIsViewable(newX,offsetX)){this.pingAutoScroll()}if(grid.insureModelRowIsViewable(newY,offsetY)){this.pingAutoScroll()}grid.repaint()}})})();</script></polymer-element><polymer-element name="fin-hypergrid-feature-overlay" extends="fin-hypergrid-feature-base" assetpath="/dev/fin-hypergrid/polymer/html/features/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>(function(){"use strict";var noop=function(){};var ANIMATION_TIME=200;var ACTIVATION={ALT:"blah",ESC:"blah"};Polymer("fin-hypergrid-feature-overlay",{openEditor:false,handleKeyUp:function(grid,event){var key=event.detail.char;if(ACTIVATION[key]){this.toggleColumnPicker(grid)}},toggleColumnPicker:function(grid){if(this.isColumnPickerOpen(grid)){this.closeColumnPicker(grid)}else{this.openColumnPicker(grid)}},isColumnPickerOpen:function(grid){noop(grid);return this.overlay.style.display!=="none"},openColumnPicker:function(grid){if(this.isColumnPickerOpen()){return}this.openEditor=true;if(grid.getBehavior().openEditor(this.overlay)===false){return}var self=this;this.overlay.style.backgroundColor=grid.resolveProperty("backgroundColor");this.overlay.style.top="0%";this.overlay.style.right="0%";this.overlay.style.bottom="0%";this.overlay.style.left="0%";this.overlay.style.marginTop="15px";this.overlay.style.marginRight="35px";this.overlay.style.marginBottom="35px";this.overlay.style.marginLeft="15px";self.overlay.style.display="";if(!this._closer){this._closer=function(e){if(e.altKey||e.keyCode===27){e.preventDefault();self.closeColumnPicker(grid)}}}requestAnimationFrame(function(){self.overlay.style.opacity=.95;document.addEventListener("keydown",self._closer,false);self.overlay.focus()})},closeColumnPicker:function(grid){if(!this.isColumnPickerOpen()){return}if(this.openEditor){this.openEditor=false}else{return}if(grid.getBehavior().closeEditor(this.overlay)===false){return}document.removeEventListener("keydown",this._closer,false);var self=this;requestAnimationFrame(function(){self.overlay.style.opacity=0});setTimeout(function(){self.overlay.innerHTML="";self.overlay.style.display="none";grid.takeFocus()},ANIMATION_TIME)},initializeOn:function(grid){this.initializeOverlaySurface(grid);if(this.next){this.next.initializeOn(grid)}},initializeOverlaySurface:function(grid){this.overlay=document.createElement("div");this.overlay.setAttribute("tabindex",0);this.overlay.style.outline="none";this.overlay.style.boxShadow="0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22)";this.overlay.style.position="absolute";this.overlay.style.display="none";this.overlay.style.transition="opacity "+ANIMATION_TIME+"ms ease-in";this.overlay.stylACTIVATION=0;grid.appendChild(this.overlay)}})})();</script></polymer-element><polymer-element name="fin-hypergrid-feature-thumbwheel-scrolling" extends="fin-hypergrid-feature-base" assetpath="/dev/fin-hypergrid/polymer/html/features/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>(function(){"use strict";Polymer("fin-hypergrid-feature-thumbwheel-scrolling",{handleWheelMoved:function(grid,e){if(!grid.resolveProperty("scrollingEnabled")){return}var primEvent=e.primitiveEvent;var deltaY=primEvent.wheelDeltaY||-primEvent.deltaY;var deltaX=primEvent.wheelDeltaX||-primEvent.deltaX;if(deltaY>0){grid.scrollBy(0,-1)}else if(deltaY<-0){grid.scrollBy(0,1)}else if(deltaX>0){grid.scrollBy(-1,0)}else if(deltaX<-0){grid.scrollBy(1,0)}}})})();</script></polymer-element><polymer-element name="fin-hypergrid-feature-cell-editing" extends="fin-hypergrid-feature-base" assetpath="/dev/fin-hypergrid/polymer/html/features/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>(function(){"use strict";Polymer("fin-hypergrid-feature-cell-editing",{handleDoubleClick:function(grid,mouseEvent){grid.activateEditor(mouseEvent)},handleHoldPulse:function(grid,mouseEvent){var primEvent=mouseEvent.primitiveEvent;if(primEvent.detail.count<2){return}grid.activateEditor(mouseEvent)}})})();</script></polymer-element><polymer-element name="fin-hypergrid-feature-column-sorting" extends="fin-hypergrid-feature-base" assetpath="/dev/fin-hypergrid/polymer/html/features/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>(function(){"use strict";Polymer("fin-hypergrid-feature-column-sorting",{handleTap:function(grid,event){var gridCell=event.gridCell;var inFixedRowArea=gridCell.y<grid.getFixedRowCount();var inFixedColumnArea=gridCell.x<grid.getFixedColumnCount();if(inFixedRowArea&&inFixedColumnArea){grid.topLeftClicked(event)}else if(inFixedRowArea){grid.fixedRowClicked(event)}else if(inFixedColumnArea){grid.fixedColumnClicked(event)}},handleMouseMove:function(grid,event){if(this.isFixedRow(grid,event)&&!this.isFixedColumn(grid,event)){this.cursor="pointer"}else{this.cursor=null}if(this.next){this.next.handleMouseMove(grid,event)}}})})();</script></polymer-element><polymer-element name="fin-hypergrid-feature-column-resizing" extends="fin-hypergrid-feature-base" assetpath="/dev/fin-hypergrid/polymer/html/features/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>(function(){"use strict";Polymer("fin-hypergrid-feature-column-resizing",{dragIndex:-1,dragStart:-1,dragIndexStartingSize:-1,getFixedAreaCount:function(grid){return grid.getFixedColumnCount()},getMouseValue:function(event){return event.primitiveEvent.detail.mouse.x},getGridCellValue:function(gridCell){return gridCell.y},getScrollValue:function(grid){return grid.getHScrollValue()},getAreaSize:function(grid,index){return grid.getColumnWidth(index)},setAreaSize:function(grid,index,value){grid.setColumnWidth(index,value)},getOtherFixedAreaCount:function(grid){return grid.getFixedRowCount()},getFixedAreaSize:function(grid,index){return grid.getFixedColumnWidth(index)},getPreviousAbsoluteSize:function(grid,index){return grid.getLeftSideSize(index)},setFixedAreaSize:function(grid,index,value){grid.setFixedColumnWidth(index,value)},overAreaDivider:function(grid,event){return grid.overColumnDivider(event)},isFixedOtherArea:function(grid,event){return this.isFixedRow(grid,event)},getCursorName:function(){return"col-resize"},handleMouseDrag:function(grid,event){if(this.dragIndex>-1){var distance=this.getMouseValue(event)-this.getPreviousAbsoluteSize(grid,this.dragIndex);this.setSize(grid,this.dragIndex,distance)}else if(this.next){this.next.handleMouseDrag(grid,event)}},setSize:function(grid,areaIndex,size){var fixedAreaCount=this.getFixedAreaCount(grid);var scrollValue=this.getScrollValue(grid);if(areaIndex<fixedAreaCount){this.setFixedAreaSize(grid,areaIndex,size)}else{this.setAreaSize(grid,areaIndex-fixedAreaCount+scrollValue,size)}},getSize:function(grid,areaIndex){var fixedAreaCount=this.getFixedAreaCount(grid);if(areaIndex<0){return this.getFixedAreaSize(grid,fixedAreaCount+areaIndex)}else{return this.getAreaSize(grid,areaIndex)}},handleMouseDown:function(grid,event){var gridCell=event.gridCell;var overArea=this.overAreaDivider(grid,event);if(overArea>-1&&this.getGridCellValue(gridCell)<this.getOtherFixedAreaCount(grid)){var scrollValue=this.getScrollValue(grid);var fixedAreaCount=this.getFixedAreaCount(grid);this.dragIndex=overArea-1;this.dragStart=this.getMouseValue(event);if(overArea<fixedAreaCount){scrollValue=0}this.dragIndexStartingSize=this.getAreaSize(grid,overArea-fixedAreaCount+scrollValue);this.detachChain()}else if(this.next){this.next.handleMouseDown(grid,event)}},handleMouseUp:function(grid,event){if(this.dragIndex>-1){this.cursor=null;this.dragIndex=-1;var self=this;setTimeout(function(){self.attachChain()},200)}else if(this.next){this.next.handleMouseUp(grid,event)}},handleMouseMove:function(grid,event){if(this.dragIndex>-1){return}this.cursor=null;if(this.next){this.next.handleMouseMove(grid,event)}this.checkForAreaResizeCursorChange(grid,event)},checkForAreaResizeCursorChange:function(grid,event){if(this.isFixedOtherArea(grid,event)&&this.overAreaDivider(grid,event)>-1){this.cursor=this.getCursorName()}else{this.cursor=null}}})})();</script></polymer-element><polymer-element name="fin-hypergrid-feature-column-moving" extends="fin-hypergrid-feature-base" assetpath="/dev/fin-hypergrid/polymer/html/features/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>(function(){"use strict";var noop=function(){};var columnAnimationTime=150;var dragger;var draggerCTX;var floatColumn;var floatColumnCTX;Polymer("fin-hypergrid-feature-column-moving",{floaterAnimationQueue:[],columnDragAutoScrollingRight:false,columnDragAutoScrollingLeft:false,dragArmed:false,dragging:false,dragCol:-1,dragOffset:0,initializeOn:function(grid){this.isFloatingNow=false;this.initializeAnimationSupport(grid);if(this.next){this.next.initializeOn(grid)}},initializeAnimationSupport:function(grid){noop(grid);if(!dragger){dragger=document.createElement("canvas");dragger.setAttribute("width","0px");dragger.setAttribute("height","0px");document.body.appendChild(dragger);draggerCTX=dragger.getContext("2d")}if(!floatColumn){floatColumn=document.createElement("canvas");floatColumn.setAttribute("width","0px");floatColumn.setAttribute("height","0px");document.body.appendChild(floatColumn);floatColumnCTX=floatColumn.getContext("2d")}},handleMouseDrag:function(grid,event){var gridCell=event.gridCell;var x,y;if(this.isFixedColumn(grid,event)){return}if(this.isFixedRow(grid,event)&&this.dragArmed&&!this.dragging){this.dragging=true;this.dragCol=gridCell.x-grid.getFixedColumnCount();this.dragOffset=event.mousePoint.x;this.detachChain();x=event.primitiveEvent.detail.mouse.x-this.dragOffset;y=event.primitiveEvent.detail.mouse.y;this.createDragColumn(grid,x,this.dragCol)}else if(this.next){this.next.handleMouseDrag(grid,event)}if(this.dragging){x=event.primitiveEvent.detail.mouse.x-this.dragOffset;y=event.primitiveEvent.detail.mouse.y;this.dragColumn(grid,x)}},handleMouseDown:function(grid,event){if(grid.getBehavior().isColumnReorderable()){if(this.isFixedRow(grid,event)){this.dragArmed=true}}if(this.next){this.next.handleMouseDown(grid,event)}},handleMouseUp:function(grid,event){if(this.dragging){this.cursor=null;var self=this;this.endDragColumn(grid);setTimeout(function(){self.attachChain()},200)}this.dragCol=-1;this.dragging=false;this.dragArmed=false;grid.repaint();if(this.next){this.next.handleMouseUp(grid,event)}},handleMouseMove:function(grid,event){this.cursor=null;if(this.next){this.next.handleMouseMove(grid,event)}if(this.isFixedRow(grid,event)&&this.dragging){this.cursor="none"}},floatColumnTo:function(grid,draggedToTheRight){this.floatingNow=true;var scrollLeft=grid.getHScrollValue();var floaterIndex=grid.renderOverridesCache.floater.columnIndex;var draggerIndex=grid.renderOverridesCache.dragger.columnIndex;var hdpiratio=grid.renderOverridesCache.dragger.hdpiratio;var numFixedColumns=grid.getFixedColumnCount();var draggerStartX;var floaterStartX;var draggerWidth=grid.getColumnWidth(draggerIndex+scrollLeft);var floaterWidth=grid.getColumnWidth(floaterIndex+scrollLeft);var max=grid.renderer.renderedColumnWidths.length-1;if(draggedToTheRight){draggerStartX=grid.renderer.renderedColumnWidths[Math.min(max,draggerIndex+numFixedColumns)];floaterStartX=draggerStartX+floaterWidth;grid.renderOverridesCache.dragger.startX=floaterStartX*hdpiratio;grid.renderOverridesCache.floater.startX=draggerStartX*hdpiratio;floaterStartX=draggerStartX+draggerWidth}else{floaterStartX=grid.renderer.renderedColumnWidths[Math.min(max,floaterIndex+numFixedColumns)];draggerStartX=floaterStartX+draggerWidth;grid.renderOverridesCache.dragger.startX=floaterStartX*hdpiratio;grid.renderOverridesCache.floater.startX=draggerStartX*hdpiratio}grid.getBehavior().swapColumns(draggerIndex+scrollLeft,floaterIndex+scrollLeft);grid.renderOverridesCache.dragger.columnIndex=floaterIndex;grid.renderOverridesCache.floater.columnIndex=draggerIndex;this.floaterAnimationQueue.unshift(this.doColumnMoveAnimation(grid,floaterStartX,draggerStartX));this.doFloaterAnimation(grid)},doColumnMoveAnimation:function(grid,floaterStartX,draggerStartX){var self=this;return function(){var d=floatColumn;d.style.display="inline";self.setCrossBrowserProperty(d,"transform","translate("+floaterStartX+"px, "+0+"px)");window.requestAnimationFrame(function(){self.setCrossBrowserProperty(d,"transition",(self.isWebkit?"-webkit-":"")+"transform "+columnAnimationTime+"ms ease");self.setCrossBrowserProperty(d,"transform","translate("+draggerStartX+"px, "+-2+"px)")});grid.repaint();setTimeout(function(){self.setCrossBrowserProperty(d,"transition","");grid.renderOverridesCache.floater=null;grid.repaint();self.doFloaterAnimation(grid);requestAnimationFrame(function(){d.style.display="none";self.isFloatingNow=false})},columnAnimationTime+50)}},doFloaterAnimation:function(grid){if(this.floaterAnimationQueue.length===0){this.floatingNow=false;grid.repaint();return}var animation=this.floaterAnimationQueue.pop();animation()},createFloatColumn:function(grid,columnIndex){var scrollLeft=grid.getHScrollValue();var numFixedColumns=grid.getFixedColumnCount();var columnWidth=columnIndex<0?grid.getFixedColumnWidth(numFixedColumns+columnIndex+scrollLeft):grid.getColumnWidth(columnIndex+scrollLeft);var colHeight=grid.clientHeight;var d=floatColumn;var style=d.style;var location=grid.getBoundingClientRect();style.top=location.top-2+"px";style.left=location.left+"px";style.position="fixed";var hdpiRatio=grid.getHiDPI(floatColumnCTX);d.setAttribute("width",Math.round(columnWidth*hdpiRatio)+"px");d.setAttribute("height",Math.round(colHeight*hdpiRatio)+"px");style.boxShadow="0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)";style.width=columnWidth+"px";style.height=colHeight+"px";style.borderTop="1px solid "+grid.renderer.resolveProperty("lineColor");style.backgroundColor=grid.renderer.resolveProperty("backgroundColor");var startX=grid.renderer.renderedColumnWidths[columnIndex+numFixedColumns];startX=startX*hdpiRatio;floatColumnCTX.scale(hdpiRatio,hdpiRatio);grid.renderOverridesCache.floater={columnIndex:columnIndex,ctx:floatColumnCTX,startX:startX,width:columnWidth,height:colHeight,hdpiratio:hdpiRatio};style.zIndex="4";this.setCrossBrowserProperty(d,"transform","translate("+startX+"px, "+-2+"px)");style.cursor="none";grid.repaint()},setCrossBrowserProperty:function(element,property,value){var uProperty=property[0].toUpperCase()+property.substr(1);this.setProp(element,"webkit"+uProperty,value);this.setProp(element,"Moz"+uProperty,value);this.setProp(element,"ms"+uProperty,value);this.setProp(element,"O"+uProperty,value);this.setProp(element,property,value)},setProp:function(element,property,value){if(property in element.style){element.style[property]=value}},createDragColumn:function(grid,x,columnIndex){var scrollLeft=grid.getHScrollValue();var numFixedColumns=grid.getFixedColumnCount();var hdpiRatio=grid.getHiDPI(draggerCTX);var columnWidth=columnIndex<0?grid.getFixedColumnWidth(numFixedColumns+columnIndex+scrollLeft):grid.getColumnWidth(columnIndex+scrollLeft);var colHeight=grid.clientHeight;var d=dragger;var location=grid.getBoundingClientRect();var style=d.style;style.top=location.top+"px";style.left=location.left+"px";style.position="fixed";style.opacity=.85;style.boxShadow="0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22)";style.borderTop="1px solid "+grid.renderer.resolveProperty("lineColor");style.backgroundColor=grid.renderer.resolveProperty("backgroundColor");d.setAttribute("width",Math.round(columnWidth*hdpiRatio)+"px");d.setAttribute("height",Math.round(colHeight*hdpiRatio)+"px");style.width=columnWidth+"px";style.height=colHeight+"px";var startX=grid.renderer.renderedColumnWidths[columnIndex+numFixedColumns];startX=startX*hdpiRatio;draggerCTX.scale(hdpiRatio,hdpiRatio);grid.renderOverridesCache.dragger={columnIndex:columnIndex,ctx:draggerCTX,startX:startX,width:columnWidth,height:colHeight,hdpiratio:hdpiRatio};this.setCrossBrowserProperty(d,"transform","translate("+x+"px, -5px)");style.zIndex="5";style.cursor="none";grid.repaint()},dragColumn:function(grid,x){var self=this;var autoScrollingNow=this.columnDragAutoScrollingRight||this.columnDragAutoScrollingLeft;var hdpiRatio=grid.getHiDPI(draggerCTX);var dragColumnIndex=grid.renderOverridesCache.dragger.columnIndex;var columnWidth=grid.renderOverridesCache.dragger.width;var minX=grid.getFixedColumnsWidth();var maxX=grid.renderer.getFinalVisableColumnBoundry()-columnWidth;x=Math.min(x,maxX+15);x=Math.max(minX-15,x);var atMin=x<minX&&dragColumnIndex!==0;var atMax=x>maxX;var d=dragger;this.setCrossBrowserProperty(d,"transition",(self.isWebkit?"-webkit-":"")+"transform "+0+"ms ease, box-shadow "+columnAnimationTime+"ms ease");this.setCrossBrowserProperty(d,"transform","translate("+x+"px, "+-10+"px)");requestAnimationFrame(function(){d.style.display="inline"});var overCol=grid.renderer.getColumnFromPixelX(x+d.width/2/hdpiRatio);if(atMin){overCol=0}if(atMax){overCol=grid.renderer.renderedColumns[grid.renderer.renderedColumns.length-1]}var doAFloat=dragColumnIndex>overCol;doAFloat=doAFloat||overCol-dragColumnIndex>1;if(doAFloat&&!atMax&&!autoScrollingNow){var draggedToTheRight=dragColumnIndex<overCol;if(draggedToTheRight){overCol=overCol-1}if(this.isFloatingNow){return}this.isFloatingNow=true;this.createFloatColumn(grid,overCol);this.floatColumnTo(grid,draggedToTheRight)}else{if(x<minX-10){this.checkAutoScrollToLeft(grid,x)}if(x>minX-10){this.columnDragAutoScrollingLeft=false}if(atMax||x>maxX+10){this.checkAutoScrollToRight(grid,x);return}if(x<maxX+10){this.columnDragAutoScrollingRight=false}}},checkAutoScrollToRight:function(grid,x){if(this.columnDragAutoScrollingRight){return}this.columnDragAutoScrollingRight=true;this._checkAutoScrollToRight(grid,x)},_checkAutoScrollToRight:function(grid,x){if(!this.columnDragAutoScrollingRight){return}var behavior=grid.getBehavior();var scrollLeft=grid.getHScrollValue();if(!grid.dragging||scrollLeft>grid.sbHScrlCfg.rangeStop-2){return}var draggedIndex=grid.renderOverridesCache.dragger.columnIndex;grid.scrollBy(1,0);var newIndex=draggedIndex+scrollLeft+1;behavior.swapColumns(newIndex,draggedIndex+scrollLeft);setTimeout(this._checkAutoScrollToRight.bind(this,grid,x),250)},findNewPositionOnScrollRight:function(dragIndex){noop(dragIndex);var scrollLeft=this.getHScrollValue();var behavior=this.getBehavior();var bounds=this.canvas.getBounds();var viewWidth=bounds.width()-behavior.getFixedColumnsWidth();var max=behavior.getColumnCount();for(var c=0;c<max;c++){var eachColumnWidth=behavior.getColumnWidth(scrollLeft+c);viewWidth=viewWidth-eachColumnWidth;if(viewWidth<0){return c-2}}return max-1},checkAutoScrollToLeft:function(grid,x){if(this.columnDragAutoScrollingLeft){return}this.columnDragAutoScrollingLeft=true;this._checkAutoScrollToLeft(grid,x)},_checkAutoScrollToLeft:function(grid,x){if(!this.columnDragAutoScrollingLeft){return}var behavior=grid.getBehavior();var scrollLeft=grid.getHScrollValue();if(!grid.dragging||scrollLeft<1){return}var draggedIndex=grid.renderOverridesCache.dragger.columnIndex;behavior.swapColumns(draggedIndex+scrollLeft,draggedIndex+scrollLeft-1);grid.scrollBy(-1,0);setTimeout(this._checkAutoScrollToLeft.bind(this,grid,x),250)},endDragColumn:function(grid){var self=this;var numFixedColumns=grid.getFixedColumnCount();var columnIndex=grid.renderOverridesCache.dragger.columnIndex;var startX=grid.renderer.renderedColumnWidths[columnIndex+numFixedColumns];var d=dragger;self.setCrossBrowserProperty(d,"transition",(self.isWebkit?"-webkit-":"")+"transform "+columnAnimationTime+"ms ease, box-shadow "+columnAnimationTime+"ms ease");self.setCrossBrowserProperty(d,"transform","translate("+startX+"px, "+-1+"px)");d.style.boxShadow="0px 0px 0px #888888";setTimeout(function(){grid.renderOverridesCache.dragger=null;grid.repaint();requestAnimationFrame(function(){d.style.display="none";grid.getBehavior().endDragColumnNotification()})},columnAnimationTime+50)}})})();</script></polymer-element><polymer-element name="fin-hypergrid-feature-row-resizing" extends="fin-hypergrid-feature-column-resizing" assetpath="/dev/fin-hypergrid/polymer/html/features/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>(function(){"use strict";Polymer("fin-hypergrid-feature-row-resizing",{dragArea:-1,dragStart:-1,dragAreaStartingSize:-1,getFixedAreaCount:function(grid){return grid.getFixedRowCount()},getMouseValue:function(event){return event.primitiveEvent.detail.mouse.y},getGridCellValue:function(gridCell){return gridCell.x},getScrollValue:function(grid){return grid.getVScrollValue()},getAreaSize:function(grid,index){return grid.getRowHeight(index)},setAreaSize:function(grid,index,value){grid.setRowHeight(index,value)},getOtherFixedAreaCount:function(grid){return grid.getFixedColumnCount()},getFixedAreaSize:function(grid,index){return grid.getFixedRowHeight(index)},setFixedAreaSize:function(grid,index,value){grid.setFixedRowHeight(index,value)},overAreaDivider:function(grid,event){return grid.overRowDivider(event)},isFixedOtherArea:function(grid,event){return this.isFixedColumn(grid,event)},getCursorName:function(){return"row-resize"},getPreviousAbsoluteSize:function(grid,index){return grid.getTopSideSize(index)}})})();</script></polymer-element><polymer-element name="fin-hypergrid-feature-on-hover" extends="fin-hypergrid-feature-base" assetpath="/dev/fin-hypergrid/polymer/html/features/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>(function(){"use strict";Polymer("fin-hypergrid-feature-on-hover",{handleMouseMove:function(grid,event){var currentHoverCell=grid.getHoverCell();if(!event.gridCell.equals(currentHoverCell)){if(currentHoverCell){this.handleMouseExit(grid,currentHoverCell)}this.handleMouseEnter(grid,event);grid.setHoverCell(event.gridCell)}else{if(this.next){this.next.handleMouseMove(grid,event)}}}})})();</script></polymer-element><polymer-element name="fin-hypergrid-behavior-base" attributes="" assetpath="/dev/fin-hypergrid/polymer/html/behaviors/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>"use strict";(function(){var noop=function(){};Polymer("fin-hypergrid-behavior-base",{tableState:{},columnProperties:{},grid:null,editorTypes:["choice","textfield","color","slider","spinner","date"],featureChain:null,clearObjectProperties:function(obj){for(var prop in obj){if(obj.hasOwnProperty(prop)){delete obj[prop]}}},ready:function(){this.readyInit()},readyInit:function(){this.cellProvider=this.createCellProvider();this.scrollPositionX=0;this.scrollPositionY=0;this.renderedWidth=30;this.renderedHeight=60;this.tableState={columnIndexes:[],fixedColumnIndexes:[],hiddenColumns:[],columnWidths:[],fixedColumnWidths:[],rowHeights:{},fixedRowHeights:{}};this.dataUpdates={}},resolveProperty:function(key){return this.grid.resolveProperty(key)},getState:function(){return this.tableState},setState:function(state){for(var key in state){if(state.hasOwnProperty(key)){this.tableState[key]=state[key]}}},initColumnIndexes:function(){var columnCount=this._getColumnCount();var fixedColumnCount=this.getFixedColumnCount();var i;for(i=0;i<columnCount;i++){this.tableState.columnIndexes[i]=i}for(i=0;i<fixedColumnCount;i++){this.tableState.fixedColumnIndexes[i]=i}},insureColumnIndexesAreInitialized:function(){this.swapColumns(0,0)},swapColumns:function(src,tar){var indexes=this.tableState.columnIndexes;if(indexes.length===0){this.initColumnIndexes();indexes=this.tableState.columnIndexes}var tmp=indexes[src];indexes[src]=indexes[tar];indexes[tar]=tmp},translateColumnIndex:function(x){var indexes=this.tableState.columnIndexes;if(indexes.length===0){return x}return indexes[x]},unTranslateColumnIndex:function(x){return this.tableState.columnIndexes.indexOf(x)},setNextFeature:function(nextFeature){if(this.featureChain){this.featureChain.setNext(nextFeature)}else{this.featureChain=nextFeature}},installOn:function(grid){grid.setBehavior(this);this.initializeFeatureChain(grid)},initializeFeatureChain:function(grid){this.setNextFeature(document.createElement("fin-hypergrid-feature-key-paging"));this.setNextFeature(document.createElement("fin-hypergrid-feature-cell-click"));this.setNextFeature(document.createElement("fin-hypergrid-feature-overlay"));this.setNextFeature(document.createElement("fin-hypergrid-feature-column-resizing"));this.setNextFeature(document.createElement("fin-hypergrid-feature-row-resizing"));this.setNextFeature(document.createElement("fin-hypergrid-feature-cell-selection"));this.setNextFeature(document.createElement("fin-hypergrid-feature-column-moving"));this.setNextFeature(document.createElement("fin-hypergrid-feature-thumbwheel-scrolling"));this.setNextFeature(document.createElement("fin-hypergrid-feature-cell-editing"));this.setNextFeature(document.createElement("fin-hypergrid-feature-column-sorting"));this.setNextFeature(document.createElement("fin-hypergrid-feature-on-hover"));this.featureChain.initializeOn(grid)},getCellProvider:function(){return this.cellProvider},setGrid:function(finGrid){this.grid=finGrid},getGrid:function(){return this.grid},createCellProvider:function(){var provider=document.createElement("fin-hypergrid-cell-provider");return provider},getTopLeftValue:function(){return""},_getValue:function(x,y){x=this.translateColumnIndex(x);var override=this.dataUpdates["p_"+x+"_"+y];if(override){return override}return this.getValue(x,y)},_setValue:function(x,y,value){x=this.translateColumnIndex(x);this.setValue(x,y,value)},_getFixedRowValue:function(x,y){x=this.translateColumnIndex(x);return this.getFixedRowValue(x,y)},getFixedColumnValue:function(x,y){return y+1},getRowCount:function(){return 1e15},_getColumnCount:function(){return this.getColumnCount()-this.tableState.hiddenColumns.length},getFixedRowCount:function(){return 1},getFixedColumnCount:function(){return 1},getFixedRowsHeight:function(){var count=this.getFixedRowCount();var total=0;for(var i=0;i<count;i++){total=total+this.getFixedRowHeight(i)}return total},getFixedRowHeight:function(rowNum){if(this.tableState.fixedRowHeights){var override=this.tableState.fixedRowHeights[rowNum];if(override){return override}}return this.resolveProperty("defaultFixedRowHeight")},setFixedRowHeight:function(rowNum,height){this.tableState.fixedRowHeights[rowNum]=Math.max(5,height);this.changed()},getRowHeight:function(rowNum){if(this.tableState.rowHeights){var override=this.tableState.rowHeights[rowNum];if(override){return override}}return this.getDefaultRowHeight()},getDefaultRowHeight:function(){if(!this.defaultRowHeight){this.defaultRowHeight=this.resolveProperty("defaultRowHeight")}return this.defaultRowHeight},setRowHeight:function(rowNum,height){this.tableState.rowHeights[rowNum]=Math.max(5,height);this.changed()},getFixedRowsMaxHeight:function(){var height=this.getFixedRowsHeight();return height},getFixedColumnsWidth:function(){var count=this.getFixedColumnCount();var total=0;for(var i=0;i<count;i++){total=total+this.getFixedColumnWidth(i)}return total},setFixedColumnWidth:function(colNumber,width){this.tableState.fixedColumnWidths[colNumber]=Math.max(5,width);this.changed()},getFixedColumnsMaxWidth:function(){var width=this.getFixedColumnsWidth();return width},getFixedColumnWidth:function(colNumber){var override=this.tableState.fixedColumnWidths[colNumber];if(override){return override}return this.resolveProperty("defaultFixedColumnWidth")},_getColumnWidth:function(x){x=this.translateColumnIndex(x);return this.getColumnWidth(x)},_setColumnWidth:function(x,width){x=this.translateColumnIndex(x);this.setColumnWidth(x,width);this.changed()},_setScrollPositionY:function(y){this.setScrollPositionY(y);this.changed()},_setScrollPositionX:function(x){this.setScrollPositionX(x);this.changed()},setRenderedWidth:function(width){this.renderedWidth=width},setRenderedHeight:function(height){this.renderedHeight=height},_getColumnAlignment:function(x){x=this.translateColumnIndex(x);return this.getColumnAlignment(x)},getTopLeftAlignment:function(){return"center"},getFixedColumnAlignment:function(){return this.resolveProperty("fixedColumnAlign")},_getFixedRowAlignment:function(x,y){noop(y);x=this.translateColumnIndex(x);return this.getFixedRowAlignment(x)},topLeftClicked:function(grid,mouse){console.log("top Left clicked: "+mouse.gridCell.x,mouse)},_fixedRowClicked:function(grid,mouse){var x=this.translateColumnIndex(mouse.gridCell.x-this.getFixedColumnCount());var translatedPoint=this.grid.rectangles.point.create(this.scrollPositionX+x,mouse.gridCell.y);mouse.gridCell=translatedPoint;this.fixedRowClicked(grid,mouse)},_fixedColumnClicked:function(grid,mouse){var translatedPoint=this.grid.rectangles.point.create(mouse.gridCell.x,this.scrollPositionY+mouse.gridCell.y-this.getFixedRowCount());mouse.gridCell=translatedPoint;this.fixedColumnClicked(grid,mouse)},setCursor:function(grid){grid.setDefaultCursor();this.featureChain.setCursor(grid)},onMouseMove:function(grid,event){if(this.featureChain){this.featureChain.handleMouseMove(grid,event);this.setCursor(grid)}},onTap:function(grid,event){if(this.featureChain){this.featureChain.handleTap(grid,event);this.setCursor(grid)}},onWheelMoved:function(grid,event){if(this.featureChain){this.featureChain.handleWheelMoved(grid,event);this.setCursor(grid)}},onMouseUp:function(grid,event){if(this.featureChain){this.featureChain.handleMouseUp(grid,event);this.setCursor(grid)}},onMouseDrag:function(grid,event){if(this.featureChain){this.featureChain.handleMouseDrag(grid,event);this.setCursor(grid)}},onKeyDown:function(grid,event){if(this.featureChain){this.featureChain.handleKeyDown(grid,event);this.setCursor(grid)}},onKeyUp:function(grid,event){if(this.featureChain){this.featureChain.handleKeyUp(grid,event);this.setCursor(grid)}},onDoubleClick:function(grid,event){if(this.featureChain){this.featureChain.handleDoubleClick(grid,event);this.setCursor(grid)}},onHoldPulse:function(grid,event){if(this.featureChain){this.featureChain.handleHoldPulse(grid,event);this.setCursor(grid)}},handleMouseDown:function(grid,event){if(this.featureChain){this.featureChain.handleMouseDown(grid,event);this.setCursor(grid)}},handleMouseExit:function(grid,event){if(this.featureChain){this.featureChain.handleMouseExit(grid,event);this.setCursor(grid)}},_getCellEditorAt:function(x,y){noop(y);x=this.translateColumnIndex(x);return this.getCellEditorAt(x)},changed:function(){},isColumnReorderable:function(){return true},getColumnProperties:function(columnIndex){noop(columnIndex);return this.columnProperties},getDNDColumnLabels:function(){this.insureColumnIndexesAreInitialized();var columnCount=this._getColumnCount();var labels=new Array(columnCount);for(var i=0;i<columnCount;i++){var id=this.tableState.columnIndexes[i];labels[i]={id:id,label:this.getFixedRowValue(id,0)}}return labels},setDNDColumnLabels:function(list){var columnCount=list.length;var indexes=new Array(columnCount);for(var i=0;i<columnCount;i++){indexes[i]=list[i].id}this.tableState.columnIndexes=indexes;this.changed()},getDNDHiddenColumnLabels:function(){var indexes=this.tableState.hiddenColumns;var labels=new Array(indexes.length);for(var i=0;i<labels.length;i++){var id=indexes[i];labels[i]={id:id,label:this.getFixedRowValue(id,0)}}return labels},setDNDHiddenColumnLabels:function(list){var columnCount=list.length;var indexes=new Array(columnCount);for(var i=0;i<columnCount;i++){indexes[i]=list[i].id}this.tableState.hiddenColumns=indexes;this.changed()},openEditor:function(div){var container=document.createElement("div");var hidden=document.createElement("fin-hypergrid-dnd-list");var visible=document.createElement("fin-hypergrid-dnd-list");container.appendChild(hidden);container.appendChild(visible);this.beColumnStyle(hidden.style);hidden.title="hidden columns";hidden.list=this.getDNDHiddenColumnLabels();this.beColumnStyle(visible.style);visible.style.left="50%";visible.title="visible columns";visible.list=this.getDNDColumnLabels();div.lists={hidden:hidden.list,visible:visible.list};div.appendChild(container);return true},closeEditor:function(div){noop(div);var lists=div.lists;this.setDNDColumnLabels(lists.visible);this.setDNDHiddenColumnLabels(lists.hidden);return true},endDragColumnNotification:function(){return true},beColumnStyle:function(style){style.top="5%";style.position="absolute";style.width="50%";style.height="99%";style.whiteSpace="nowrap"},getCursorAt:function(){return null},getValue:function(x,y){return x+", "+y},setValue:function(x,y,value){this.dataUpdates["p_"+x+"_"+y]=value},getColumnCount:function(){return 300},getColumnWidth:function(x){var override=this.tableState.columnWidths[x];if(override){return override}return this.resolveProperty("defaultColumnWidth")},setColumnWidth:function(x,width){this.tableState.columnWidths[x]=Math.max(5,width)},getColumnAlignment:function(){return"center"},setScrollPositionX:function(x){this.scrollPositionX=x},setScrollPositionY:function(y){this.scrollPositionY=y},getFixedRowAlignment:function(x,y){noop(x,y);return this.resolveProperty("fixedRowAlign")},getFixedRowValue:function(x){return x},getCellEditorAt:function(x,y){noop(x,y);var cellEditor=this.grid.resolveCellEditor("textfield");return cellEditor},fixedRowClicked:function(grid,mouse){this.toggleSort(mouse.gridCell.x)},toggleSort:function(colIndex){console.log("toggleSort("+colIndex+")")},fixedColumnClicked:function(grid,mouse){console.log("fixedColumnClicked("+mouse.gridCell.x+", "+mouse.gridCell.y+")")},highlightCellOnHover:function(isColumnHovered,isRowHovered){return isColumnHovered&&isRowHovered}})})();</script></polymer-element><polymer-element name="fin-hypergrid-behavior-default" extends="fin-hypergrid-behavior-base" assetpath="/dev/fin-hypergrid/polymer/html/behaviors/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>"use strict";(function(){var alphaFor=function(i){var quo=Math.floor(i/26);var rem=i%26;var code="";if(quo>0){code+=String.fromCharCode("A".charCodeAt(0)+quo-1)}code+=String.fromCharCode("A".charCodeAt(0)+rem);return code};var a="ABCDEFGHIJKLMNOPQRSTUVWXYZ";Polymer("fin-hypergrid-behavior-default",{getValue:function(x,y){return x+", "+a[y%26]},getFixedRowValue:function(x){return alphaFor(x)}})})();</script></polymer-element><polymer-element name="fin-hypergrid-behavior-gol" extends="fin-hypergrid-behavior-base" assetpath="/dev/fin-hypergrid/polymer/html/behaviors/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>"use strict";(function(){var noop=function(){};var patterns=[[[false,true,true,true,false],[true,false,true,false,true],[false,false,true,false,false]],[[false,true,false],[true,false,false],[true,true,true]]];var colors=["#ffffff","#ffffff","#efefef","#00e7e7","#00dfdf","#00d7d7","#00cfcf","#00c7c7"];Polymer("fin-hypergrid-behavior-gol",{rows:45,columns:75,data:[],buffer:[],running:false,ready:function(){this.readyInit();this.rows=this.getAttribute("rows")||this.rows;this.columns=this.getAttribute("columns")||this.columns;this.resetPetriDish();this.running=false},createCellProvider:function(){var provider=document.createElement("fin-hypergrid-cell-provider");provider.cellCache.simpleCellRenderer.paint=function(gc,x,y,width,height){var weight=this.config.value[1];if(weight===0){return}var color=colors[weight];if(this.config.value[0]){color=this.config.fgColor}gc.fillStyle=color;gc.fillRect(x,y,width,height)};return provider},resetPetriDish:function(){this.data=[];this.buffer=[];this.initializeData(this.data);this.initializeData(this.buffer);this.populate();this.changed()},populate:function(){var x=0;var y=0;for(var i=0;i<15;i++){y=Math.round(Math.random()*this.rows*.6);x=Math.round(Math.random()*this.columns*.6);this.applyPatternAt(this.data,x,y,patterns[i%2],i%4)}},initializeData:function(array2D){for(var c=0;c<this.columns;c++){var col=[];array2D.push(col);for(var r=0;r<this.rows;r++){col.push([false,0])}}},toggleRunning:function(){this.running=!this.running;if(this.running){this.startLife()}},startLife:function(){if(!this.running){return}for(var c=1;c<this.columns-2;c++){for(var r=1;r<this.rows-2;r++){this.computeLifeAt(c,r)}}var temp=this.buffer;this.buffer=this.data;this.data=temp;this.changed();setTimeout(this.startLife.bind(this),125)},computeLifeAt:function(x,y){var me=this._getValue(x,y);var total=this.getNeighborCount(x,y);me[1]=total;if(me[0]){if(total<2){this.buffer[x][y]=[false,0]}else if(total<4){this.buffer[x][y]=[true,1]}else{this.buffer[x][y]=[false,0]}}else{this.buffer[x][y]=[total===3,total]}},getNeighborCount:function(x,y){var data=this.data;var total=0;if(data[x-1][y-1][0]){total++}if(data[x-1][y][0]){total++}if(data[x-1][y+1][0]){total++}if(data[x][y-1][0]){total++}if(data[x][y+1][0]){total++}if(data[x+1][y-1][0]){total++}if(data[x+1][y][0]){total++}if(data[x+1][y+1][0]){total++}return total},_getNeighborCount:function(x,y){var data=this.data;var sum=this.count3(data[x-1],y)+this.count2(data[x],y)+this.count3(data[x+1],y);return sum},count3:function(row,offset){var sum=0;for(var i=offset-1;i<=offset+1;i++){if(row[i][0]){sum++}}return sum},count2:function(row,offset){var sum=0;for(var i=offset-1;i<=offset+1;i++){if(i!==offset&&row[i][0]){sum++}}return sum},getValue:function(x,y){return this.data[x][y]},setValue:function(x,y,value){this.data[x][y]=value},getFixedColumnValue:function(x,y){return y},getFixedRowValue:function(x,y){noop(x,y);return""},getFixedColumnCount:function(){return 0},getFixedRowCount:function(){return 0},getColumnCount:function(){return this.data.length},getRowCount:function(){return this.data[0].length},getRowHeight:function(y){noop(y);return 10},getColumnWidth:function(x){noop(x);return 10},getNextState:function(){if(this.running){return"pause"}else{return"play"}},onTap:function(grid,mouse){var mX=this.scrollPositionX+mouse.gridCell.x;var mY=this.scrollPositionY+mouse.gridCell.y;var v=this._getValue(mX,mY)[0];this._setValue(mX,mY,[!v,1]);this.changed()},applyPatternAt:function(array,c,r,pattern,dir){var w=pattern.length;var h=pattern[0].length;var x=0;var y=0;if(dir===0){for(x=0;x<w;x++){for(y=0;y<h;y++){array[x+c][y+r]=[pattern[w-x-1][y],1]}}}else if(dir===1){for(x=0;x<w;x++){for(y=0;y<h;y++){array[x+c][y+r]=[pattern[x][y],1]}}}else if(dir===2){for(x=0;x<w;x++){for(y=0;y<h;y++){array[y+c][x+r]=[pattern[x][y],1]}}}else{for(x=0;x<w;x++){for(y=0;y<h;y++){array[y+c][x+r]=[pattern[w-x-1][y],1]}}}}})})();</script></polymer-element><polymer-element name="fin-hypergrid-behavior-in-memory" extends="fin-hypergrid-behavior-base" assetpath="/dev/fin-hypergrid/polymer/html/behaviors/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>"use strict";(function(){var alphaFor=function(i){var quo=Math.floor(i/26);var rem=i%26;var code="";if(quo>0){code+=String.fromCharCode("A".charCodeAt(0)+quo-1)}code+=String.fromCharCode("A".charCodeAt(0)+rem);return code};function rnd(max){return Math.floor(Math.random()*max)}var barRandomOffsets=[];for(var i=0;i<20;i++){barRandomOffsets.push([]);for(var r=0;r<10;r++){barRandomOffsets[i].push(10-rnd(20))}}Polymer("fin-hypergrid-behavior-in-memory",{ready:function(){this.rows=5e3;this.columns=100;this.readyInit();this.tableState.columnWidths=[50,150,80,90,80,150,100,80,80,100];this.tableState.fixedColumnWidths=[120];this.tableState.sorts=[];this.tableState.sortLookup={};this.tableState.sorted={};this.sortStates=[" -"," ^"," v"];this.permuteInterval=250;this.values=new Array(this.rows*this.columns);this.order=[];this.createSort(0,2);this.createSort(0,14);this.createSort(0,22);this.initOrder();this.initialize();this.permute();this.reorder()},createCellProvider:function(){var provider=document.createElement("fin-hypergrid-cell-provider");provider.getCell=function(config){var renderer=provider.cellCache.simpleCellRenderer;config.halign="left";var x=config.x;if(x===41){renderer=provider.cellCache.sliderCellRenderer}else if(x===23){renderer=provider.cellCache.sparkbarCellRenderer}else if(x===3){renderer=provider.cellCache.sparklineCellRenderer}else if(x===2){var hex=Math.floor(Math.max(config.value,30)*255/100).toString(16);if(hex.length<1){hex="0"+hex}var bgColor="#"+"00"+hex+"00";config.bgColor=bgColor}renderer.config=config;return renderer};return provider},setValues:function(c){var self=this;for(var x=c.xstart;x<c.xstop;x=x+c.xinc){for(var y=c.ystart;y<c.ystop;y=y+c.yinc){this.setRandomValue(x,y,c.cutoff)}}self.changed()},initialize:function(){var config={xstart:0,xstop:this._getColumnCount(),xinc:1,ystart:0,ystop:this.getRowCount(),yinc:1,cutoff:2};this.setValues(config)},permute:function(){var self=this;var config={xstart:this.scrollPositionX,xstop:this.scrollPositionX+this.renderedWidth,xinc:1,ystart:this.scrollPositionY,ystop:this.scrollPositionY+this.renderedHeight,yinc:1,cutoff:.05};this.setValues(config);setTimeout(function(){self.permute()},self.permuteInterval)},getCellEditorAt:function(x,y){var type=x!==9?"textfield":this.editorTypes[y%this.editorTypes.length];var cellEditor=this.grid.resolveCellEditor(type);return cellEditor},getColumnCount:function(){return this.columns},setRandomValue:function(col,row,cutoff){var rand=Math.random();var val=this.getValue(col,row);var rndV;if(rand>cutoff){return}if(col===13){val=rand<.1?true:false;this.setValue(col,row,val)}else if(col===23){if(!val){val=[rnd(100),rnd(100),rnd(100),rnd(100),rnd(100),rnd(100),rnd(100),rnd(100),rnd(100),rnd(100)]}else{rndV=Math.floor(60*rand);if(rndV>19){return}var rndOffsets=barRandomOffsets[rndV];for(var i=0;i<rndOffsets.length;i++){val[i]=Math.min(Math.max(0,val[i]+rndOffsets[i]),100)}}this.setValue(col,row,val)}else if(col===3){if(!val){val=[rnd(100),rnd(100),rnd(100),rnd(100),rnd(100),rnd(100),rnd(100),rnd(100),rnd(100),rnd(100)]}else{rndV=Math.floor(8e3*rand);if(rndV>99){return}if(val.shift){val.shift();val.push(rndV)}}this.setValue(col,row,val)}else if(col%10===0){val=[rand<.1?false:true,1];this.setValue(col,row,val)}else if(col===9){if(val){return}var hex=row.toString(16).toUpperCase();while(hex.length<6){hex="0"+hex}val="0x"+hex;this.setValue(col,row,val)}else if(col%6===0){if(val){return}var profound="Quidquid latine dictum sit, altum sonatur.";this.setValue(col,row,profound)}else if(col%4===0){var ipsum="Lorem ipsum dolor sit amet, malis repudiare mei in. Cu munere expetendis mea, affert aliquid definiebas at nam. Te scripta delectus singulis mel, et vidit error legere eum, ea latine feugait ponderum vix. Ius ei electram patrioque, et eum propriae deseruisse necessitatibus. Epicurei adipisci ex duo. Quidam iudicabit ullamcorper ex vel, per quot ipsum ad, libris quaeque iudicabit et usu. Ut postea nominavi cum, id eius porro mundi qui. Nec ex altera dolorum definiebas, consul viderer ex est. ";var index=Math.max(0,rand*ipsum.length-20);val=ipsum.slice(index,index+20).toUpperCase();this.setValue(col,row,val)}else if(col===2||col===14||col===22){var v=Math.min(Math.floor(rand*2e3),100);this.setValue(col,row,Math.max(v))}else if(col===41){this.setValue(col,row,Math.random())}else{this.setValue(col,row,rand)}},indexOf:function(row,col){var index=col*this.rows+row;return index},createSort:function(type,col){var self=this;var that={};that.type=type;that.col=col;that.value=function(array,index){return array[self.indexOf(self.order[index],col)]};that.compare=function(array,first,last){var x=that.value(array,first),y=that.value(array,last);if(typeof x==="number"){if(that.type===1){if(!y){return-1}return x-y}else{if(!y){return 1}return y-x}}else{if(that.type===1){if(!y){return-1}return x<y?-1:1}else{if(!y){return 1}return y<x?-1:1}}return 0};this.tableState.sorts.push(that);this.tableState.sortLookup[col]=that},swap:function(array,x,y){var tmp=this.order[x];this.order[x]=this.order[y];this.order[y]=tmp},compare:function(array,first,last){var comp=0;for(var i=0;i<this.tableState.sorts.length;++i){var sort=this.tableState.sorts[i];if(sort.type!==0){comp=sort.compare(array,first,last);if(comp===0){continue}break}}return comp},initOrder:function(){this.order=[];for(var i=0;i<this.rows;++i){this.order[i]=i}},quicksort:function(array,first,last,depth){if(depth>1e3){console.log("sort aborted!");return}var pivot=0;if(depth===0){if(this.tableState.sorts.length<=0){return}var sort=this.tableState.sorts[0];while(!sort.value(array,last)&&last>first){--last}var sorted=true;for(pivot=first;pivot<last;++pivot){if(this.compare(array,pivot,pivot+1)>0){sorted=false;break}}if(sorted){return}}while(first<last){var right=last;var left=first;pivot=first+last>>1;if(pivot<0||pivot>=last){break}while(right>=left){while(left<=right&&this.compare(array,left,pivot)<=0){++left}while(left<=right&&this.compare(array,right,pivot)>0){--right}if(left>right){break}this.swap(array,left,right);if(pivot===right){pivot=left}left++;right--}this.swap(array,pivot,right);right--;if(Math.abs(right-first)>Math.abs(last-left)){if(left<last){this.quicksort(array,left,last,depth+1)}last=right}else{if(first<right){this.quicksort(array,first,right,depth+1)}first=left}}},reorder:function(){this.initOrder();this.quicksort(this.values,0,this.rows-1,0)},orderOf:function(y){var row=this.order[y];return row},setValue:function(col,y,value){var row=this.orderOf(y);var index=this.indexOf(row,col);this.values[index]=value},getValue:function(col,y){var row=this.orderOf(y);var index=this.indexOf(row,col);return this.values[index]},getRowCount:function(){return this.rows},getFixedRowValue:function(x){var sortIndicator="";if(this.tableState.sortLookup[x]&&!this.tableState.sorted[x]){this.tableState.sorted[x]=0;sortIndicator=this.sortStates[this.tableState.sorted[x]]}if(this.tableState.sorted[x]){sortIndicator=this.sortStates[this.tableState.sorted[x]]}return alphaFor(x)+sortIndicator},fixedRowClicked:function(grid,mouse){if([2,14,22].indexOf(mouse.gridCell.x)===-1){return}this.toggleSort(mouse.gridCell.x)},toggleSort:function(columnIndex){var current=this.tableState.sorted[columnIndex];var stateCount=this.sortStates.length;var sortStateIndex=(current+1)%stateCount;this.tableState.sorted[columnIndex]=sortStateIndex;this.tableState.sortLookup[columnIndex].type=sortStateIndex;this.reorder();this.changed()}})})();</script></polymer-element><polymer-element name="fin-hypergrid-behavior-json" extends="fin-hypergrid-behavior-base" assetpath="/dev/fin-hypergrid/polymer/html/behaviors/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>"use strict";var noop=function(){};var validIdentifierMatch=/^(?!(?:abstract|boolean|break|byte|case|catch|char|class|const|continue|debugger|default|delete|do|double|else|enum|export|extends|final|finally|float|for|function|goto|if|implements|import|in|instanceof|int|interface|let|long|native|new|package|private|protected|public|return|short|static|super|switch|synchronized|this|throw|throws|transient|try|typeof|var|void|volatile|while|with|yield)$)[\x24\x41-\x5A\x5F\x61-\x7A\xAA\xB5\xBA\xC0-\xD6\xD8-\xF6\xF8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0370-\u0374\u0376-\u0377\u037A-\u037D\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u048A-\u0527\u0531-\u0556\u0559\u0561-\u0587\u05D0-\u05EA\u05F0-\u05F2\u0620-\u064A\u066E-\u066F\u0671-\u06D3\u06D5\u06E5-\u06E6\u06EE-\u06EF\u06FA-\u06FC\u06FF\u0710\u0712-\u072F\u074D-\u07A5\u07B1\u07CA-\u07EA\u07F4-\u07F5\u07FA\u0800-\u0815\u081A\u0824\u0828\u0840-\u0858\u08A0\u08A2-\u08AC\u0904-\u0939\u093D\u0950\u0958-\u0961\u0971-\u0977\u0979-\u097F\u0985-\u098C\u098F-\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BD\u09CE\u09DC-\u09DD\u09DF-\u09E1\u09F0-\u09F1\u0A05-\u0A0A\u0A0F-\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32-\u0A33\u0A35-\u0A36\u0A38-\u0A39\u0A59-\u0A5C\u0A5E\u0A72-\u0A74\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2-\u0AB3\u0AB5-\u0AB9\u0ABD\u0AD0\u0AE0-\u0AE1\u0B05-\u0B0C\u0B0F-\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32-\u0B33\u0B35-\u0B39\u0B3D\u0B5C-\u0B5D\u0B5F-\u0B61\u0B71\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99-\u0B9A\u0B9C\u0B9E-\u0B9F\u0BA3-\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BD0\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C33\u0C35-\u0C39\u0C3D\u0C58-\u0C59\u0C60-\u0C61\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBD\u0CDE\u0CE0-\u0CE1\u0CF1-\u0CF2\u0D05-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D\u0D4E\u0D60-\u0D61\u0D7A-\u0D7F\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0E01-\u0E30\u0E32-\u0E33\u0E40-\u0E46\u0E81-\u0E82\u0E84\u0E87-\u0E88\u0E8A\u0E8D\u0E94-\u0E97\u0E99-\u0E9F\u0EA1-\u0EA3\u0EA5\u0EA7\u0EAA-\u0EAB\u0EAD-\u0EB0\u0EB2-\u0EB3\u0EBD\u0EC0-\u0EC4\u0EC6\u0EDC-\u0EDF\u0F00\u0F40-\u0F47\u0F49-\u0F6C\u0F88-\u0F8C\u1000-\u102A\u103F\u1050-\u1055\u105A-\u105D\u1061\u1065-\u1066\u106E-\u1070\u1075-\u1081\u108E\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u1380-\u138F\u13A0-\u13F4\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u16EE-\u16F0\u1700-\u170C\u170E-\u1711\u1720-\u1731\u1740-\u1751\u1760-\u176C\u176E-\u1770\u1780-\u17B3\u17D7\u17DC\u1820-\u1877\u1880-\u18A8\u18AA\u18B0-\u18F5\u1900-\u191C\u1950-\u196D\u1970-\u1974\u1980-\u19AB\u19C1-\u19C7\u1A00-\u1A16\u1A20-\u1A54\u1AA7\u1B05-\u1B33\u1B45-\u1B4B\u1B83-\u1BA0\u1BAE-\u1BAF\u1BBA-\u1BE5\u1C00-\u1C23\u1C4D-\u1C4F\u1C5A-\u1C7D\u1CE9-\u1CEC\u1CEE-\u1CF1\u1CF5-\u1CF6\u1D00-\u1DBF\u1E00-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2071\u207F\u2090-\u209C\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2160-\u2188\u2C00-\u2C2E\u2C30-\u2C5E\u2C60-\u2CE4\u2CEB-\u2CEE\u2CF2-\u2CF3\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D80-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2E2F\u3005-\u3007\u3021-\u3029\u3031-\u3035\u3038-\u303C\u3041-\u3096\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312D\u3131-\u318E\u31A0-\u31BA\u31F0-\u31FF\u3400-\u4DB5\u4E00-\u9FCC\uA000-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA61F\uA62A-\uA62B\uA640-\uA66E\uA67F-\uA697\uA6A0-\uA6EF\uA717-\uA71F\uA722-\uA788\uA78B-\uA78E\uA790-\uA793\uA7A0-\uA7AA\uA7F8-\uA801\uA803-\uA805\uA807-\uA80A\uA80C-\uA822\uA840-\uA873\uA882-\uA8B3\uA8F2-\uA8F7\uA8FB\uA90A-\uA925\uA930-\uA946\uA960-\uA97C\uA984-\uA9B2\uA9CF\uAA00-\uAA28\uAA40-\uAA42\uAA44-\uAA4B\uAA60-\uAA76\uAA7A\uAA80-\uAAAF\uAAB1\uAAB5-\uAAB6\uAAB9-\uAABD\uAAC0\uAAC2\uAADB-\uAADD\uAAE0-\uAAEA\uAAF2-\uAAF4\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uABC0-\uABE2\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D\uFB1F-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40-\uFB41\uFB43-\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE70-\uFE74\uFE76-\uFEFC\uFF21-\uFF3A\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC][\x24\x30-\x39\x41-\x5A\x5F\x61-\x7A\xA0\xAA\xB5\xBA\xC0-\xD6\xD8-\xF6\xF8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0300-\u0374\u0376-\u0377\u037A-\u037D\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u0483-\u0487\u048A-\u0527\u0531-\u0556\u0559\u0561-\u0587\u0591-\u05BD\u05BF\u05C1-\u05C2\u05C4-\u05C5\u05C7\u05D0-\u05EA\u05F0-\u05F2\u0610-\u061A\u0620-\u0669\u066E-\u06D3\u06D5-\u06DC\u06DF-\u06E8\u06EA-\u06FC\u06FF\u0710-\u074A\u074D-\u07B1\u07C0-\u07F5\u07FA\u0800-\u082D\u0840-\u085B\u08A0\u08A2-\u08AC\u08E4-\u08FE\u0900-\u0963\u0966-\u096F\u0971-\u0977\u0979-\u097F\u0981-\u0983\u0985-\u098C\u098F-\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BC-\u09C4\u09C7-\u09C8\u09CB-\u09CE\u09D7\u09DC-\u09DD\u09DF-\u09E3\u09E6-\u09F1\u0A01-\u0A03\u0A05-\u0A0A\u0A0F-\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32-\u0A33\u0A35-\u0A36\u0A38-\u0A39\u0A3C\u0A3E-\u0A42\u0A47-\u0A48\u0A4B-\u0A4D\u0A51\u0A59-\u0A5C\u0A5E\u0A66-\u0A75\u0A81-\u0A83\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2-\u0AB3\u0AB5-\u0AB9\u0ABC-\u0AC5\u0AC7-\u0AC9\u0ACB-\u0ACD\u0AD0\u0AE0-\u0AE3\u0AE6-\u0AEF\u0B01-\u0B03\u0B05-\u0B0C\u0B0F-\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32-\u0B33\u0B35-\u0B39\u0B3C-\u0B44\u0B47-\u0B48\u0B4B-\u0B4D\u0B56-\u0B57\u0B5C-\u0B5D\u0B5F-\u0B63\u0B66-\u0B6F\u0B71\u0B82-\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99-\u0B9A\u0B9C\u0B9E-\u0B9F\u0BA3-\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BBE-\u0BC2\u0BC6-\u0BC8\u0BCA-\u0BCD\u0BD0\u0BD7\u0BE6-\u0BEF\u0C01-\u0C03\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C33\u0C35-\u0C39\u0C3D-\u0C44\u0C46-\u0C48\u0C4A-\u0C4D\u0C55-\u0C56\u0C58-\u0C59\u0C60-\u0C63\u0C66-\u0C6F\u0C82-\u0C83\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBC-\u0CC4\u0CC6-\u0CC8\u0CCA-\u0CCD\u0CD5-\u0CD6\u0CDE\u0CE0-\u0CE3\u0CE6-\u0CEF\u0CF1-\u0CF2\u0D02-\u0D03\u0D05-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D-\u0D44\u0D46-\u0D48\u0D4A-\u0D4E\u0D57\u0D60-\u0D63\u0D66-\u0D6F\u0D7A-\u0D7F\u0D82-\u0D83\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0DCA\u0DCF-\u0DD4\u0DD6\u0DD8-\u0DDF\u0DF2-\u0DF3\u0E01-\u0E3A\u0E40-\u0E4E\u0E50-\u0E59\u0E81-\u0E82\u0E84\u0E87-\u0E88\u0E8A\u0E8D\u0E94-\u0E97\u0E99-\u0E9F\u0EA1-\u0EA3\u0EA5\u0EA7\u0EAA-\u0EAB\u0EAD-\u0EB9\u0EBB-\u0EBD\u0EC0-\u0EC4\u0EC6\u0EC8-\u0ECD\u0ED0-\u0ED9\u0EDC-\u0EDF\u0F00\u0F18-\u0F19\u0F20-\u0F29\u0F35\u0F37\u0F39\u0F3E-\u0F47\u0F49-\u0F6C\u0F71-\u0F84\u0F86-\u0F97\u0F99-\u0FBC\u0FC6\u1000-\u1049\u1050-\u109D\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u135D-\u135F\u1380-\u138F\u13A0-\u13F4\u1401-\u166C\u166F-\u169A\u16A0-\u16EA\u16EE-\u16F0\u1700-\u170C\u170E-\u1714\u1720-\u1734\u1740-\u1753\u1760-\u176C\u176E-\u1770\u1772-\u1773\u1780-\u17D3\u17D7\u17DC-\u17DD\u17E0-\u17E9\u180B-\u180E\u1810-\u1819\u1820-\u1877\u1880-\u18AA\u18B0-\u18F5\u1900-\u191C\u1920-\u192B\u1930-\u193B\u1946-\u196D\u1970-\u1974\u1980-\u19AB\u19B0-\u19C9\u19D0-\u19D9\u1A00-\u1A1B\u1A20-\u1A5E\u1A60-\u1A7C\u1A7F-\u1A89\u1A90-\u1A99\u1AA7\u1B00-\u1B4B\u1B50-\u1B59\u1B6B-\u1B73\u1B80-\u1BF3\u1C00-\u1C37\u1C40-\u1C49\u1C4D-\u1C7D\u1CD0-\u1CD2\u1CD4-\u1CF6\u1D00-\u1DE6\u1DFC-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2000-\u200A\u200C-\u200D\u2028-\u2029\u202F\u203F-\u2040\u2054\u205F\u2071\u207F\u2090-\u209C\u20D0-\u20DC\u20E1\u20E5-\u20F0\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2160-\u2188\u2C00-\u2C2E\u2C30-\u2C5E\u2C60-\u2CE4\u2CEB-\u2CF3\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D7F-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2DE0-\u2DFF\u2E2F\u3000\u3005-\u3007\u3021-\u302F\u3031-\u3035\u3038-\u303C\u3041-\u3096\u3099-\u309A\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312D\u3131-\u318E\u31A0-\u31BA\u31F0-\u31FF\u3400-\u4DB5\u4E00-\u9FCC\uA000-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA62B\uA640-\uA66F\uA674-\uA67D\uA67F-\uA697\uA69F-\uA6F1\uA717-\uA71F\uA722-\uA788\uA78B-\uA78E\uA790-\uA793\uA7A0-\uA7AA\uA7F8-\uA827\uA840-\uA873\uA880-\uA8C4\uA8D0-\uA8D9\uA8E0-\uA8F7\uA8FB\uA900-\uA92D\uA930-\uA953\uA960-\uA97C\uA980-\uA9C0\uA9CF-\uA9D9\uAA00-\uAA36\uAA40-\uAA4D\uAA50-\uAA59\uAA60-\uAA76\uAA7A-\uAA7B\uAA80-\uAAC2\uAADB-\uAADD\uAAE0-\uAAEF\uAAF2-\uAAF6\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uABC0-\uABEA\uABEC-\uABED\uABF0-\uABF9\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40-\uFB41\uFB43-\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE00-\uFE0F\uFE20-\uFE26\uFE33-\uFE34\uFE4D-\uFE4F\uFE70-\uFE74\uFE76-\uFEFC\uFEFF\uFF10-\uFF19\uFF21-\uFF3A\uFF3F\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC\uFFFE]*$/;(function(){Polymer("fin-hypergrid-behavior-json",{data:[],headers:[],fields:[],ready:function(){this.readyInit();this.tableState.sorted=[];this.sortStates=[" "," ↑"," ↓"]},isValidIdentifer:function(string){return 0===(string+"").search(validIdentifierMatch)},setHeaders:function(headerLabels){this.headers=headerLabels},getHeaders:function(){if(this.headers.length===0){this.setHeaders(this.getDefaultHeaders())}return this.headers},getHeader:function(x){return this.headers[x]},getDefaultHeaders:function(){var self=this;var fields=this.getFields();if(fields.length===0){return[]}var headers=fields.map(function(e){return self.headerify(e)});return headers},headerify:function(string){var pieces=string.replace(/[_-]/g," ").replace(/[A-Z]/g," $&").split(" ").map(function(s){return s.charAt(0).toUpperCase()+s.slice(1)});return pieces.join(" ")},setFields:function(fieldNames){this.fields=fieldNames},getFields:function(){if(this.fields.length===0){this.setFields(this.getDefaultFields())}return this.fields},getDefaultFields:function(){if(this.data&&this.data.length===0){return[]}var fields=Object.getOwnPropertyNames(this.data[0]).filter(function(e){return e.substr(0,2)!=="__"});return fields},setData:function(jsonData){this.data=jsonData;this.initDataIndexes();this.initColumnIndexes();this.changed()},setColumns:function(columnDefinitions){var fields=new Array(columnDefinitions.length);var headers=new Array(columnDefinitions.length);for(var i=0;i<columnDefinitions.length;i++){var each=columnDefinitions[i];fields[i]=each.field;headers[i]=each.title}this.setFields(fields);this.setHeaders(headers)},initDataIndexes:function(){for(var i=0;i<this.data.length;i++){this.data[i].__si=i;this.data[i].__i=i}},getValue:function(x,y){var fields=this.getFields();return this.data[y][fields[x]]},setValue:function(x,y,value){var fields=this.getFields();this.data[y][fields[x]]=value},getFixedRowValue:function(x,y){var headers=this.getHeaders();noop(y);var sortIndex=this.tableState.sorted[x]||0;return headers[x]+this.sortStates[sortIndex]},getFixedColumnCount:function(){return 1},getRowCount:function(){return this.data.length},getColumnCount:function(){var fields=this.getFields();return fields.length-this.tableState.hiddenColumns.length},setState:function(state){this.tableState=state;this.applySorts();this.changed()},applySorts:function(){var state=this.getState();var sorts=state.sorted;var colIndexes=state.columnIndexes;if(!sorts){return}var newData=new Array(this.data.length);var i;for(i=0;i<this.data.length;i++){var each=this.data[i];newData[each.__si]=each}this.data=newData;for(i=0;i<sorts.length;i++){if(sorts[i]>0){var actualCol=i;for(i=0;i<colIndexes.length;i++){if(colIndexes[i]===actualCol){this.toggleSort(i,0);if(sorts[i]===2){this.data.reverse()}return}}}}},toggleSort:function(columnIndex,incrementIt){if(incrementIt===undefined){incrementIt=1}this.grid.clearSelections();var fields=this.getFields();if(columnIndex>=fields.length){return}var current=this.tableState.sorted[columnIndex]||0;var stateCount=this.sortStates.length;var sortStateIndex=(current+incrementIt)%stateCount;var i=0;for(;i<fields.length;i++){this.tableState.sorted[i]=0}this.tableState.sorted[columnIndex]=sortStateIndex;var colName=fields[columnIndex];if(sortStateIndex===0){var newData=new Array(this.data.length);for(i=0;i<this.data.length;i++){var each=this.data[i];newData[each.__si]=each}this.data=newData}else if(sortStateIndex===1){if(this.isValidIdentifer(colName)){var theSorter=eval("(function (a, b) {"+"  if (a."+colName+" === b."+colName+")"+"    return a.__i - b.__i;"+"  if (a."+colName+" < b."+colName+")"+"    return -1;"+"  return 1;"+"})");this.data.sort(theSorter)}else{this.data.sort(function(a,b){if(a[colName]===b[colName]){return a.__i-b.__i}if(a[colName]<b[colName]){return-1}return 1})}}else{this.data=this.data.reverse()}for(i=0;i<this.data.length;i++){this.data[i].__i=i}this.changed()}})})();</script></polymer-element><polymer-element name="fin-hypergrid-behavior-q" extends="fin-hypergrid-behavior-base" attributes="url" assetpath="/dev/fin-hypergrid/polymer/html/behaviors/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>"use strict";(function(){var typeAlignmentMap={j:"right",s:"left",t:"center",f:"right",d:"center"};Polymer("fin-hypergrid-behavior-q",{ready:function(){this.block={data:[],headers:[],rows:0};this.readyInit();this.sorted={};this.sortStates=[""," ^"," v"," |^|"," |v|"];this.ws=null;this.reconnect()},attributeChanged:function(attrName,oldVal,newVal){console.log(attrName,"old: "+oldVal,"new:",newVal);if(attrName==="url"){this.reconnect()}if(attrName==="table"){this.setScrollPositionY(0)}},connectTo:function(newUrl){this.setAttribute("url",newUrl);this.reconnect()},reconnect:function(){this.url=this.getAttribute("url");if(!this.url){return}this.connect();this.scrollPositionY=0;this.scrolled=false},getValue:function(x,y){var override=this.dataUpdates["p_"+x+"_"+y];if(override){return override}var normalized=Math.floor(y-this.scrollPositionY);if(this.block&&normalized<this.block.data.length){return this.block.data[normalized][x+1]}else{return""}},clearData:function(){this.block.rows=[];this.changed()},getRowCount:function(){return this.block.rows},getColumnCount:function(){return Math.max(0,this.block.headers.length-1)},setScrollPositionY:function(y){if(this.scrollPositionY===y){return}this.scrollPositionY=y;if(!this.isConnected()){return}var tableName=this.getAttribute("table");if(!tableName){console.log("you must provide a table attribute for the q behavior");return}this.ws.send(JSON.stringify({cmd:"fetchTableData",data:{table:tableName,start:this.scrollPositionY,num:60}}))},isConnected:function(){if(!this.ws){return false}return this.ws.readyState===this.ws.OPEN},getFixedRowValue:function(x){if(!this.sorted[x+1]){this.sorted[x+1]=0}var sortIndicator=this.sortStates[this.sorted[x+1]];return this.block.headers[x+1][0]+sortIndicator},getHeader:function(x){return this.block.headers[x+1][0]},getFixedColumnValue:function(x,y){return y},getCanSort:function(){var canSort=this.block.features.sorting===true;return canSort},toggleSort:function(columnIndex){if(!this.getCanSort()){return}columnIndex++;var current=this.sorted[columnIndex];var stateCount=this.sortStates.length;this.sorted={};this.sorted[columnIndex]=(current+1)%stateCount;var state=this.sortStates[this.sorted[columnIndex]];var message={cmd:"sortTable",data:{table:"trade",sort:current===stateCount-1?"":this.block.headers[columnIndex][0],asc:state.indexOf("^")>0,abs:state.indexOf("|")>0,start:this.scrollPositionY,num:60}};this.ws.send(JSON.stringify(message))},getColumnAlignment:function(x){var alignment=typeAlignmentMap[this.block.headers[x+1][1]];return alignment},connect:function(){var d;var oldSize;var self=this;var tableName=this.getAttribute("table");if(!tableName){console.log("you must provide a table attribute for the q behavior");return}if("WebSocket"in window){try{this.ws=new WebSocket(this.url)}catch(e){console.log("could not connect to "+this.url+", trying to reconnect in a moment...");return}console.log("connecting...");this.ws.onopen=function(){console.log("connected");self.ws.send(JSON.stringify({cmd:"fetchTableData",data:{table:tableName,start:this.scrollPositionY||0,num:60}}))};this.ws.onclose=function(){self.clearData();console.log("disconnected from "+this.url+", trying to reconnect in a moment...");setTimeout(function(){},2e3)};this.ws.onmessage=function(e){d=JSON.parse(e.data);oldSize=self.block.rows;self.block=d;if(d.rows!==oldSize){if(self.changed){self.changed()}}self.changed()};this.ws.onerror=function(e){self.clearData();console.error("problem with connection to q at "+this.url+", trying again in a moment...",e.data);setTimeout(function(){},2e3)}}else{console.error("WebSockets not supported on your browser.")}}})})();</script></polymer-element><polymer-element name="fin-hypergrid-behavior-qtree" extends="fin-hypergrid-behavior-base" attributes="url" assetpath="/dev/fin-hypergrid/polymer/html/behaviors/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>"use strict";(function(){var noop=function(){};var logMessages=false;var hierarchyColumn="g_";var typeAlignmentMap={j:"right",s:"left",t:"center",f:"right",d:"center"};var typeFormatMap={J:function(v){return v},j:function(v){return v},s:function(v){return v},t:function(v){return v},f:function(v){if(v){return v.toFixed(4)}else{return v}},d:function(v){return v}};var sortMap={a:"↑",d:"↓",A:"⤒",D:"⤓"};var sortStates={n:"a",a:"d",d:"A",A:"D"};Polymer("fin-hypergrid-behavior-qtree",{ready:function(){this.block={N:0,F:[],G:[],S:{cols:[],rows:[]},Z:[{g_:[""]}]};this.readyInit();this.sorted={};this.ws=null;this.reconnect();this.msgCounter=Date.now();this.msgResponsesActions={}},getFixedRowCount:function(){return 2},createCellProvider:function(){var self=this;var provider=document.createElement("fin-hypergrid-cell-provider");provider.getCell=function(config){var cell=provider.cellCache.simpleCellRenderer;cell.config=config;var colId=self.block.F[config.x];var type=self.block.Q[colId];var formatter=typeFormatMap[type]||function(v){return v};config.value=formatter(config.value);return cell};provider.getFixedColumnCell=function(config){var cell=provider.cellCache.treeCellRenderer;cell.config=config;return cell};provider.getFixedRowCell=function(config){var label=provider.cellCache.simpleCellRenderer;label.config=config;if(config.y===1){config.fgColor=config.fgSelColor=config.properties.color;config.bgColor=config.bgSelColor=config.properties.backgroundColor2;var colId=self.block.F[config.x];var type=self.block.Q[colId];var formatter=typeFormatMap[type]||function(v){return v};if(config.value){config.value=formatter(config.value[0])}}config.value=config.value||"";return label};var topLeftPainter={paint:function(gc,x,y,width,height){var val=this.config.value;gc.font=this.config.font;gc.fillStyle=this.config.properties.topLeftColor;gc.textAlign="left";gc.textBaseline="middle";var size=gc.measureText("W");var textHeight=size.width*1.8;var hoffset=Math.ceil(textHeight/2);if(val){for(var i=0;i<val.length;i++){gc.fillText(val[i],4,hoffset+i*textHeight)}}gc.strokeStyle=this.config.properties.lineColor;gc.moveTo(0,height+.5);gc.lineTo(width+0,height+.5);gc.stroke()}};provider.getTopLeftCell=function(config){var label=provider.cellCache.emptyCellRenderer;label.config=config;if(config.y===0){topLeftPainter.config=config;return topLeftPainter}return label};return provider},connectTo:function(newUrl){noop(newUrl)},reconnect:function(){this.url=this.getAttribute("url");if(!this.url){return}this.connect();this.scrollPositionY=0;this.scrolled=false},getTopLeftValue:function(){var sortIndicator=this.getSortIndicator(hierarchyColumn);var hValue=this.block.Z[0].g_[0];var clone=["Hierarchy","▾ "+hValue];clone[0]=clone[0]+" "+sortIndicator;return clone},getValue:function(x,y){var col=this.getColumnId(x);var normalized=Math.floor(y-this.scrollPositionY);if(this.block&&col){var val=this.block.Z[1][col][normalized];if(val||val===0){return val}}return""},clearData:function(){this.block.rows=[];this.changed()},getRowCount:function(){return Math.max(0,this.block.N-1)},getColumnCount:function(){return this.block.F.length},setScrollPositionY:function(y){if(this.scrollPositionY===y){return}this.scrollPositionY=y;if(!this.isConnected()){return}var startY=this.scrollPositionY||0;var stopY=startY+60;this.sendMessage({id:this.getNextMessageId(),fn:"get",start:startY,end:stopY})},isConnected:function(){if(!this.ws){return false}return this.ws.readyState===this.ws.OPEN},getFixedRowValue:function(x,y){var colId=this.getColumnId(x);if(y<1){var sortIndicator=this.getSortIndicator(colId);return colId+" "+sortIndicator}var total=this.block.Z[0][colId];return total},getSortIndicator:function(colId){var sortIndex=this.block.S.cols.indexOf(colId);if(sortIndex<0){return""}var sortState=this.block.S.sorts[sortIndex];var symbol=sortMap[sortState];var state=symbol+" "+(sortIndex+1);return state},getFixedColumnValue:function(x,y){var indentPixels=10;var blob=this.block.Z[1];var transY=Math.max(0,y-this.scrollPositionY);var data=blob.g_[transY];var indent=5+indentPixels+(blob.l_[transY]-1)*indentPixels;var icon="";if(!blob.e_[transY]){icon=blob.o_[transY]?"▾ ":"▸ "}return{data:data,indent:indent,icon:icon}},getCanSort:function(){return true},topLeftClicked:function(grid,mouse){noop(grid,mouse);this._toggleSort(hierarchyColumn)},toggleSort:function(columnIndex){var colId=this.getColumnId(columnIndex);this._toggleSort(colId)},_toggleSort:function(colId){if(!this.getCanSort()){return}var sortBlob=this.block.S;var sortIndex=sortBlob.cols.indexOf(colId);var currentState=sortBlob.sorts[sortIndex]||"n";var newState=sortStates[currentState];if(sortIndex>-1){sortBlob.cols.splice(sortIndex,1);sortBlob.sorts.splice(sortIndex,1)}if(newState){sortBlob.cols.unshift(colId);sortBlob.sorts.unshift(newState)}sortBlob.cols.length=sortBlob.sorts.length=Math.min(3,sortBlob.cols.length);var msg={id:this.getNextMessageId(),fn:"sorts",cols:sortBlob.cols,sorts:sortBlob.sorts};this.sendMessage(msg)},getFixedRowAlignment:function(x,y){if(y>0){return this.getColumnAlignment(x)}return this.resolveProperty("fixedRowAlign")},getColumnAlignment:function(x){var colId=this.getColumnId(x);var type=this.block.Q[colId];var alignment=typeAlignmentMap[type];return alignment},getColumnId:function(x){var headers=this.block.F;var col=headers[x];return col},getFixedColumnAlignment:function(){return"left"},fixedColumnClicked:function(grid,mouse){var rowNum=mouse.gridCell.y-this.scrollPositionY;var nodes=this.block.Z[1].n_[rowNum];var nodeClick={id:this.getNextMessageId(),fn:"node",node:nodes};this.sendMessage(nodeClick)},sendMessage:function(message){if(logMessages){console.dir(message)}this.ws.send(JSON.stringify(message))},openEditor:function(div){var self=this;var container=document.createElement("div");var group=document.createElement("fin-hypergrid-dnd-list");var hidden=document.createElement("fin-hypergrid-dnd-list");var visible=document.createElement("fin-hypergrid-dnd-list");container.appendChild(group);container.appendChild(hidden);container.appendChild(visible);this.beColumnStyle(group.style);group.style.left="0%";group.title="groups";group.list=this.block.G.slice(0);group.canDragItem=function(list,item,index,e){noop(item,index,e);return list.length>1};group.canDropItem=function(sourceList,myList,sourceIndex,item,e){noop(sourceList,myList,sourceIndex,e);return self.block.H.indexOf(item)>-1};this.beColumnStyle(hidden.style);hidden.style.left="33.3333%";hidden.title="hidden columns";hidden.list=this.block.I.slice(0);this.beColumnStyle(visible.style);visible.style.left="66.6666%";visible.title="visible columns";visible.list=this.block.F.slice(0);visible.canDragItem=function(list,item,index,e){noop(item,index,e);return list.length>1};div.lists={group:group.list,hidden:hidden.list,visible:visible.list};div.appendChild(container);return true},closeEditor:function(div){var lists=div.lists;var changeCols={id:this.getNextMessageId(),fn:"groups",groups:lists.group,visible:lists.visible};this.sendMessage(changeCols);return true},isColumnReorderable:function(){return true},getNextMessageId:function(onResponseDo){var id="js_"+this.msgCounter++;if(onResponseDo){this.msgResponsesActions[id]=onResponseDo}return id},endDragColumnNotification:function(){var self=this;var visible=this.block.F.slice(0);for(var i=0;i<visible.length;i++){var transX=this.translateColumnIndex(i);visible[i]=this.getColumnId(transX)}var msgId=this.getNextMessageId(function(message){self.initColumnIndexes();self.handleMessage(message)});var changeCols={id:msgId,fn:"groups",groups:this.block.G,visible:visible};this.sendMessage(changeCols);return true},handleMessage:function(d){this.block=d;if(!this.tableState.columnIndexes||this.tableState.columnIndexes.length===0){this.initColumnIndexes()}this.changed()},connect:function(){var d={};var self=this;if("WebSocket"in window){try{this.ws=new WebSocket(this.url)}catch(e){console.log("could not connect to "+this.url+", trying to reconnect in a moment...");return}console.log("connecting...");this.ws.onopen=function(){self.setFixedColumnWidth(0,160);var startY=this.scrollPositionY||0;var stopY=startY+60;self.sendMessage({id:self.getNextMessageId(),fn:"get",start:startY,end:stopY})};this.ws.onclose=function(){console.log("disconnected from "+this.url+", trying to reconnect in a moment...")};this.ws.onmessage=function(e){d=JSON.parse(e.data);var msgId=d.id;var action=self.msgResponsesActions[msgId];if(action){action(d);self.msgResponsesActions[msgId]=undefined}else{self.handleMessage(d)}};this.ws.onerror=function(e){self.clearData();console.error("problem with connection to q at "+this.url+", trying again in a moment...",e.data);setTimeout(function(){},2e3)}}else{console.error("WebSockets not supported on your browser.")}},beColumnStyle:function(style){style.top="5%";style.position="absolute";style.width="33.3333%";style.height="99%";style.whiteSpace="nowrap"},highlightCellOnHover:function(isColumnHovered,isRowHovered){return isRowHovered}})})();</script></polymer-element><polymer-element name="fin-hypergrid-behavior-web-worker" extends="fin-hypergrid-behavior-base" assetpath="/dev/fin-hypergrid/polymer/html/behaviors/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>"use strict";(function(){Polymer("fin-hypergrid-behavior-web-worker",{ready:function(){this.readyInit();var self=this;this.block={data:[],headers:[],rows:0};this.tableState.sorted=[];this.sortStates=[" "," ↑"," ↓"];this.worker=new Worker("js/json-web-worker.js");this.worker.onmessage=function(e){self.block=e.data;self.changed()}},postMessage:function(message){this.worker.postMessage(message)},setData:function(jsonData){this.postMessage({cmd:"setData",data:jsonData});this.initialize()},initialize:function(){this.initColumnIndexes();this.changed();this.postMessage({cmd:"fetchTableData",data:{start:this.scrollPositionY||0,num:60}})},getValue:function(x,y){var override=this.dataUpdates["p_"+x+"_"+y];if(override){return override}var fields=this.getFields();return this.block.data[y-this.scrollPositionY][fields[x]]},clearData:function(){this.block.rows=[];this.changed()},getRowCount:function(){return this.block.rows},getColumnCount:function(){return this.block.headers.length},setScrollPositionY:function(y){if(this.scrollPositionY===y){return}this.scrollPositionY=y;this.postMessage({cmd:"fetchTableData",data:{start:this.scrollPositionY,num:60}})},getFixedRowValue:function(x){if(!this.tableState.sorted[x]){this.tableState.sorted[x]=0}var sortIndicator=this.sortStates[this.tableState.sorted[x]];return this.block.headers[x]+sortIndicator},getFields:function(){return this.block.fields},getHeader:function(x){return this.block.headers[x]},getFixedColumnValue:function(x,y){return y},getCanSort:function(){var canSort=this.block.features.sorting===true;return canSort},toggleSort:function(columnIndex){if(!this.getCanSort()){return}this.grid.clearSelections();var current=this.tableState.sorted[columnIndex];var stateCount=this.sortStates.length;this.tableState.sorted={};this.tableState.sorted[columnIndex]=(current+1)%stateCount;var state=this.tableState.sorted[columnIndex];var message={cmd:"sortTable",data:{table:"trade",sortIndex:current===stateCount-1?-1:columnIndex,state:state,start:this.scrollPositionY,num:60}};this.postMessage(message)},getColumnAlignment:function(){return"center"}})})();</script></polymer-element><polymer-element name="fin-hypergrid-cell-editor-base" assetpath="/dev/fin-hypergrid/polymer/html/cell-editors/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>"use strict";(function(){var noop=function(){};Polymer("fin-hypergrid-cell-editor-base",{isEditing:false,editorPoint:null,checkEditorPositionFlag:false,input:null,alias:"base",grid:null,ready:function(){this.readyInit()},readyInit:function(){},getBehavior:function(){return this.grid.getBehavior()},gridRenderedNotification:function(){this.checkEditor()},scrollValueChangedNotification:function(){this.setCheckEditorPositionFlag()},setCheckEditorPositionFlag:function(){this.checkEditorPositionFlag=true},beginEditAt:function(point){this.setEditorPoint(point);var model=this.getBehavior();var value=model._getValue(point.x,point.y);this.setEditorValue(value);this.isEditing=true;this.setCheckEditorPositionFlag();this.checkEditor()},setEditorValue:function(value){noop(value)},getEditorPoint:function(){return this.editorPoint},setEditorPoint:function(point){this.editorPoint=point},showEditor:function(){},hideEditor:function(){},stopEditing:function(){if(!this.isEditing){return}this.saveEditorValue();this.isEditing=false;this.hideEditor()},saveEditorValue:function(){var point=this.getEditorPoint();var value=this.getEditorValue();this.getBehavior()._setValue(point.x,point.y,value)},getEditorValue:function(){},takeFocus:function(){},moveEditor:function(){var model=this.getBehavior();var numFixedColumns=model.getFixedColumnCount();var numFixedRows=model.getFixedRowCount();var vScroll=this.grid.getVScrollValue();var hScroll=this.grid.getHScrollValue();var editorPoint=this.getEditorPoint();var x=editorPoint.x+numFixedColumns-hScroll;var y=editorPoint.y+numFixedRows-vScroll;var eb=this.grid.getBoundsOfCell(this.rectangles.point.create(x,y));var db=this.grid.getDataBounds();var cellBounds=eb.intersect(db);this.setBounds(cellBounds);this.takeFocus()},setBounds:function(rectangle){noop(rectangle)},checkEditor:function(){if(!this.checkEditorPositionFlag){return}else{this.checkEditorPositionFlag=false}if(!this.isEditing){return}var editorPoint=this.getEditorPoint();if(this.grid.isDataVisible(editorPoint.x,editorPoint.y)){this.moveEditor();this.showEditor()}else{this.hideEditor()}}})})();</script></polymer-element><polymer-element name="fin-hypergrid-cell-editor-simple" extends="fin-hypergrid-cell-editor-base" assetpath="/dev/fin-hypergrid/polymer/html/cell-editors/"><template><style type="text/css">:host{display:block;position:relative}</style><div id="editor"></div></template><script>"use strict";(function(){Polymer("fin-hypergrid-cell-editor-simple",{alias:"simple",readyInit:function(){var self=this;this.rectangles=document.createElement("fin-rectangle");this.editorPoint=this.rectangles.point.create(0,0);this.input=this.shadowRoot.querySelector("#editor");this.input.addEventListener("keypress",function(e){if(e&&e.keyCode===13){e.preventDefault();self.stopEditing();self.grid.repaint();self.grid.takeFocus()}});this.input.style.position="absolute";this.input.style.display="none";this.input.style.border="solid 2px black";this.input.style.outline=0;this.input.style.padding=0;this.input.style.zIndex=1e3},getEditorValue:function(){var value=this.input.value;return value},setEditorValue:function(value){this.input.value=value+""},showEditor:function(){this.input.style.display="inline"},hideEditor:function(){this.input.style.display="none"},takeFocus:function(){var self=this;setTimeout(function(){self.input.focus();self.selectAll()},300)},selectAll:function(){},originOffset:function(){return[-2,-2]},setBounds:function(cellBounds){var originOffset=this.originOffset();var translation="translate("+(cellBounds.origin.x+originOffset[0])+"px,"+(cellBounds.origin.y+originOffset[1])+"px)";this.input.style.webkitTransform=translation;this.input.style.MozTransform=translation;this.input.style.msTransform=translation;this.input.style.OTransform=translation;this.input.style.width=cellBounds.extent.x+"px";this.input.style.height=cellBounds.extent.y+"px"}})})();</script></polymer-element><polymer-element name="fin-hypergrid-cell-editor-textfield" extends="fin-hypergrid-cell-editor-simple" assetpath="/dev/fin-hypergrid/polymer/html/cell-editors/"><template><style type="text/css">:host{display:block;position:relative}</style><input id="editor"></template><script>"use strict";(function(){Polymer("fin-hypergrid-cell-editor-textfield",{alias:"textfield",selectAll:function(){this.input.setSelectionRange(0,this.input.value.length)}})})();</script></polymer-element><polymer-element name="fin-hypergrid-cell-editor-choice" extends="fin-hypergrid-cell-editor-simple" assetpath="/dev/fin-hypergrid/polymer/html/cell-editors/"><template><style type="text/css">:host{display:block;position:relative}</style><select id="editor"><option template="" repeat="{{item in items}}" value="{{item}}">{{item}}</option></select></template><script>"use strict";(function(){Polymer("fin-hypergrid-cell-editor-choice",{alias:"choice",items:["Moe","Larry","Curly","Groucho","Harpo","Zeppo","Chico"],originOffset:function(){return[-1,-1]}})})();</script></polymer-element><polymer-element name="fin-hypergrid-cell-editor-color" extends="fin-hypergrid-cell-editor-simple" assetpath="/dev/fin-hypergrid/polymer/html/cell-editors/"><template><style type="text/css">:host{display:block;position:relative}</style><input id="editor" type="color"></template><script>"use strict";(function(){Polymer("fin-hypergrid-cell-editor-color",{alias:"color"})})();</script></polymer-element><polymer-element name="fin-hypergrid-cell-editor-date" extends="fin-hypergrid-cell-editor-simple" assetpath="/dev/fin-hypergrid/polymer/html/cell-editors/"><template><style type="text/css">:host{display:block;position:relative}</style><input id="editor" type="date"></template><script>"use strict";(function(){Polymer("fin-hypergrid-cell-editor-date",{alias:"date"})})();</script></polymer-element><polymer-element name="fin-hypergrid-cell-editor-slider" extends="fin-hypergrid-cell-editor-simple" assetpath="/dev/fin-hypergrid/polymer/html/cell-editors/"><template><style type="text/css">:host{display:block;position:relative}</style><input id="editor" type="range"></template><script>"use strict";(function(){Polymer("fin-hypergrid-cell-editor-slider",{alias:"slider"})})();</script></polymer-element><polymer-element name="fin-hypergrid-cell-editor-spinner" extends="fin-hypergrid-cell-editor-simple" assetpath="/dev/fin-hypergrid/polymer/html/cell-editors/"><template><style type="text/css">:host{display:block;position:relative}</style><input id="editor" type="number"></template><script>"use strict";(function(){Polymer("fin-hypergrid-cell-editor-spinner",{alias:"spinner"})})();</script></polymer-element></div><polymer-element name="fin-hypergrid" assetpath="polymer/html/"><template><style type="text/css">:host{position:relative;display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;overflow:hidden}fin-vampire-bar{opacity:0;-webkit-transition:opacity 500ms;-moz-transition:opacity 500ms;-ms-transition:opacity 500ms;-o-transition:opacity 500ms;transition:opacity 500ms}.visible{opacity:.75}.hidden{opacity:0}.verticalScroller{position:absolute;top:0;right:0;bottom:0;left:100%;margin:0 15px 15px -15px}.horizontalScroller{position:absolute;top:100%;right:0;bottom:0;left:0;margin:-15px 15px 15px 0}.editor{position:absolute;display:none;border:solid 2px #000;outline:0;padding:0;z-index:1000}fin-vampire-bar{z-index:10}</style><fin-plugins></fin-plugins><fin-vampire-bar class="horizontalScroller" horizontal=""></fin-vampire-bar><fin-vampire-bar class="verticalScroller"></fin-vampire-bar><fin-canvas><fin-hypergrid-renderer></fin-hypergrid-renderer></fin-canvas><input class="editor"><content></content></template><script>"use strict";(function(){var rectangles;var globalCellEditors={};var propertiesInitialized=false;var noop=function(){};var initializeBasicCellEditors=function(){initializeCellEditor("fin-hypergrid-cell-editor-textfield");initializeCellEditor("fin-hypergrid-cell-editor-choice");initializeCellEditor("fin-hypergrid-cell-editor-color");initializeCellEditor("fin-hypergrid-cell-editor-date");initializeCellEditor("fin-hypergrid-cell-editor-slider");initializeCellEditor("fin-hypergrid-cell-editor-spinner")};var initializeCellEditor=function(name){var cellEditor=document.createElement(name);globalCellEditors[cellEditor.alias]=cellEditor};var defaultProperties=function(){var properties={font:"13px Tahoma, Geneva, sans-serif",color:"rgb(25, 25, 25)",backgroundColor:"rgb(241, 241, 241)",foregroundSelColor:"rgb(25, 25, 25)",backgroundSelColor:"rgb(183, 219, 255)",topLeftFont:"12px Tahoma, Geneva, sans-serif",topLeftColor:"rgb(25, 25, 25)",topLeftBackgroundColor:"rgb(223, 227, 232)",topLeftFGSelColor:"rgb(25, 25, 25)",topLeftBGSelColor:"rgb(255, 220, 97)",fixedColumnFont:"12px Tahoma, Geneva, sans-serif",fixedColumnColor:"rgb(25, 25, 25)",fixedColumnBackgroundColor:"rgb(223, 227, 232)",fixedColumnFGSelColor:"rgb(25, 25, 25)",fixedColumnBGSelColor:"rgb(255, 220, 97)",fixedRowFont:"12px Tahoma, Geneva, sans-serif",fixedRowColor:"rgb(25, 25, 25)",fixedRowBackgroundColor:"rgb(223, 227, 232)",fixedRowFGSelColor:"rgb(25, 25, 25)",fixedRowBGSelColor:"rgb(255, 220, 97)",backgroundColor2:"rgb(201, 201, 201)",lineColor:"rgb(199, 199, 199)",voffset:0,scrollbarHoverOver:"visible",scrollbarHoverOff:"hidden",scrollingEnabled:true,fixedRowAlign:"center",fixedColAlign:"center",cellPadding:5,gridLinesH:true,gridLinesV:true,defaultRowHeight:20,defaultFixedRowHeight:20,defaultColumnWidth:100,defaultFixedColumnWidth:100,repaintIntervalRate:4,repaintImmediately:false,useBitBlit:false,useHiDPI:true};return properties};var buildPolymerTheme=function(){clearObjectProperties(polymerTheme);var pb=document.createElement("paper-button");pb.style.display="none";pb.setAttribute("disabled",true);document.body.appendChild(pb);var p=window.getComputedStyle(pb);var section=document.createElement("section");section.style.display="none";section.setAttribute("hero",true);document.body.appendChild(section);var h=window.getComputedStyle(document.querySelector("html"));var hb=window.getComputedStyle(document.querySelector("html, body"));var s=window.getComputedStyle(section);polymerTheme.fixedRowBackgroundColor=p.color;polymerTheme.fixedColumnBackgroundColor=p.color;polymerTheme.topLeftBackgroundColor=p.color;polymerTheme.lineColor=p.backgroundColor;polymerTheme.backgroundColor2=hb.backgroundColor;polymerTheme.color=h.color;polymerTheme.fontFamily=h.fontFamily;polymerTheme.backgroundColor=s.backgroundColor;pb.setAttribute("disabled",false);pb.setAttribute("secondary",true);pb.setAttribute("raised",true);p=window.getComputedStyle(pb);polymerTheme.fixedRowColor=p.color;polymerTheme.fixedColumnColor=p.color;polymerTheme.topLeftColor=p.color;polymerTheme.backgroundSelColor=p.backgroundColor;polymerTheme.foregroundSelColor=p.color;pb.setAttribute("secondary",false);pb.setAttribute("warning",true);polymerTheme.fixedRowFGSelColor=p.color;polymerTheme.fixedRowBGSelColor=p.backgroundColor;polymerTheme.fixedColumnFGSelColor=p.color;polymerTheme.fixedColumnBGSelColor=p.backgroundColor;if(polymerTheme.fixedRowBGSelColor==="rgba(0, 0, 0, 0)"){clearObjectProperties(polymerTheme)}document.body.removeChild(pb);document.body.removeChild(section)};var clearObjectProperties=function(obj){for(var prop in obj){if(obj.hasOwnProperty(prop)){delete obj[prop]}}};var defaults,polymerTheme,globalProperties;(function(){defaults=defaultProperties();polymerTheme=Object.create(defaults);globalProperties=Object.create(polymerTheme)})();Polymer("fin-hypergrid",{behavior:{setScrollPositionY:noop,setScrollPositionX:noop,getColumnCount:function(){return 0},getFixedColumnCount:function(){return 0},getFixedColumnsWidth:function(){return 0},getFixedColumnsMaxWidth:function(){return 0},setRenderedWidth:function(){return 0},getRowCount:function(){return 0},getFixedRowCount:function(){return 0},getFixedRowsHeight:function(){return 0},getFixedRowsMaxHeight:function(){return 0},setRenderedHeight:function(){return 0},getCellProvider:noop,click:noop,doubleClick:noop},isWebkit:true,mouseDown:[],dragExtent:null,vScrlValue:0,hScrlValue:0,rectangles:null,selectionModel:null,cellEdtr:null,sbMouseIsDown:false,sbHScroller:null,sbVScroller:null,sbHScrlCfg:{},sbVScrlCfg:{},sbPrevVScrlVal:null,sbPrevHScrlVal:null,sbHValueHolder:{},sbVValueHolder:{},cellEditors:null,renderOverridesCache:{},hoverCell:null,isScrollButtonClick:false,domReady:function(){if(!propertiesInitialized){propertiesInitialized=true;buildPolymerTheme();initializeBasicCellEditors()}var self=this;rectangles=rectangles||document.createElement("fin-rectangle");this.rectangles=rectangles;this.lnfProperties=Object.create(globalProperties);this.isWebkit=navigator.userAgent.toLowerCase().indexOf("webkit")>-1;this.selectionModel=document.createElement("fin-hypergrid-selection-model");this.cellEditors=Object.create(globalCellEditors);this.renderOverridesCache={};this.oncontextmenu=function(event){event.preventDefault();return false};this.clearMouseDown();this.dragExtent=rectangles.point.create(0,0);this.pluginsDo(function(each){if(each.installOn){each.installOn(self)}});this.numRows=0;this.numColumns=0;this.initCanvas();this.initRenderer();this.initScrollbars();document.body.addEventListener("copy",function(evt){self.checkClipboardCopy(evt)});this.resized();this.fire("load");this.isScrollButtonClick=false},isHovered:function(x,y){var p=this.getHoverCell();if(!p){return false}return p.x===x&&p.y===y},isColumnHovered:function(x){var p=this.getHoverCell();if(!p){return false}return p.x===x},isRowHovered:function(y){var p=this.getHoverCell();if(!p){return false}return p.y===y},getHoverCell:function(){return this.hoverCell},setHoverCell:function(point){var me=this.hoverCell;if(me&&me.equals(point)){return}var fixedX=this.getFixedColumnCount();var fixedY=this.getFixedRowCount();this.hoverCell=rectangles.point.create(point.x-fixedX,point.y-fixedY);this.paintNow()},addGlobalProperties:function(props){if(!globalProperties){var self=this;setTimeout(function(){self.addGlobalProperties(props)},10)}else{this._addGlobalProperties(props)}},_addGlobalProperties:function(props){for(var key in props){if(props.hasOwnProperty(key)){globalProperties[key]=props[key]}}},addProperties:function(props){for(var key in props){if(props.hasOwnProperty(key)){this.lnfProperties[key]=props[key]}}},getState:function(){var state=this.getBehavior().getState();return state},setState:function(state){this.getBehavior().setState(state)},getMouseDown:function(){var last=this.mouseDown.length-1;if(last<0){return null}return this.mouseDown[last]},popMouseDown:function(){if(this.mouseDown.length===0){return}this.mouseDown.length=this.mouseDown.length-1},clearMouseDown:function(){this.mouseDown=[rectangles.point.create(-1,-1)];this.dragExtent=null},setMouseDown:function(point){this.mouseDown.push(point)},getDragExtent:function(){return this.dragExtent},setDragExtent:function(point){this.dragExtent=point},pluginsDo:function(func){var userPlugins=this.children.array();var pluginsTag=this.shadowRoot.querySelector("fin-plugins");var plugins=userPlugins;if(pluginsTag){var systemPlugins=pluginsTag.children.array();plugins=systemPlugins.concat(plugins)}for(var i=0;i<plugins.length;i++){var plugin=plugins[i];func(plugin)}},getCellProvider:function(){var provider=this.getBehavior().getCellProvider();return provider},gridRenderedNotification:function(){this.updateRenderedSizes();if(this.cellEdtr){this.cellEdtr.gridRenderedNotification()}},updateRenderedSizes:function(){var behavior=this.getBehavior();behavior.setRenderedWidth(this.getViewableColumns()+1);behavior.setRenderedHeight(this.getViewableRows()+1)},checkClipboardCopy:function(evt){if(!this.hasFocus()){return}evt.preventDefault();var csvData=this.getSelectionAsTSV();evt.clipboardData.setData("text/plain",csvData)},hasSelections:function(){if(!this.getSelectionModel){return}return this.getSelectionModel().hasSelections()},getSelectionAsTSV:function(){var selectionModel=this.getSelectionModel();var selections=selectionModel.getSelections();if(selections.length===0){return}var last=selections[selections.length-1];var area=last.area();if(area>1e4){alert("selection size is too big to copy to the paste buffer");return""}var behavior=this.getBehavior();var collector=[];var xstart=last.origin.x;var xstop=last.origin.x+last.extent.x+1;var ystart=last.origin.y;var ystop=last.origin.y+last.extent.y+1;for(var y=ystart;y<ystop;y++){for(var x=xstart;x<xstop;x++){var data=behavior._getValue(x,y);collector.push(data);if(x!==xstop-1){collector.push("	")}}if(y!==ystop-1){collector.push("\n")}}var text=collector.join("");return text},hasFocus:function(){return this.getCanvas().hasFocus()},clearSelections:function(){this.getSelectionModel().clear();this.clearMouseDown()},clearMostRecentSelection:function(){this.getSelectionModel().clearMostRecentSelection()},select:function(ox,oy,ex,ey){if(ox<0||oy<0){return}this.getSelectionModel().select(ox,oy,ex,ey)},isSelected:function(x,y){return this.getSelectionModel().isSelected(x,y)},isFixedRowCellSelected:function(col){var selectionModel=this.getSelectionModel();var isSelected=selectionModel.isFixedRowCellSelected(col);return isSelected},isFixedColumnCellSelected:function(row){var selectionModel=this.getSelectionModel();var isSelected=selectionModel.isFixedColumnCellSelected(row);return isSelected},getSelectionModel:function(){return this.selectionModel},getBehavior:function(){return this.behavior},setBehavior:function(newBehavior){this.behavior=newBehavior;this.behavior.setGrid(this);this.behavior.changed=this.behaviorChanged.bind(this)},behaviorChanged:function(){if(this.numColumns!==this.behavior._getColumnCount()||this.numRows!==this.behavior.getRowCount()){this.numColumns=this.behavior._getColumnCount();this.numRows=this.behavior.getRowCount();this.behaviorShapeChanged()}this.repaint()},getBounds:function(){var canvas=this.getCanvas();if(canvas){return canvas.getBounds()}else{return null}},resolveProperty:function(key){return this.lnfProperties[key]},behaviorShapeChanged:function(){this.synchronizeScrollingBoundries()},repaint:function(){var now=this.resolveProperty("repaintImmediately");var canvas=this.getCanvas();if(canvas){if(now===true){canvas.paintNow()}else{canvas.repaint()}}},paintNow:function(){var canvas=this.getCanvas();canvas.paintNow()},isHiDPI:function(){return this.resolveProperty("useHiDPI")!==false},initCanvas:function(){var self=this;var interval=this.resolveProperty("repaintIntervalRate");var useBitBlit=this.resolveProperty("useBitBlit");this.canvas=this.shadowRoot.querySelector("fin-canvas");this.canvas.setAttribute("fps",interval||15);this.canvas.setAttribute("bitblit",useBitBlit===true);this.canvas.isHiDPI=function(){return self.isHiDPI()};this.canvas.style.position="absolute";this.canvas.style.top=0;this.canvas.style.right="-200px";this.canvas.style.bottom=0;this.canvas.style.left=0;this.canvas.resizeNotification=function(){self.resized()};this.addFinEventListener("fin-mousemove",function(e){var mouse=e.detail.mouse;var mouseEvent=self.getGridCellFromMousePoint(mouse);mouseEvent.primitiveEvent=e;self.delegateMouseMove(mouseEvent)});this.addFinEventListener("fin-mousedown",function(e){self.stopEditing();var mouse=e.detail.mouse;var mouseEvent=self.getGridCellFromMousePoint(mouse);mouseEvent.primitiveEvent=e;self.delegateMouseDown(mouseEvent)});this.addFinEventListener("fin-mouseup",function(e){self.dragging=false;if(self.isScrollingNow()){self.setScrollingNow(false)}if(self.columnDragAutoScrolling){self.columnDragAutoScrolling=false}var mouse=e.detail.mouse;var mouseEvent=self.getGridCellFromMousePoint(mouse);mouseEvent.primitiveEvent=e;self.delegateMouseUp(mouseEvent)});this.addFinEventListener("fin-tap",function(e){var mouse=e.detail.mouse;var tapEvent=self.getGridCellFromMousePoint(mouse);tapEvent.primitiveEvent=e;self.delegateTap(tapEvent)});this.addFinEventListener("fin-drag",function(e){self.dragging=true;var mouse=e.detail.mouse;var mouseEvent=self.getGridCellFromMousePoint(mouse);mouseEvent.primitiveEvent=e;self.delegateMouseDrag(mouseEvent)});this.addFinEventListener("fin-keydown",function(e){self.delegateKeyDown(e)});this.addFinEventListener("fin-keyup",function(e){self.delegateKeyUp(e)});this.addFinEventListener("fin-track",function(e){if(self.dragging){return}var primEvent=e.detail.primitiveEvent;if(Math.abs(primEvent.dy)>Math.abs(primEvent.dx)){if(primEvent.yDirection>0){self.scrollVBy(-2)}else if(primEvent.yDirection<-0){self.scrollVBy(2)}}else{if(primEvent.xDirection>0){self.scrollHBy(-1)}else if(primEvent.xDirection<-0){self.scrollHBy(1)}}});this.addFinEventListener("fin-holdpulse",function(e){var mouse=e.detail.mouse;var mouseEvent=self.getGridCellFromMousePoint(mouse);mouseEvent.primitiveEvent=e;self.delegateHoldPulse(mouseEvent)});this.addFinEventListener("fin-dblclick",function(e){var mouse=e.detail.mouse;var mouseEvent=self.getGridCellFromMousePoint(mouse);mouseEvent.primitiveEvent=e;self.delegateDoubleClick(mouseEvent)});this.addFinEventListener("fin-wheelmoved",function(e){var mouse=e.detail.mouse;var mouseEvent=self.getGridCellFromMousePoint(mouse);mouseEvent.primitiveEvent=e.detail.primitiveEvent;self.delegateWheelMoved(mouseEvent)});this.addFinEventListener("fin-mouseout",function(e){var mouse=e.detail.mouse;var mouseEvent=self.getGridCellFromMousePoint(mouse);mouseEvent.primitiveEvent=e.detail.primitiveEvent;self.delegateMouseExit(mouseEvent)})},addFinEventListener:function(eventName,callback){this.canvas.addEventListener(eventName,callback)},setScrollingNow:function(isItNow){this.scrollingNow=isItNow},isScrollingNow:function(){return this.scrollingNow},overColumnDivider:function(mouseEvent){var x=mouseEvent.primitiveEvent.detail.mouse.x;var whichCol=this.getRenderer().overColumnDivider(x);return whichCol},overRowDivider:function(mouseEvent){var y=mouseEvent.primitiveEvent.detail.mouse.y;var which=this.getRenderer().overRowDivider(y);return which},beCursor:function(cursorName){this.style.cursor=cursorName},delegateWheelMoved:function(event){var behavior=this.getBehavior();behavior.onWheelMoved(this,event)},delegateMouseExit:function(event){var behavior=this.getBehavior();behavior.handleMouseExit(this,event)},delegateMouseMove:function(mouseDetails){var behavior=this.getBehavior();behavior.onMouseMove(this,mouseDetails)},delegateMouseDown:function(mouseDetails){var behavior=this.getBehavior();behavior.handleMouseDown(this,mouseDetails)},delegateMouseUp:function(mouseDetails){var behavior=this.getBehavior();behavior.onMouseUp(this,mouseDetails)},delegateTap:function(mouseDetails){var behavior=this.getBehavior();behavior.onTap(this,mouseDetails)},delegateMouseDrag:function(mouseDetails){var behavior=this.getBehavior();behavior.onMouseDrag(this,mouseDetails)},delegateDoubleClick:function(mouseDetails){var behavior=this.getBehavior();behavior.onDoubleClick(this,mouseDetails)},delegateHoldPulse:function(mouseDetails){var behavior=this.getBehavior();behavior.onHoldPulse(this,mouseDetails)},delegateKeyDown:function(e){var behavior=this.getBehavior();behavior.onKeyDown(this,e)},delegateKeyUp:function(e){var behavior=this.getBehavior();behavior.onKeyUp(this,e)},stopEditing:function(){if(this.cellEdtr){this.cellEdtr.stopEditing();this.cellEdtr=null}},registerCellEditor:function(alias,cellEditor){this.cellEditors[alias]=cellEditor},getDataBounds:function(){var colDNDHackWidth=200;var behavior=this.getBehavior();var b=this.canvas.bounds;var x=behavior.getFixedColumnsWidth()+2;var y=behavior.getFixedRowsHeight()+2;var result=rectangles.rectangle.create(x,y,b.origin.x+b.extent.x-x-colDNDHackWidth,b.origin.y+b.extent.y-y);return result},getCanvas:function(){return this.canvas},editAt:function(cellEditor,coordinates){this.cellEdtr=cellEditor;var cell=coordinates.gridCell;var behavior=this.getBehavior();var scrollTop=this.getVScrollValue();var scrollLeft=this.getHScrollValue();var numFixedColumns=behavior.getFixedColumnCount();var numFixedRows=behavior.getFixedRowCount();var x=cell.x-numFixedColumns+scrollLeft;var y=cell.y-numFixedRows+scrollTop;if(x<0||y<0){return}var editPoint=rectangles.point.create(x,y);this.setMouseDown(editPoint);this.setDragExtent(rectangles.point.create(0,0));this.shadowRoot.appendChild(cellEditor);cellEditor.grid=this;cellEditor.beginEditAt(editPoint)},isDataColVisible:function(columnIndex){var isVisible=this.getRenderer().isColVisible(columnIndex);return isVisible},isDataRowVisible:function(rowIndex){var isVisible=this.getRenderer().isRowVisible(rowIndex);return isVisible},isDataVisible:function(columnIndex,rowIndex){var isVisible=this.isDataRowVisible(rowIndex)&&this.isDataColVisible(columnIndex);return isVisible},insureModelColIsViewable:function(c,offsetX){var viewableColumns=this.getViewableColumns()-1;if(!this.isDataColVisible(c)){var newSX=offsetX<0?c:c-viewableColumns;this.setHScrollValue(newSX);return true}return false},insureModelRowIsViewable:function(r,offsetY){var viewableRows=this.getViewableRows()-1;if(!this.isDataRowVisible(r)){var newSY=offsetY<0?r:r-viewableRows;this.setVScrollValue(newSY);return true}return false},scrollBy:function(offsetX,offsetY){this.scrollHBy(offsetX);this.scrollVBy(offsetY)},scrollVBy:function(offsetY){var max=this.sbVScrlCfg.rangeStop;var oldValue=this.getVScrollValue();var newValue=Math.min(max,Math.max(0,oldValue+offsetY));if(newValue===oldValue){return}this.setVScrollValue(newValue)},scrollHBy:function(offsetX){var max=this.sbHScrlCfg.rangeStop;var oldValue=this.getHScrollValue();var newValue=Math.min(max,Math.max(0,oldValue+offsetX));if(newValue===oldValue){return}this.setHScrollValue(newValue)},getGridCellFromMousePoint:function(mouse){var cell=this.getRenderer().getGridCellFromMousePoint(mouse);return cell},getBoundsOfCell:function(cell){var bounds=this.getRenderer().getBoundsOfCell(cell);return bounds},resized:function(){this.synchronizeScrollingBoundries()},fireCellClickEvent:function(event){var behavior=this.getBehavior();var hovered=this.getHoverCell();var sy=this.getVScrollValue();var x=hovered.x;if(hovered.x>-1){x=behavior.translateColumnIndex(hovered.x+this.getHScrollValue())}if(hovered.y<0){sy=0}hovered=rectangles.point.create(x,hovered.y+sy);var clickEvent=new CustomEvent("fin-cell-click",{detail:{cell:hovered,event:event,time:Date.now()}});this.canvas.dispatchEvent(clickEvent)},fireScrollEvent:function(type,oldValue,newValue){var event=new CustomEvent(type,{detail:{oldValue:oldValue,value:newValue,time:Date.now()}});this.canvas.dispatchEvent(event);var self=this;self.lastScrollTime=Date.now();var hoverClassOver=self.resolveProperty("scrollbarHoverOver");var hoverClassOff=self.resolveProperty("scrollbarHoverOff");if(!self.resolveProperty("scrollingEnabled")){hoverClassOver="hidden";hoverClassOff="hidden"}if(type==="fin-scroll-x"){self.sbHScroller.classList.remove(hoverClassOff);self.sbHScroller.classList.add(hoverClassOver);setTimeout(function(){if(!self.sbMouseIsDown&&!self.scrollBarHasMouse&&Date.now()-self.lastScrollTime>100){self.sbHScroller.classList.remove(hoverClassOver);self.sbHScroller.classList.add(hoverClassOff)}},700)}else{self.sbVScroller.classList.remove(hoverClassOff);self.sbVScroller.classList.add(hoverClassOver);setTimeout(function(){if(!self.sbMouseIsDown&&!self.scrollBarHasMouse&&Date.now()-self.lastScrollTime>100){self.sbVScroller.classList.remove(hoverClassOver);self.sbVScroller.classList.add(hoverClassOff)}},700)}},setVScrollValue:function(y){var self=this;this.getBehavior()._setScrollPositionY(y);var oldY=this.vScrlValue;this.vScrlValue=y;this.scrollValueChangedNotification();setTimeout(function(){self.sbVRangeAdapter.subjectChanged();self.fireScrollEvent("fin-scroll-y",oldY,y)})},getVScrollValue:function(){return this.vScrlValue},setHScrollValue:function(x){var self=this;this.getBehavior()._setScrollPositionX(x);var oldX=this.hScrlValue;this.hScrlValue=x;this.scrollValueChangedNotification();setTimeout(function(){self.sbHRangeAdapter.subjectChanged();self.fireScrollEvent("fin-scroll-x",oldX,x)})},getHScrollValue:function(){return this.hScrlValue},takeFocus:function(){if(this.isEditing()){this.editorTakeFocus()}else{this.getCanvas().takeFocus()}},editorTakeFocus:function(){if(this.cellEdtr){return this.cellEdtr.takeFocus()}},isEditing:function(){if(this.cellEdtr){return this.cellEdtr.isEditing}return false},initScrollbars:function(){var self=this;var scrollbars=this.shadowRoot.querySelectorAll("fin-vampire-bar");this.sbHScroller=scrollbars[0];this.sbVScroller=scrollbars[1];this.sbHScroller.onUpClick=function(){self.scrollHBy(1);self.isScrollButtonClick=true};this.sbHScroller.onDownClick=function(){self.scrollHBy(-1);self.isScrollButtonClick=true};this.sbHScroller.onUpHold=function(event){event.preventTap();self.scrollHBy(1);self.isScrollButtonClick=true};this.sbHScroller.onDownHold=function(event){event.preventTap();self.scrollHBy(-1);self.isScrollButtonClick=true};this.sbHScroller.onmouseover=function(event){noop(event);self.isScrollButtonClick=false;var hoverClassOver=self.resolveProperty("scrollbarHoverOver");var hoverClassOff=self.resolveProperty("scrollbarHoverOff");if(!self.resolveProperty("scrollingEnabled")){hoverClassOver="hidden";hoverClassOff="hidden"}self.sbHScroller.classList.remove(hoverClassOff);self.sbHScroller.classList.add(hoverClassOver)};this.sbHScroller.onmouseout=function(event){noop(event);if(self.sbMouseIsDown){return}else{var hoverClassOver=self.resolveProperty("scrollbarHoverOver");var hoverClassOff=self.resolveProperty("scrollbarHoverOff");if(!self.resolveProperty("scrollingEnabled")){hoverClassOver="hidden";hoverClassOff="hidden"}self.sbHScroller.classList.remove(hoverClassOver);self.sbHScroller.classList.add(hoverClassOff)}};this.sbVScroller.onmouseover=function(event){noop(event);self.isScrollButtonClick=false;var hoverClassOver=self.resolveProperty("scrollbarHoverOver");var hoverClassOff=self.resolveProperty("scrollbarHoverOff");if(!self.resolveProperty("scrollingEnabled")){hoverClassOver="hidden";hoverClassOff="hidden"}self.sbVScroller.classList.remove(hoverClassOff);self.sbVScroller.classList.add(hoverClassOver)};this.sbVScroller.onmouseout=function(event){noop(event);if(self.sbMouseIsDown){return}else{var hoverClassOver=self.resolveProperty("scrollbarHoverOver");var hoverClassOff=self.resolveProperty("scrollbarHoverOff");if(!self.resolveProperty("scrollingEnabled")){hoverClassOver="hidden";hoverClassOff="hidden"}self.sbVScroller.classList.remove(hoverClassOver);self.sbVScroller.classList.add(hoverClassOff)}};this.addEventListener("mousedown",function(){self.sbMouseIsDown=true});this.sbVScroller.onUpClick=function(){self.scrollVBy(-1);self.isScrollButtonClick=true};this.sbVScroller.onDownClick=function(){self.scrollVBy(1);self.isScrollButtonClick=true};this.sbVScroller.onUpHold=function(event){event.preventTap();self.scrollVBy(-1);self.isScrollButtonClick=true};this.sbVScroller.onDownHold=function(event){event.preventTap();self.scrollVBy(1);self.isScrollButtonClick=true};this.addEventListener("mousedown",function(){self.sbMouseIsDown=true});document.addEventListener("mouseup",function(e){noop(e);if(!self.sbMouseIsDown){return}self.sbMouseIsDown=false;self.takeFocus();var x=e.x||e.clientX;var y=e.y||e.clientY;var elementAt=self.shadowRoot.elementFromPoint(x,y);self.scrollBarHasMouse=elementAt===self.sbVScroller||elementAt===self.sbHScroller;if(!self.scrollBarHasMouse){var hoverClassOver=self.resolveProperty("scrollbarHoverOver");var hoverClassOff=self.resolveProperty("scrollbarHoverOff");if(!self.resolveProperty("scrollingEnabled")){hoverClassOver="hidden";hoverClassOff="hidden"}self.sbVScroller.classList.remove(hoverClassOver);self.sbHScroller.classList.remove(hoverClassOver);self.sbVScroller.classList.add(hoverClassOff);self.sbHScroller.classList.add(hoverClassOff)}});this.sbHValueHolder={changed:false,getValue:function(){return self.getHScrollValue()},setValue:function(v){self.setHScrollValue(v)}};this.sbVValueHolder={changed:false,getValue:function(){return self.getVScrollValue()},setValue:function(v){self.setVScrollValue(v)}};this.sbHScrlCfg={step:1,page:40,rangeStart:0,rangeStop:0};this.sbVScrlCfg={step:1,page:40,rangeStart:0,rangeStop:0};this.sbHRangeAdapter=this.sbHScroller.createRangeAdapter(this.sbHValueHolder,this.sbHScrlCfg);this.sbVRangeAdapter=this.sbHScroller.createRangeAdapter(this.sbVValueHolder,this.sbVScrlCfg);this.sbHScroller.setRangeAdapter(this.sbHRangeAdapter);this.sbVScroller.setRangeAdapter(this.sbVRangeAdapter)},scrollValueChangedNotification:function(){if(this.hScrlValue===this.sbPrevHScrlVal&&this.vScrlValue===this.sbPrevVScrlVal){return}this.sbHValueHolder.changed=!this.sbHValueHolder.changed;this.sbVValueHolder.changed=!this.sbVValueHolder.changed;this.sbPrevHScrlVal=this.hScrlValue;this.sbPrevVScrlVal=this.vScrlValue;if(this.cellEdtr){this.cellEdtr.scrollValueChangedNotification()}},getValue:function(x,y){return this.getBehavior()._getValue(x,y)},setValue:function(x,y,value){this.getBehavior()._setValue(x,y,value)},synchronizeScrollingBoundries:function(){var behavior=this.getBehavior();if(!behavior){return}var numColumns=behavior._getColumnCount();var numRows=behavior.getRowCount();var bounds=this.getBounds();if(!bounds){return}var scrollableHeight=bounds.height()-behavior.getFixedRowsHeight();var scrollableWidth=bounds.width()-behavior.getFixedColumnsMaxWidth()-200;var lastPageColumnCount=0;var columnsWidth=0;for(;lastPageColumnCount<numColumns;lastPageColumnCount++){var eachWidth=behavior._getColumnWidth(numColumns-lastPageColumnCount-1);columnsWidth=columnsWidth+eachWidth;if(columnsWidth>scrollableWidth){break}}var lastPageRowCount=0;var rowsHeight=0;for(;lastPageRowCount<numRows;lastPageRowCount++){var eachHeight=behavior.getRowHeight(numRows-lastPageRowCount-1);rowsHeight=rowsHeight+eachHeight;if(rowsHeight>scrollableHeight){break}}this.sbVScrlCfg.rangeStop=behavior.getRowCount()-lastPageRowCount;this.sbHScrlCfg.rangeStop=behavior._getColumnCount()-lastPageColumnCount;this.setVScrollValue(Math.min(this.getVScrollValue(),this.sbVScrlCfg.rangeStop));this.setHScrollValue(Math.min(this.getHScrollValue(),this.sbHScrlCfg.rangeStop))},getViewableRows:function(){return this.getRenderer().getViewableRows()},getViewableColumns:function(){return this.getRenderer().getViewableColumns()},initRenderer:function(){this.renderer=this.shadowRoot.querySelector("fin-hypergrid-renderer");this.renderer.setGrid(this)},getRenderer:function(){return this.renderer},getColumnWidth:function(columnIndex){return this.getBehavior()._getColumnWidth(columnIndex)},setColumnWidth:function(columnIndex,columnWidth){this.getBehavior()._setColumnWidth(columnIndex,columnWidth)},getFixedColumnWidth:function(columnIndex){return this.getBehavior().getFixedColumnWidth(columnIndex)},getFixedColumnsWidth:function(){return this.getBehavior().getFixedColumnsWidth()},setFixedColumnWidth:function(columnIndex,columnWidth){this.getBehavior().setFixedColumnWidth(columnIndex,columnWidth)},getRowHeight:function(index){return this.getBehavior().getRowHeight(index)},setRowHeight:function(index,height){this.getBehavior().setRowHeight(index,height)},getFixedRowHeight:function(index){return this.getBehavior().getFixedRowHeight(index)},setFixedRowHeight:function(index,height){this.getBehavior().setFixedRowHeight(index,height)},getFixedRowsHeight:function(){return this.getBehavior().getFixedRowsHeight()},getColumnCount:function(){return this.getBehavior()._getColumnCount()},getRowCount:function(){return this.getBehavior().getRowCount()},getFixedColumnCount:function(){return this.getBehavior().getFixedColumnCount()},getFixedRowCount:function(){return this.getBehavior().getFixedRowCount()},topLeftClicked:function(mouse){this.getBehavior().topLeftClicked(this,mouse)},fixedRowClicked:function(mouse){this.getBehavior()._fixedRowClicked(this,mouse)},fixedColumnClicked:function(mouse){this.getBehavior()._fixedColumnClicked(this,mouse)},activateEditor:function(event){var fixedColCount=this.getFixedColumnCount();var fixedRowCount=this.getFixedRowCount();var gridCell=event.gridCell;var mX=this.getHScrollValue()+gridCell.x-fixedColCount;var mY=this.getVScrollValue()+gridCell.y-fixedRowCount;var editor=this.getCellEditorAt(mX,mY);this.editAt(editor,event)},getCellEditorAt:function(x,y){return this.getBehavior()._getCellEditorAt(x,y)},toggleHiDPI:function(){if(this.canvas.isHiDPI()){this.removeAttribute("hidpi")}else{this.setAttribute("hidpi",null)}this.canvas.resize()},getHiDPI:function(ctx){if(window.devicePixelRatio&&this.canvas.isHiDPI()){var devicePixelRatio=window.devicePixelRatio||1;var backingStoreRatio=ctx.webkitBackingStorePixelRatio||ctx.mozBackingStorePixelRatio||ctx.msBackingStorePixelRatio||ctx.oBackingStorePixelRatio||ctx.backingStorePixelRatio||1;var ratio=devicePixelRatio/backingStoreRatio;return ratio}else{return 1}},getLeftSideSize:function(index){return this.renderer.getLeftSideSize(index)},getTopSideSize:function(index){return this.renderer.getTopSideSize(index)},resolveCellEditor:function(name){return this.cellEditors[name]},setDefaultCursor:function(){var behavior=this.getBehavior();var cursor=behavior.getCursorAt(-1,-1);var hoverCell=this.getHoverCell();if(hoverCell){var x=hoverCell.x+this.getHScrollValue();x=behavior.translateColumnIndex(x);cursor=behavior.getCursorAt(x,hoverCell.y+this.getVScrollValue())}this.beCursor(cursor)},repaintCell:function(x,y){this.getRenderer().repaintCell(x,y)},isDraggingColumn:function(){if(this.renderOverridesCache.dragger){return true}else{return false}},pageUp:function(){var rowNum=this.getRenderer().getPageUpRow();this.setVScrollValue(rowNum)},pageDown:function(){var rowNum=this.getRenderer().getPageDownRow();this.setVScrollValue(rowNum)},pageLeft:function(){console.log("page left")},pageRight:function(){console.log("page right")}})})();</script></polymer-element></body></html>
\ No newline at end of file
+            </li></template><li value="last_spacer" class="spacer beSmall"></li></ul></template><script>"use strict";(function(){var noop=function(){};Polymer("fin-hypergrid-dnd-list",{label:"label",id:"id",attached:function(){this.title=this.title||"title";this.list=this.list||[{id:0,label:"list item zero"},{id:1,label:"list item one"},{id:2,label:"list item two"},{id:3,label:"list item three"},{id:4,label:"list item four"},{id:5,label:"list item five"},{id:6,label:"list item six"},{id:7,label:"list item seven"},{id:8,label:"list item eight"},{id:9,label:"list item nine"}];var parent=this.parentElement;var self=this;parent.oncontextmenu=function(){return false};PolymerGestures.addEventListener(this.$.ulist,"trackstart",function(e){var li=e.path[0];if(li.nodeName!=="LI"){return}self.initiateItemDrag(li,e)})},getRowHeights:function(){var bounds=this.$.ulist.getBoundingClientRect();var items=this.$.ulist.querySelectorAll("li.item").array();if(items.length===0){return[0]}var boundries=items.map(function(e){return e.getBoundingClientRect().top-bounds.top});var last=items[items.length-1];boundries.push(boundries[boundries.length-1]+last.getBoundingClientRect().height);boundries[0]=0;return boundries},labelAdapter:function(item){if(typeof item==="object"){return item[this.label]}return item},idAdapter:function(item){if(typeof item==="object"){return item[this.id]}return item},handleDragHoverEnter:function(dragged,x,y){noop(dragged,x,y)},handleDragHoverExit:function(dragged,x,y){noop(dragged,x,y);this.correctItemState()},handleDragOver:function(dragged,x,y){var self=this;var bounds=this.$.ulist.getBoundingClientRect();var boundries=this.getRowHeights();var localY=y-bounds.top;var minValue=1e6;var minIndex=0;for(var i=0;i<boundries.length;i++){var distance=Math.abs(localY-boundries[i]);if(distance<minValue){minIndex=i;minValue=distance}}var overRow=minIndex;if(this.overRow!==overRow){if(this.isTransition){return}this.isTransition=true;var spacers=this.$.ulist.querySelectorAll("li.spacer");if(this.overRow||this.overRow===0){var previous=this.$.ulist.querySelector("li.spacer.beBig");if(previous){previous.classList.add("transition");requestAnimationFrame(function(){previous.classList.remove("beBig");previous.classList.add("beSmall")})}}this.overRow=overRow;var spacer=spacers[overRow];spacer.classList.add("transition");requestAnimationFrame(function(){spacer.classList.remove("beSmall");spacer.classList.add("beBig");setTimeout(function(){spacer.classList.remove("transition");self.isTransition=false},210)})}},handleDrag:function(e){if(!this.dragFodder){return}var dragFodderRect=this.dragFodder.getBoundingClientRect();var cxo=dragFodderRect.width/2;var cyo=dragFodderRect.height/2;var globalX=(e.x||e.clientX)-this.dragEventStart[0];var globalY=(e.y||e.clientY)-this.dragEventStart[1];this.setCssLocation(this.dragFodder.style,globalX,globalY);this.dragFodder.style.display="none";var dropTarget=document.elementFromPoint(globalX+cxo,globalY+cyo);this.dragFodder.style.display="";if(dropTarget&&dropTarget.handleDragOver){if(this.currentDropTarget!==dropTarget){if(!dropTarget.canDropItem(this.list,dropTarget.list,this.dragFodder.sourceIndex,this.dragFodder.dragItem,e)){return}if(this.currentDropTarget){this.currentDropTarget.handleDragHoverExit(this.dragFodder,globalX+cxo,globalY+cyo)}this.currentDropTarget=dropTarget;this.currentDropTarget.handleDragHoverEnter(this.dragFodder,globalX+cxo,globalY+cyo)}dropTarget.handleDragOver(this.dragFodder,globalX+cxo,globalY+cyo)}},handleDrop:function(e){noop(e);var dropTarget=this.currentDropTarget;var dragFodder=this.dragFodder;dropTarget.listItemDropped(dragFodder)},listItemDropped:function(listItem){var self=this;var dropSpacer=this.$.ulist.querySelector("li.spacer.beBig");var items=this.$.ulist.querySelectorAll("li").array();var sourceItem=listItem.dragItem;var insertIndex=items.indexOf(dropSpacer)/2;var targetRect=dropSpacer.getBoundingClientRect();var targetTop=targetRect.top;var targetLeft=targetRect.left;listItem.style.webkitTransition="-webkit-transform 150ms ease-in";listItem.style.MozTransition="-moz-transform 150ms ease-in";listItem.style.msTransition="-ms-transform 150ms ease-in";listItem.style.oTransition="-o-transform 150ms ease-in";listItem.style.transition="transform 150ms ease-in";requestAnimationFrame(function(){self.setCssLocation(listItem.style,targetLeft,targetTop);setTimeout(function(){listItem.parentElement.removeChild(listItem);dropSpacer.classList.remove("beBig");dropSpacer.classList.add("beSmall");self.list.splice(insertIndex,0,sourceItem);self.overRow=undefined},170)})},canDragItem:function(list,item,index,e){noop(list,item,index,e);return true},canDropItem:function(sourceList,myList,sourceIndex,item,e){noop(sourceList,myList,sourceIndex,item,e);return true},initiateItemDrag:function(li,e){li.dragSource=this;li.dragIndex=parseInt(li.getAttribute("value"));li.dragItem=this.list[li.dragIndex];if(!this.canDragItem(this.list,li.dragItem,li.dragIndex,e)){return}this.overRow=undefined;var transitions=this.$.ulist.querySelectorAll(".transition").array();transitions.forEach(function(e){e.classList.remove("transition")});e.preventDefault();var goAwayer=li.nextElementSibling;var bounds=li.getBoundingClientRect();var self=this;var parent=this.$.ulist;var parentBounds=parent.getBoundingClientRect();li.style.width=parentBounds.width+"px";this.list.splice(li.dragIndex,1);this.dragFodder=li;this.dragEventStart=[(e.x||e.clientX)-bounds.left,(e.y||e.clientY)-bounds.top];goAwayer.classList.add("beBig");goAwayer.classList.remove("beSmall");document.body.appendChild(li);PolymerGestures.addEventListener(li,"track",function(e){self.handleDrag(e)});PolymerGestures.addEventListener(li,"trackend",function(e){self.handleDrop(e)});requestAnimationFrame(function(){setTimeout(function(){goAwayer.classList.remove("transition")},210)})},setCssLocation:function(style,x,y){style.position="fixed";style.zIndex=10;style.top=0;style.left=0;style.webkitTransform="translate("+x+"px, "+y+"px)";style.MozTransform="translate("+x+"px, "+y+"px)";style.mmsTransform="translate("+x+"px, "+y+"px)";style.oTransform="translate("+x+"px, "+y+"px)";style.transform="translate("+x+"px, "+y+"px)";style.border="1px solid #bbbbbb";style.boxShadow="0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)"},correctItemState:function(){var self=this;var spacer=this.$.ulist.querySelector("li.spacer.beBig");if(spacer){requestAnimationFrame(function(){spacer.classList.remove("beBig");spacer.classList.add("beSmall");spacer.classList.add("transition");setTimeout(function(){spacer.classList.remove("transition");self.overRow=undefined},210)})}}})})();</script></polymer-element><polymer-element name="fin-canvas-component" class="fin-canvas-component" attributes="layoutProperties" assetpath="/dev/fin-canvas/"><template></template><script>"use strict";(function(){Polymer("fin-canvas-component",{ready:function(){this.readyInit()},readyInit:function(){this.g=document.createElement("fin-rectangle");this.parent=null;this.bounds=this.g.rectangle.create(0,0,0,0);this.color=this.color||"black";this.backgroundColor=null;this.layoutProperties=this.layoutProperties||[0,0,1,0,1,0,0,0];if(typeof this.layoutProperties==="string"){this.layoutProperties=JSON.parse(this.layoutProperties)}},setBounds:function(rectangle){this.bounds=rectangle},getBounds:function(){return this.bounds},_paint:function(gc){try{gc.save();gc.translate(this.bounds.left(),this.bounds.top());var bgColor=this.getBackgroundColor();if(bgColor){var rect=this.getBounds();gc.beginPath();gc.fillStyle=bgColor;gc.fillRect(0,0,rect.width(),rect.height());gc.stroke()}this.paint(gc)}finally{gc.restore()}},paint:function(){},getBackgroundColor:function(){return this.backgroundColor},setBackgroundColor:function(colorValue){this.backgroundColor=colorValue},repaint:function(){if(this.parent){this.parent.repaint()}},setParent:function(newParent){this.parent=newParent},getLayoutProperties:function(){return this.layoutProperties},setLayoutProperties:function(properties){this.layoutProperties=properties},getComponent:function(){var comp=this.children[0];return comp}})})();</script></polymer-element><polymer-element name="fin-hypergrid-renderer" extends="fin-canvas-component" assetpath="/dev/fin-hypergrid/polymer/html/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>"use strict";var noop=function(){};var fontData={};var config={getTextHeight:function(font){var result=fontData[font];if(result){return result}result={};var text=document.createElement("span");text.textContent="Hg";text.style.font=font;var block=document.createElement("div");block.style.display="inline-block";block.style.width="1px";block.style.height="0px";var div=document.createElement("div");div.appendChild(text);div.appendChild(block);div.style.position="absolute";document.body.appendChild(div);try{block.style.verticalAlign="baseline";var blockRect=block.getBoundingClientRect();var textRect=text.getBoundingClientRect();result.ascent=blockRect.top-textRect.top;block.style.verticalAlign="bottom";result.height=blockRect.top-textRect.top;result.descent=result.height-result.ascent}finally{div.remove()}if(result.height!==0){fontData[font]=result}return result}};(function(){var cellConfig=function(x,y,value,fgColor,bgColor,fgSelColor,bgSelColor,font,isSelected,isColumnHovered,isRowHovered,halign,hoffset,voffset,properties){config.x=x;config.y=y;config.value=value;config.fgColor=fgColor;config.bgColor=undefined;config.fgSelColor=fgSelColor;config.bgSelColor=bgSelColor;config.font=font;config.isSelected=isSelected;config.isColumnHovered=isColumnHovered||false;config.isRowHovered=isRowHovered||false;config.halign=halign||"center";config.hoffset=hoffset;config.voffset=voffset;config.properties=properties;return config};Polymer("fin-hypergrid-renderer",{attached:function(){this.readyInit();this.renderedColumnWidths=[0];this.renderedHeight=0;this.renderedRowHeights=[0];this.renderedColumns=[];this.renderedRows=[];this.insertionBounds=[]},resolveProperty:function(key){return this.grid.resolveProperty(key)},cellConfig:function(x,y,value,fgColor,bgColor,fgSelColor,bgSelColor,font,isSelected,isColumnHovered,isRowHovered,halign,hoffset,voffset){var config=cellConfig(x,y,value,fgColor,bgColor,fgSelColor,bgSelColor,font,isSelected,isColumnHovered,isRowHovered,halign,hoffset,voffset,this.grid.lnfProperties);return config},getGrid:function(){return this.grid},setGrid:function(grid){this.grid=grid},paint:function(gc){if(!this.grid){return}this.renderGrid(gc);this.getGrid().gridRenderedNotification()},getViewableRows:function(){return this.renderedRows.length},getViewableColumns:function(){return this.renderedColumns.length},overColumnDivider:function(x){x=Math.round(x);var whichCol=this.renderedColumnWidths.indexOf(x+1);if(whichCol<0){whichCol=this.renderedColumnWidths.indexOf(x)}if(whichCol<0){whichCol=this.renderedColumnWidths.indexOf(x-1)}return whichCol},overRowDivider:function(y){y=Math.round(y);var which=this.renderedRowHeights.indexOf(y+1);if(which<0){which=this.renderedRowHeights.indexOf(y)}if(which<0){which=this.renderedRowHeights.indexOf(y-1)}return which},getBoundsOfCell:function(cell){return this._getBoundsOfCell(cell.x,cell.y)},_getBoundsOfCell:function(x,y){var ox=this.renderedColumnWidths[x],oy=this.renderedRowHeights[y],cx=this.renderedColumnWidths[x+1],cy=this.renderedRowHeights[y+1],ex=cx-ox,ey=cy-oy;var bounds=this.g.rectangle.create(ox,oy,ex,ey);return bounds},getColumnFromPixelX:function(pixelX){pixelX=pixelX-this.getBehavior().getFixedColumnsWidth();var width=0;var c;for(c=0;c<this.insertionBounds.length;c++){width=this.insertionBounds[c];if(pixelX<width){return c}}return c},getGridCellFromMousePoint:function(point){var width=0;var height=0;var x,y;var c,r;var previous=0;for(c=1;c<this.renderedColumnWidths.length;c++){width=this.renderedColumnWidths[c];if(point.x<width){x=Math.max(0,point.x-previous-2);break}previous=width}c--;previous=0;for(r=1;r<this.renderedRowHeights.length;r++){height=this.renderedRowHeights[r];if(point.y<height){y=Math.max(0,point.y-previous-2);break}previous=height}r--;if(point.x<0){c=-1}if(point.y<0){r=-1}return{gridCell:this.g.point.create(c,r),mousePoint:this.g.point.create(x,y)}},isColVisible:function(c){var isVisible=this.renderedColumns.indexOf(c)!==-1;return isVisible},getFinalVisableColumnBoundry:function(){var isMaxX=this.isLastColumnVisible();var chop=isMaxX?2:1;var colWall=this.renderedColumnWidths[this.renderedColumnWidths.length-chop];var result=Math.min(colWall,this.getBounds().width()-200);return result},isRowVisible:function(r){var isVisible=this.renderedRows.indexOf(r)!==-1;return isVisible},isSelected:function(x,y){return this.getGrid().isSelected(x,y)},renderGrid:function(gc){var offsetX=this.getBehavior().getFixedColumnsWidth();var offsetY=this.getBehavior().getFixedRowsHeight();gc.beginPath();this.paintTopLeft(gc,offsetX,offsetY);this.paintHeaders(gc,0,0);this.paintCells(gc,offsetX,offsetY);this.paintGridlines(gc,offsetX,offsetY);this.blankOutOverflow(gc);this.renderOverrides(gc);gc.closePath()},blankOutOverflow:function(gc){var isMaxX=this.isLastColumnVisible();var chop=isMaxX?2:1;var x=this.renderedColumnWidths[this.renderedColumnWidths.length-chop];var bounds=this.getGrid().getBoundingClientRect();var width=bounds.width-x;var height=bounds.height;gc.fillStyle=this.resolveProperty("backgroundColor2");gc.fillRect(x,0,width,height)},renderOverrides:function(gc){var grid=this.getGrid();var cache=grid.renderOverridesCache;for(var key in cache){if(cache.hasOwnProperty(key)){var override=cache[key];if(override){this.renderOverride(gc,override)}}}},renderOverride:function(gc,override){var behavior=this.getBehavior();var columnStarts=this.renderedColumnWidths;var fixedColCount=behavior.getFixedColumnCount();var hdpiRatio=override.hdpiratio;var startX=hdpiRatio*columnStarts[override.columnIndex+fixedColCount];var width=override.width;var height=override.height;var targetCTX=override.ctx;var imgData=gc.getImageData(startX,0,width*hdpiRatio,height*hdpiRatio);targetCTX.putImageData(imgData,0,0);gc.fillStyle=this.resolveProperty("backgroundColor2");gc.fillRect(Math.round(startX/hdpiRatio),0,width,height)},paintGridlines:function(gc,offsetX,offsetY){var drawThemH=this.resolveProperty("gridLinesH");var drawThemV=this.resolveProperty("gridLinesV");var behavior=this.getBehavior();var lineColor=this.resolveProperty("lineColor");var numColumns=this.getColumnCount();var numRows=behavior.getRowCount();var numFixedColumns=behavior.getFixedColumnCount();var numFixedRows=behavior.getFixedRowCount();var fixedColumnsWidth=behavior.getFixedColumnsWidth();var fixedRowsHeight=behavior.getFixedRowsHeight();this.renderedColumnWidths=[0];this.renderedHeight=0;this.renderedRowHeights=[0];this.renderedColumns=[];this.renderedRows=[];this.insertionBounds=[];var insertionBoundsCursor=0;var scrollTop=this.getScrollTop();var scrollLeft=this.getScrollLeft();var viewWidth=this.getBounds().width()-200;var viewHeight=this.getBounds().height();gc.beginPath();gc.strokeStyle=lineColor;gc.lineWidth=1;var c,r,x,y,width,height;gc.moveTo(0,0);y=0;for(r=0;r<numFixedRows;r++){height=this.getFixedRowHeight(r);y=y+height;this.renderedRowHeights.push(Math.round(y));if(drawThemH){gc.moveTo(fixedColumnsWidth,y+.5);gc.lineTo(viewWidth,y+.5)}}gc.moveTo(0,0);x=0;for(c=0;c<numFixedColumns;c++){width=this.getFixedColumnWidth(c);x=x+width;this.renderedColumnWidths.push(Math.round(x));if(drawThemV){gc.moveTo(x+.5,fixedRowsHeight);gc.lineTo(x+.5,viewHeight)}}gc.moveTo(0,0);x=offsetX;var previousInsertionBoundsCursorValue=0;for(c=0;c<numColumns+1;c++){width=this.getColumnWidth(c+scrollLeft);this.renderedColumns.push(c+scrollLeft);if(x>viewWidth||numColumns<scrollLeft+c){this.renderedColumns.length=Math.max(0,this.renderedColumns.length-2);break}if(drawThemV){gc.moveTo(x+.5,0);gc.lineTo(x+.5,viewHeight)}x=x+width;this.renderedColumnWidths.push(Math.round(x));insertionBoundsCursor=insertionBoundsCursor+Math.round(width/2)+previousInsertionBoundsCursorValue;this.insertionBounds.push(insertionBoundsCursor);previousInsertionBoundsCursorValue=Math.round(width/2)}gc.moveTo(0,0);y=offsetY;for(r=0;r<numRows;r++){height=this.getRowHeight(r+scrollTop);this.renderedRows.push(r+scrollTop);if(y>viewHeight||numRows<scrollTop+r){this.renderedRows.length=Math.max(0,this.renderedRows.length-2);break}if(drawThemH){gc.moveTo(0,y+.5);gc.lineTo(viewWidth,y+.5)}y=y+height;this.renderedHeight=this.renderedHeight+height;this.renderedRowHeights.push(Math.round(y))}gc.stroke();gc.closePath()},paintHeaders:function(ctx,offsetX,offsetY){this.paintFixedRows(ctx,offsetX+this.getBehavior().getFixedColumnsWidth(),offsetY,this.getColumnCount(),this.getBehavior().getFixedRowCount());this.paintFixedColumns(ctx,offsetX,offsetY+this.getBehavior().getFixedRowsHeight(),this.getBehavior().getFixedColumnCount(),this.getBehavior().getRowCount())},isHovered:function(x,y){return this.grid.isHovered(x,y)},isRowHovered:function(y){return this.grid.isRowHovered(y)},isColumnHovered:function(x){return this.grid.isColumnHovered(x)},paintFixedRows:function(ctx,offsetX,offsetY,numColumns,numRows){var behavior=this.getBehavior();var x=offsetX;var scrollLeft=this.getScrollLeft();var font=this.resolveProperty("fixedRowFont");var voffset=this.resolveProperty("voffset");var hoffset=this.resolveProperty("hoffset");var fgColor=this.resolveProperty("fixedRowColor");var bgColor=this.resolveProperty("fixedRowBackgroundColor");var fgSelColor=this.resolveProperty("fixedRowFGSelColor");var bgSelColor=this.resolveProperty("fixedRowBGSelColor");var cellProvider=this.getGrid().getCellProvider();var viewWidth=this.getBounds().width()-200;var viewHeight=this.getBehavior().getFixedRowsHeight();for(var c=0;c<numColumns;c++){var width=this.getColumnWidth(c+scrollLeft);if(x>viewWidth||numColumns<=scrollLeft+c){return}var isSelected=this.isFixedRowCellSelected(c+scrollLeft);var y=offsetY;ctx.fillStyle=bgColor;ctx.fillRect(x,y,x+width,viewHeight-y);for(var r=0;r<numRows;r++){var height=this.getFixedRowHeight(r);var align=behavior._getFixedRowAlignment(c+scrollLeft,r);var value=behavior._getFixedRowValue(c+scrollLeft,r);var isColumnHovered=this.isColumnHovered(c);var isRowHovered=false;var translatedX=behavior.translateColumnIndex(c+scrollLeft);var cell=cellProvider.getFixedRowCell(this.cellConfig(translatedX,r,value,fgColor,bgColor,fgSelColor,bgSelColor,font,isSelected,isColumnHovered,isRowHovered,align,hoffset,voffset));cell.paint(ctx,x,y,width,height);if(behavior.highlightCellOnHover(isColumnHovered,isRowHovered)){ctx.beginPath();var pre=ctx.globalAlpha;ctx.globalAlpha=.2;ctx.fillRect(x+2,y+2,width-3,height-3);ctx.globalAlpha=pre;ctx.stroke();ctx.closePath()}y=y+height}x=x+width}},paintFixedColumns:function(ctx,offsetX,offsetY,numColumns,numRows){var behavior=this.getBehavior();var x=offsetX;var font=this.resolveProperty("fixedColumnFont");var voffset=this.resolveProperty("voffset");var hoffset=this.resolveProperty("hoffset");var fgColor=this.resolveProperty("fixedColumnColor");var bgColor=this.resolveProperty("fixedColumnBackgroundColor");var fgSelColor=this.resolveProperty("fixedColumnFGSelColor");var bgSelColor=this.resolveProperty("fixedColumnBGSelColor");var scrollTop=this.getScrollTop();var cellProvider=this.getGrid().getCellProvider();var viewHeight=this.getBounds().height();for(var c=0;c<numColumns;c++){var width=this.getFixedColumnWidth(c);var align=behavior.getFixedColumnAlignment(c);var y=offsetY;ctx.fillStyle=bgColor;ctx.fillRect(x,y,width,viewHeight-y);for(var r=0;r<numRows;r++){var height=this.getRowHeight(r+scrollTop);var isSelected=this.isFixedColumnCellSelected(r+scrollTop);if(y>viewHeight||numRows<=scrollTop+r){break}var value=behavior.getFixedColumnValue(c,r+scrollTop);var isColumnHovered=false;var isRowHovered=this.isRowHovered(r);var cell=cellProvider.getFixedColumnCell(this.cellConfig(c,r+scrollTop,value,fgColor,bgColor,fgSelColor,bgSelColor,font,isSelected,isColumnHovered,isRowHovered,align,hoffset,voffset));cell.paint(ctx,x,y,width,height);if(behavior.highlightCellOnHover(isColumnHovered,isRowHovered)){ctx.beginPath();var pre=ctx.globalAlpha;ctx.globalAlpha=.2;ctx.fillRect(x+2,y+2,width-3,height-3);ctx.globalAlpha=pre;ctx.stroke();ctx.closePath()}y=y+height}x=x+width}},paintCells:function(ctx,offsetX,offsetY){try{ctx.save();this._paintCells(ctx,offsetX,offsetY)}catch(e){console.error(e)}finally{ctx.restore()}},_paintCells:function(ctx,offsetX,offsetY){var behavior=this.getBehavior();var numColumns=this.getColumnCount();var numRows=behavior.getRowCount();var x=offsetX;var startY=offsetY;var scrollTop=this.getScrollTop();var scrollLeft=this.getScrollLeft();var cellProvider=this.getGrid().getCellProvider();var font=this.resolveProperty("font");var voffset=this.resolveProperty("voffset");var hoffset=this.resolveProperty("hoffset");var fgColor=this.resolveProperty("color");var bgColor=this.resolveProperty("backgroundColor");var fgSelColor=this.resolveProperty("foregroundSelColor");var bgSelColor=this.resolveProperty("backgroundSelColor");var viewWidth=this.getBounds().width()-200;var viewHeight=this.getBounds().height();for(var c=0;c<numColumns;c++){var width=this.getColumnWidth(c+scrollLeft);if(x>viewWidth||numColumns<=scrollLeft+c){return}var y=startY;var translatedX=behavior.translateColumnIndex(c+scrollLeft);var columnAlign=behavior._getColumnAlignment(c+scrollLeft);var columnProperties=behavior.getColumnProperties(c+scrollLeft);var overrideFGColor=columnProperties.fgColor||fgColor;var overrideFont=columnProperties.font||font;ctx.fillStyle=columnProperties.bgColor||bgColor;ctx.fillRect(x,y,x+width,viewHeight-y);for(var r=0;r<numRows;r++){var isSelected=this.isSelected(c+scrollLeft,r+scrollTop);var height=this.getRowHeight(r+scrollTop);if(y>viewHeight||numRows<=scrollTop+r){break}var value=behavior._getValue(c+scrollLeft,r+scrollTop);var isColumnHovered=this.isColumnHovered(c);var isRowHovered=this.isRowHovered(r);var cell=cellProvider.getCell(this.cellConfig(translatedX,r+scrollTop,value,overrideFGColor,bgColor,fgSelColor,bgSelColor,overrideFont,isSelected,isColumnHovered,isRowHovered,columnAlign,hoffset,voffset));cell.paint(ctx,x,y,width,height);if(behavior.highlightCellOnHover(isColumnHovered,isRowHovered)){ctx.beginPath();var pre=ctx.globalAlpha;ctx.globalAlpha=.2;ctx.fillRect(x+2,y+2,width-3,height-3);ctx.globalAlpha=pre;ctx.stroke();ctx.closePath()}y=y+height}x=x+width}},paintTopLeft:function(ctx,offsetX,offsetY){noop(offsetX,offsetY);try{ctx.save();this._paintTopLeft(ctx)}finally{ctx.restore()}},_paintTopLeft:function(ctx){var behavior=this.getBehavior();var numColumns=behavior.getFixedColumnCount();var numRows=behavior.getFixedRowCount();var x=0;var startY=0;var cellProvider=this.getGrid().getCellProvider();var font=this.resolveProperty("topLeftFont");var voffset=this.resolveProperty("voffset");var hoffset=this.resolveProperty("hoffset");var fgColor=this.resolveProperty("topLeftColor");var bgColor=this.resolveProperty("topLeftBackgroundColor");var fgSelColor=this.resolveProperty("topLeftFGSelColor");var bgSelColor=this.resolveProperty("topLeftBGSelColor");var viewWidth=behavior.getFixedColumnsWidth();var viewHeight=behavior.getFixedRowsHeight();for(var c=0;c<numColumns;c++){var width=this.getFixedColumnWidth(c);if(x>viewWidth||numColumns<=c){return}var y=startY;var r=0;var columnAlign=behavior.getTopLeftAlignment(c,r);ctx.fillStyle=bgColor;ctx.fillRect(x,y,x+width,viewHeight-y);for(;r<numRows;r++){var height=this.getFixedRowHeight(r);if(y>viewHeight||numRows<=r){break}var value=behavior.getTopLeftValue(c,r);var isColumnHovered=this.isHovered(c);var isRowHovered=this.isHovered(r);var cell=cellProvider.getTopLeftCell(this.cellConfig(x,r,value,fgColor,bgColor,fgSelColor,bgSelColor,font,false,isColumnHovered,isRowHovered,columnAlign,hoffset,voffset));cell.paint(ctx,x,y,width,height);y=y+height}x=x+width}},isFixedRowCellSelected:function(col){return this.getGrid().isFixedRowCellSelected(col)},isFixedColumnCellSelected:function(row){return this.getGrid().isFixedColumnCellSelected(row)},getScrollTop:function(){var st=this.getGrid().getVScrollValue();return st},getScrollLeft:function(){var st=this.getGrid().getHScrollValue();return st},getBehavior:function(){return this.getGrid().getBehavior()},getFixedRowHeight:function(rowIndex){var height=this.getBehavior().getFixedRowHeight(rowIndex);return height},getRowHeight:function(rowIndex){var height=this.getBehavior().getRowHeight(rowIndex);return height},getColumnWidth:function(columnIndex){var width=this.getBehavior()._getColumnWidth(columnIndex);return width},getFixedColumnWidth:function(rowIndex){var height=this.getBehavior().getFixedColumnWidth(rowIndex);return height},isLastColumnVisible:function(){var lastColumnIndex=this.getColumnCount()-1;var isMax=this.renderedColumns.indexOf(lastColumnIndex)!==-1;return isMax},getColumnCount:function(){var count=this.getGrid().getColumnCount();return count},getLeftSideSize:function(index){return this.renderedColumnWidths[index]},getTopSideSize:function(index){return this.renderedRowHeights[index]},getCanvas:function(){return this.getGrid().getCanvas()},repaintCell:function(x,y){if(this.isDraggingColumn()){return}var self=this;var behavior=this.getBehavior();var numFixedCols=behavior.getFixedColumnCount();var numFixedRows=behavior.getFixedRowCount();var scrollLeft=this.getScrollLeft();var unTranslatedX=behavior.unTranslateColumnIndex(x+scrollLeft);if(!this.isRowVisible(y)||!this.isColVisible(unTranslatedX)){return}var ox=this.renderedColumnWidths[numFixedCols+unTranslatedX],oy=this.renderedRowHeights[numFixedRows+y],cx=this.renderedColumnWidths[numFixedCols+unTranslatedX+1],cy=this.renderedRowHeights[numFixedRows+y+1],ex=cx-ox,ey=cy-oy;var func=function(gc){self._repaintCell(gc,x,unTranslatedX,y,ox,oy,ex,ey)};this.getCanvas().safePaintImmediately(func)},_repaintCell:function(ctx,translatedX,x,y,startX,startY,width,height){ctx.rect(startX+1,startY+1,width,height);ctx.clip();var behavior=this.getBehavior();var scrollTop=this.getScrollTop();var scrollLeft=this.getScrollLeft();var cellProvider=this.getGrid().getCellProvider();var font=this.resolveProperty("font");var voffset=this.resolveProperty("voffset");var hoffset=this.resolveProperty("hoffset");var fgColor=this.resolveProperty("color");var bgColor=this.resolveProperty("backgroundColor");var fgSelColor=this.resolveProperty("foregroundSelColor");var bgSelColor=this.resolveProperty("backgroundSelColor");var columnAlign=behavior._getColumnAlignment(translatedX);var columnProperties=behavior.getColumnProperties(translatedX);var overrideFGColor=columnProperties.fgColor||fgColor;var overrideFont=columnProperties.font||font;ctx.fillStyle=columnProperties.bgColor||bgColor;ctx.fillRect(startX,startY,width,height);var isSelected=this.isSelected(x+scrollLeft,y+scrollTop);var value=behavior._getValue(x+scrollLeft,y+scrollTop);var isColumnHovered=this.isHovered(x,y);var isRowHovered=this.isHovered(x,y);var cell=cellProvider.getCell(this.cellConfig(translatedX,y+scrollTop,value,overrideFGColor,bgColor,fgSelColor,bgSelColor,overrideFont,isSelected,isColumnHovered,isRowHovered,columnAlign,hoffset,voffset));cell.paint(ctx,startX,startY,width,height)},isDraggingColumn:function(){return this.getGrid().isDraggingColumn()},getPageUpRow:function(){if(this.renderedRowHeights.length===0){return}var behavior=this.getBehavior();var h=this.renderedHeight;var topRow=this.renderedRows[0];while(h>0&&topRow>=1){topRow--;var eachHeight=behavior.getRowHeight(topRow);h=h-eachHeight}if(topRow===0){return 0}return topRow+1},getPageDownRow:function(){if(this.renderedRowHeights.length===0){return}var row=this.renderedRows[this.renderedRows.length-1]+1;return row}})})();</script></polymer-element><polymer-element name="fin-hypergrid-selection-model" assetpath="/dev/fin-hypergrid/polymer/html/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>"use strict";(function(){Polymer("fin-hypergrid-selection-model",{ready:function(){this.rectangles=document.createElement("fin-rectangle");this.selections=[];this.flattenedX=[];this.flattenedY=[]},getGrid:function(){return null},select:function(ox,oy,ex,ey){var newSelection=this.rectangles.rectangle.create(ox,oy,ex,ey);this.selections.push(newSelection);this.flattenedX.push(newSelection.flattenXAt(0));this.flattenedY.push(newSelection.flattenYAt(0))},clearMostRecentSelection:function(){this.selections.length=Math.max(0,this.selections.length-1);this.flattenedX.length=Math.max(0,this.flattenedX.length-1);this.flattenedY.length=Math.max(0,this.flattenedY.length-1)},getSelections:function(){return this.selections},hasSelections:function(){return this.selections.length!==0},isSelected:function(x,y){return this._isSelected(this.selections,x,y)},isFixedRowCellSelected:function(col){return this._isSelected(this.flattenedY,col,0)},isFixedColumnCellSelected:function(row){return this._isSelected(this.flattenedX,0,row)},_isSelected:function(selections,x,y){for(var i=0;i<selections.length;i++){var each=selections[i];if(this.rectangles.rectangle.contains(each,x,y)){return true}}return false},clear:function(){this.selections.length=0;this.flattenedX.length=0;this.flattenedY.length=0}})})();</script></polymer-element><polymer-element name="fin-hypergrid-excel" assetpath="/dev/fin-hypergrid/polymer/html/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>(function(){"use strict";var excelOriginOffset=1;Polymer("fin-hypergrid-excel",{grid:{},running:false,publish:{publish:"onSelect",subscribe:"onExcelChange",interval:500,logging:false},installOn:function(grid){var self=this;this.grid=grid;if(!window.fin){if(this.logging){console.log("Excel integration only works within the OpenFin Runtime")}return}fin.desktop.main(function(){fin.desktop.Application.getCurrent();self.start()})},start:function(){var self=this;if(this.running){return}this.running=true;setInterval(function(){if(!self.running){return}self.publishToBus()},self.interval);self.subscribeToBus()},stop:function(){this.running=false;this.unSubscribeToBus()},createExcelDataFromSelections:function(){var selectionModel=this.grid.getSelectionModel();var selections=selectionModel.getSelections();if(selections.length===0){return}var collector=[];var obj;for(var i=0;i<selections.length;i++){var each=selections[i];var eachData=[];var xstart=each.origin.x;var xstop=each.origin.x+each.extent.x+1;var ystart=each.origin.y;var ystop=each.origin.y+each.extent.y+1;for(var y=ystart;y<ystop;y++){for(var x=xstart;x<xstop;x++){var data=this.grid.getValue(x,y);eachData.push(data+"")}}obj={region:[excelOriginOffset+ystart,excelOriginOffset+xstart,ystop,xstop],values:eachData};collector.push(obj)}obj={now:(new Date).getTime(),selection:collector};return obj},publishToBus:function(){if(!this.grid.hasSelections()){return}var excelMessage=this.createExcelDataFromSelections(this.grid);fin.desktop.InterApplicationBus.publish(this.publish,excelMessage);if(this.logging){console.log("push to excel",excelMessage)}},subscribeToBus:function(){fin.desktop.InterApplicationBus.subscribe("*",this.subscribe,this.subscriptionCallback.bind(this));fin.desktop.InterApplicationBus.subscribe("*","ExcelError",this.errorCallback.bind(this))},unSubscribeToBus:function(){fin.desktop.InterApplicationBus.unsubscribe("*",this.subscribe,this.subscriptionCallback.bind(this));fin.desktop.InterApplicationBus.unsubscribe("*","ExcelError",this.errorCallback.bind(this))},subscriptionCallback:function(data){var self=this;var sm=this.grid.getSelectionModel();if(this.logging){console.log(JSON.stringify(data))}if(data.cells&&data.cells.length>0){data.cells.forEach(function(cell){if(cell.value&&!sm.isSelected(cell.row,cell.column)){self.grid.setValue(cell.column-excelOriginOffset,cell.row-excelOriginOffset,cell.value)}})}},errorCallback:function(data){if(this.logging){console.error(JSON.stringify(data))}}})})();</script></polymer-element><polymer-element name="fin-hypergrid-feature-base" assetpath="/dev/fin-hypergrid/polymer/html/features/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>(function(){"use strict";Polymer("fin-hypergrid-feature-base",{next:null,detached:null,cursor:null,currentHoverCell:null,created:function(){this.createdInit()},createdInit:function(){},setNext:function(nextFeature){if(this.next){this.next.setNext(nextFeature)}else{this.next=nextFeature;this.detached=nextFeature}},detachChain:function(){this.next=null},attachChain:function(){this.next=this.detached},handleMouseMove:function(grid,event){if(this.next){this.next.handleMouseMove(grid,event)}},handleMouseExit:function(grid,event){if(this.next){this.next.handleMouseExit(grid,event)}},handleMouseEnter:function(grid,event){if(this.next){this.next.handleMouseEnter(grid,event)}},handleMouseDown:function(grid,event){if(this.next){this.next.handleMouseDown(grid,event)}},handleMouseUp:function(grid,event){if(this.next){this.next.handleMouseUp(grid,event)}},handleKeyDown:function(grid,event){if(this.next){this.next.handleKeyDown(grid,event)}},handleKeyUp:function(grid,event){if(this.next){this.next.handleKeyUp(grid,event)}},handleWheelMoved:function(grid,event){if(this.next){this.next.handleWheelMoved(grid,event)}},handleDoubleClick:function(grid,event){if(this.next){this.next.handleDoubleClick(grid,event)}},handleHoldPulse:function(grid,event){if(this.next){this.next.handleHoldPulse(grid,event)}},handleTap:function(grid,event){if(this.next){this.next.handleTap(grid,event)}},handleMouseDrag:function(grid,event){if(this.next){this.next.handleMouseDrag(grid,event)}},isFixedRow:function(grid,event){var gridCell=event.gridCell;var isFixed=gridCell.y<grid.getFixedRowCount();return isFixed},isFixedColumn:function(grid,event){var gridCell=event.gridCell;var isFixed=gridCell.x<grid.getFixedColumnCount();return isFixed},setCursor:function(grid){if(this.next){this.next.setCursor(grid)}if(this.cursor){grid.beCursor(this.cursor)}},initializeOn:function(grid){if(this.next){this.next.initializeOn(grid)}}})})();</script></polymer-element><polymer-element name="fin-hypergrid-cell-provider" assetpath="/dev/fin-hypergrid/polymer/html/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>"use strict";var noop=function(){};(function(){var underline=function(ctx,text,x,y,thickness){var width=ctx.measureText(text).width;switch(ctx.textAlign){case"center":x-=width/2;break;case"right":x-=width;break}ctx.lineWidth=thickness;ctx.moveTo(x+.5,y+.5);ctx.lineTo(x+width+.5,y+.5)};var roundRect=function(ctx,x,y,width,height,radius,fill,stroke){if(!stroke){stroke=true}if(!radius){radius=5}ctx.beginPath();ctx.moveTo(x+radius,y);ctx.lineTo(x+width-radius,y);ctx.quadraticCurveTo(x+width,y,x+width,y+radius);ctx.lineTo(x+width,y+height-radius);ctx.quadraticCurveTo(x+width,y+height,x+width-radius,y+height);ctx.lineTo(x+radius,y+height);ctx.quadraticCurveTo(x,y+height,x,y+height-radius);ctx.lineTo(x,y+radius);ctx.quadraticCurveTo(x,y,x+radius,y);ctx.closePath();if(stroke){ctx.stroke()}if(fill){ctx.fill()}ctx.closePath()};Polymer("fin-hypergrid-cell-provider",{created:function(){this.cellCache={};this.initializeCells()},getCell:function(config){var cell=this.cellCache.simpleCellRenderer;cell.config=config;return cell},getTopLeftCell:function(config){var cell=this.cellCache.emptyCellRenderer;cell.config=config;return cell},getFixedColumnCell:function(config){var cell=this.cellCache.simpleCellRenderer;cell.config=config;return cell},getFixedRowCell:function(config){var cell=this.cellCache.simpleCellRenderer;cell.config=config;return cell},defaultCellPaint:function(gc,x,y,width,height,isLink){isLink=isLink||false;var colHEdgeOffset=this.config.properties.cellPadding,halignOffset=0,valignOffset=this.config.voffset,halign=this.config.halign,isColumnHovered=this.config.isColumnHovered,isRowHovered=this.config.isRowHovered,size,textWidth;var fontMetrics=this.config.getTextHeight(this.config.font);if(gc.font!==this.config.font){gc.font=this.config.font}if(gc.textAlign!=="left"){gc.textAlign="left"}if(gc.textBaseline!=="middle"){gc.textBaseline="middle"}if(halign==="right"){size=gc.measureText(this.config.value);textWidth=size.width;halignOffset=width-colHEdgeOffset-textWidth}else if(halign==="center"){size=gc.measureText(this.config.value);textWidth=size.width;halignOffset=(width-textWidth)/2}else if(halign==="left"){halignOffset=colHEdgeOffset}halignOffset=Math.max(0,halignOffset);valignOffset=valignOffset+Math.ceil(height/2);if(this.config.bgColor||this.config.isSelected){gc.fillStyle=this.config.isSelected?this.config.bgSelColor:this.config.bgColor;gc.fillRect(x,y,width,height)}var theColor=this.config.isSelected?this.config.fgSelColor:this.config.fgColor;if(gc.fillStyle!==theColor){gc.fillStyle=theColor}gc.fillText(this.config.value,x+halignOffset,y+valignOffset);if(isColumnHovered&&isRowHovered){gc.beginPath();if(isLink){gc.beginPath();underline(gc,this.config.value,x+halignOffset,y+valignOffset+Math.floor(fontMetrics.height/2),1);gc.stroke();gc.closePath()}}},paintSlider:function(ctx,x,y,width,height){ctx.strokeStyle="white";var val=this.config.value;var radius=height/2;var offset=width*val;var bgColor=this.config.isSelected?this.config.bgSelColor:"#333333";var btnGradient=ctx.createLinearGradient(x,y,x,y+height);btnGradient.addColorStop(0,bgColor);btnGradient.addColorStop(1,"#666666");var arcGradient=ctx.createLinearGradient(x,y,x,y+height);arcGradient.addColorStop(0,"#aaaaaa");arcGradient.addColorStop(1,"#777777");ctx.fillStyle=btnGradient;roundRect(ctx,x,y,width,height,radius,btnGradient);if(val<1){ctx.fillStyle=arcGradient}else{ctx.fillStyle="#eeeeee"}ctx.beginPath();ctx.arc(x+Math.max(offset-radius,radius),y+radius,radius,0,2*Math.PI);ctx.fill();ctx.closePath()},paintSparkbar:function(ctx,x,y,width,height){ctx.beginPath();var val=this.config.value;if(!val||!val.length){return}var count=val.length;var eWidth=width/count;var fgColor=this.config.isSelected?this.config.fgSelColor:this.config.fgColor;if(this.config.bgColor||this.config.isSelected){ctx.fillStyle=this.config.isSelected?this.config.bgSelColor:this.config.bgColor;ctx.fillRect(x,y,width,height)}ctx.fillStyle=fgColor;for(var i=0;i<val.length;i++){var barheight=val[i]/110*height;ctx.fillRect(x+5,y+height-barheight,eWidth*.6666,barheight);x=x+eWidth}ctx.closePath()},paintSparkline:function(ctx,x,y,width,height){ctx.beginPath();var val=this.config.value;if(!val||!val.length){return}var count=val.length;var eWidth=width/count;var fgColor=this.config.isSelected?this.config.fgSelColor:this.config.fgColor;if(this.config.bgColor||this.config.isSelected){ctx.fillStyle=this.config.isSelected?this.config.bgSelColor:this.config.bgColor;ctx.fillRect(x,y,width,height)}ctx.strokeStyle=fgColor;ctx.fillStyle=fgColor;ctx.beginPath();var prev;for(var i=0;i<val.length;i++){var barheight=val[i]/110*height;if(!prev){prev=barheight}ctx.lineTo(x+5,y+height-barheight);ctx.arc(x+5,y+height-barheight,1,0,2*Math.PI,false);x=x+eWidth}ctx.stroke();ctx.closePath()},treeCellRenderer:function(gc,x,y,width,height){var val=this.config.value.data;var indent=this.config.value.indent;var icon=this.config.value.icon;if(this.config.bgColor||this.config.isSelected){gc.fillStyle=this.config.isSelected?this.config.bgSelColor:this.config.bgColor;gc.fillRect(x,y,width,height)}if(!val||!val.length){return}var valignOffset=Math.ceil(height/2);gc.fillStyle=this.config.isSelected?this.config.fgSelColor:this.config.fgColor;gc.fillText(icon+val,x+indent,y+valignOffset)},emptyCellRenderer:function(gc,x,y,width,height){noop(gc,x,y,width,height)},initializeCells:function(){var self=this;this.cellCache.simpleCellRenderer={paint:this.defaultCellPaint};this.cellCache.sliderCellRenderer={paint:this.paintSlider};this.cellCache.sparkbarCellRenderer={paint:this.paintSparkbar};this.cellCache.sparklineCellRenderer={paint:this.paintSparkline};this.cellCache.treeCellRenderer={paint:this.treeCellRenderer};this.cellCache.emptyCellRenderer={paint:this.emptyCellRenderer};this.cellCache.linkCellRenderer={paint:function(gc,x,y,width,height){self.config=this.config;self.defaultCellPaint(gc,x,y,width,height,true)}}}})})();</script></polymer-element><polymer-element name="fin-hypergrid-feature-key-paging" extends="fin-hypergrid-feature-base" assetpath="/dev/fin-hypergrid/polymer/html/features/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>"use strict";var commands={PAGEDOWN:function(grid){grid.pageDown()},PAGEUP:function(grid){grid.pageUp()},PAGELEFT:function(grid){grid.pageLeft()},PAGERIGHT:function(grid){grid.pageRight()}};(function(){Polymer("fin-hypergrid-feature-key-paging",{handleKeyDown:function(grid,event){var detail=event.detail.char;var func=commands[detail];if(func){func(grid)}else if(this.next){this.next.handleKeyDown(grid,event)}}})})();</script></polymer-element><polymer-element name="fin-hypergrid-feature-cell-click" extends="fin-hypergrid-feature-base" assetpath="/dev/fin-hypergrid/polymer/html/features/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>"use strict";(function(){Polymer("fin-hypergrid-feature-cell-click",{handleTap:function(grid,event){grid.fireCellClickEvent(event);if(this.next){this.next.handleTap(grid,event)}}})})();</script></polymer-element><polymer-element name="fin-hypergrid-feature-cell-selection" extends="fin-hypergrid-feature-base" assetpath="/dev/fin-hypergrid/polymer/html/features/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>(function(){"use strict";Polymer("fin-hypergrid-feature-cell-selection",{currentDrag:null,lastDragCell:null,sbLastAuto:0,sbAutoStart:0,rectangles:{},createdInit:function(){this.rectangles=document.createElement("fin-rectangle")},handleMouseUp:function(grid,event){this.dragging=false;if(this.next){this.next.handleMouseUp(grid,event)}},handleMouseDown:function(grid,event){var gridCell=event.gridCell;if(gridCell.y<grid.getFixedRowCount()){grid.clearSelections();this.dragging=false;if(this.next){this.next.handleMouseDown(grid,event)}return}else if(gridCell.x<grid.getFixedColumnCount()){grid.clearSelections();this.dragging=false;return}else{var primEvent=event.primitiveEvent;var keys=primEvent.detail.keys;this.dragging=true;this.extendSelection(grid,gridCell,keys)}},handleMouseDrag:function(grid,event){var mouseDown=grid.getMouseDown();if(!this.dragging){if(this.next){this.next.handleMouseDrag(grid,event)}}if(mouseDown.x<0||mouseDown.y<0){return}var gridCell=event.gridCell;var primEvent=event.primitiveEvent;this.currentDrag=primEvent.detail.mouse;this.lastDragCell=gridCell;this.checkDragScroll(grid,this.currentDrag);this.handleMouseDragCellSelection(grid,gridCell,primEvent.detail.keys)},handleKeyDown:function(grid,event){var command="handle"+event.detail.char;if(this[command]){this[command].call(this,grid,event.detail)}},handleMouseDragCellSelection:function(grid,mouse){var scrollTop=grid.getVScrollValue();var scrollLeft=grid.getHScrollValue();var numFixedColumns=grid.getFixedColumnCount();var numFixedRows=grid.getFixedRowCount();var x=mouse.x-numFixedColumns;var y=mouse.y-numFixedRows;x=Math.max(0,x);y=Math.max(0,y);var previousDragExtent=grid.getDragExtent();var mouseDown=grid.getMouseDown();var newX=x+scrollLeft-mouseDown.x;var newY=y+scrollTop-mouseDown.y;if(previousDragExtent.x===newX&&previousDragExtent.y===newY){return}grid.clearMostRecentSelection();grid.select(mouseDown.x,mouseDown.y,newX,newY);var newDragExtent=this.rectangles.point.create(newX,newY);grid.setDragExtent(newDragExtent);grid.repaint()},checkDragScroll:function(grid,mouse){if(!grid.resolveProperty("scrollingEnabled")){return}var b=grid.getDataBounds();var inside=b.contains(mouse);if(inside){if(grid.isScrollingNow()){grid.setScrollingNow(false)}}else if(!grid.isScrollingNow()){grid.setScrollingNow(true);this.scrollDrag(grid)}},scrollDrag:function(grid){if(!grid.isScrollingNow()){return}var b=grid.getDataBounds();var xOffset=0;var yOffset=0;if(this.currentDrag.x<b.origin.x){xOffset=-1}if(this.currentDrag.x>b.origin.x+b.extent.x){xOffset=1}if(this.currentDrag.y<b.origin.y){yOffset=-1}if(this.currentDrag.y>b.origin.y+b.extent.y){yOffset=1}grid.scrollBy(xOffset,yOffset);this.handleMouseDragCellSelection(grid,this.lastDragCell,[]);grid.repaint();setTimeout(this.scrollDrag.bind(this,grid),25)},extendSelection:function(grid,gridCell,keys){var hasCTRL=keys.indexOf("CTRL")!==-1;var hasSHIFT=keys.indexOf("SHIFT")!==-1;var scrollTop=grid.getVScrollValue();var scrollLeft=grid.getHScrollValue();var numFixedColumns=grid.getFixedColumnCount();var numFixedRows=grid.getFixedRowCount();var mousePoint=grid.getMouseDown();var x=gridCell.x-numFixedColumns+scrollLeft;var y=gridCell.y-numFixedRows+scrollTop;if(x<0||y<0){return}if(x===mousePoint.x&&y===mousePoint.y){grid.clearMostRecentSelection();grid.popMouseDown();grid.repaint();return}if(!hasCTRL&&!hasSHIFT){grid.clearSelections()}if(hasSHIFT){grid.clearMostRecentSelection();grid.select(mousePoint.x,mousePoint.y,x-mousePoint.x,y-mousePoint.y);grid.setDragExtent(this.rectangles.point.create(x-mousePoint.x,y-mousePoint.y))}else{grid.select(x,y,0,0);grid.setMouseDown(this.rectangles.point.create(x,y));grid.setDragExtent(this.rectangles.point.create(0,0))}grid.repaint()},handleDOWNSHIFT:function(grid){var count=this.getAutoScrollAcceleration();this.moveShiftSelect(grid,0,count)},handleUPSHIFT:function(grid){var count=this.getAutoScrollAcceleration();this.moveShiftSelect(grid,0,-count)},handleLEFTSHIFT:function(grid){this.moveShiftSelect(grid,-1,0)},handleRIGHTSHIFT:function(grid){this.moveShiftSelect(grid,1,0)},handleDOWN:function(grid){var count=this.getAutoScrollAcceleration();this.moveSingleSelect(grid,0,count)},handleUP:function(grid){var count=this.getAutoScrollAcceleration();this.moveSingleSelect(grid,0,-count)},handleLEFT:function(grid){this.moveSingleSelect(grid,-1,0)},handleRIGHT:function(grid){this.moveSingleSelect(grid,1,0)},getAutoScrollAcceleration:function(){var count=1;var elapsed=this.getAutoScrollDuration()/2e3;count=Math.max(1,Math.floor(elapsed*elapsed*elapsed*elapsed));return count},setAutoScrollStartTime:function(){this.sbAutoStart=Date.now()},pingAutoScroll:function(){var now=Date.now();if(now-this.sbLastAuto>500){this.setAutoScrollStartTime()}this.sbLastAuto=Date.now()},getAutoScrollDuration:function(){if(Date.now()-this.sbLastAuto>500){return 0}return Date.now()-this.sbAutoStart},moveShiftSelect:function(grid,offsetX,offsetY){var maxColumns=grid.getColumnCount()-1;var maxRows=grid.getRowCount()-1;var maxViewableColumns=grid.getViewableColumns()-1;var maxViewableRows=grid.getViewableRows()-1;if(!grid.resolveProperty("scrollingEnabled")){maxColumns=Math.min(maxColumns,maxViewableColumns);maxRows=Math.min(maxRows,maxViewableRows)}var origin=grid.getMouseDown();var extent=grid.getDragExtent();var newX=extent.x+offsetX;var newY=extent.y+offsetY;newX=Math.min(maxColumns-origin.x,Math.max(-origin.x,newX));newY=Math.min(maxRows-origin.y,Math.max(-origin.y,newY));grid.clearMostRecentSelection();grid.select(origin.x,origin.y,newX,newY);grid.setDragExtent(this.rectangles.point.create(newX,newY));if(grid.insureModelColIsViewable(newX+origin.x,offsetX)){this.pingAutoScroll()}if(grid.insureModelRowIsViewable(newY+origin.y,offsetY)){this.pingAutoScroll()}grid.repaint()},moveSingleSelect:function(grid,offsetX,offsetY){var maxColumns=grid.getColumnCount()-1;var maxRows=grid.getRowCount()-1;var maxViewableColumns=grid.getViewableColumns()-1;var maxViewableRows=grid.getViewableRows()-1;if(!grid.resolveProperty("scrollingEnabled")){maxColumns=Math.min(maxColumns,maxViewableColumns);maxRows=Math.min(maxRows,maxViewableRows)}var mouseCorner=grid.getMouseDown().plus(grid.getDragExtent());var newX=mouseCorner.x+offsetX;var newY=mouseCorner.y+offsetY;newX=Math.min(maxColumns,Math.max(0,newX));newY=Math.min(maxRows,Math.max(0,newY));grid.clearSelections();grid.select(newX,newY,0,0);grid.setMouseDown(this.rectangles.point.create(newX,newY));grid.setDragExtent(this.rectangles.point.create(0,0));if(grid.insureModelColIsViewable(newX,offsetX)){this.pingAutoScroll()}if(grid.insureModelRowIsViewable(newY,offsetY)){this.pingAutoScroll()}grid.repaint()}})})();</script></polymer-element><polymer-element name="fin-hypergrid-feature-overlay" extends="fin-hypergrid-feature-base" assetpath="/dev/fin-hypergrid/polymer/html/features/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>(function(){"use strict";var noop=function(){};var ANIMATION_TIME=200;var ACTIVATION={ALT:"blah",ESC:"blah"};Polymer("fin-hypergrid-feature-overlay",{openEditor:false,handleKeyUp:function(grid,event){var key=event.detail.char;if(ACTIVATION[key]){this.toggleColumnPicker(grid)}},toggleColumnPicker:function(grid){if(this.isColumnPickerOpen(grid)){this.closeColumnPicker(grid)}else{this.openColumnPicker(grid)}},isColumnPickerOpen:function(grid){noop(grid);return this.overlay.style.display!=="none"},openColumnPicker:function(grid){if(this.isColumnPickerOpen()){return}this.openEditor=true;if(grid.getBehavior().openEditor(this.overlay)===false){return}var self=this;this.overlay.style.backgroundColor=grid.resolveProperty("backgroundColor");this.overlay.style.top="0%";this.overlay.style.right="0%";this.overlay.style.bottom="0%";this.overlay.style.left="0%";this.overlay.style.marginTop="15px";this.overlay.style.marginRight="35px";this.overlay.style.marginBottom="35px";this.overlay.style.marginLeft="15px";self.overlay.style.display="";if(!this._closer){this._closer=function(e){if(e.altKey||e.keyCode===27){e.preventDefault();self.closeColumnPicker(grid)}}}requestAnimationFrame(function(){self.overlay.style.opacity=.95;document.addEventListener("keydown",self._closer,false);self.overlay.focus()})},closeColumnPicker:function(grid){if(!this.isColumnPickerOpen()){return}if(this.openEditor){this.openEditor=false}else{return}if(grid.getBehavior().closeEditor(this.overlay)===false){return}document.removeEventListener("keydown",this._closer,false);var self=this;requestAnimationFrame(function(){self.overlay.style.opacity=0});setTimeout(function(){self.overlay.innerHTML="";self.overlay.style.display="none";grid.takeFocus()},ANIMATION_TIME)},initializeOn:function(grid){this.initializeOverlaySurface(grid);if(this.next){this.next.initializeOn(grid)}},initializeOverlaySurface:function(grid){this.overlay=document.createElement("div");this.overlay.setAttribute("tabindex",0);this.overlay.style.outline="none";this.overlay.style.boxShadow="0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22)";this.overlay.style.position="absolute";this.overlay.style.display="none";this.overlay.style.transition="opacity "+ANIMATION_TIME+"ms ease-in";this.overlay.stylACTIVATION=0;grid.appendChild(this.overlay)}})})();</script></polymer-element><polymer-element name="fin-hypergrid-feature-thumbwheel-scrolling" extends="fin-hypergrid-feature-base" assetpath="/dev/fin-hypergrid/polymer/html/features/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>(function(){"use strict";Polymer("fin-hypergrid-feature-thumbwheel-scrolling",{handleWheelMoved:function(grid,e){if(!grid.resolveProperty("scrollingEnabled")){return}var primEvent=e.primitiveEvent;var deltaY=primEvent.wheelDeltaY||-primEvent.deltaY;var deltaX=primEvent.wheelDeltaX||-primEvent.deltaX;if(deltaY>0){grid.scrollBy(0,-1)}else if(deltaY<-0){grid.scrollBy(0,1)}else if(deltaX>0){grid.scrollBy(-1,0)}else if(deltaX<-0){grid.scrollBy(1,0)}}})})();</script></polymer-element><polymer-element name="fin-hypergrid-feature-cell-editing" extends="fin-hypergrid-feature-base" assetpath="/dev/fin-hypergrid/polymer/html/features/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>(function(){"use strict";Polymer("fin-hypergrid-feature-cell-editing",{handleDoubleClick:function(grid,mouseEvent){grid.activateEditor(mouseEvent)},handleHoldPulse:function(grid,mouseEvent){var primEvent=mouseEvent.primitiveEvent;if(primEvent.detail.count<2){return}grid.activateEditor(mouseEvent)}})})();</script></polymer-element><polymer-element name="fin-hypergrid-feature-column-sorting" extends="fin-hypergrid-feature-base" assetpath="/dev/fin-hypergrid/polymer/html/features/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>(function(){"use strict";Polymer("fin-hypergrid-feature-column-sorting",{handleTap:function(grid,event){var gridCell=event.gridCell;var inFixedRowArea=gridCell.y<grid.getFixedRowCount();var inFixedColumnArea=gridCell.x<grid.getFixedColumnCount();if(inFixedRowArea&&inFixedColumnArea){grid.topLeftClicked(event)}else if(inFixedRowArea){grid.fixedRowClicked(event)}else if(inFixedColumnArea){grid.fixedColumnClicked(event)}},handleMouseMove:function(grid,event){if(this.isFixedRow(grid,event)&&!this.isFixedColumn(grid,event)){this.cursor="pointer"}else{this.cursor=null}if(this.next){this.next.handleMouseMove(grid,event)}}})})();</script></polymer-element><polymer-element name="fin-hypergrid-feature-column-resizing" extends="fin-hypergrid-feature-base" assetpath="/dev/fin-hypergrid/polymer/html/features/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>(function(){"use strict";Polymer("fin-hypergrid-feature-column-resizing",{dragIndex:-1,dragStart:-1,dragIndexStartingSize:-1,getFixedAreaCount:function(grid){return grid.getFixedColumnCount()},getMouseValue:function(event){return event.primitiveEvent.detail.mouse.x},getGridCellValue:function(gridCell){return gridCell.y},getScrollValue:function(grid){return grid.getHScrollValue()},getAreaSize:function(grid,index){return grid.getColumnWidth(index)},setAreaSize:function(grid,index,value){grid.setColumnWidth(index,value)},getOtherFixedAreaCount:function(grid){return grid.getFixedRowCount()},getFixedAreaSize:function(grid,index){return grid.getFixedColumnWidth(index)},getPreviousAbsoluteSize:function(grid,index){return grid.getLeftSideSize(index)},setFixedAreaSize:function(grid,index,value){grid.setFixedColumnWidth(index,value)},overAreaDivider:function(grid,event){return grid.overColumnDivider(event)},isFixedOtherArea:function(grid,event){return this.isFixedRow(grid,event)},getCursorName:function(){return"col-resize"},handleMouseDrag:function(grid,event){if(this.dragIndex>-1){var distance=this.getMouseValue(event)-this.getPreviousAbsoluteSize(grid,this.dragIndex);this.setSize(grid,this.dragIndex,distance)}else if(this.next){this.next.handleMouseDrag(grid,event)}},setSize:function(grid,areaIndex,size){var fixedAreaCount=this.getFixedAreaCount(grid);var scrollValue=this.getScrollValue(grid);if(areaIndex<fixedAreaCount){this.setFixedAreaSize(grid,areaIndex,size)}else{this.setAreaSize(grid,areaIndex-fixedAreaCount+scrollValue,size)}},getSize:function(grid,areaIndex){var fixedAreaCount=this.getFixedAreaCount(grid);if(areaIndex<0){return this.getFixedAreaSize(grid,fixedAreaCount+areaIndex)}else{return this.getAreaSize(grid,areaIndex)}},handleMouseDown:function(grid,event){var gridCell=event.gridCell;var overArea=this.overAreaDivider(grid,event);if(overArea>-1&&this.getGridCellValue(gridCell)<this.getOtherFixedAreaCount(grid)){var scrollValue=this.getScrollValue(grid);var fixedAreaCount=this.getFixedAreaCount(grid);this.dragIndex=overArea-1;this.dragStart=this.getMouseValue(event);if(overArea<fixedAreaCount){scrollValue=0}this.dragIndexStartingSize=this.getAreaSize(grid,overArea-fixedAreaCount+scrollValue);this.detachChain()}else if(this.next){this.next.handleMouseDown(grid,event)}},handleMouseUp:function(grid,event){if(this.dragIndex>-1){this.cursor=null;this.dragIndex=-1;var self=this;setTimeout(function(){self.attachChain()},200)}else if(this.next){this.next.handleMouseUp(grid,event)}},handleMouseMove:function(grid,event){if(this.dragIndex>-1){return}this.cursor=null;if(this.next){this.next.handleMouseMove(grid,event)}this.checkForAreaResizeCursorChange(grid,event)},checkForAreaResizeCursorChange:function(grid,event){if(this.isFixedOtherArea(grid,event)&&this.overAreaDivider(grid,event)>-1){this.cursor=this.getCursorName()}else{this.cursor=null}}})})();</script></polymer-element><polymer-element name="fin-hypergrid-feature-column-moving" extends="fin-hypergrid-feature-base" assetpath="/dev/fin-hypergrid/polymer/html/features/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>(function(){"use strict";var noop=function(){};var columnAnimationTime=150;var dragger;var draggerCTX;var floatColumn;var floatColumnCTX;Polymer("fin-hypergrid-feature-column-moving",{floaterAnimationQueue:[],columnDragAutoScrollingRight:false,columnDragAutoScrollingLeft:false,dragArmed:false,dragging:false,dragCol:-1,dragOffset:0,initializeOn:function(grid){this.isFloatingNow=false;this.initializeAnimationSupport(grid);if(this.next){this.next.initializeOn(grid)}},initializeAnimationSupport:function(grid){noop(grid);if(!dragger){dragger=document.createElement("canvas");dragger.setAttribute("width","0px");dragger.setAttribute("height","0px");document.body.appendChild(dragger);draggerCTX=dragger.getContext("2d")}if(!floatColumn){floatColumn=document.createElement("canvas");floatColumn.setAttribute("width","0px");floatColumn.setAttribute("height","0px");document.body.appendChild(floatColumn);floatColumnCTX=floatColumn.getContext("2d")}},handleMouseDrag:function(grid,event){var gridCell=event.gridCell;var x,y;if(this.isFixedColumn(grid,event)){return}if(this.isFixedRow(grid,event)&&this.dragArmed&&!this.dragging){this.dragging=true;this.dragCol=gridCell.x-grid.getFixedColumnCount();this.dragOffset=event.mousePoint.x;this.detachChain();x=event.primitiveEvent.detail.mouse.x-this.dragOffset;y=event.primitiveEvent.detail.mouse.y;this.createDragColumn(grid,x,this.dragCol)}else if(this.next){this.next.handleMouseDrag(grid,event)}if(this.dragging){x=event.primitiveEvent.detail.mouse.x-this.dragOffset;y=event.primitiveEvent.detail.mouse.y;this.dragColumn(grid,x)}},handleMouseDown:function(grid,event){if(grid.getBehavior().isColumnReorderable()){if(this.isFixedRow(grid,event)){this.dragArmed=true}}if(this.next){this.next.handleMouseDown(grid,event)}},handleMouseUp:function(grid,event){if(this.dragging){this.cursor=null;var self=this;this.endDragColumn(grid);setTimeout(function(){self.attachChain()},200)}this.dragCol=-1;this.dragging=false;this.dragArmed=false;grid.repaint();if(this.next){this.next.handleMouseUp(grid,event)}},handleMouseMove:function(grid,event){this.cursor=null;if(this.next){this.next.handleMouseMove(grid,event)}if(this.isFixedRow(grid,event)&&this.dragging){this.cursor="none"}},floatColumnTo:function(grid,draggedToTheRight){this.floatingNow=true;var scrollLeft=grid.getHScrollValue();var floaterIndex=grid.renderOverridesCache.floater.columnIndex;var draggerIndex=grid.renderOverridesCache.dragger.columnIndex;var hdpiratio=grid.renderOverridesCache.dragger.hdpiratio;var numFixedColumns=grid.getFixedColumnCount();var draggerStartX;var floaterStartX;var draggerWidth=grid.getColumnWidth(draggerIndex+scrollLeft);var floaterWidth=grid.getColumnWidth(floaterIndex+scrollLeft);var max=grid.renderer.renderedColumnWidths.length-1;if(draggedToTheRight){draggerStartX=grid.renderer.renderedColumnWidths[Math.min(max,draggerIndex+numFixedColumns)];floaterStartX=draggerStartX+floaterWidth;grid.renderOverridesCache.dragger.startX=floaterStartX*hdpiratio;grid.renderOverridesCache.floater.startX=draggerStartX*hdpiratio;floaterStartX=draggerStartX+draggerWidth}else{floaterStartX=grid.renderer.renderedColumnWidths[Math.min(max,floaterIndex+numFixedColumns)];draggerStartX=floaterStartX+draggerWidth;grid.renderOverridesCache.dragger.startX=floaterStartX*hdpiratio;grid.renderOverridesCache.floater.startX=draggerStartX*hdpiratio}grid.getBehavior().swapColumns(draggerIndex+scrollLeft,floaterIndex+scrollLeft);grid.renderOverridesCache.dragger.columnIndex=floaterIndex;grid.renderOverridesCache.floater.columnIndex=draggerIndex;this.floaterAnimationQueue.unshift(this.doColumnMoveAnimation(grid,floaterStartX,draggerStartX));this.doFloaterAnimation(grid)},doColumnMoveAnimation:function(grid,floaterStartX,draggerStartX){var self=this;return function(){var d=floatColumn;d.style.display="inline";self.setCrossBrowserProperty(d,"transform","translate("+floaterStartX+"px, "+0+"px)");window.requestAnimationFrame(function(){self.setCrossBrowserProperty(d,"transition",(self.isWebkit?"-webkit-":"")+"transform "+columnAnimationTime+"ms ease");self.setCrossBrowserProperty(d,"transform","translate("+draggerStartX+"px, "+-2+"px)")});grid.repaint();setTimeout(function(){self.setCrossBrowserProperty(d,"transition","");grid.renderOverridesCache.floater=null;grid.repaint();self.doFloaterAnimation(grid);requestAnimationFrame(function(){d.style.display="none";self.isFloatingNow=false})},columnAnimationTime+50)}},doFloaterAnimation:function(grid){if(this.floaterAnimationQueue.length===0){this.floatingNow=false;grid.repaint();return}var animation=this.floaterAnimationQueue.pop();animation()},createFloatColumn:function(grid,columnIndex){var scrollLeft=grid.getHScrollValue();var numFixedColumns=grid.getFixedColumnCount();var columnWidth=columnIndex<0?grid.getFixedColumnWidth(numFixedColumns+columnIndex+scrollLeft):grid.getColumnWidth(columnIndex+scrollLeft);var colHeight=grid.clientHeight;var d=floatColumn;var style=d.style;var location=grid.getBoundingClientRect();style.top=location.top-2+"px";style.left=location.left+"px";style.position="fixed";var hdpiRatio=grid.getHiDPI(floatColumnCTX);d.setAttribute("width",Math.round(columnWidth*hdpiRatio)+"px");d.setAttribute("height",Math.round(colHeight*hdpiRatio)+"px");style.boxShadow="0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)";style.width=columnWidth+"px";style.height=colHeight+"px";style.borderTop="1px solid "+grid.renderer.resolveProperty("lineColor");style.backgroundColor=grid.renderer.resolveProperty("backgroundColor");var startX=grid.renderer.renderedColumnWidths[columnIndex+numFixedColumns];startX=startX*hdpiRatio;floatColumnCTX.scale(hdpiRatio,hdpiRatio);grid.renderOverridesCache.floater={columnIndex:columnIndex,ctx:floatColumnCTX,startX:startX,width:columnWidth,height:colHeight,hdpiratio:hdpiRatio};style.zIndex="4";this.setCrossBrowserProperty(d,"transform","translate("+startX+"px, "+-2+"px)");style.cursor="none";grid.repaint()},setCrossBrowserProperty:function(element,property,value){var uProperty=property[0].toUpperCase()+property.substr(1);this.setProp(element,"webkit"+uProperty,value);this.setProp(element,"Moz"+uProperty,value);this.setProp(element,"ms"+uProperty,value);this.setProp(element,"O"+uProperty,value);this.setProp(element,property,value)},setProp:function(element,property,value){if(property in element.style){element.style[property]=value}},createDragColumn:function(grid,x,columnIndex){var scrollLeft=grid.getHScrollValue();var numFixedColumns=grid.getFixedColumnCount();var hdpiRatio=grid.getHiDPI(draggerCTX);var columnWidth=columnIndex<0?grid.getFixedColumnWidth(numFixedColumns+columnIndex+scrollLeft):grid.getColumnWidth(columnIndex+scrollLeft);var colHeight=grid.clientHeight;var d=dragger;var location=grid.getBoundingClientRect();var style=d.style;style.top=location.top+"px";style.left=location.left+"px";style.position="fixed";style.opacity=.85;style.boxShadow="0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22)";style.borderTop="1px solid "+grid.renderer.resolveProperty("lineColor");style.backgroundColor=grid.renderer.resolveProperty("backgroundColor");d.setAttribute("width",Math.round(columnWidth*hdpiRatio)+"px");d.setAttribute("height",Math.round(colHeight*hdpiRatio)+"px");style.width=columnWidth+"px";style.height=colHeight+"px";var startX=grid.renderer.renderedColumnWidths[columnIndex+numFixedColumns];startX=startX*hdpiRatio;draggerCTX.scale(hdpiRatio,hdpiRatio);grid.renderOverridesCache.dragger={columnIndex:columnIndex,ctx:draggerCTX,startX:startX,width:columnWidth,height:colHeight,hdpiratio:hdpiRatio};this.setCrossBrowserProperty(d,"transform","translate("+x+"px, -5px)");style.zIndex="5";style.cursor="none";grid.repaint()},dragColumn:function(grid,x){var self=this;var autoScrollingNow=this.columnDragAutoScrollingRight||this.columnDragAutoScrollingLeft;var hdpiRatio=grid.getHiDPI(draggerCTX);var dragColumnIndex=grid.renderOverridesCache.dragger.columnIndex;var columnWidth=grid.renderOverridesCache.dragger.width;var minX=grid.getFixedColumnsWidth();var maxX=grid.renderer.getFinalVisableColumnBoundry()-columnWidth;x=Math.min(x,maxX+15);x=Math.max(minX-15,x);var atMin=x<minX&&dragColumnIndex!==0;var atMax=x>maxX;var d=dragger;this.setCrossBrowserProperty(d,"transition",(self.isWebkit?"-webkit-":"")+"transform "+0+"ms ease, box-shadow "+columnAnimationTime+"ms ease");this.setCrossBrowserProperty(d,"transform","translate("+x+"px, "+-10+"px)");requestAnimationFrame(function(){d.style.display="inline"});var overCol=grid.renderer.getColumnFromPixelX(x+d.width/2/hdpiRatio);if(atMin){overCol=0}if(atMax){overCol=grid.renderer.renderedColumns[grid.renderer.renderedColumns.length-1]}var doAFloat=dragColumnIndex>overCol;doAFloat=doAFloat||overCol-dragColumnIndex>1;if(doAFloat&&!atMax&&!autoScrollingNow){var draggedToTheRight=dragColumnIndex<overCol;if(draggedToTheRight){overCol=overCol-1}if(this.isFloatingNow){return}this.isFloatingNow=true;this.createFloatColumn(grid,overCol);this.floatColumnTo(grid,draggedToTheRight)}else{if(x<minX-10){this.checkAutoScrollToLeft(grid,x)}if(x>minX-10){this.columnDragAutoScrollingLeft=false}if(atMax||x>maxX+10){this.checkAutoScrollToRight(grid,x);return}if(x<maxX+10){this.columnDragAutoScrollingRight=false}}},checkAutoScrollToRight:function(grid,x){if(this.columnDragAutoScrollingRight){return}this.columnDragAutoScrollingRight=true;this._checkAutoScrollToRight(grid,x)},_checkAutoScrollToRight:function(grid,x){if(!this.columnDragAutoScrollingRight){return}var behavior=grid.getBehavior();var scrollLeft=grid.getHScrollValue();if(!grid.dragging||scrollLeft>grid.sbHScrlCfg.rangeStop-2){return}var draggedIndex=grid.renderOverridesCache.dragger.columnIndex;grid.scrollBy(1,0);var newIndex=draggedIndex+scrollLeft+1;behavior.swapColumns(newIndex,draggedIndex+scrollLeft);setTimeout(this._checkAutoScrollToRight.bind(this,grid,x),250)},findNewPositionOnScrollRight:function(dragIndex){noop(dragIndex);var scrollLeft=this.getHScrollValue();var behavior=this.getBehavior();var bounds=this.canvas.getBounds();var viewWidth=bounds.width()-behavior.getFixedColumnsWidth();var max=behavior.getColumnCount();for(var c=0;c<max;c++){var eachColumnWidth=behavior.getColumnWidth(scrollLeft+c);viewWidth=viewWidth-eachColumnWidth;if(viewWidth<0){return c-2}}return max-1},checkAutoScrollToLeft:function(grid,x){if(this.columnDragAutoScrollingLeft){return}this.columnDragAutoScrollingLeft=true;this._checkAutoScrollToLeft(grid,x)},_checkAutoScrollToLeft:function(grid,x){if(!this.columnDragAutoScrollingLeft){return}var behavior=grid.getBehavior();var scrollLeft=grid.getHScrollValue();if(!grid.dragging||scrollLeft<1){return}var draggedIndex=grid.renderOverridesCache.dragger.columnIndex;behavior.swapColumns(draggedIndex+scrollLeft,draggedIndex+scrollLeft-1);grid.scrollBy(-1,0);setTimeout(this._checkAutoScrollToLeft.bind(this,grid,x),250)},endDragColumn:function(grid){var self=this;var numFixedColumns=grid.getFixedColumnCount();var columnIndex=grid.renderOverridesCache.dragger.columnIndex;var startX=grid.renderer.renderedColumnWidths[columnIndex+numFixedColumns];var d=dragger;self.setCrossBrowserProperty(d,"transition",(self.isWebkit?"-webkit-":"")+"transform "+columnAnimationTime+"ms ease, box-shadow "+columnAnimationTime+"ms ease");self.setCrossBrowserProperty(d,"transform","translate("+startX+"px, "+-1+"px)");d.style.boxShadow="0px 0px 0px #888888";setTimeout(function(){grid.renderOverridesCache.dragger=null;grid.repaint();requestAnimationFrame(function(){d.style.display="none";grid.getBehavior().endDragColumnNotification()})},columnAnimationTime+50)}})})();</script></polymer-element><polymer-element name="fin-hypergrid-feature-row-resizing" extends="fin-hypergrid-feature-column-resizing" assetpath="/dev/fin-hypergrid/polymer/html/features/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>(function(){"use strict";Polymer("fin-hypergrid-feature-row-resizing",{dragArea:-1,dragStart:-1,dragAreaStartingSize:-1,getFixedAreaCount:function(grid){return grid.getFixedRowCount()},getMouseValue:function(event){return event.primitiveEvent.detail.mouse.y},getGridCellValue:function(gridCell){return gridCell.x},getScrollValue:function(grid){return grid.getVScrollValue()},getAreaSize:function(grid,index){return grid.getRowHeight(index)},setAreaSize:function(grid,index,value){grid.setRowHeight(index,value)},getOtherFixedAreaCount:function(grid){return grid.getFixedColumnCount()},getFixedAreaSize:function(grid,index){return grid.getFixedRowHeight(index)},setFixedAreaSize:function(grid,index,value){grid.setFixedRowHeight(index,value)},overAreaDivider:function(grid,event){return grid.overRowDivider(event)},isFixedOtherArea:function(grid,event){return this.isFixedColumn(grid,event)},getCursorName:function(){return"row-resize"},getPreviousAbsoluteSize:function(grid,index){return grid.getTopSideSize(index)}})})();</script></polymer-element><polymer-element name="fin-hypergrid-feature-on-hover" extends="fin-hypergrid-feature-base" assetpath="/dev/fin-hypergrid/polymer/html/features/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>(function(){"use strict";Polymer("fin-hypergrid-feature-on-hover",{handleMouseMove:function(grid,event){var currentHoverCell=grid.getHoverCell();if(!event.gridCell.equals(currentHoverCell)){if(currentHoverCell){this.handleMouseExit(grid,currentHoverCell)}this.handleMouseEnter(grid,event);grid.setHoverCell(event.gridCell)}else{if(this.next){this.next.handleMouseMove(grid,event)}}}})})();</script></polymer-element><polymer-element name="fin-hypergrid-behavior-base" attributes="" assetpath="/dev/fin-hypergrid/polymer/html/behaviors/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>"use strict";(function(){var noop=function(){};Polymer("fin-hypergrid-behavior-base",{tableState:{},columnProperties:{},grid:null,editorTypes:["choice","textfield","color","slider","spinner","date"],featureChain:null,clearObjectProperties:function(obj){for(var prop in obj){if(obj.hasOwnProperty(prop)){delete obj[prop]}}},ready:function(){this.readyInit()},readyInit:function(){this.cellProvider=this.createCellProvider();this.scrollPositionX=0;this.scrollPositionY=0;this.renderedWidth=30;this.renderedHeight=60;this.tableState={columnIndexes:[],fixedColumnIndexes:[],hiddenColumns:[],columnWidths:[],fixedColumnWidths:[],rowHeights:{},fixedRowHeights:{}};this.dataUpdates={}},resolveProperty:function(key){return this.grid.resolveProperty(key)},getState:function(){return this.tableState},setState:function(state){for(var key in state){if(state.hasOwnProperty(key)){this.tableState[key]=state[key]}}},initColumnIndexes:function(){var columnCount=this._getColumnCount();var fixedColumnCount=this.getFixedColumnCount();var i;for(i=0;i<columnCount;i++){this.tableState.columnIndexes[i]=i}for(i=0;i<fixedColumnCount;i++){this.tableState.fixedColumnIndexes[i]=i}},insureColumnIndexesAreInitialized:function(){this.swapColumns(0,0)},swapColumns:function(src,tar){var indexes=this.tableState.columnIndexes;if(indexes.length===0){this.initColumnIndexes();indexes=this.tableState.columnIndexes}var tmp=indexes[src];indexes[src]=indexes[tar];indexes[tar]=tmp},translateColumnIndex:function(x){var indexes=this.tableState.columnIndexes;if(indexes.length===0){return x}return indexes[x]},unTranslateColumnIndex:function(x){return this.tableState.columnIndexes.indexOf(x)},setNextFeature:function(nextFeature){if(this.featureChain){this.featureChain.setNext(nextFeature)}else{this.featureChain=nextFeature}},installOn:function(grid){grid.setBehavior(this);this.initializeFeatureChain(grid)},initializeFeatureChain:function(grid){this.setNextFeature(document.createElement("fin-hypergrid-feature-key-paging"));this.setNextFeature(document.createElement("fin-hypergrid-feature-cell-click"));this.setNextFeature(document.createElement("fin-hypergrid-feature-overlay"));this.setNextFeature(document.createElement("fin-hypergrid-feature-column-resizing"));this.setNextFeature(document.createElement("fin-hypergrid-feature-row-resizing"));this.setNextFeature(document.createElement("fin-hypergrid-feature-cell-selection"));this.setNextFeature(document.createElement("fin-hypergrid-feature-column-moving"));this.setNextFeature(document.createElement("fin-hypergrid-feature-thumbwheel-scrolling"));this.setNextFeature(document.createElement("fin-hypergrid-feature-cell-editing"));this.setNextFeature(document.createElement("fin-hypergrid-feature-column-sorting"));this.setNextFeature(document.createElement("fin-hypergrid-feature-on-hover"));this.featureChain.initializeOn(grid)},getCellProvider:function(){return this.cellProvider},setGrid:function(finGrid){this.grid=finGrid},getGrid:function(){return this.grid},createCellProvider:function(){var provider=document.createElement("fin-hypergrid-cell-provider");return provider},getTopLeftValue:function(){return""},_getValue:function(x,y){x=this.translateColumnIndex(x);var override=this.dataUpdates["p_"+x+"_"+y];if(override){return override}return this.getValue(x,y)},_setValue:function(x,y,value){x=this.translateColumnIndex(x);this.setValue(x,y,value)},_getFixedRowValue:function(x,y){x=this.translateColumnIndex(x);return this.getFixedRowValue(x,y)},getFixedColumnValue:function(x,y){return y+1},getRowCount:function(){return 1e15},_getColumnCount:function(){return this.getColumnCount()-this.tableState.hiddenColumns.length},getFixedRowCount:function(){return 1},getFixedColumnCount:function(){return 1},getFixedRowsHeight:function(){var count=this.getFixedRowCount();var total=0;for(var i=0;i<count;i++){total=total+this.getFixedRowHeight(i)}return total},getFixedRowHeight:function(rowNum){if(this.tableState.fixedRowHeights){var override=this.tableState.fixedRowHeights[rowNum];if(override){return override}}return this.resolveProperty("defaultFixedRowHeight")},setFixedRowHeight:function(rowNum,height){this.tableState.fixedRowHeights[rowNum]=Math.max(5,height);this.changed()},getRowHeight:function(rowNum){if(this.tableState.rowHeights){var override=this.tableState.rowHeights[rowNum];if(override){return override}}return this.getDefaultRowHeight()},getDefaultRowHeight:function(){if(!this.defaultRowHeight){this.defaultRowHeight=this.resolveProperty("defaultRowHeight")}return this.defaultRowHeight},setRowHeight:function(rowNum,height){this.tableState.rowHeights[rowNum]=Math.max(5,height);this.changed()},getFixedRowsMaxHeight:function(){var height=this.getFixedRowsHeight();return height},getFixedColumnsWidth:function(){var count=this.getFixedColumnCount();var total=0;for(var i=0;i<count;i++){total=total+this.getFixedColumnWidth(i)}return total},setFixedColumnWidth:function(colNumber,width){this.tableState.fixedColumnWidths[colNumber]=Math.max(5,width);this.changed()},getFixedColumnsMaxWidth:function(){var width=this.getFixedColumnsWidth();return width},getFixedColumnWidth:function(colNumber){var override=this.tableState.fixedColumnWidths[colNumber];if(override){return override}return this.resolveProperty("defaultFixedColumnWidth")},_getColumnWidth:function(x){x=this.translateColumnIndex(x);return this.getColumnWidth(x)},_setColumnWidth:function(x,width){x=this.translateColumnIndex(x);this.setColumnWidth(x,width);this.changed()},_setScrollPositionY:function(y){this.setScrollPositionY(y);this.changed()},_setScrollPositionX:function(x){this.setScrollPositionX(x);this.changed()},setRenderedWidth:function(width){this.renderedWidth=width},setRenderedHeight:function(height){this.renderedHeight=height},_getColumnAlignment:function(x){x=this.translateColumnIndex(x);return this.getColumnAlignment(x)},getTopLeftAlignment:function(){return"center"},getFixedColumnAlignment:function(){return this.resolveProperty("fixedColumnAlign")},_getFixedRowAlignment:function(x,y){noop(y);x=this.translateColumnIndex(x);return this.getFixedRowAlignment(x)},topLeftClicked:function(grid,mouse){console.log("top Left clicked: "+mouse.gridCell.x,mouse)},_fixedRowClicked:function(grid,mouse){var x=this.translateColumnIndex(mouse.gridCell.x-this.getFixedColumnCount());var translatedPoint=this.grid.rectangles.point.create(this.scrollPositionX+x,mouse.gridCell.y);mouse.gridCell=translatedPoint;this.fixedRowClicked(grid,mouse)},_fixedColumnClicked:function(grid,mouse){var translatedPoint=this.grid.rectangles.point.create(mouse.gridCell.x,this.scrollPositionY+mouse.gridCell.y-this.getFixedRowCount());mouse.gridCell=translatedPoint;this.fixedColumnClicked(grid,mouse)},setCursor:function(grid){grid.setDefaultCursor();this.featureChain.setCursor(grid)},onMouseMove:function(grid,event){if(this.featureChain){this.featureChain.handleMouseMove(grid,event);this.setCursor(grid)}},onTap:function(grid,event){if(this.featureChain){this.featureChain.handleTap(grid,event);this.setCursor(grid)}},onWheelMoved:function(grid,event){if(this.featureChain){this.featureChain.handleWheelMoved(grid,event);this.setCursor(grid)}},onMouseUp:function(grid,event){if(this.featureChain){this.featureChain.handleMouseUp(grid,event);this.setCursor(grid)}},onMouseDrag:function(grid,event){if(this.featureChain){this.featureChain.handleMouseDrag(grid,event);this.setCursor(grid)}},onKeyDown:function(grid,event){if(this.featureChain){this.featureChain.handleKeyDown(grid,event);this.setCursor(grid)}},onKeyUp:function(grid,event){if(this.featureChain){this.featureChain.handleKeyUp(grid,event);this.setCursor(grid)}},onDoubleClick:function(grid,event){if(this.featureChain){this.featureChain.handleDoubleClick(grid,event);this.setCursor(grid)}},onHoldPulse:function(grid,event){if(this.featureChain){this.featureChain.handleHoldPulse(grid,event);this.setCursor(grid)}},handleMouseDown:function(grid,event){if(this.featureChain){this.featureChain.handleMouseDown(grid,event);this.setCursor(grid)}},handleMouseExit:function(grid,event){if(this.featureChain){this.featureChain.handleMouseExit(grid,event);this.setCursor(grid)}},_getCellEditorAt:function(x,y){noop(y);x=this.translateColumnIndex(x);return this.getCellEditorAt(x)},changed:function(){},isColumnReorderable:function(){return true},getColumnProperties:function(columnIndex){noop(columnIndex);return this.columnProperties},getDNDColumnLabels:function(){this.insureColumnIndexesAreInitialized();var columnCount=this._getColumnCount();var labels=new Array(columnCount);for(var i=0;i<columnCount;i++){var id=this.tableState.columnIndexes[i];labels[i]={id:id,label:this.getFixedRowValue(id,0)}}return labels},setDNDColumnLabels:function(list){var columnCount=list.length;var indexes=new Array(columnCount);for(var i=0;i<columnCount;i++){indexes[i]=list[i].id}this.tableState.columnIndexes=indexes;this.changed()},getDNDHiddenColumnLabels:function(){var indexes=this.tableState.hiddenColumns;var labels=new Array(indexes.length);for(var i=0;i<labels.length;i++){var id=indexes[i];labels[i]={id:id,label:this.getFixedRowValue(id,0)}}return labels},setDNDHiddenColumnLabels:function(list){var columnCount=list.length;var indexes=new Array(columnCount);for(var i=0;i<columnCount;i++){indexes[i]=list[i].id}this.tableState.hiddenColumns=indexes;this.changed()},openEditor:function(div){var container=document.createElement("div");var hidden=document.createElement("fin-hypergrid-dnd-list");var visible=document.createElement("fin-hypergrid-dnd-list");container.appendChild(hidden);container.appendChild(visible);this.beColumnStyle(hidden.style);hidden.title="hidden columns";hidden.list=this.getDNDHiddenColumnLabels();this.beColumnStyle(visible.style);visible.style.left="50%";visible.title="visible columns";visible.list=this.getDNDColumnLabels();div.lists={hidden:hidden.list,visible:visible.list};div.appendChild(container);return true},closeEditor:function(div){noop(div);var lists=div.lists;this.setDNDColumnLabels(lists.visible);this.setDNDHiddenColumnLabels(lists.hidden);return true},endDragColumnNotification:function(){return true},beColumnStyle:function(style){style.top="5%";style.position="absolute";style.width="50%";style.height="99%";style.whiteSpace="nowrap"},getCursorAt:function(){return null},getValue:function(x,y){return x+", "+y},setValue:function(x,y,value){this.dataUpdates["p_"+x+"_"+y]=value},getColumnCount:function(){return 300},getColumnWidth:function(x){var override=this.tableState.columnWidths[x];if(override){return override}return this.resolveProperty("defaultColumnWidth")},setColumnWidth:function(x,width){this.tableState.columnWidths[x]=Math.max(5,width)},getColumnAlignment:function(){return"center"},setScrollPositionX:function(x){this.scrollPositionX=x},setScrollPositionY:function(y){this.scrollPositionY=y},getFixedRowAlignment:function(x,y){noop(x,y);return this.resolveProperty("fixedRowAlign")},getFixedRowValue:function(x){return x},getCellEditorAt:function(x,y){noop(x,y);var cellEditor=this.grid.resolveCellEditor("textfield");return cellEditor},fixedRowClicked:function(grid,mouse){this.toggleSort(mouse.gridCell.x)},toggleSort:function(colIndex){console.log("toggleSort("+colIndex+")")},fixedColumnClicked:function(grid,mouse){console.log("fixedColumnClicked("+mouse.gridCell.x+", "+mouse.gridCell.y+")")},highlightCellOnHover:function(isColumnHovered,isRowHovered){return isColumnHovered&&isRowHovered}})})();</script></polymer-element><polymer-element name="fin-hypergrid-behavior-default" extends="fin-hypergrid-behavior-base" assetpath="/dev/fin-hypergrid/polymer/html/behaviors/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>"use strict";(function(){var alphaFor=function(i){var quo=Math.floor(i/26);var rem=i%26;var code="";if(quo>0){code+=String.fromCharCode("A".charCodeAt(0)+quo-1)}code+=String.fromCharCode("A".charCodeAt(0)+rem);return code};var a="ABCDEFGHIJKLMNOPQRSTUVWXYZ";Polymer("fin-hypergrid-behavior-default",{getValue:function(x,y){return x+", "+a[y%26]},getFixedRowValue:function(x){return alphaFor(x)}})})();</script></polymer-element><polymer-element name="fin-hypergrid-behavior-gol" extends="fin-hypergrid-behavior-base" assetpath="/dev/fin-hypergrid/polymer/html/behaviors/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>"use strict";(function(){var noop=function(){};var patterns=[[[false,true,true,true,false],[true,false,true,false,true],[false,false,true,false,false]],[[false,true,false],[true,false,false],[true,true,true]]];var colors=["#ffffff","#ffffff","#efefef","#00e7e7","#00dfdf","#00d7d7","#00cfcf","#00c7c7"];Polymer("fin-hypergrid-behavior-gol",{rows:45,columns:75,data:[],buffer:[],running:false,ready:function(){this.readyInit();this.rows=this.getAttribute("rows")||this.rows;this.columns=this.getAttribute("columns")||this.columns;this.resetPetriDish();this.running=false},createCellProvider:function(){var provider=document.createElement("fin-hypergrid-cell-provider");provider.cellCache.simpleCellRenderer.paint=function(gc,x,y,width,height){var weight=this.config.value[1];if(weight===0){return}var color=colors[weight];if(this.config.value[0]){color=this.config.fgColor}gc.fillStyle=color;gc.fillRect(x,y,width,height)};return provider},resetPetriDish:function(){this.data=[];this.buffer=[];this.initializeData(this.data);this.initializeData(this.buffer);this.populate();this.changed()},populate:function(){var x=0;var y=0;for(var i=0;i<15;i++){y=Math.round(Math.random()*this.rows*.6);x=Math.round(Math.random()*this.columns*.6);this.applyPatternAt(this.data,x,y,patterns[i%2],i%4)}},initializeData:function(array2D){for(var c=0;c<this.columns;c++){var col=[];array2D.push(col);for(var r=0;r<this.rows;r++){col.push([false,0])}}},toggleRunning:function(){this.running=!this.running;if(this.running){this.startLife()}},startLife:function(){if(!this.running){return}for(var c=1;c<this.columns-2;c++){for(var r=1;r<this.rows-2;r++){this.computeLifeAt(c,r)}}var temp=this.buffer;this.buffer=this.data;this.data=temp;this.changed();setTimeout(this.startLife.bind(this),125)},computeLifeAt:function(x,y){var me=this._getValue(x,y);var total=this.getNeighborCount(x,y);me[1]=total;if(me[0]){if(total<2){this.buffer[x][y]=[false,0]}else if(total<4){this.buffer[x][y]=[true,1]}else{this.buffer[x][y]=[false,0]}}else{this.buffer[x][y]=[total===3,total]}},getNeighborCount:function(x,y){var data=this.data;var total=0;if(data[x-1][y-1][0]){total++}if(data[x-1][y][0]){total++}if(data[x-1][y+1][0]){total++}if(data[x][y-1][0]){total++}if(data[x][y+1][0]){total++}if(data[x+1][y-1][0]){total++}if(data[x+1][y][0]){total++}if(data[x+1][y+1][0]){total++}return total},_getNeighborCount:function(x,y){var data=this.data;var sum=this.count3(data[x-1],y)+this.count2(data[x],y)+this.count3(data[x+1],y);return sum},count3:function(row,offset){var sum=0;for(var i=offset-1;i<=offset+1;i++){if(row[i][0]){sum++}}return sum},count2:function(row,offset){var sum=0;for(var i=offset-1;i<=offset+1;i++){if(i!==offset&&row[i][0]){sum++}}return sum},getValue:function(x,y){return this.data[x][y]},setValue:function(x,y,value){this.data[x][y]=value},getFixedColumnValue:function(x,y){return y},getFixedRowValue:function(x,y){noop(x,y);return""},getFixedColumnCount:function(){return 0},getFixedRowCount:function(){return 0},getColumnCount:function(){return this.data.length},getRowCount:function(){return this.data[0].length},getRowHeight:function(y){noop(y);return 10},getColumnWidth:function(x){noop(x);return 10},getNextState:function(){if(this.running){return"pause"}else{return"play"}},onTap:function(grid,mouse){var mX=this.scrollPositionX+mouse.gridCell.x;var mY=this.scrollPositionY+mouse.gridCell.y;var v=this._getValue(mX,mY)[0];this._setValue(mX,mY,[!v,1]);this.changed()},applyPatternAt:function(array,c,r,pattern,dir){var w=pattern.length;var h=pattern[0].length;var x=0;var y=0;if(dir===0){for(x=0;x<w;x++){for(y=0;y<h;y++){array[x+c][y+r]=[pattern[w-x-1][y],1]}}}else if(dir===1){for(x=0;x<w;x++){for(y=0;y<h;y++){array[x+c][y+r]=[pattern[x][y],1]}}}else if(dir===2){for(x=0;x<w;x++){for(y=0;y<h;y++){array[y+c][x+r]=[pattern[x][y],1]}}}else{for(x=0;x<w;x++){for(y=0;y<h;y++){array[y+c][x+r]=[pattern[w-x-1][y],1]}}}}})})();</script></polymer-element><polymer-element name="fin-hypergrid-behavior-in-memory" extends="fin-hypergrid-behavior-base" assetpath="/dev/fin-hypergrid/polymer/html/behaviors/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>"use strict";(function(){var alphaFor=function(i){var quo=Math.floor(i/26);var rem=i%26;var code="";if(quo>0){code+=String.fromCharCode("A".charCodeAt(0)+quo-1)}code+=String.fromCharCode("A".charCodeAt(0)+rem);return code};function rnd(max){return Math.floor(Math.random()*max)}var barRandomOffsets=[];for(var i=0;i<20;i++){barRandomOffsets.push([]);for(var r=0;r<10;r++){barRandomOffsets[i].push(10-rnd(20))}}Polymer("fin-hypergrid-behavior-in-memory",{ready:function(){this.rows=5e3;this.columns=100;this.readyInit();this.tableState.columnWidths=[50,150,80,90,80,150,100,80,80,100];this.tableState.fixedColumnWidths=[120];this.tableState.sorts=[];this.tableState.sortLookup={};this.tableState.sorted={};this.sortStates=[" -"," ↑"," ↓"];this.permuteInterval=250;this.values=new Array(this.rows*this.columns);this.order=[];this.createSort(0,2);this.createSort(0,14);this.createSort(0,22);this.initOrder();this.initialize();this.permute();this.reorder()},createCellProvider:function(){var provider=document.createElement("fin-hypergrid-cell-provider");provider.getCell=function(config){var renderer=provider.cellCache.simpleCellRenderer;config.halign="left";var x=config.x;if(x===41){renderer=provider.cellCache.sliderCellRenderer}else if(x===23){renderer=provider.cellCache.sparkbarCellRenderer}else if(x===3){renderer=provider.cellCache.sparklineCellRenderer}else if(x===2){var hex=Math.floor(Math.max(config.value,30)*255/100).toString(16);if(hex.length<1){hex="0"+hex}var bgColor="#"+"00"+hex+"00";config.bgColor=bgColor}renderer.config=config;return renderer};return provider},setValues:function(c){var self=this;for(var x=c.xstart;x<c.xstop;x=x+c.xinc){for(var y=c.ystart;y<c.ystop;y=y+c.yinc){this.setRandomValue(x,y,c.cutoff)}}self.changed()},initialize:function(){var config={xstart:0,xstop:this._getColumnCount(),xinc:1,ystart:0,ystop:this.getRowCount(),yinc:1,cutoff:2};this.setValues(config)},permute:function(){var self=this;var config={xstart:this.scrollPositionX,xstop:this.scrollPositionX+this.renderedWidth,xinc:1,ystart:this.scrollPositionY,ystop:this.scrollPositionY+this.renderedHeight,yinc:1,cutoff:.05};this.setValues(config);setTimeout(function(){self.permute()},self.permuteInterval)},getCellEditorAt:function(x,y){var type=x!==9?"textfield":this.editorTypes[y%this.editorTypes.length];var cellEditor=this.grid.resolveCellEditor(type);return cellEditor},getColumnCount:function(){return this.columns},setRandomValue:function(col,row,cutoff){var rand=Math.random();var val=this.getValue(col,row);var rndV;if(rand>cutoff){return}if(col===13){val=rand<.1?true:false;this.setValue(col,row,val)}else if(col===23){if(!val){val=[rnd(100),rnd(100),rnd(100),rnd(100),rnd(100),rnd(100),rnd(100),rnd(100),rnd(100),rnd(100)]}else{rndV=Math.floor(60*rand);if(rndV>19){return}var rndOffsets=barRandomOffsets[rndV];for(var i=0;i<rndOffsets.length;i++){val[i]=Math.min(Math.max(0,val[i]+rndOffsets[i]),100)}}this.setValue(col,row,val)}else if(col===3){if(!val){val=[rnd(100),rnd(100),rnd(100),rnd(100),rnd(100),rnd(100),rnd(100),rnd(100),rnd(100),rnd(100)]}else{rndV=Math.floor(8e3*rand);if(rndV>99){return}if(val.shift){val.shift();val.push(rndV)}}this.setValue(col,row,val)}else if(col%10===0){val=[rand<.1?false:true,1];this.setValue(col,row,val)}else if(col===9){if(val){return}var hex=row.toString(16).toUpperCase();while(hex.length<6){hex="0"+hex}val="0x"+hex;this.setValue(col,row,val)}else if(col%6===0){if(val){return}var profound="Quidquid latine dictum sit, altum sonatur.";this.setValue(col,row,profound)}else if(col%4===0){var ipsum="Lorem ipsum dolor sit amet, malis repudiare mei in. Cu munere expetendis mea, affert aliquid definiebas at nam. Te scripta delectus singulis mel, et vidit error legere eum, ea latine feugait ponderum vix. Ius ei electram patrioque, et eum propriae deseruisse necessitatibus. Epicurei adipisci ex duo. Quidam iudicabit ullamcorper ex vel, per quot ipsum ad, libris quaeque iudicabit et usu. Ut postea nominavi cum, id eius porro mundi qui. Nec ex altera dolorum definiebas, consul viderer ex est. ";var index=Math.max(0,rand*ipsum.length-20);val=ipsum.slice(index,index+20).toUpperCase();this.setValue(col,row,val)}else if(col===2||col===14||col===22){var v=Math.min(Math.floor(rand*2e3),100);this.setValue(col,row,Math.max(v))}else if(col===41){this.setValue(col,row,Math.random())}else{this.setValue(col,row,rand)}},indexOf:function(row,col){var index=col*this.rows+row;return index},createSort:function(type,col){var self=this;var that={};that.type=type;that.col=col;that.value=function(array,index){return array[self.indexOf(self.order[index],col)]};that.compare=function(array,first,last){var x=that.value(array,first),y=that.value(array,last);if(typeof x==="number"){if(that.type===1){if(!y){return-1}return x-y}else{if(!y){return 1}return y-x}}else{if(that.type===1){if(!y){return-1}return x<y?-1:1}else{if(!y){return 1}return y<x?-1:1}}return 0};this.tableState.sorts.push(that);this.tableState.sortLookup[col]=that},swap:function(array,x,y){var tmp=this.order[x];this.order[x]=this.order[y];this.order[y]=tmp},compare:function(array,first,last){var comp=0;for(var i=0;i<this.tableState.sorts.length;++i){var sort=this.tableState.sorts[i];if(sort.type!==0){comp=sort.compare(array,first,last);if(comp===0){continue}break}}return comp},initOrder:function(){this.order=[];for(var i=0;i<this.rows;++i){this.order[i]=i}},quicksort:function(array,first,last,depth){if(depth>1e3){console.log("sort aborted!");return}var pivot=0;if(depth===0){if(this.tableState.sorts.length<=0){return}var sort=this.tableState.sorts[0];while(!sort.value(array,last)&&last>first){--last}var sorted=true;for(pivot=first;pivot<last;++pivot){if(this.compare(array,pivot,pivot+1)>0){sorted=false;break}}if(sorted){return}}while(first<last){var right=last;var left=first;pivot=first+last>>1;if(pivot<0||pivot>=last){break}while(right>=left){while(left<=right&&this.compare(array,left,pivot)<=0){++left}while(left<=right&&this.compare(array,right,pivot)>0){--right}if(left>right){break}this.swap(array,left,right);if(pivot===right){pivot=left}left++;right--}this.swap(array,pivot,right);right--;if(Math.abs(right-first)>Math.abs(last-left)){if(left<last){this.quicksort(array,left,last,depth+1)}last=right}else{if(first<right){this.quicksort(array,first,right,depth+1)}first=left}}},reorder:function(){this.initOrder();this.quicksort(this.values,0,this.rows-1,0)},orderOf:function(y){var row=this.order[y];return row},setValue:function(col,y,value){var row=this.orderOf(y);var index=this.indexOf(row,col);this.values[index]=value},getValue:function(col,y){var row=this.orderOf(y);var index=this.indexOf(row,col);return this.values[index]},getRowCount:function(){return this.rows},getFixedRowValue:function(x){var sortIndicator="";if(this.tableState.sortLookup[x]&&!this.tableState.sorted[x]){this.tableState.sorted[x]=0;sortIndicator=this.sortStates[this.tableState.sorted[x]]}if(this.tableState.sorted[x]){sortIndicator=this.sortStates[this.tableState.sorted[x]]}return alphaFor(x)+sortIndicator},fixedRowClicked:function(grid,mouse){if([2,14,22].indexOf(mouse.gridCell.x)===-1){return}this.toggleSort(mouse.gridCell.x)},toggleSort:function(columnIndex){var current=this.tableState.sorted[columnIndex];var stateCount=this.sortStates.length;var sortStateIndex=(current+1)%stateCount;this.tableState.sorted[columnIndex]=sortStateIndex;this.tableState.sortLookup[columnIndex].type=sortStateIndex;this.reorder();this.changed()}})})();</script></polymer-element><polymer-element name="fin-hypergrid-behavior-json" extends="fin-hypergrid-behavior-base" assetpath="/dev/fin-hypergrid/polymer/html/behaviors/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>"use strict";var noop=function(){};var validIdentifierMatch=/^(?!(?:abstract|boolean|break|byte|case|catch|char|class|const|continue|debugger|default|delete|do|double|else|enum|export|extends|final|finally|float|for|function|goto|if|implements|import|in|instanceof|int|interface|let|long|native|new|package|private|protected|public|return|short|static|super|switch|synchronized|this|throw|throws|transient|try|typeof|var|void|volatile|while|with|yield)$)[\x24\x41-\x5A\x5F\x61-\x7A\xAA\xB5\xBA\xC0-\xD6\xD8-\xF6\xF8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0370-\u0374\u0376-\u0377\u037A-\u037D\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u048A-\u0527\u0531-\u0556\u0559\u0561-\u0587\u05D0-\u05EA\u05F0-\u05F2\u0620-\u064A\u066E-\u066F\u0671-\u06D3\u06D5\u06E5-\u06E6\u06EE-\u06EF\u06FA-\u06FC\u06FF\u0710\u0712-\u072F\u074D-\u07A5\u07B1\u07CA-\u07EA\u07F4-\u07F5\u07FA\u0800-\u0815\u081A\u0824\u0828\u0840-\u0858\u08A0\u08A2-\u08AC\u0904-\u0939\u093D\u0950\u0958-\u0961\u0971-\u0977\u0979-\u097F\u0985-\u098C\u098F-\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BD\u09CE\u09DC-\u09DD\u09DF-\u09E1\u09F0-\u09F1\u0A05-\u0A0A\u0A0F-\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32-\u0A33\u0A35-\u0A36\u0A38-\u0A39\u0A59-\u0A5C\u0A5E\u0A72-\u0A74\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2-\u0AB3\u0AB5-\u0AB9\u0ABD\u0AD0\u0AE0-\u0AE1\u0B05-\u0B0C\u0B0F-\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32-\u0B33\u0B35-\u0B39\u0B3D\u0B5C-\u0B5D\u0B5F-\u0B61\u0B71\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99-\u0B9A\u0B9C\u0B9E-\u0B9F\u0BA3-\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BD0\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C33\u0C35-\u0C39\u0C3D\u0C58-\u0C59\u0C60-\u0C61\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBD\u0CDE\u0CE0-\u0CE1\u0CF1-\u0CF2\u0D05-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D\u0D4E\u0D60-\u0D61\u0D7A-\u0D7F\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0E01-\u0E30\u0E32-\u0E33\u0E40-\u0E46\u0E81-\u0E82\u0E84\u0E87-\u0E88\u0E8A\u0E8D\u0E94-\u0E97\u0E99-\u0E9F\u0EA1-\u0EA3\u0EA5\u0EA7\u0EAA-\u0EAB\u0EAD-\u0EB0\u0EB2-\u0EB3\u0EBD\u0EC0-\u0EC4\u0EC6\u0EDC-\u0EDF\u0F00\u0F40-\u0F47\u0F49-\u0F6C\u0F88-\u0F8C\u1000-\u102A\u103F\u1050-\u1055\u105A-\u105D\u1061\u1065-\u1066\u106E-\u1070\u1075-\u1081\u108E\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u1380-\u138F\u13A0-\u13F4\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u16EE-\u16F0\u1700-\u170C\u170E-\u1711\u1720-\u1731\u1740-\u1751\u1760-\u176C\u176E-\u1770\u1780-\u17B3\u17D7\u17DC\u1820-\u1877\u1880-\u18A8\u18AA\u18B0-\u18F5\u1900-\u191C\u1950-\u196D\u1970-\u1974\u1980-\u19AB\u19C1-\u19C7\u1A00-\u1A16\u1A20-\u1A54\u1AA7\u1B05-\u1B33\u1B45-\u1B4B\u1B83-\u1BA0\u1BAE-\u1BAF\u1BBA-\u1BE5\u1C00-\u1C23\u1C4D-\u1C4F\u1C5A-\u1C7D\u1CE9-\u1CEC\u1CEE-\u1CF1\u1CF5-\u1CF6\u1D00-\u1DBF\u1E00-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2071\u207F\u2090-\u209C\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2160-\u2188\u2C00-\u2C2E\u2C30-\u2C5E\u2C60-\u2CE4\u2CEB-\u2CEE\u2CF2-\u2CF3\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D80-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2E2F\u3005-\u3007\u3021-\u3029\u3031-\u3035\u3038-\u303C\u3041-\u3096\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312D\u3131-\u318E\u31A0-\u31BA\u31F0-\u31FF\u3400-\u4DB5\u4E00-\u9FCC\uA000-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA61F\uA62A-\uA62B\uA640-\uA66E\uA67F-\uA697\uA6A0-\uA6EF\uA717-\uA71F\uA722-\uA788\uA78B-\uA78E\uA790-\uA793\uA7A0-\uA7AA\uA7F8-\uA801\uA803-\uA805\uA807-\uA80A\uA80C-\uA822\uA840-\uA873\uA882-\uA8B3\uA8F2-\uA8F7\uA8FB\uA90A-\uA925\uA930-\uA946\uA960-\uA97C\uA984-\uA9B2\uA9CF\uAA00-\uAA28\uAA40-\uAA42\uAA44-\uAA4B\uAA60-\uAA76\uAA7A\uAA80-\uAAAF\uAAB1\uAAB5-\uAAB6\uAAB9-\uAABD\uAAC0\uAAC2\uAADB-\uAADD\uAAE0-\uAAEA\uAAF2-\uAAF4\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uABC0-\uABE2\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D\uFB1F-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40-\uFB41\uFB43-\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE70-\uFE74\uFE76-\uFEFC\uFF21-\uFF3A\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC][\x24\x30-\x39\x41-\x5A\x5F\x61-\x7A\xA0\xAA\xB5\xBA\xC0-\xD6\xD8-\xF6\xF8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0300-\u0374\u0376-\u0377\u037A-\u037D\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u0483-\u0487\u048A-\u0527\u0531-\u0556\u0559\u0561-\u0587\u0591-\u05BD\u05BF\u05C1-\u05C2\u05C4-\u05C5\u05C7\u05D0-\u05EA\u05F0-\u05F2\u0610-\u061A\u0620-\u0669\u066E-\u06D3\u06D5-\u06DC\u06DF-\u06E8\u06EA-\u06FC\u06FF\u0710-\u074A\u074D-\u07B1\u07C0-\u07F5\u07FA\u0800-\u082D\u0840-\u085B\u08A0\u08A2-\u08AC\u08E4-\u08FE\u0900-\u0963\u0966-\u096F\u0971-\u0977\u0979-\u097F\u0981-\u0983\u0985-\u098C\u098F-\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BC-\u09C4\u09C7-\u09C8\u09CB-\u09CE\u09D7\u09DC-\u09DD\u09DF-\u09E3\u09E6-\u09F1\u0A01-\u0A03\u0A05-\u0A0A\u0A0F-\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32-\u0A33\u0A35-\u0A36\u0A38-\u0A39\u0A3C\u0A3E-\u0A42\u0A47-\u0A48\u0A4B-\u0A4D\u0A51\u0A59-\u0A5C\u0A5E\u0A66-\u0A75\u0A81-\u0A83\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2-\u0AB3\u0AB5-\u0AB9\u0ABC-\u0AC5\u0AC7-\u0AC9\u0ACB-\u0ACD\u0AD0\u0AE0-\u0AE3\u0AE6-\u0AEF\u0B01-\u0B03\u0B05-\u0B0C\u0B0F-\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32-\u0B33\u0B35-\u0B39\u0B3C-\u0B44\u0B47-\u0B48\u0B4B-\u0B4D\u0B56-\u0B57\u0B5C-\u0B5D\u0B5F-\u0B63\u0B66-\u0B6F\u0B71\u0B82-\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99-\u0B9A\u0B9C\u0B9E-\u0B9F\u0BA3-\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BBE-\u0BC2\u0BC6-\u0BC8\u0BCA-\u0BCD\u0BD0\u0BD7\u0BE6-\u0BEF\u0C01-\u0C03\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C33\u0C35-\u0C39\u0C3D-\u0C44\u0C46-\u0C48\u0C4A-\u0C4D\u0C55-\u0C56\u0C58-\u0C59\u0C60-\u0C63\u0C66-\u0C6F\u0C82-\u0C83\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBC-\u0CC4\u0CC6-\u0CC8\u0CCA-\u0CCD\u0CD5-\u0CD6\u0CDE\u0CE0-\u0CE3\u0CE6-\u0CEF\u0CF1-\u0CF2\u0D02-\u0D03\u0D05-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D-\u0D44\u0D46-\u0D48\u0D4A-\u0D4E\u0D57\u0D60-\u0D63\u0D66-\u0D6F\u0D7A-\u0D7F\u0D82-\u0D83\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0DCA\u0DCF-\u0DD4\u0DD6\u0DD8-\u0DDF\u0DF2-\u0DF3\u0E01-\u0E3A\u0E40-\u0E4E\u0E50-\u0E59\u0E81-\u0E82\u0E84\u0E87-\u0E88\u0E8A\u0E8D\u0E94-\u0E97\u0E99-\u0E9F\u0EA1-\u0EA3\u0EA5\u0EA7\u0EAA-\u0EAB\u0EAD-\u0EB9\u0EBB-\u0EBD\u0EC0-\u0EC4\u0EC6\u0EC8-\u0ECD\u0ED0-\u0ED9\u0EDC-\u0EDF\u0F00\u0F18-\u0F19\u0F20-\u0F29\u0F35\u0F37\u0F39\u0F3E-\u0F47\u0F49-\u0F6C\u0F71-\u0F84\u0F86-\u0F97\u0F99-\u0FBC\u0FC6\u1000-\u1049\u1050-\u109D\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u135D-\u135F\u1380-\u138F\u13A0-\u13F4\u1401-\u166C\u166F-\u169A\u16A0-\u16EA\u16EE-\u16F0\u1700-\u170C\u170E-\u1714\u1720-\u1734\u1740-\u1753\u1760-\u176C\u176E-\u1770\u1772-\u1773\u1780-\u17D3\u17D7\u17DC-\u17DD\u17E0-\u17E9\u180B-\u180E\u1810-\u1819\u1820-\u1877\u1880-\u18AA\u18B0-\u18F5\u1900-\u191C\u1920-\u192B\u1930-\u193B\u1946-\u196D\u1970-\u1974\u1980-\u19AB\u19B0-\u19C9\u19D0-\u19D9\u1A00-\u1A1B\u1A20-\u1A5E\u1A60-\u1A7C\u1A7F-\u1A89\u1A90-\u1A99\u1AA7\u1B00-\u1B4B\u1B50-\u1B59\u1B6B-\u1B73\u1B80-\u1BF3\u1C00-\u1C37\u1C40-\u1C49\u1C4D-\u1C7D\u1CD0-\u1CD2\u1CD4-\u1CF6\u1D00-\u1DE6\u1DFC-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2000-\u200A\u200C-\u200D\u2028-\u2029\u202F\u203F-\u2040\u2054\u205F\u2071\u207F\u2090-\u209C\u20D0-\u20DC\u20E1\u20E5-\u20F0\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2160-\u2188\u2C00-\u2C2E\u2C30-\u2C5E\u2C60-\u2CE4\u2CEB-\u2CF3\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D7F-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2DE0-\u2DFF\u2E2F\u3000\u3005-\u3007\u3021-\u302F\u3031-\u3035\u3038-\u303C\u3041-\u3096\u3099-\u309A\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312D\u3131-\u318E\u31A0-\u31BA\u31F0-\u31FF\u3400-\u4DB5\u4E00-\u9FCC\uA000-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA62B\uA640-\uA66F\uA674-\uA67D\uA67F-\uA697\uA69F-\uA6F1\uA717-\uA71F\uA722-\uA788\uA78B-\uA78E\uA790-\uA793\uA7A0-\uA7AA\uA7F8-\uA827\uA840-\uA873\uA880-\uA8C4\uA8D0-\uA8D9\uA8E0-\uA8F7\uA8FB\uA900-\uA92D\uA930-\uA953\uA960-\uA97C\uA980-\uA9C0\uA9CF-\uA9D9\uAA00-\uAA36\uAA40-\uAA4D\uAA50-\uAA59\uAA60-\uAA76\uAA7A-\uAA7B\uAA80-\uAAC2\uAADB-\uAADD\uAAE0-\uAAEF\uAAF2-\uAAF6\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uABC0-\uABEA\uABEC-\uABED\uABF0-\uABF9\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40-\uFB41\uFB43-\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE00-\uFE0F\uFE20-\uFE26\uFE33-\uFE34\uFE4D-\uFE4F\uFE70-\uFE74\uFE76-\uFEFC\uFEFF\uFF10-\uFF19\uFF21-\uFF3A\uFF3F\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC\uFFFE]*$/;(function(){Polymer("fin-hypergrid-behavior-json",{data:[],headers:[],fields:[],ready:function(){this.readyInit();this.tableState.sorted=[];this.sortStates=[" "," ↑"," ↓"]},isValidIdentifer:function(string){return 0===(string+"").search(validIdentifierMatch)},setHeaders:function(headerLabels){this.headers=headerLabels},getHeaders:function(){if(this.headers.length===0){this.setHeaders(this.getDefaultHeaders())}return this.headers},getHeader:function(x){return this.headers[x]},getDefaultHeaders:function(){var self=this;var fields=this.getFields();if(fields.length===0){return[]}var headers=fields.map(function(e){return self.headerify(e)});return headers},headerify:function(string){var pieces=string.replace(/[_-]/g," ").replace(/[A-Z]/g," $&").split(" ").map(function(s){return s.charAt(0).toUpperCase()+s.slice(1)});return pieces.join(" ")},setFields:function(fieldNames){this.fields=fieldNames},getFields:function(){if(this.fields.length===0){this.setFields(this.getDefaultFields())}return this.fields},getDefaultFields:function(){if(this.data&&this.data.length===0){return[]}var fields=Object.getOwnPropertyNames(this.data[0]).filter(function(e){return e.substr(0,2)!=="__"});return fields},setData:function(jsonData){this.data=jsonData;this.initDataIndexes();this.initColumnIndexes();this.changed()},setColumns:function(columnDefinitions){var fields=new Array(columnDefinitions.length);var headers=new Array(columnDefinitions.length);for(var i=0;i<columnDefinitions.length;i++){var each=columnDefinitions[i];fields[i]=each.field;headers[i]=each.title}this.setFields(fields);this.setHeaders(headers)},initDataIndexes:function(){for(var i=0;i<this.data.length;i++){this.data[i].__si=i;this.data[i].__i=i}},getValue:function(x,y){var fields=this.getFields();return this.data[y][fields[x]]},setValue:function(x,y,value){var fields=this.getFields();this.data[y][fields[x]]=value},getFixedRowValue:function(x,y){var headers=this.getHeaders();noop(y);var sortIndex=this.tableState.sorted[x]||0;return headers[x]+this.sortStates[sortIndex]},getFixedColumnCount:function(){return 1},getRowCount:function(){return this.data.length},getColumnCount:function(){var fields=this.getFields();return fields.length-this.tableState.hiddenColumns.length},setState:function(state){this.tableState=state;this.applySorts();this.changed()},applySorts:function(){var state=this.getState();var sorts=state.sorted;var colIndexes=state.columnIndexes;if(!sorts){return}var newData=new Array(this.data.length);var i;for(i=0;i<this.data.length;i++){var each=this.data[i];newData[each.__si]=each}this.data=newData;for(i=0;i<sorts.length;i++){if(sorts[i]>0){var actualCol=i;for(i=0;i<colIndexes.length;i++){if(colIndexes[i]===actualCol){this.toggleSort(i,0);if(sorts[i]===2){this.data.reverse()}return}}}}},toggleSort:function(columnIndex,incrementIt){if(incrementIt===undefined){incrementIt=1}this.grid.clearSelections();var fields=this.getFields();if(columnIndex>=fields.length){return}var current=this.tableState.sorted[columnIndex]||0;var stateCount=this.sortStates.length;var sortStateIndex=(current+incrementIt)%stateCount;var i=0;for(;i<fields.length;i++){this.tableState.sorted[i]=0}this.tableState.sorted[columnIndex]=sortStateIndex;var colName=fields[columnIndex];if(sortStateIndex===0){var newData=new Array(this.data.length);for(i=0;i<this.data.length;i++){var each=this.data[i];newData[each.__si]=each}this.data=newData}else if(sortStateIndex===1){if(this.isValidIdentifer(colName)){var theSorter=eval("(function (a, b) {"+"  if (a."+colName+" === b."+colName+")"+"    return a.__i - b.__i;"+"  if (a."+colName+" < b."+colName+")"+"    return -1;"+"  return 1;"+"})");this.data.sort(theSorter)}else{this.data.sort(function(a,b){if(a[colName]===b[colName]){return a.__i-b.__i}if(a[colName]<b[colName]){return-1}return 1})}}else{this.data=this.data.reverse()}for(i=0;i<this.data.length;i++){this.data[i].__i=i}this.changed()}})})();</script></polymer-element><polymer-element name="fin-hypergrid-behavior-q" extends="fin-hypergrid-behavior-base" attributes="url" assetpath="/dev/fin-hypergrid/polymer/html/behaviors/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>"use strict";(function(){var typeAlignmentMap={j:"right",s:"left",t:"center",f:"right",d:"center"};Polymer("fin-hypergrid-behavior-q",{ready:function(){this.block={data:[],headers:[],rows:0};this.readyInit();this.sorted={};this.sortStates=[""," ^"," v"," |^|"," |v|"];this.ws=null;this.reconnect()},attributeChanged:function(attrName,oldVal,newVal){console.log(attrName,"old: "+oldVal,"new:",newVal);if(attrName==="url"){this.reconnect()}if(attrName==="table"){this.setScrollPositionY(0)}},connectTo:function(newUrl){this.setAttribute("url",newUrl);this.reconnect()},reconnect:function(){this.url=this.getAttribute("url");if(!this.url){return}this.connect();this.scrollPositionY=0;this.scrolled=false},getValue:function(x,y){var override=this.dataUpdates["p_"+x+"_"+y];if(override){return override}var normalized=Math.floor(y-this.scrollPositionY);if(this.block&&normalized<this.block.data.length){return this.block.data[normalized][x+1]}else{return""}},clearData:function(){this.block.rows=[];this.changed()},getRowCount:function(){return this.block.rows},getColumnCount:function(){return Math.max(0,this.block.headers.length-1)},setScrollPositionY:function(y){if(this.scrollPositionY===y){return}this.scrollPositionY=y;if(!this.isConnected()){return}var tableName=this.getAttribute("table");if(!tableName){console.log("you must provide a table attribute for the q behavior");return}this.ws.send(JSON.stringify({cmd:"fetchTableData",data:{table:tableName,start:this.scrollPositionY,num:60}}))},isConnected:function(){if(!this.ws){return false}return this.ws.readyState===this.ws.OPEN},getFixedRowValue:function(x){if(!this.sorted[x+1]){this.sorted[x+1]=0}var sortIndicator=this.sortStates[this.sorted[x+1]];return this.block.headers[x+1][0]+sortIndicator},getHeader:function(x){return this.block.headers[x+1][0]},getFixedColumnValue:function(x,y){return y},getCanSort:function(){var canSort=this.block.features.sorting===true;return canSort},toggleSort:function(columnIndex){if(!this.getCanSort()){return}columnIndex++;var current=this.sorted[columnIndex];var stateCount=this.sortStates.length;this.sorted={};this.sorted[columnIndex]=(current+1)%stateCount;var state=this.sortStates[this.sorted[columnIndex]];var message={cmd:"sortTable",data:{table:"trade",sort:current===stateCount-1?"":this.block.headers[columnIndex][0],asc:state.indexOf("^")>0,abs:state.indexOf("|")>0,start:this.scrollPositionY,num:60}};this.ws.send(JSON.stringify(message))},getColumnAlignment:function(x){var alignment=typeAlignmentMap[this.block.headers[x+1][1]];return alignment},connect:function(){var d;var oldSize;var self=this;var tableName=this.getAttribute("table");if(!tableName){console.log("you must provide a table attribute for the q behavior");return}if("WebSocket"in window){try{this.ws=new WebSocket(this.url)}catch(e){console.log("could not connect to "+this.url+", trying to reconnect in a moment...");return}console.log("connecting...");this.ws.onopen=function(){console.log("connected");self.ws.send(JSON.stringify({cmd:"fetchTableData",data:{table:tableName,start:this.scrollPositionY||0,num:60}}))};this.ws.onclose=function(){self.clearData();console.log("disconnected from "+this.url+", trying to reconnect in a moment...");setTimeout(function(){},2e3)};this.ws.onmessage=function(e){d=JSON.parse(e.data);oldSize=self.block.rows;self.block=d;if(d.rows!==oldSize){if(self.changed){self.changed()}}self.changed()};this.ws.onerror=function(e){self.clearData();console.error("problem with connection to q at "+this.url+", trying again in a moment...",e.data);setTimeout(function(){},2e3)}}else{console.error("WebSockets not supported on your browser.")}}})})();</script></polymer-element><polymer-element name="fin-hypergrid-behavior-qtree" extends="fin-hypergrid-behavior-base" attributes="url" assetpath="/dev/fin-hypergrid/polymer/html/behaviors/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>"use strict";(function(){var noop=function(){};var logMessages=false;var hierarchyColumn="g_";var typeAlignmentMap={j:"right",s:"left",t:"center",f:"right",d:"center"};var typeFormatMap={J:function(v){return v},j:function(v){return v},s:function(v){return v},t:function(v){return v},f:function(v){if(v){return v.toFixed(4)}else{return v}},d:function(v){return v}};var sortMap={a:"↑",d:"↓",A:"⤒",D:"⤓"};var sortStates={n:"a",a:"d",d:"A",A:"D"};Polymer("fin-hypergrid-behavior-qtree",{ready:function(){this.block={N:0,F:[],G:[],S:{cols:[],rows:[]},Z:[{g_:[""]}]};this.readyInit();this.sorted={};this.ws=null;this.reconnect();this.msgCounter=Date.now();this.msgResponsesActions={}},getFixedRowCount:function(){return 2},createCellProvider:function(){var self=this;var provider=document.createElement("fin-hypergrid-cell-provider");provider.getCell=function(config){var cell=provider.cellCache.simpleCellRenderer;cell.config=config;var colId=self.block.F[config.x];var type=self.block.Q[colId];var formatter=typeFormatMap[type]||function(v){return v};config.value=formatter(config.value);return cell};provider.getFixedColumnCell=function(config){var cell=provider.cellCache.treeCellRenderer;cell.config=config;return cell};provider.getFixedRowCell=function(config){var label=provider.cellCache.simpleCellRenderer;label.config=config;if(config.y===1){config.fgColor=config.fgSelColor=config.properties.color;config.bgColor=config.bgSelColor=config.properties.backgroundColor2;var colId=self.block.F[config.x];var type=self.block.Q[colId];var formatter=typeFormatMap[type]||function(v){return v};if(config.value){config.value=formatter(config.value[0])}}config.value=config.value||"";return label};var topLeftPainter={paint:function(gc,x,y,width,height){var val=this.config.value;gc.font=this.config.font;gc.fillStyle=this.config.properties.topLeftColor;gc.textAlign="left";gc.textBaseline="middle";var size=gc.measureText("W");var textHeight=size.width*1.8;var hoffset=Math.ceil(textHeight/2);if(val){for(var i=0;i<val.length;i++){gc.fillText(val[i],4,hoffset+i*textHeight)}}gc.strokeStyle=this.config.properties.lineColor;gc.moveTo(0,height+.5);gc.lineTo(width+0,height+.5);gc.stroke()}};provider.getTopLeftCell=function(config){var label=provider.cellCache.emptyCellRenderer;label.config=config;if(config.y===0){topLeftPainter.config=config;return topLeftPainter}return label};return provider},connectTo:function(newUrl){noop(newUrl)},reconnect:function(){this.url=this.getAttribute("url");if(!this.url){return}this.connect();this.scrollPositionY=0;this.scrolled=false},getTopLeftValue:function(){var sortIndicator=this.getSortIndicator(hierarchyColumn);var hValue=this.block.Z[0].g_[0];var clone=["Hierarchy","▾ "+hValue];clone[0]=clone[0]+" "+sortIndicator;return clone},getValue:function(x,y){var col=this.getColumnId(x);var normalized=Math.floor(y-this.scrollPositionY);if(this.block&&col){var val=this.block.Z[1][col][normalized];if(val||val===0){return val}}return""},clearData:function(){this.block.rows=[];this.changed()},getRowCount:function(){return Math.max(0,this.block.N-1)},getColumnCount:function(){return this.block.F.length},setScrollPositionY:function(y){if(this.scrollPositionY===y){return}this.scrollPositionY=y;if(!this.isConnected()){return}var startY=this.scrollPositionY||0;var stopY=startY+60;this.sendMessage({id:this.getNextMessageId(),fn:"get",start:startY,end:stopY})},isConnected:function(){if(!this.ws){return false}return this.ws.readyState===this.ws.OPEN},getFixedRowValue:function(x,y){var colId=this.getColumnId(x);if(y<1){var sortIndicator=this.getSortIndicator(colId);return colId+" "+sortIndicator}var total=this.block.Z[0][colId];return total},getSortIndicator:function(colId){var sortIndex=this.block.S.cols.indexOf(colId);if(sortIndex<0){return""}var sortState=this.block.S.sorts[sortIndex];var symbol=sortMap[sortState];var state=symbol+" "+(sortIndex+1);return state},getFixedColumnValue:function(x,y){var indentPixels=10;var blob=this.block.Z[1];var transY=Math.max(0,y-this.scrollPositionY);var data=blob.g_[transY];var indent=5+indentPixels+(blob.l_[transY]-1)*indentPixels;var icon="";if(!blob.e_[transY]){icon=blob.o_[transY]?"▾ ":"▸ "}return{data:data,indent:indent,icon:icon}},getCanSort:function(){return true},topLeftClicked:function(grid,mouse){noop(grid,mouse);this._toggleSort(hierarchyColumn)},toggleSort:function(columnIndex){var colId=this.getColumnId(columnIndex);this._toggleSort(colId)},_toggleSort:function(colId){if(!this.getCanSort()){return}var sortBlob=this.block.S;var sortIndex=sortBlob.cols.indexOf(colId);var currentState=sortBlob.sorts[sortIndex]||"n";var newState=sortStates[currentState];if(sortIndex>-1){sortBlob.cols.splice(sortIndex,1);sortBlob.sorts.splice(sortIndex,1)}if(newState){sortBlob.cols.unshift(colId);sortBlob.sorts.unshift(newState)}sortBlob.cols.length=sortBlob.sorts.length=Math.min(3,sortBlob.cols.length);var msg={id:this.getNextMessageId(),fn:"sorts",cols:sortBlob.cols,sorts:sortBlob.sorts};this.sendMessage(msg)},getFixedRowAlignment:function(x,y){if(y>0){return this.getColumnAlignment(x)}return this.resolveProperty("fixedRowAlign")},getColumnAlignment:function(x){var colId=this.getColumnId(x);var type=this.block.Q[colId];var alignment=typeAlignmentMap[type];return alignment},getColumnId:function(x){var headers=this.block.F;var col=headers[x];return col},getFixedColumnAlignment:function(){return"left"},fixedColumnClicked:function(grid,mouse){var rowNum=mouse.gridCell.y-this.scrollPositionY;var nodes=this.block.Z[1].n_[rowNum];var nodeClick={id:this.getNextMessageId(),fn:"node",node:nodes};this.sendMessage(nodeClick)},sendMessage:function(message){if(logMessages){console.dir(message)}this.ws.send(JSON.stringify(message))},openEditor:function(div){var self=this;var container=document.createElement("div");var group=document.createElement("fin-hypergrid-dnd-list");var hidden=document.createElement("fin-hypergrid-dnd-list");var visible=document.createElement("fin-hypergrid-dnd-list");container.appendChild(group);container.appendChild(hidden);container.appendChild(visible);this.beColumnStyle(group.style);group.style.left="0%";group.title="groups";group.list=this.block.G.slice(0);group.canDragItem=function(list,item,index,e){noop(item,index,e);return list.length>1};group.canDropItem=function(sourceList,myList,sourceIndex,item,e){noop(sourceList,myList,sourceIndex,e);return self.block.H.indexOf(item)>-1};this.beColumnStyle(hidden.style);hidden.style.left="33.3333%";hidden.title="hidden columns";hidden.list=this.block.I.slice(0);this.beColumnStyle(visible.style);visible.style.left="66.6666%";visible.title="visible columns";visible.list=this.block.F.slice(0);visible.canDragItem=function(list,item,index,e){noop(item,index,e);return list.length>1};div.lists={group:group.list,hidden:hidden.list,visible:visible.list};div.appendChild(container);return true},closeEditor:function(div){var lists=div.lists;var changeCols={id:this.getNextMessageId(),fn:"groups",groups:lists.group,visible:lists.visible};this.sendMessage(changeCols);return true},isColumnReorderable:function(){return true},getNextMessageId:function(onResponseDo){var id="js_"+this.msgCounter++;if(onResponseDo){this.msgResponsesActions[id]=onResponseDo}return id},endDragColumnNotification:function(){var self=this;var visible=this.block.F.slice(0);for(var i=0;i<visible.length;i++){var transX=this.translateColumnIndex(i);visible[i]=this.getColumnId(transX)}var msgId=this.getNextMessageId(function(message){self.initColumnIndexes();self.handleMessage(message)});var changeCols={id:msgId,fn:"groups",groups:this.block.G,visible:visible};this.sendMessage(changeCols);return true},handleMessage:function(d){this.block=d;if(!this.tableState.columnIndexes||this.tableState.columnIndexes.length===0){this.initColumnIndexes()}this.changed()},connect:function(){var d={};var self=this;if("WebSocket"in window){try{this.ws=new WebSocket(this.url)}catch(e){console.log("could not connect to "+this.url+", trying to reconnect in a moment...");return}console.log("connecting...");this.ws.onopen=function(){self.setFixedColumnWidth(0,160);var startY=this.scrollPositionY||0;var stopY=startY+60;self.sendMessage({id:self.getNextMessageId(),fn:"get",start:startY,end:stopY})};this.ws.onclose=function(){console.log("disconnected from "+this.url+", trying to reconnect in a moment...")};this.ws.onmessage=function(e){d=JSON.parse(e.data);var msgId=d.id;var action=self.msgResponsesActions[msgId];if(action){action(d);self.msgResponsesActions[msgId]=undefined}else{self.handleMessage(d)}};this.ws.onerror=function(e){self.clearData();console.error("problem with connection to q at "+this.url+", trying again in a moment...",e.data);setTimeout(function(){},2e3)}}else{console.error("WebSockets not supported on your browser.")}},beColumnStyle:function(style){style.top="5%";style.position="absolute";style.width="33.3333%";style.height="99%";style.whiteSpace="nowrap"},highlightCellOnHover:function(isColumnHovered,isRowHovered){return isRowHovered}})})();</script></polymer-element><polymer-element name="fin-hypergrid-behavior-web-worker" extends="fin-hypergrid-behavior-base" assetpath="/dev/fin-hypergrid/polymer/html/behaviors/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>"use strict";(function(){Polymer("fin-hypergrid-behavior-web-worker",{ready:function(){this.readyInit();var self=this;this.block={data:[],headers:[],rows:0};this.tableState.sorted=[];this.sortStates=[" "," ↑"," ↓"];this.worker=new Worker("js/json-web-worker.js");this.worker.onmessage=function(e){self.block=e.data;self.changed()}},postMessage:function(message){this.worker.postMessage(message)},setData:function(jsonData){this.postMessage({cmd:"setData",data:jsonData});this.initialize()},initialize:function(){this.initColumnIndexes();this.changed();this.postMessage({cmd:"fetchTableData",data:{start:this.scrollPositionY||0,num:60}})},getValue:function(x,y){var override=this.dataUpdates["p_"+x+"_"+y];if(override){return override}var fields=this.getFields();return this.block.data[y-this.scrollPositionY][fields[x]]},clearData:function(){this.block.rows=[];this.changed()},getRowCount:function(){return this.block.rows},getColumnCount:function(){return this.block.headers.length},setScrollPositionY:function(y){if(this.scrollPositionY===y){return}this.scrollPositionY=y;this.postMessage({cmd:"fetchTableData",data:{start:this.scrollPositionY,num:60}})},getFixedRowValue:function(x){if(!this.tableState.sorted[x]){this.tableState.sorted[x]=0}var sortIndicator=this.sortStates[this.tableState.sorted[x]];return this.block.headers[x]+sortIndicator},getFields:function(){return this.block.fields},getHeader:function(x){return this.block.headers[x]},getFixedColumnValue:function(x,y){return y},getCanSort:function(){var canSort=this.block.features.sorting===true;return canSort},toggleSort:function(columnIndex){if(!this.getCanSort()){return}this.grid.clearSelections();var current=this.tableState.sorted[columnIndex];var stateCount=this.sortStates.length;this.tableState.sorted={};this.tableState.sorted[columnIndex]=(current+1)%stateCount;var state=this.tableState.sorted[columnIndex];var message={cmd:"sortTable",data:{table:"trade",sortIndex:current===stateCount-1?-1:columnIndex,state:state,start:this.scrollPositionY,num:60}};this.postMessage(message)},getColumnAlignment:function(){return"center"}})})();</script></polymer-element><polymer-element name="fin-hypergrid-cell-editor-base" assetpath="/dev/fin-hypergrid/polymer/html/cell-editors/"><template><style type="text/css">:host{display:block;position:relative}</style></template><script>"use strict";(function(){var noop=function(){};Polymer("fin-hypergrid-cell-editor-base",{isEditing:false,editorPoint:null,checkEditorPositionFlag:false,input:null,alias:"base",grid:null,ready:function(){this.readyInit()},readyInit:function(){},getBehavior:function(){return this.grid.getBehavior()},gridRenderedNotification:function(){this.checkEditor()},scrollValueChangedNotification:function(){this.setCheckEditorPositionFlag()},setCheckEditorPositionFlag:function(){this.checkEditorPositionFlag=true},beginEditAt:function(point){this.setEditorPoint(point);var model=this.getBehavior();var value=model._getValue(point.x,point.y);this.setEditorValue(value);this.isEditing=true;this.setCheckEditorPositionFlag();this.checkEditor()},setEditorValue:function(value){noop(value)},getEditorPoint:function(){return this.editorPoint},setEditorPoint:function(point){this.editorPoint=point},showEditor:function(){},hideEditor:function(){},stopEditing:function(){if(!this.isEditing){return}this.saveEditorValue();this.isEditing=false;this.hideEditor()},saveEditorValue:function(){var point=this.getEditorPoint();var value=this.getEditorValue();this.getBehavior()._setValue(point.x,point.y,value)},getEditorValue:function(){},takeFocus:function(){},moveEditor:function(){var model=this.getBehavior();var numFixedColumns=model.getFixedColumnCount();var numFixedRows=model.getFixedRowCount();var vScroll=this.grid.getVScrollValue();var hScroll=this.grid.getHScrollValue();var editorPoint=this.getEditorPoint();var x=editorPoint.x+numFixedColumns-hScroll;var y=editorPoint.y+numFixedRows-vScroll;var eb=this.grid.getBoundsOfCell(this.rectangles.point.create(x,y));var db=this.grid.getDataBounds();var cellBounds=eb.intersect(db);this.setBounds(cellBounds);this.takeFocus()},setBounds:function(rectangle){noop(rectangle)},checkEditor:function(){if(!this.checkEditorPositionFlag){return}else{this.checkEditorPositionFlag=false}if(!this.isEditing){return}var editorPoint=this.getEditorPoint();if(this.grid.isDataVisible(editorPoint.x,editorPoint.y)){this.moveEditor();this.showEditor()}else{this.hideEditor()}}})})();</script></polymer-element><polymer-element name="fin-hypergrid-cell-editor-simple" extends="fin-hypergrid-cell-editor-base" assetpath="/dev/fin-hypergrid/polymer/html/cell-editors/"><template><style type="text/css">:host{display:block;position:relative}</style><div id="editor"></div></template><script>"use strict";(function(){Polymer("fin-hypergrid-cell-editor-simple",{alias:"simple",readyInit:function(){var self=this;this.rectangles=document.createElement("fin-rectangle");this.editorPoint=this.rectangles.point.create(0,0);this.input=this.shadowRoot.querySelector("#editor");this.input.addEventListener("keypress",function(e){if(e&&e.keyCode===13){e.preventDefault();self.stopEditing();self.grid.repaint();self.grid.takeFocus()}});this.input.style.position="absolute";this.input.style.display="none";this.input.style.border="solid 2px black";this.input.style.outline=0;this.input.style.padding=0;this.input.style.zIndex=1e3},getEditorValue:function(){var value=this.input.value;return value},setEditorValue:function(value){this.input.value=value+""},showEditor:function(){this.input.style.display="inline"},hideEditor:function(){this.input.style.display="none"},takeFocus:function(){var self=this;setTimeout(function(){self.input.focus();self.selectAll()},300)},selectAll:function(){},originOffset:function(){return[-2,-2]},setBounds:function(cellBounds){var originOffset=this.originOffset();var translation="translate("+(cellBounds.origin.x+originOffset[0])+"px,"+(cellBounds.origin.y+originOffset[1])+"px)";this.input.style.webkitTransform=translation;this.input.style.MozTransform=translation;this.input.style.msTransform=translation;this.input.style.OTransform=translation;this.input.style.width=cellBounds.extent.x+"px";this.input.style.height=cellBounds.extent.y+"px"}})})();</script></polymer-element><polymer-element name="fin-hypergrid-cell-editor-textfield" extends="fin-hypergrid-cell-editor-simple" assetpath="/dev/fin-hypergrid/polymer/html/cell-editors/"><template><style type="text/css">:host{display:block;position:relative}</style><input id="editor"></template><script>"use strict";(function(){Polymer("fin-hypergrid-cell-editor-textfield",{alias:"textfield",selectAll:function(){this.input.setSelectionRange(0,this.input.value.length)}})})();</script></polymer-element><polymer-element name="fin-hypergrid-cell-editor-choice" extends="fin-hypergrid-cell-editor-simple" assetpath="/dev/fin-hypergrid/polymer/html/cell-editors/"><template><style type="text/css">:host{display:block;position:relative}</style><select id="editor"><option template="" repeat="{{item in items}}" value="{{item}}">{{item}}</option></select></template><script>"use strict";(function(){Polymer("fin-hypergrid-cell-editor-choice",{alias:"choice",items:["Moe","Larry","Curly","Groucho","Harpo","Zeppo","Chico"],originOffset:function(){return[-1,-1]}})})();</script></polymer-element><polymer-element name="fin-hypergrid-cell-editor-color" extends="fin-hypergrid-cell-editor-simple" assetpath="/dev/fin-hypergrid/polymer/html/cell-editors/"><template><style type="text/css">:host{display:block;position:relative}</style><input id="editor" type="color"></template><script>"use strict";(function(){Polymer("fin-hypergrid-cell-editor-color",{alias:"color"})})();</script></polymer-element><polymer-element name="fin-hypergrid-cell-editor-date" extends="fin-hypergrid-cell-editor-simple" assetpath="/dev/fin-hypergrid/polymer/html/cell-editors/"><template><style type="text/css">:host{display:block;position:relative}</style><input id="editor" type="date"></template><script>"use strict";(function(){Polymer("fin-hypergrid-cell-editor-date",{alias:"date"})})();</script></polymer-element><polymer-element name="fin-hypergrid-cell-editor-slider" extends="fin-hypergrid-cell-editor-simple" assetpath="/dev/fin-hypergrid/polymer/html/cell-editors/"><template><style type="text/css">:host{display:block;position:relative}</style><input id="editor" type="range"></template><script>"use strict";(function(){Polymer("fin-hypergrid-cell-editor-slider",{alias:"slider"})})();</script></polymer-element><polymer-element name="fin-hypergrid-cell-editor-spinner" extends="fin-hypergrid-cell-editor-simple" assetpath="/dev/fin-hypergrid/polymer/html/cell-editors/"><template><style type="text/css">:host{display:block;position:relative}</style><input id="editor" type="number"></template><script>"use strict";(function(){Polymer("fin-hypergrid-cell-editor-spinner",{alias:"spinner"})})();</script></polymer-element></div><polymer-element name="fin-hypergrid" assetpath="polymer/html/"><template><style type="text/css">:host{position:relative;display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;overflow:hidden}fin-vampire-bar{opacity:0;-webkit-transition:opacity 500ms;-moz-transition:opacity 500ms;-ms-transition:opacity 500ms;-o-transition:opacity 500ms;transition:opacity 500ms}.visible{opacity:.75}.hidden{opacity:0}.verticalScroller{position:absolute;top:0;right:0;bottom:0;left:100%;margin:0 15px 15px -15px}.horizontalScroller{position:absolute;top:100%;right:0;bottom:0;left:0;margin:-15px 15px 15px 0}.editor{position:absolute;display:none;border:solid 2px #000;outline:0;padding:0;z-index:1000}fin-vampire-bar{z-index:10}</style><fin-plugins></fin-plugins><fin-vampire-bar class="horizontalScroller" horizontal=""></fin-vampire-bar><fin-vampire-bar class="verticalScroller"></fin-vampire-bar><fin-canvas><fin-hypergrid-renderer></fin-hypergrid-renderer></fin-canvas><input class="editor"><content></content></template><script>"use strict";(function(){var rectangles;var globalCellEditors={};var propertiesInitialized=false;var noop=function(){};var initializeBasicCellEditors=function(){initializeCellEditor("fin-hypergrid-cell-editor-textfield");initializeCellEditor("fin-hypergrid-cell-editor-choice");initializeCellEditor("fin-hypergrid-cell-editor-color");initializeCellEditor("fin-hypergrid-cell-editor-date");initializeCellEditor("fin-hypergrid-cell-editor-slider");initializeCellEditor("fin-hypergrid-cell-editor-spinner")};var initializeCellEditor=function(name){var cellEditor=document.createElement(name);globalCellEditors[cellEditor.alias]=cellEditor};var defaultProperties=function(){var properties={font:"13px Tahoma, Geneva, sans-serif",color:"rgb(25, 25, 25)",backgroundColor:"rgb(241, 241, 241)",foregroundSelColor:"rgb(25, 25, 25)",backgroundSelColor:"rgb(183, 219, 255)",topLeftFont:"12px Tahoma, Geneva, sans-serif",topLeftColor:"rgb(25, 25, 25)",topLeftBackgroundColor:"rgb(223, 227, 232)",topLeftFGSelColor:"rgb(25, 25, 25)",topLeftBGSelColor:"rgb(255, 220, 97)",fixedColumnFont:"12px Tahoma, Geneva, sans-serif",fixedColumnColor:"rgb(25, 25, 25)",fixedColumnBackgroundColor:"rgb(223, 227, 232)",fixedColumnFGSelColor:"rgb(25, 25, 25)",fixedColumnBGSelColor:"rgb(255, 220, 97)",fixedRowFont:"12px Tahoma, Geneva, sans-serif",fixedRowColor:"rgb(25, 25, 25)",fixedRowBackgroundColor:"rgb(223, 227, 232)",fixedRowFGSelColor:"rgb(25, 25, 25)",fixedRowBGSelColor:"rgb(255, 220, 97)",backgroundColor2:"rgb(201, 201, 201)",lineColor:"rgb(199, 199, 199)",voffset:0,scrollbarHoverOver:"visible",scrollbarHoverOff:"hidden",scrollingEnabled:true,fixedRowAlign:"center",fixedColAlign:"center",cellPadding:5,gridLinesH:true,gridLinesV:true,defaultRowHeight:20,defaultFixedRowHeight:20,defaultColumnWidth:100,defaultFixedColumnWidth:100,repaintIntervalRate:4,repaintImmediately:false,useBitBlit:false,useHiDPI:true};return properties};var buildPolymerTheme=function(){clearObjectProperties(polymerTheme);var pb=document.createElement("paper-button");pb.style.display="none";pb.setAttribute("disabled",true);document.body.appendChild(pb);var p=window.getComputedStyle(pb);var section=document.createElement("section");section.style.display="none";section.setAttribute("hero",true);document.body.appendChild(section);var h=window.getComputedStyle(document.querySelector("html"));var hb=window.getComputedStyle(document.querySelector("html, body"));var s=window.getComputedStyle(section);polymerTheme.fixedRowBackgroundColor=p.color;polymerTheme.fixedColumnBackgroundColor=p.color;polymerTheme.topLeftBackgroundColor=p.color;polymerTheme.lineColor=p.backgroundColor;polymerTheme.backgroundColor2=hb.backgroundColor;polymerTheme.color=h.color;polymerTheme.fontFamily=h.fontFamily;polymerTheme.backgroundColor=s.backgroundColor;pb.setAttribute("disabled",false);pb.setAttribute("secondary",true);pb.setAttribute("raised",true);p=window.getComputedStyle(pb);polymerTheme.fixedRowColor=p.color;polymerTheme.fixedColumnColor=p.color;polymerTheme.topLeftColor=p.color;polymerTheme.backgroundSelColor=p.backgroundColor;polymerTheme.foregroundSelColor=p.color;pb.setAttribute("secondary",false);pb.setAttribute("warning",true);polymerTheme.fixedRowFGSelColor=p.color;polymerTheme.fixedRowBGSelColor=p.backgroundColor;polymerTheme.fixedColumnFGSelColor=p.color;polymerTheme.fixedColumnBGSelColor=p.backgroundColor;if(polymerTheme.fixedRowBGSelColor==="rgba(0, 0, 0, 0)"){clearObjectProperties(polymerTheme)}document.body.removeChild(pb);document.body.removeChild(section)};var clearObjectProperties=function(obj){for(var prop in obj){if(obj.hasOwnProperty(prop)){delete obj[prop]}}};var defaults,polymerTheme,globalProperties;(function(){defaults=defaultProperties();polymerTheme=Object.create(defaults);globalProperties=Object.create(polymerTheme)})();Polymer("fin-hypergrid",{behavior:{setScrollPositionY:noop,setScrollPositionX:noop,getColumnCount:function(){return 0},getFixedColumnCount:function(){return 0},getFixedColumnsWidth:function(){return 0},getFixedColumnsMaxWidth:function(){return 0},setRenderedWidth:function(){return 0},getRowCount:function(){return 0},getFixedRowCount:function(){return 0},getFixedRowsHeight:function(){return 0},getFixedRowsMaxHeight:function(){return 0},setRenderedHeight:function(){return 0},getCellProvider:noop,click:noop,doubleClick:noop},isWebkit:true,mouseDown:[],dragExtent:null,vScrlValue:0,hScrlValue:0,rectangles:null,selectionModel:null,cellEdtr:null,sbMouseIsDown:false,sbHScroller:null,sbVScroller:null,sbHScrlCfg:{},sbVScrlCfg:{},sbPrevVScrlVal:null,sbPrevHScrlVal:null,sbHValueHolder:{},sbVValueHolder:{},cellEditors:null,renderOverridesCache:{},hoverCell:null,isScrollButtonClick:false,domReady:function(){if(!propertiesInitialized){propertiesInitialized=true;buildPolymerTheme();initializeBasicCellEditors()}var self=this;rectangles=rectangles||document.createElement("fin-rectangle");this.rectangles=rectangles;this.lnfProperties=Object.create(globalProperties);this.isWebkit=navigator.userAgent.toLowerCase().indexOf("webkit")>-1;this.selectionModel=document.createElement("fin-hypergrid-selection-model");this.cellEditors=Object.create(globalCellEditors);this.renderOverridesCache={};this.oncontextmenu=function(event){event.preventDefault();return false};this.clearMouseDown();this.dragExtent=rectangles.point.create(0,0);this.pluginsDo(function(each){if(each.installOn){each.installOn(self)}});this.numRows=0;this.numColumns=0;this.initCanvas();this.initRenderer();this.initScrollbars();document.body.addEventListener("copy",function(evt){self.checkClipboardCopy(evt)});this.resized();this.fire("load");this.isScrollButtonClick=false},isHovered:function(x,y){var p=this.getHoverCell();if(!p){return false}return p.x===x&&p.y===y},isColumnHovered:function(x){var p=this.getHoverCell();if(!p){return false}return p.x===x},isRowHovered:function(y){var p=this.getHoverCell();if(!p){return false}return p.y===y},getHoverCell:function(){return this.hoverCell},setHoverCell:function(point){var me=this.hoverCell;if(me&&me.equals(point)){return}var fixedX=this.getFixedColumnCount();var fixedY=this.getFixedRowCount();this.hoverCell=rectangles.point.create(point.x-fixedX,point.y-fixedY);this.paintNow()},addGlobalProperties:function(props){if(!globalProperties){var self=this;setTimeout(function(){self.addGlobalProperties(props)},10)}else{this._addGlobalProperties(props)}},_addGlobalProperties:function(props){for(var key in props){if(props.hasOwnProperty(key)){globalProperties[key]=props[key]}}},addProperties:function(props){for(var key in props){if(props.hasOwnProperty(key)){this.lnfProperties[key]=props[key]}}},getState:function(){var state=this.getBehavior().getState();return state},setState:function(state){this.getBehavior().setState(state)},getMouseDown:function(){var last=this.mouseDown.length-1;if(last<0){return null}return this.mouseDown[last]},popMouseDown:function(){if(this.mouseDown.length===0){return}this.mouseDown.length=this.mouseDown.length-1},clearMouseDown:function(){this.mouseDown=[rectangles.point.create(-1,-1)];this.dragExtent=null},setMouseDown:function(point){this.mouseDown.push(point)},getDragExtent:function(){return this.dragExtent},setDragExtent:function(point){this.dragExtent=point},pluginsDo:function(func){var userPlugins=this.children.array();var pluginsTag=this.shadowRoot.querySelector("fin-plugins");var plugins=userPlugins;if(pluginsTag){var systemPlugins=pluginsTag.children.array();plugins=systemPlugins.concat(plugins)}for(var i=0;i<plugins.length;i++){var plugin=plugins[i];func(plugin)}},getCellProvider:function(){var provider=this.getBehavior().getCellProvider();return provider},gridRenderedNotification:function(){this.updateRenderedSizes();if(this.cellEdtr){this.cellEdtr.gridRenderedNotification()}},updateRenderedSizes:function(){var behavior=this.getBehavior();behavior.setRenderedWidth(this.getViewableColumns()+1);behavior.setRenderedHeight(this.getViewableRows()+1)},checkClipboardCopy:function(evt){if(!this.hasFocus()){return}evt.preventDefault();var csvData=this.getSelectionAsTSV();evt.clipboardData.setData("text/plain",csvData)},hasSelections:function(){if(!this.getSelectionModel){return}return this.getSelectionModel().hasSelections()},getSelectionAsTSV:function(){var selectionModel=this.getSelectionModel();var selections=selectionModel.getSelections();if(selections.length===0){return}var last=selections[selections.length-1];var area=last.area();if(area>1e4){alert("selection size is too big to copy to the paste buffer");return""}var behavior=this.getBehavior();var collector=[];var xstart=last.origin.x;var xstop=last.origin.x+last.extent.x+1;var ystart=last.origin.y;var ystop=last.origin.y+last.extent.y+1;for(var y=ystart;y<ystop;y++){for(var x=xstart;x<xstop;x++){var data=behavior._getValue(x,y);collector.push(data);if(x!==xstop-1){collector.push("	")}}if(y!==ystop-1){collector.push("\n")}}var text=collector.join("");return text},hasFocus:function(){return this.getCanvas().hasFocus()},clearSelections:function(){this.getSelectionModel().clear();this.clearMouseDown()},clearMostRecentSelection:function(){this.getSelectionModel().clearMostRecentSelection()},select:function(ox,oy,ex,ey){if(ox<0||oy<0){return}this.getSelectionModel().select(ox,oy,ex,ey)},isSelected:function(x,y){return this.getSelectionModel().isSelected(x,y)},isFixedRowCellSelected:function(col){var selectionModel=this.getSelectionModel();var isSelected=selectionModel.isFixedRowCellSelected(col);return isSelected},isFixedColumnCellSelected:function(row){var selectionModel=this.getSelectionModel();var isSelected=selectionModel.isFixedColumnCellSelected(row);return isSelected},getSelectionModel:function(){return this.selectionModel},getBehavior:function(){return this.behavior},setBehavior:function(newBehavior){this.behavior=newBehavior;this.behavior.setGrid(this);this.behavior.changed=this.behaviorChanged.bind(this)},behaviorChanged:function(){if(this.numColumns!==this.behavior._getColumnCount()||this.numRows!==this.behavior.getRowCount()){this.numColumns=this.behavior._getColumnCount();this.numRows=this.behavior.getRowCount();this.behaviorShapeChanged()}this.repaint()},getBounds:function(){var canvas=this.getCanvas();if(canvas){return canvas.getBounds()}else{return null}},resolveProperty:function(key){return this.lnfProperties[key]},behaviorShapeChanged:function(){this.synchronizeScrollingBoundries()},repaint:function(){var now=this.resolveProperty("repaintImmediately");var canvas=this.getCanvas();if(canvas){if(now===true){canvas.paintNow()}else{canvas.repaint()}}},paintNow:function(){var canvas=this.getCanvas();canvas.paintNow()},isHiDPI:function(){return this.resolveProperty("useHiDPI")!==false},initCanvas:function(){var self=this;var interval=this.resolveProperty("repaintIntervalRate");var useBitBlit=this.resolveProperty("useBitBlit");this.canvas=this.shadowRoot.querySelector("fin-canvas");this.canvas.setAttribute("fps",interval||15);this.canvas.setAttribute("bitblit",useBitBlit===true);this.canvas.isHiDPI=function(){return self.isHiDPI()};this.canvas.style.position="absolute";this.canvas.style.top=0;this.canvas.style.right="-200px";this.canvas.style.bottom=0;this.canvas.style.left=0;this.canvas.resizeNotification=function(){self.resized()};this.addFinEventListener("fin-mousemove",function(e){var mouse=e.detail.mouse;var mouseEvent=self.getGridCellFromMousePoint(mouse);mouseEvent.primitiveEvent=e;self.delegateMouseMove(mouseEvent)});this.addFinEventListener("fin-mousedown",function(e){self.stopEditing();var mouse=e.detail.mouse;var mouseEvent=self.getGridCellFromMousePoint(mouse);mouseEvent.primitiveEvent=e;self.delegateMouseDown(mouseEvent)});this.addFinEventListener("fin-mouseup",function(e){self.dragging=false;if(self.isScrollingNow()){self.setScrollingNow(false)}if(self.columnDragAutoScrolling){self.columnDragAutoScrolling=false}var mouse=e.detail.mouse;var mouseEvent=self.getGridCellFromMousePoint(mouse);mouseEvent.primitiveEvent=e;self.delegateMouseUp(mouseEvent)});this.addFinEventListener("fin-tap",function(e){var mouse=e.detail.mouse;var tapEvent=self.getGridCellFromMousePoint(mouse);tapEvent.primitiveEvent=e;self.delegateTap(tapEvent)});this.addFinEventListener("fin-drag",function(e){self.dragging=true;var mouse=e.detail.mouse;var mouseEvent=self.getGridCellFromMousePoint(mouse);mouseEvent.primitiveEvent=e;self.delegateMouseDrag(mouseEvent)});this.addFinEventListener("fin-keydown",function(e){self.delegateKeyDown(e)});this.addFinEventListener("fin-keyup",function(e){self.delegateKeyUp(e)});this.addFinEventListener("fin-track",function(e){if(self.dragging){return}var primEvent=e.detail.primitiveEvent;if(Math.abs(primEvent.dy)>Math.abs(primEvent.dx)){if(primEvent.yDirection>0){self.scrollVBy(-2)}else if(primEvent.yDirection<-0){self.scrollVBy(2)}}else{if(primEvent.xDirection>0){self.scrollHBy(-1)}else if(primEvent.xDirection<-0){self.scrollHBy(1)}}});this.addFinEventListener("fin-holdpulse",function(e){var mouse=e.detail.mouse;var mouseEvent=self.getGridCellFromMousePoint(mouse);mouseEvent.primitiveEvent=e;self.delegateHoldPulse(mouseEvent)});this.addFinEventListener("fin-dblclick",function(e){var mouse=e.detail.mouse;var mouseEvent=self.getGridCellFromMousePoint(mouse);mouseEvent.primitiveEvent=e;self.delegateDoubleClick(mouseEvent)});this.addFinEventListener("fin-wheelmoved",function(e){var mouse=e.detail.mouse;var mouseEvent=self.getGridCellFromMousePoint(mouse);mouseEvent.primitiveEvent=e.detail.primitiveEvent;self.delegateWheelMoved(mouseEvent)});this.addFinEventListener("fin-mouseout",function(e){var mouse=e.detail.mouse;var mouseEvent=self.getGridCellFromMousePoint(mouse);mouseEvent.primitiveEvent=e.detail.primitiveEvent;self.delegateMouseExit(mouseEvent)})},addFinEventListener:function(eventName,callback){this.canvas.addEventListener(eventName,callback)},setScrollingNow:function(isItNow){this.scrollingNow=isItNow},isScrollingNow:function(){return this.scrollingNow},overColumnDivider:function(mouseEvent){var x=mouseEvent.primitiveEvent.detail.mouse.x;var whichCol=this.getRenderer().overColumnDivider(x);return whichCol},overRowDivider:function(mouseEvent){var y=mouseEvent.primitiveEvent.detail.mouse.y;var which=this.getRenderer().overRowDivider(y);return which},beCursor:function(cursorName){this.style.cursor=cursorName},delegateWheelMoved:function(event){var behavior=this.getBehavior();behavior.onWheelMoved(this,event)},delegateMouseExit:function(event){var behavior=this.getBehavior();behavior.handleMouseExit(this,event)},delegateMouseMove:function(mouseDetails){var behavior=this.getBehavior();behavior.onMouseMove(this,mouseDetails)},delegateMouseDown:function(mouseDetails){var behavior=this.getBehavior();behavior.handleMouseDown(this,mouseDetails)},delegateMouseUp:function(mouseDetails){var behavior=this.getBehavior();behavior.onMouseUp(this,mouseDetails)},delegateTap:function(mouseDetails){var behavior=this.getBehavior();behavior.onTap(this,mouseDetails)},delegateMouseDrag:function(mouseDetails){var behavior=this.getBehavior();behavior.onMouseDrag(this,mouseDetails)},delegateDoubleClick:function(mouseDetails){var behavior=this.getBehavior();behavior.onDoubleClick(this,mouseDetails)},delegateHoldPulse:function(mouseDetails){var behavior=this.getBehavior();behavior.onHoldPulse(this,mouseDetails)},delegateKeyDown:function(e){var behavior=this.getBehavior();behavior.onKeyDown(this,e)},delegateKeyUp:function(e){var behavior=this.getBehavior();behavior.onKeyUp(this,e)},stopEditing:function(){if(this.cellEdtr){this.cellEdtr.stopEditing();this.cellEdtr=null}},registerCellEditor:function(alias,cellEditor){this.cellEditors[alias]=cellEditor},getDataBounds:function(){var colDNDHackWidth=200;var behavior=this.getBehavior();var b=this.canvas.bounds;var x=behavior.getFixedColumnsWidth()+2;var y=behavior.getFixedRowsHeight()+2;var result=rectangles.rectangle.create(x,y,b.origin.x+b.extent.x-x-colDNDHackWidth,b.origin.y+b.extent.y-y);return result},getCanvas:function(){return this.canvas},editAt:function(cellEditor,coordinates){this.cellEdtr=cellEditor;var cell=coordinates.gridCell;var behavior=this.getBehavior();var scrollTop=this.getVScrollValue();var scrollLeft=this.getHScrollValue();var numFixedColumns=behavior.getFixedColumnCount();var numFixedRows=behavior.getFixedRowCount();var x=cell.x-numFixedColumns+scrollLeft;var y=cell.y-numFixedRows+scrollTop;if(x<0||y<0){return}var editPoint=rectangles.point.create(x,y);this.setMouseDown(editPoint);this.setDragExtent(rectangles.point.create(0,0));this.shadowRoot.appendChild(cellEditor);cellEditor.grid=this;cellEditor.beginEditAt(editPoint)},isDataColVisible:function(columnIndex){var isVisible=this.getRenderer().isColVisible(columnIndex);return isVisible},isDataRowVisible:function(rowIndex){var isVisible=this.getRenderer().isRowVisible(rowIndex);return isVisible},isDataVisible:function(columnIndex,rowIndex){var isVisible=this.isDataRowVisible(rowIndex)&&this.isDataColVisible(columnIndex);return isVisible},insureModelColIsViewable:function(c,offsetX){var viewableColumns=this.getViewableColumns()-1;if(!this.isDataColVisible(c)){var newSX=offsetX<0?c:c-viewableColumns;this.setHScrollValue(newSX);return true}return false},insureModelRowIsViewable:function(r,offsetY){var viewableRows=this.getViewableRows()-1;if(!this.isDataRowVisible(r)){var newSY=offsetY<0?r:r-viewableRows;this.setVScrollValue(newSY);return true}return false},scrollBy:function(offsetX,offsetY){this.scrollHBy(offsetX);this.scrollVBy(offsetY)},scrollVBy:function(offsetY){var max=this.sbVScrlCfg.rangeStop;var oldValue=this.getVScrollValue();var newValue=Math.min(max,Math.max(0,oldValue+offsetY));if(newValue===oldValue){return}this.setVScrollValue(newValue)},scrollHBy:function(offsetX){var max=this.sbHScrlCfg.rangeStop;var oldValue=this.getHScrollValue();var newValue=Math.min(max,Math.max(0,oldValue+offsetX));if(newValue===oldValue){return}this.setHScrollValue(newValue)},getGridCellFromMousePoint:function(mouse){var cell=this.getRenderer().getGridCellFromMousePoint(mouse);return cell},getBoundsOfCell:function(cell){var bounds=this.getRenderer().getBoundsOfCell(cell);return bounds},resized:function(){this.synchronizeScrollingBoundries()},fireCellClickEvent:function(event){var behavior=this.getBehavior();var hovered=this.getHoverCell();var sy=this.getVScrollValue();var x=hovered.x;if(hovered.x>-1){x=behavior.translateColumnIndex(hovered.x+this.getHScrollValue())}if(hovered.y<0){sy=0}hovered=rectangles.point.create(x,hovered.y+sy);var clickEvent=new CustomEvent("fin-cell-click",{detail:{cell:hovered,event:event,time:Date.now()}});this.canvas.dispatchEvent(clickEvent)},fireScrollEvent:function(type,oldValue,newValue){var event=new CustomEvent(type,{detail:{oldValue:oldValue,value:newValue,time:Date.now()}});this.canvas.dispatchEvent(event);var self=this;self.lastScrollTime=Date.now();var hoverClassOver=self.resolveProperty("scrollbarHoverOver");var hoverClassOff=self.resolveProperty("scrollbarHoverOff");if(!self.resolveProperty("scrollingEnabled")){hoverClassOver="hidden";hoverClassOff="hidden"}if(type==="fin-scroll-x"){self.sbHScroller.classList.remove(hoverClassOff);self.sbHScroller.classList.add(hoverClassOver);setTimeout(function(){if(!self.sbMouseIsDown&&!self.scrollBarHasMouse&&Date.now()-self.lastScrollTime>100){self.sbHScroller.classList.remove(hoverClassOver);self.sbHScroller.classList.add(hoverClassOff)}},700)}else{self.sbVScroller.classList.remove(hoverClassOff);self.sbVScroller.classList.add(hoverClassOver);setTimeout(function(){if(!self.sbMouseIsDown&&!self.scrollBarHasMouse&&Date.now()-self.lastScrollTime>100){self.sbVScroller.classList.remove(hoverClassOver);self.sbVScroller.classList.add(hoverClassOff)}},700)}},setVScrollValue:function(y){y=Math.max(0,y);var self=this;this.getBehavior()._setScrollPositionY(y);var oldY=this.vScrlValue;this.vScrlValue=y;this.scrollValueChangedNotification();setTimeout(function(){self.sbVRangeAdapter.subjectChanged();self.fireScrollEvent("fin-scroll-y",oldY,y)})},getVScrollValue:function(){return this.vScrlValue},setHScrollValue:function(x){x=Math.max(0,x);var self=this;this.getBehavior()._setScrollPositionX(x);var oldX=this.hScrlValue;this.hScrlValue=x;this.scrollValueChangedNotification();setTimeout(function(){self.sbHRangeAdapter.subjectChanged();self.fireScrollEvent("fin-scroll-x",oldX,x)})},getHScrollValue:function(){return this.hScrlValue},takeFocus:function(){if(this.isEditing()){this.editorTakeFocus()}else{this.getCanvas().takeFocus()}},editorTakeFocus:function(){if(this.cellEdtr){return this.cellEdtr.takeFocus()}},isEditing:function(){if(this.cellEdtr){return this.cellEdtr.isEditing}return false},initScrollbars:function(){var self=this;var scrollbars=this.shadowRoot.querySelectorAll("fin-vampire-bar");this.sbHScroller=scrollbars[0];this.sbVScroller=scrollbars[1];this.sbHScroller.onUpClick=function(){self.scrollHBy(1);self.isScrollButtonClick=true};this.sbHScroller.onDownClick=function(){self.scrollHBy(-1);self.isScrollButtonClick=true};this.sbHScroller.onUpHold=function(event){event.preventTap();self.scrollHBy(1);self.isScrollButtonClick=true};this.sbHScroller.onDownHold=function(event){event.preventTap();self.scrollHBy(-1);self.isScrollButtonClick=true};this.sbHScroller.onmouseover=function(event){noop(event);self.isScrollButtonClick=false;var hoverClassOver=self.resolveProperty("scrollbarHoverOver");var hoverClassOff=self.resolveProperty("scrollbarHoverOff");if(!self.resolveProperty("scrollingEnabled")){hoverClassOver="hidden";hoverClassOff="hidden"}self.sbHScroller.classList.remove(hoverClassOff);self.sbHScroller.classList.add(hoverClassOver)};this.sbHScroller.onmouseout=function(event){noop(event);if(self.sbMouseIsDown){return}else{var hoverClassOver=self.resolveProperty("scrollbarHoverOver");var hoverClassOff=self.resolveProperty("scrollbarHoverOff");if(!self.resolveProperty("scrollingEnabled")){hoverClassOver="hidden";hoverClassOff="hidden"}self.sbHScroller.classList.remove(hoverClassOver);self.sbHScroller.classList.add(hoverClassOff)}};this.sbVScroller.onmouseover=function(event){noop(event);self.isScrollButtonClick=false;var hoverClassOver=self.resolveProperty("scrollbarHoverOver");var hoverClassOff=self.resolveProperty("scrollbarHoverOff");if(!self.resolveProperty("scrollingEnabled")){hoverClassOver="hidden";hoverClassOff="hidden"}self.sbVScroller.classList.remove(hoverClassOff);self.sbVScroller.classList.add(hoverClassOver)};this.sbVScroller.onmouseout=function(event){noop(event);if(self.sbMouseIsDown){return}else{var hoverClassOver=self.resolveProperty("scrollbarHoverOver");var hoverClassOff=self.resolveProperty("scrollbarHoverOff");if(!self.resolveProperty("scrollingEnabled")){hoverClassOver="hidden";hoverClassOff="hidden"}self.sbVScroller.classList.remove(hoverClassOver);self.sbVScroller.classList.add(hoverClassOff)}};this.addEventListener("mousedown",function(){self.sbMouseIsDown=true});this.sbVScroller.onUpClick=function(){self.scrollVBy(-1);self.isScrollButtonClick=true};this.sbVScroller.onDownClick=function(){self.scrollVBy(1);self.isScrollButtonClick=true};this.sbVScroller.onUpHold=function(event){event.preventTap();self.scrollVBy(-1);self.isScrollButtonClick=true};this.sbVScroller.onDownHold=function(event){event.preventTap();self.scrollVBy(1);self.isScrollButtonClick=true};this.addEventListener("mousedown",function(){self.sbMouseIsDown=true});document.addEventListener("mouseup",function(e){noop(e);if(!self.sbMouseIsDown){return}self.sbMouseIsDown=false;self.takeFocus();var x=e.x||e.clientX;var y=e.y||e.clientY;var elementAt=self.shadowRoot.elementFromPoint(x,y);self.scrollBarHasMouse=elementAt===self.sbVScroller||elementAt===self.sbHScroller;if(!self.scrollBarHasMouse){var hoverClassOver=self.resolveProperty("scrollbarHoverOver");var hoverClassOff=self.resolveProperty("scrollbarHoverOff");if(!self.resolveProperty("scrollingEnabled")){hoverClassOver="hidden";hoverClassOff="hidden"}self.sbVScroller.classList.remove(hoverClassOver);self.sbHScroller.classList.remove(hoverClassOver);self.sbVScroller.classList.add(hoverClassOff);self.sbHScroller.classList.add(hoverClassOff)}});this.sbHValueHolder={changed:false,getValue:function(){return self.getHScrollValue()},setValue:function(v){self.setHScrollValue(v)}};this.sbVValueHolder={changed:false,getValue:function(){return self.getVScrollValue()},setValue:function(v){self.setVScrollValue(v)}};this.sbHScrlCfg={step:1,page:40,rangeStart:0,rangeStop:0};this.sbVScrlCfg={step:1,page:40,rangeStart:0,rangeStop:0};this.sbHRangeAdapter=this.sbHScroller.createRangeAdapter(this.sbHValueHolder,this.sbHScrlCfg);this.sbVRangeAdapter=this.sbHScroller.createRangeAdapter(this.sbVValueHolder,this.sbVScrlCfg);this.sbHScroller.setRangeAdapter(this.sbHRangeAdapter);this.sbVScroller.setRangeAdapter(this.sbVRangeAdapter)},scrollValueChangedNotification:function(){if(this.hScrlValue===this.sbPrevHScrlVal&&this.vScrlValue===this.sbPrevVScrlVal){return}this.sbHValueHolder.changed=!this.sbHValueHolder.changed;this.sbVValueHolder.changed=!this.sbVValueHolder.changed;this.sbPrevHScrlVal=this.hScrlValue;this.sbPrevVScrlVal=this.vScrlValue;if(this.cellEdtr){this.cellEdtr.scrollValueChangedNotification()}},getValue:function(x,y){return this.getBehavior()._getValue(x,y)},setValue:function(x,y,value){this.getBehavior()._setValue(x,y,value)},synchronizeScrollingBoundries:function(){var behavior=this.getBehavior();if(!behavior){return}var numColumns=behavior._getColumnCount();var numRows=behavior.getRowCount();var bounds=this.getBounds();if(!bounds){return}var scrollableHeight=bounds.height()-behavior.getFixedRowsHeight();var scrollableWidth=bounds.width()-behavior.getFixedColumnsMaxWidth()-200;var lastPageColumnCount=0;var columnsWidth=0;for(;lastPageColumnCount<numColumns;lastPageColumnCount++){var eachWidth=behavior._getColumnWidth(numColumns-lastPageColumnCount-1);columnsWidth=columnsWidth+eachWidth;if(columnsWidth>scrollableWidth){break}}var lastPageRowCount=0;var rowsHeight=0;for(;lastPageRowCount<numRows;lastPageRowCount++){var eachHeight=behavior.getRowHeight(numRows-lastPageRowCount-1);rowsHeight=rowsHeight+eachHeight;if(rowsHeight>scrollableHeight){break}}this.sbVScrlCfg.rangeStop=behavior.getRowCount()-lastPageRowCount;this.sbHScrlCfg.rangeStop=behavior._getColumnCount()-lastPageColumnCount;this.setVScrollValue(Math.min(this.getVScrollValue(),this.sbVScrlCfg.rangeStop));this.setHScrollValue(Math.min(this.getHScrollValue(),this.sbHScrlCfg.rangeStop))},getViewableRows:function(){return this.getRenderer().getViewableRows()},getViewableColumns:function(){return this.getRenderer().getViewableColumns()},initRenderer:function(){this.renderer=this.shadowRoot.querySelector("fin-hypergrid-renderer");this.renderer.setGrid(this)},getRenderer:function(){return this.renderer},getColumnWidth:function(columnIndex){return this.getBehavior()._getColumnWidth(columnIndex)},setColumnWidth:function(columnIndex,columnWidth){this.getBehavior()._setColumnWidth(columnIndex,columnWidth)},getFixedColumnWidth:function(columnIndex){return this.getBehavior().getFixedColumnWidth(columnIndex)},getFixedColumnsWidth:function(){return this.getBehavior().getFixedColumnsWidth()},setFixedColumnWidth:function(columnIndex,columnWidth){this.getBehavior().setFixedColumnWidth(columnIndex,columnWidth)},getRowHeight:function(index){return this.getBehavior().getRowHeight(index)},setRowHeight:function(index,height){this.getBehavior().setRowHeight(index,height)},getFixedRowHeight:function(index){return this.getBehavior().getFixedRowHeight(index)},setFixedRowHeight:function(index,height){this.getBehavior().setFixedRowHeight(index,height)},getFixedRowsHeight:function(){return this.getBehavior().getFixedRowsHeight()},getColumnCount:function(){return this.getBehavior()._getColumnCount()},getRowCount:function(){return this.getBehavior().getRowCount()},getFixedColumnCount:function(){return this.getBehavior().getFixedColumnCount()},getFixedRowCount:function(){return this.getBehavior().getFixedRowCount()},topLeftClicked:function(mouse){this.getBehavior().topLeftClicked(this,mouse)},fixedRowClicked:function(mouse){this.getBehavior()._fixedRowClicked(this,mouse)},fixedColumnClicked:function(mouse){this.getBehavior()._fixedColumnClicked(this,mouse)},activateEditor:function(event){var fixedColCount=this.getFixedColumnCount();var fixedRowCount=this.getFixedRowCount();var gridCell=event.gridCell;var mX=this.getHScrollValue()+gridCell.x-fixedColCount;var mY=this.getVScrollValue()+gridCell.y-fixedRowCount;var editor=this.getCellEditorAt(mX,mY);this.editAt(editor,event)},getCellEditorAt:function(x,y){return this.getBehavior()._getCellEditorAt(x,y)},toggleHiDPI:function(){if(this.canvas.isHiDPI()){this.removeAttribute("hidpi")}else{this.setAttribute("hidpi",null)}this.canvas.resize()},getHiDPI:function(ctx){if(window.devicePixelRatio&&this.canvas.isHiDPI()){var devicePixelRatio=window.devicePixelRatio||1;var backingStoreRatio=ctx.webkitBackingStorePixelRatio||ctx.mozBackingStorePixelRatio||ctx.msBackingStorePixelRatio||ctx.oBackingStorePixelRatio||ctx.backingStorePixelRatio||1;var ratio=devicePixelRatio/backingStoreRatio;return ratio}else{return 1}},getLeftSideSize:function(index){return this.renderer.getLeftSideSize(index)},getTopSideSize:function(index){return this.renderer.getTopSideSize(index)},resolveCellEditor:function(name){return this.cellEditors[name]},setDefaultCursor:function(){var behavior=this.getBehavior();var cursor=behavior.getCursorAt(-1,-1);var hoverCell=this.getHoverCell();if(hoverCell){var x=hoverCell.x+this.getHScrollValue();x=behavior.translateColumnIndex(x);cursor=behavior.getCursorAt(x,hoverCell.y+this.getVScrollValue())}this.beCursor(cursor)},repaintCell:function(x,y){this.getRenderer().repaintCell(x,y)},isDraggingColumn:function(){if(this.renderOverridesCache.dragger){return true}else{return false}},pageUp:function(){var rowNum=this.getRenderer().getPageUpRow();this.setVScrollValue(rowNum)},pageDown:function(){var rowNum=this.getRenderer().getPageDownRow();this.setVScrollValue(rowNum)},pageLeft:function(){console.log("page left")},pageRight:function(){console.log("page right")}})})();</script></polymer-element></body></html>
\ No newline at end of file
diff --git a/local.json b/local.json
new file mode 100644
index 000000000..df9a38957
--- /dev/null
+++ b/local.json
@@ -0,0 +1,26 @@
+{
+    "devtools_port": 9090,
+    "startup_app": {
+        "autoShow": true,
+        "name": "hypergrid-demo",
+        "url": "http://openfin.github.io/fin-hypergrid/components/fin-hypergrid/demo.html",
+        "uuid": "hypergrid-demo",
+        "applicationIcon": "http://openfin.github.io/fin-hypergrid/components/fin-hypergrid/images/openfin.ico",
+        "contextMenu" : true
+    },
+    "runtime": {
+        "arguments": "",
+        "version": "alpha",
+        "assets": [{
+            "src": "http://10.9.98.117:8080/q.zip",
+            "dest": "q",
+            "version": "0.0.1"
+        }]
+    },
+    "shortcut": {
+        "company": "OpenFin",
+        "description": "Hypergrid by OpenFin",
+        "icon": "http://openfin.github.io/fin-hypergrid/components/fin-hypergrid/images/openfin.ico",
+        "name": "Hypergrid-Demo-Local"
+    }
+}
diff --git a/polymer/css/behaviors/fin-hypergrid-behavior-base.css b/polymer/css/behaviors/fin-hypergrid-behavior-base.css
index 99ce03535..7a4a76847 100644
--- a/polymer/css/behaviors/fin-hypergrid-behavior-base.css
+++ b/polymer/css/behaviors/fin-hypergrid-behavior-base.css
@@ -38,5 +38,6 @@
 
 
 
+
 
 
diff --git a/polymer/css/behaviors/fin-hypergrid-behavior-default.css b/polymer/css/behaviors/fin-hypergrid-behavior-default.css
index 5c643e841..d53bb4c8e 100644
--- a/polymer/css/behaviors/fin-hypergrid-behavior-default.css
+++ b/polymer/css/behaviors/fin-hypergrid-behavior-default.css
@@ -142,5 +142,6 @@
 
 
 
+
 
 
diff --git a/polymer/css/behaviors/fin-hypergrid-behavior-gol.css b/polymer/css/behaviors/fin-hypergrid-behavior-gol.css
index 5c643e841..d53bb4c8e 100644
--- a/polymer/css/behaviors/fin-hypergrid-behavior-gol.css
+++ b/polymer/css/behaviors/fin-hypergrid-behavior-gol.css
@@ -142,5 +142,6 @@
 
 
 
+
 
 
diff --git a/polymer/css/behaviors/fin-hypergrid-behavior-in-memory.css b/polymer/css/behaviors/fin-hypergrid-behavior-in-memory.css
index 5c643e841..d53bb4c8e 100644
--- a/polymer/css/behaviors/fin-hypergrid-behavior-in-memory.css
+++ b/polymer/css/behaviors/fin-hypergrid-behavior-in-memory.css
@@ -142,5 +142,6 @@
 
 
 
+
 
 
diff --git a/polymer/css/behaviors/fin-hypergrid-behavior-json.css b/polymer/css/behaviors/fin-hypergrid-behavior-json.css
index 5c643e841..d53bb4c8e 100644
--- a/polymer/css/behaviors/fin-hypergrid-behavior-json.css
+++ b/polymer/css/behaviors/fin-hypergrid-behavior-json.css
@@ -142,5 +142,6 @@
 
 
 
+
 
 
diff --git a/polymer/css/behaviors/fin-hypergrid-behavior-q.css b/polymer/css/behaviors/fin-hypergrid-behavior-q.css
index 5c643e841..d53bb4c8e 100644
--- a/polymer/css/behaviors/fin-hypergrid-behavior-q.css
+++ b/polymer/css/behaviors/fin-hypergrid-behavior-q.css
@@ -142,5 +142,6 @@
 
 
 
+
 
 
diff --git a/polymer/css/behaviors/fin-hypergrid-behavior-qtree.css b/polymer/css/behaviors/fin-hypergrid-behavior-qtree.css
index 5c643e841..d53bb4c8e 100644
--- a/polymer/css/behaviors/fin-hypergrid-behavior-qtree.css
+++ b/polymer/css/behaviors/fin-hypergrid-behavior-qtree.css
@@ -142,5 +142,6 @@
 
 
 
+
 
 
diff --git a/polymer/css/behaviors/fin-hypergrid-behavior-web-worker.css b/polymer/css/behaviors/fin-hypergrid-behavior-web-worker.css
index 9caf50063..13b15d77e 100644
--- a/polymer/css/behaviors/fin-hypergrid-behavior-web-worker.css
+++ b/polymer/css/behaviors/fin-hypergrid-behavior-web-worker.css
@@ -8,3 +8,4 @@
 
 
 
+
diff --git a/polymer/css/cell-editors/fin-hypergrid-cell-editor-base.css b/polymer/css/cell-editors/fin-hypergrid-cell-editor-base.css
index 5c643e841..d53bb4c8e 100644
--- a/polymer/css/cell-editors/fin-hypergrid-cell-editor-base.css
+++ b/polymer/css/cell-editors/fin-hypergrid-cell-editor-base.css
@@ -142,5 +142,6 @@
 
 
 
+
 
 
diff --git a/polymer/css/cell-editors/fin-hypergrid-cell-editor-choice.css b/polymer/css/cell-editors/fin-hypergrid-cell-editor-choice.css
index 5c643e841..d53bb4c8e 100644
--- a/polymer/css/cell-editors/fin-hypergrid-cell-editor-choice.css
+++ b/polymer/css/cell-editors/fin-hypergrid-cell-editor-choice.css
@@ -142,5 +142,6 @@
 
 
 
+
 
 
diff --git a/polymer/css/cell-editors/fin-hypergrid-cell-editor-color.css b/polymer/css/cell-editors/fin-hypergrid-cell-editor-color.css
index 5c643e841..d53bb4c8e 100644
--- a/polymer/css/cell-editors/fin-hypergrid-cell-editor-color.css
+++ b/polymer/css/cell-editors/fin-hypergrid-cell-editor-color.css
@@ -142,5 +142,6 @@
 
 
 
+
 
 
diff --git a/polymer/css/cell-editors/fin-hypergrid-cell-editor-date.css b/polymer/css/cell-editors/fin-hypergrid-cell-editor-date.css
index 5c643e841..d53bb4c8e 100644
--- a/polymer/css/cell-editors/fin-hypergrid-cell-editor-date.css
+++ b/polymer/css/cell-editors/fin-hypergrid-cell-editor-date.css
@@ -142,5 +142,6 @@
 
 
 
+
 
 
diff --git a/polymer/css/cell-editors/fin-hypergrid-cell-editor-simple.css b/polymer/css/cell-editors/fin-hypergrid-cell-editor-simple.css
index 5c643e841..d53bb4c8e 100644
--- a/polymer/css/cell-editors/fin-hypergrid-cell-editor-simple.css
+++ b/polymer/css/cell-editors/fin-hypergrid-cell-editor-simple.css
@@ -142,5 +142,6 @@
 
 
 
+
 
 
diff --git a/polymer/css/cell-editors/fin-hypergrid-cell-editor-slider.css b/polymer/css/cell-editors/fin-hypergrid-cell-editor-slider.css
index 5c643e841..d53bb4c8e 100644
--- a/polymer/css/cell-editors/fin-hypergrid-cell-editor-slider.css
+++ b/polymer/css/cell-editors/fin-hypergrid-cell-editor-slider.css
@@ -142,5 +142,6 @@
 
 
 
+
 
 
diff --git a/polymer/css/cell-editors/fin-hypergrid-cell-editor-spinner.css b/polymer/css/cell-editors/fin-hypergrid-cell-editor-spinner.css
index 5c643e841..d53bb4c8e 100644
--- a/polymer/css/cell-editors/fin-hypergrid-cell-editor-spinner.css
+++ b/polymer/css/cell-editors/fin-hypergrid-cell-editor-spinner.css
@@ -142,5 +142,6 @@
 
 
 
+
 
 
diff --git a/polymer/css/cell-editors/fin-hypergrid-cell-editor-textfield.css b/polymer/css/cell-editors/fin-hypergrid-cell-editor-textfield.css
index 5c643e841..d53bb4c8e 100644
--- a/polymer/css/cell-editors/fin-hypergrid-cell-editor-textfield.css
+++ b/polymer/css/cell-editors/fin-hypergrid-cell-editor-textfield.css
@@ -142,5 +142,6 @@
 
 
 
+
 
 
diff --git a/polymer/css/data.css b/polymer/css/data.css
index 34a802a48..5f4771767 100644
--- a/polymer/css/data.css
+++ b/polymer/css/data.css
@@ -92,5 +92,6 @@
 
 
 
+
 
 
diff --git a/polymer/css/features/fin-hypergrid-feature-base.css b/polymer/css/features/fin-hypergrid-feature-base.css
index 5c643e841..d53bb4c8e 100644
--- a/polymer/css/features/fin-hypergrid-feature-base.css
+++ b/polymer/css/features/fin-hypergrid-feature-base.css
@@ -142,5 +142,6 @@
 
 
 
+
 
 
diff --git a/polymer/css/features/fin-hypergrid-feature-cell-click.css b/polymer/css/features/fin-hypergrid-feature-cell-click.css
index 761994371..07b468e6a 100644
--- a/polymer/css/features/fin-hypergrid-feature-cell-click.css
+++ b/polymer/css/features/fin-hypergrid-feature-cell-click.css
@@ -56,5 +56,6 @@
 
 
 
+
 
 
diff --git a/polymer/css/features/fin-hypergrid-feature-cell-editing.css b/polymer/css/features/fin-hypergrid-feature-cell-editing.css
index 5c643e841..d53bb4c8e 100644
--- a/polymer/css/features/fin-hypergrid-feature-cell-editing.css
+++ b/polymer/css/features/fin-hypergrid-feature-cell-editing.css
@@ -142,5 +142,6 @@
 
 
 
+
 
 
diff --git a/polymer/css/features/fin-hypergrid-feature-cell-selection.css b/polymer/css/features/fin-hypergrid-feature-cell-selection.css
index 5c643e841..d53bb4c8e 100644
--- a/polymer/css/features/fin-hypergrid-feature-cell-selection.css
+++ b/polymer/css/features/fin-hypergrid-feature-cell-selection.css
@@ -142,5 +142,6 @@
 
 
 
+
 
 
diff --git a/polymer/css/features/fin-hypergrid-feature-column-moving.css b/polymer/css/features/fin-hypergrid-feature-column-moving.css
index 5c643e841..d53bb4c8e 100644
--- a/polymer/css/features/fin-hypergrid-feature-column-moving.css
+++ b/polymer/css/features/fin-hypergrid-feature-column-moving.css
@@ -142,5 +142,6 @@
 
 
 
+
 
 
diff --git a/polymer/css/features/fin-hypergrid-feature-column-resizing.css b/polymer/css/features/fin-hypergrid-feature-column-resizing.css
index 5c643e841..d53bb4c8e 100644
--- a/polymer/css/features/fin-hypergrid-feature-column-resizing.css
+++ b/polymer/css/features/fin-hypergrid-feature-column-resizing.css
@@ -142,5 +142,6 @@
 
 
 
+
 
 
diff --git a/polymer/css/features/fin-hypergrid-feature-column-sorting.css b/polymer/css/features/fin-hypergrid-feature-column-sorting.css
index 5c643e841..d53bb4c8e 100644
--- a/polymer/css/features/fin-hypergrid-feature-column-sorting.css
+++ b/polymer/css/features/fin-hypergrid-feature-column-sorting.css
@@ -142,5 +142,6 @@
 
 
 
+
 
 
diff --git a/polymer/css/features/fin-hypergrid-feature-key-paging.css b/polymer/css/features/fin-hypergrid-feature-key-paging.css
index 046265fb1..2815e8119 100644
--- a/polymer/css/features/fin-hypergrid-feature-key-paging.css
+++ b/polymer/css/features/fin-hypergrid-feature-key-paging.css
@@ -11,3 +11,4 @@
 
 
 
+
diff --git a/polymer/css/features/fin-hypergrid-feature-on-hover.css b/polymer/css/features/fin-hypergrid-feature-on-hover.css
index a283576f7..6a7257f1a 100644
--- a/polymer/css/features/fin-hypergrid-feature-on-hover.css
+++ b/polymer/css/features/fin-hypergrid-feature-on-hover.css
@@ -64,5 +64,6 @@
 
 
 
+
 
 
diff --git a/polymer/css/features/fin-hypergrid-feature-overlay.css b/polymer/css/features/fin-hypergrid-feature-overlay.css
index 5c643e841..d53bb4c8e 100644
--- a/polymer/css/features/fin-hypergrid-feature-overlay.css
+++ b/polymer/css/features/fin-hypergrid-feature-overlay.css
@@ -142,5 +142,6 @@
 
 
 
+
 
 
diff --git a/polymer/css/features/fin-hypergrid-feature-row-resizing.css b/polymer/css/features/fin-hypergrid-feature-row-resizing.css
index 5c643e841..d53bb4c8e 100644
--- a/polymer/css/features/fin-hypergrid-feature-row-resizing.css
+++ b/polymer/css/features/fin-hypergrid-feature-row-resizing.css
@@ -142,5 +142,6 @@
 
 
 
+
 
 
diff --git a/polymer/css/features/fin-hypergrid-feature-thumbwheel-scrolling.css b/polymer/css/features/fin-hypergrid-feature-thumbwheel-scrolling.css
index 5c643e841..d53bb4c8e 100644
--- a/polymer/css/features/fin-hypergrid-feature-thumbwheel-scrolling.css
+++ b/polymer/css/features/fin-hypergrid-feature-thumbwheel-scrolling.css
@@ -142,5 +142,6 @@
 
 
 
+
 
 
diff --git a/polymer/css/fin-hypergrid-cell-provider.css b/polymer/css/fin-hypergrid-cell-provider.css
index 5c643e841..d53bb4c8e 100644
--- a/polymer/css/fin-hypergrid-cell-provider.css
+++ b/polymer/css/fin-hypergrid-cell-provider.css
@@ -142,5 +142,6 @@
 
 
 
+
 
 
diff --git a/polymer/css/fin-hypergrid-excel.css b/polymer/css/fin-hypergrid-excel.css
index 5c643e841..d53bb4c8e 100644
--- a/polymer/css/fin-hypergrid-excel.css
+++ b/polymer/css/fin-hypergrid-excel.css
@@ -142,5 +142,6 @@
 
 
 
+
 
 
diff --git a/polymer/css/fin-hypergrid-renderer.css b/polymer/css/fin-hypergrid-renderer.css
index 5c643e841..d53bb4c8e 100644
--- a/polymer/css/fin-hypergrid-renderer.css
+++ b/polymer/css/fin-hypergrid-renderer.css
@@ -142,5 +142,6 @@
 
 
 
+
 
 
diff --git a/polymer/css/fin-hypergrid-selection-model.css b/polymer/css/fin-hypergrid-selection-model.css
index 5c643e841..d53bb4c8e 100644
--- a/polymer/css/fin-hypergrid-selection-model.css
+++ b/polymer/css/fin-hypergrid-selection-model.css
@@ -142,5 +142,6 @@
 
 
 
+
 
 
diff --git a/polymer/css/fin-hypergrid.css b/polymer/css/fin-hypergrid.css
index 297137d95..16b97701b 100644
--- a/polymer/css/fin-hypergrid.css
+++ b/polymer/css/fin-hypergrid.css
@@ -208,5 +208,6 @@ fin-vampire-bar {
 
 
 
+
 
 
diff --git a/polymer/js/behaviors/fin-hypergrid-behavior-in-memory.js b/polymer/js/behaviors/fin-hypergrid-behavior-in-memory.js
index 25fc5b751..458d8e292 100644
--- a/polymer/js/behaviors/fin-hypergrid-behavior-in-memory.js
+++ b/polymer/js/behaviors/fin-hypergrid-behavior-in-memory.js
@@ -50,7 +50,7 @@
             this.tableState.sorts = [];
             this.tableState.sortLookup = {};
             this.tableState.sorted = {};
-            this.sortStates = [' -', ' ^', ' v'];
+            this.sortStates = [' -', ' ↑', ' ↓'];
 
             this.permuteInterval = 250;
             this.values = new Array(this.rows * this.columns);
diff --git a/polymer/js/behaviors/fin-hypergrid-behavior-json.js b/polymer/js/behaviors/fin-hypergrid-behavior-json.js
index 06631d78b..9af102c31 100644
--- a/polymer/js/behaviors/fin-hypergrid-behavior-json.js
+++ b/polymer/js/behaviors/fin-hypergrid-behavior-json.js
@@ -15,7 +15,7 @@ var validIdentifierMatch = /^(?!(?:abstract|boolean|break|byte|case|catch|char|c
         ready: function() {
             this.readyInit();
             this.tableState.sorted = [];
-            this.sortStates = [' ', ' \u2191', ' \u2193'];
+            this.sortStates = [' ', ' ↑', ' ↓'];
         },
 
         isValidIdentifer: function(string) {
diff --git a/polymer/js/behaviors/fin-hypergrid-behavior-qtree.js b/polymer/js/behaviors/fin-hypergrid-behavior-qtree.js
index de4b67f29..bd8cdcde4 100644
--- a/polymer/js/behaviors/fin-hypergrid-behavior-qtree.js
+++ b/polymer/js/behaviors/fin-hypergrid-behavior-qtree.js
@@ -59,16 +59,16 @@
 
     //sort states are also the visual queues in the column headers
     //* '' no sort
-    //* ^ sort ascending
-    //* v sort descending
-    //* |^| sort absolute value ascending
-    //* |v| sort absolute value descending;
+    //* ↑ sort ascending
+    //* ↓ sort descending
+    //* ⤒ sort absolute value ascending
+    //* ⤓ sort absolute value descending;
     // \u25be
     var sortMap = {
-        a: '\u2191',
-        d: '\u2193',
-        A: '\u2912',
-        D: '\u2913'
+        a: '↑', //'\u2191',
+        d: '↓', //'\u2193',
+        A: '⤒', //'\u2912',
+        D: '⤓', //'\u2913'
     };
 
     var sortStates = {
diff --git a/polymer/js/fin-hypergrid.js b/polymer/js/fin-hypergrid.js
index a9618c364..dc96529e1 100644
--- a/polymer/js/fin-hypergrid.js
+++ b/polymer/js/fin-hypergrid.js
@@ -1485,9 +1485,7 @@
          * @method scrollHBy(offsetX)
          */
         scrollHBy: function(offsetX) {
-            var max = this.sbHScrlCfg.rangeStop;
             var oldValue = this.getHScrollValue();
-            var newValue = Math.min(max, Math.max(0, oldValue + offsetX));
             if (newValue === oldValue) {
                 return;
             }
@@ -1608,6 +1606,8 @@
          * @method setVScrollValue(y)
          */
         setVScrollValue: function(y) {
+            var max = this.sbVScrlCfg.rangeStop;
+            y = Math.min(max, Math.max(0, y));
             var self = this;
             this.getBehavior()._setScrollPositionY(y);
             var oldY = this.vScrlValue;
@@ -1638,6 +1638,8 @@
          * @method setHScrollValue(x)
          */
         setHScrollValue: function(x) {
+            var max = this.sbHScrlCfg.rangeStop;
+            x = Math.min(max, Math.max(0, x));
             var self = this;
             this.getBehavior()._setScrollPositionX(x);
             var oldX = this.hScrlValue;