From 651ef7067ee40e4565c3e170f2e291b99be485fa Mon Sep 17 00:00:00 2001
From: steve wirts <stevewirts@gmail.com>
Date: Tue, 17 Feb 2015 17:41:13 -0500
Subject: [PATCH] fixed small column reordering bug

---
 behaviors/fin-hypergrid-behavior-default.html |   3 ++
 behaviors/fin-hypergrid-behavior-qtree.html   |  48 +++++++++---------
 .../fin-hypergrid-feature-column-moving.html  |   1 +
 fin-hypergrid-renderer.html                   |   2 +-
 fin-hypergrid.min.html                        |   2 +-
 q/s3.zip                                      | Bin 7115 -> 7112 bytes
 q/s3/w.q                                      |   2 +-
 7 files changed, 32 insertions(+), 26 deletions(-)

diff --git a/behaviors/fin-hypergrid-behavior-default.html b/behaviors/fin-hypergrid-behavior-default.html
index 557532f29..1a1f654fe 100644
--- a/behaviors/fin-hypergrid-behavior-default.html
+++ b/behaviors/fin-hypergrid-behavior-default.html
@@ -478,6 +478,9 @@
             //return true to close the editor
             //anything else will leave the editor open
             return true;
+        },
+        endDragColumnNotification: function() {
+            console.log('end drag column notification');
         }
 
     });
diff --git a/behaviors/fin-hypergrid-behavior-qtree.html b/behaviors/fin-hypergrid-behavior-qtree.html
index f241c2634..a123c58cb 100644
--- a/behaviors/fin-hypergrid-behavior-qtree.html
+++ b/behaviors/fin-hypergrid-behavior-qtree.html
@@ -93,7 +93,8 @@
             this.reconnect();
             this.msgCounter = Date.now();
             this.msgResponsesActions = {};
-        },
+
+},
         getFixedRowCount: function() {
             return 2;
         },
@@ -490,18 +491,17 @@
             }
             return id;
         },
-        swapColumns: function(src, tar) {
+        endDragColumnNotification: function() {
             var self = this;
-            var tmp = this.columnIndexes[src];
-            this.columnIndexes[src] = this.columnIndexes[tar];
-            this.columnIndexes[tar] = tmp;
 
             var visible = this.block.F.slice(0);
-            var t = visible[src];
-            visible[src] = visible[tar];
-            visible[tar] = t;
-            var msgId = this.getNextMessageId(function() {
+            for (var i = 0; i < visible.length; i++) {
+                visible[i] = this.getColumnId(i);
+            }
+            var msgId = this.getNextMessageId(function(message) {
+                //ignore any predecessor column swap results if a new one has been posted
                 self.initColumnIndexes();
+                self.handleMessage(message);
             });
             var changeCols = {
                     id: msgId,
@@ -523,11 +523,23 @@
               style.height = '90%';
               style.whiteSpace = 'nowrap';
         },
+        handleMessage: function(d) {
+            this.block = d;
+
+            if (d.rows !== this.block.N - 1) {
+                if (this.sizeChanged) {
+                    this.sizeChanged();
+                }
+            }
+            if (!this.columnIndexes || this.columnIndexes.length === 0)  {
+                this.initColumnIndexes();
+            }
+            this.changed();
+        },
         //websocket connection to Q.  try and do a reconnect after 2 seconds if we fail
         connect: function() {
             var d = {};
             var self = this;
-            var oldSize = 0;
             if ('WebSocket' in window) {
                 try {
                     this.ws = new WebSocket(this.url);
@@ -554,25 +566,15 @@
                 };
                 this.ws.onmessage = function(e) {
                     d = JSON.parse(e.data);
-                    self.block = d;
                     var msgId = d.id;
                     var action = self.msgResponsesActions[msgId];
                     if (action) {
                         action(d);
-                        self.msgResponsesActions[id] = "done";
+                        self.msgResponsesActions[msgId] = undefined;
+                    } else {
+                        self.handleMessage(d);
                     }
-                    oldSize = self.block.N - 1;
 
-                    if (d.rows !== oldSize) {
-                        if (self.sizeChanged) {
-                            self.sizeChanged();
-                        }
-                    }
-                    if (!self.columnIndexes || self.columnIndexes.length === 0)  {
-                        self.initColumnIndexes();
-                    }
-                    self.changed();
-                    //console.dir(self.block);
                 };
                 this.ws.onerror = function(e) {
                     self.clearData();
diff --git a/features/fin-hypergrid-feature-column-moving.html b/features/fin-hypergrid-feature-column-moving.html
index d0e274fa3..cc0370492 100644
--- a/features/fin-hypergrid-feature-column-moving.html
+++ b/features/fin-hypergrid-feature-column-moving.html
@@ -462,6 +462,7 @@
                 grid.repaint();
                 requestAnimationFrame(function() {
                     d.style.display = 'none';
+                    grid.getBehavior().endDragColumnNotification();
                 });
             }, columnAnimationTime + 50);
 
diff --git a/fin-hypergrid-renderer.html b/fin-hypergrid-renderer.html
index be2e9ec59..366387bdb 100644
--- a/fin-hypergrid-renderer.html
+++ b/fin-hypergrid-renderer.html
@@ -545,7 +545,7 @@
                 for (var r = 0; r < numRows; r++) {
 
                     var height = this.getFixedRowHeight(r);
-                    var align = behavior.getFixedRowAlignment(c, r);
+                    var align = behavior.getFixedRowAlignment(c + scrollLeft, r);
                     var value = behavior.getFixedRowValue(c + scrollLeft, r);
 
                     //translatedX allows us to reorder columns
diff --git a/fin-hypergrid.min.html b/fin-hypergrid.min.html
index a7ea3aa17..d1210a5b9 100644
--- a/fin-hypergrid.min.html
+++ b/fin-hypergrid.min.html
@@ -24,4 +24,4 @@
                 ⬤
               </span>
               {{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",{attached:function(){this.label=this.label||"title";this.list=this.list||["list item one","list item two","list item three","list item four","list item one","list item two","list item three","list item four","list item one","list item two","list item three","list item four","list item one","list item two","list item three","list item four","list item one","list item two","list item three","list item four","list item one","list item two","list item three","list item four"];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},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="../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=""><template></template><script>"use strict";(function(){var constants;var defaults={};var polymerTheme=Object.create(defaults);var themeInitialized=false;var globalProperties=Object.create(polymerTheme);var config={};var defaultProperties=function(proto){var theme=Object.create(proto);theme.font="13px Tahoma, Geneva, sans-serif";theme.color="rgb(25, 25, 25)";theme.backgroundColor="rgb(241, 241, 241)";theme.foregroundSelColor="rgb(25, 25, 25)";theme.backgroundSelColor="rgb(183, 219, 255)";theme.topLeftFont="14px Tahoma, Geneva, sans-serif";theme.topLeftColor="rgb(25, 25, 25)";theme.topLeftBackgroundColor="rgb(223, 227, 232)";theme.topLeftFGSelColor="rgb(255, 220, 97)";theme.topLeftBGSelColor="rgb(255, 220, 97)";theme.fixedColumnFont="14px Tahoma, Geneva, sans-serif";theme.fixedColumnColor="rgb(25, 25, 25)";theme.fixedColumnBackgroundColor="rgb(223, 227, 232)";theme.fixedColumnFGSelColor="rgb(255, 220, 97)";theme.fixedColumnBGSelColor="rgb(255, 220, 97)";theme.fixedRowFont="14px Tahoma, Geneva, sans-serif";theme.fixedRowColor="rgb(25, 25, 25)";theme.fixedRowBackgroundColor="rgb(223, 227, 232)";theme.fixedRowFGSelColor="rgb(255, 220, 97)";theme.fixedRowBGSelColor="rgb(255, 220, 97)";theme.backgroundColor2="rgb(201, 201, 201)";theme.lineColor="rgb(199, 199, 199)";theme.hoffset=0;theme.voffset=0;return theme};var buildPolymerTheme=function(){clearObjectProperties(polymerTheme);var pb=document.createElement("paper-button");pb.style.display="none";pb.setAttribute("disabled",true);document.body.appendChild(pb);var section=document.createElement("section");section.style.display="none";section.setAttribute("hero",true);document.body.appendChild(section);var p=window.getComputedStyle(pb);var h=window.getComputedStyle(document.querySelector("html"));var hb=window.getComputedStyle(document.querySelector("html, body"));var s=window.getComputedStyle(section);polymerTheme.fixedRowBackgroundColor=p["background-color"];polymerTheme.fixedColumnBackgroundColor=p["background-color"];polymerTheme.topLeftBackgroundColor=p["background-color"];polymerTheme.backgroundColor2=hb["background-color"];polymerTheme.lineColor=p["color"];polymerTheme.color=h["color"];polymerTheme.fontFamily=h["font-family"];polymerTheme.backgroundColor=s["background-color"];pb.setAttribute("disabled",false);pb.setAttribute("secondary",true);pb.setAttribute("raised",true);polymerTheme.backgroundSelColor=p["background-color"];polymerTheme.foregroundSelColor=p["color"];pb.setAttribute("secondary",false);pb.setAttribute("info",true);polymerTheme.fixedRowFGSelColor=p["color"];polymerTheme.fixedRowBGSelColor=p["background-color"];polymerTheme.fixedColumnFGSelColor=p["color"];polymerTheme.fixedColumnBGSelColor=p["background-color"];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 cellConfig=function(x,y,value,fgColor,bgColor,fgSelColor,bgSelColor,font,isSelected,halign,hoffset,voffset,properties){config.x=x;config.y=y;config.value=value;config.fgColor=fgColor;config.bgColor=properties.bgColor===bgColor?null:bgColor;config.fgSelColor=fgSelColor;config.bgSelColor=bgSelColor;config.font=font;config.isSelected=isSelected;config.halign=halign||"center";config.hoffset=hoffset;config.voffset=voffset;config.properties=properties;return config};Polymer("fin-hypergrid-renderer",{ready:function(){this.readyInit();if(!constants){constants=document.createElement("fin-hypergrid-constants").values;defaults=defaultProperties(constants);polymerTheme=Object.create(defaults);globalProperties=Object.create(polymerTheme)}this.lnfProperties=Object.create(globalProperties);this.renderedColumnWidths=[0];this.renderedRowHeights=[0];this.renderedColumns=[];this.renderedRows=[];this.insertionBounds=[];if(!themeInitialized){buildPolymerTheme();themeInitialized=true}},resolveProperty:function(key){return this.lnfProperties[key]},cellConfig:function(x,y,value,fgColor,bgColor,fgSelColor,bgSelColor,font,isSelected,halign,hoffset,voffset){var config=cellConfig(x,y,value,fgColor,bgColor,fgSelColor,bgSelColor,font,isSelected,halign,hoffset,voffset,this.lnfProperties);return config},getGrid:function(){return this.hypergrid},setGrid:function(grid){this.hypergrid=grid},paint:function(gc){if(!this.hypergrid){return}this.renderGrid(gc);this.getGrid().gridRenderedNotification()},getViewableRows:function(){return this.renderedRows.length},getViewableColumns:function(){return this.renderedColumns.length},overColumnDivider:function(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){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){var ox=this.renderedColumnWidths[cell.x],oy=this.renderedRowHeights[cell.y],cx=this.renderedColumnWidths[cell.x+1],cy=this.renderedRowHeights[cell.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 grid=this.getGrid();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();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)},blankOutOverflow:function(gc){var grid=this.getGrid();var isMaxX=this.isLastColumnVisible();var chop=isMaxX?2:1;var x=this.renderedColumnWidths[this.renderedColumnWidths.length-chop];var bounds=this.getBounds();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=behavior.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.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.strokeStyle=lineColor;gc.lineWidth=1;var c,r,x,y,width,height;gc.beginPath();gc.moveTo(0,0);y=0;for(r=0;r<numFixedRows;r++){height=this.getFixedRowHeight(r);y=y+height;this.renderedRowHeights.push(y);if(drawThemH){gc.moveTo(fixedColumnsWidth,y);gc.lineTo(viewWidth,y);gc.stroke()}}gc.beginPath();gc.moveTo(0,0);x=0;for(c=0;c<numFixedColumns;c++){width=this.getFixedColumnWidth(c);x=x+width;this.renderedColumnWidths.push(x);if(drawThemV){gc.moveTo(x,fixedRowsHeight);gc.lineTo(x,viewHeight);gc.stroke()}}gc.beginPath();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,0);gc.lineTo(x,viewHeight);gc.stroke()}x=x+width;this.renderedColumnWidths.push(x);insertionBoundsCursor=insertionBoundsCursor+Math.round(width/2)+previousInsertionBoundsCursorValue;this.insertionBounds.push(insertionBoundsCursor);previousInsertionBoundsCursorValue=Math.round(width/2)}gc.beginPath();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);gc.lineTo(viewWidth,y);gc.stroke()}y=y+height;this.renderedRowHeights.push(y)}},paintHeaders:function(ctx,offsetX,offsetY){this.paintFixedRows(ctx,offsetX+this.getBehavior().getFixedColumnsWidth(),offsetY,this.getBehavior().getColumnCount(),this.getBehavior().getFixedRowCount());this.paintFixedColumns(ctx,offsetX,offsetY+this.getBehavior().getFixedRowsHeight(),this.getBehavior().getFixedColumnCount(),this.getBehavior().getRowCount())},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 halign=this.resolveProperty("fixedRowAlign");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,r);var value=behavior.getFixedRowValue(c+scrollLeft,r);var translatedX=behavior.translateColumnIndex(c+scrollLeft);var cell=cellProvider.getFixedRowCell(this.cellConfig(translatedX,r,value,fgColor,bgColor,fgSelColor,bgSelColor,font,isSelected,align,hoffset,voffset));cell.paint(ctx,x,y,width,height);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 cell=cellProvider.getFixedColumnCell(this.cellConfig(c,r+scrollTop,value,fgColor,bgColor,fgSelColor,bgSelColor,font,isSelected,align,hoffset,voffset));cell.paint(ctx,x,y,width,height);y=y+height}x=x+width}},paintCells:function(ctx,offsetX,offsetY){try{ctx.save();this._paintCells(ctx,offsetX,offsetY)}finally{ctx.restore()}},_paintCells:function(ctx,offsetX,offsetY){var behavior=this.getBehavior();var numColumns=behavior.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 columnAlign=behavior.getColumnAlignment(c+scrollLeft);ctx.fillStyle=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 translatedX=behavior.translateColumnIndex(c+scrollLeft);var cell=cellProvider.getCell(this.cellConfig(translatedX,r+scrollTop,value,fgColor,bgColor,fgSelColor,bgSelColor,font,isSelected,columnAlign,hoffset,voffset));cell.paint(ctx,x,y,width,height);y=y+height}x=x+width}},paintTopLeft:function(ctx,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 columnAlign=behavior.getTopLeftAlignment(c,r);ctx.fillStyle=bgColor;ctx.fillRect(x,y,x+width,viewHeight-y);for(var r=0;r<numRows;r++){var height=this.getFixedRowHeight(r);if(y>viewHeight||numRows<=r){break}var value=behavior.getTopLeftValue(c,r);var cell=cellProvider.getTopLeftCell(this.cellConfig(x,r,value,fgColor,bgColor,fgSelColor,bgSelColor,font,false,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()},getConstants:function(){return this.getGrid().constants},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]}})})();</script></polymer-element><polymer-element name="fin-hypergrid-selection-model" assetpath=""><template></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-feature-base" assetpath="features/"><template></template><script>(function(){"use strict";Polymer("fin-hypergrid-feature-base",{next:null,detached:null,cursor: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)}},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-constants" assetpath=""><template></template><script>"use strict";(function(){var values={defaultFont:"13px Tahoma, Geneva, sans-serif",foregroundColor:"#010126",backgroundColor:"#FFFFFF",foregroundSelColor:"#010126",backgroundSelColor:"#B7DBFF",fixedRowBackgroundColor:"#DFE3E8",fixedColumnBackgroundColor:"#DFE3E8",topLeftBackgroundColor:"#DFE3E8",fixedColFGSelColor:"#010126",fixedRowFGSelColor:"#010126",fixedColBGSelColor:"#FFDC61",fixedRowBGSelColor:"#FFDC61",fixedRowAlign:"center",fixedColAlign:"center",cellPadding:5,rowHeight:20,columnWidth:100,repaintIntervalRate:15,lineColor:"#C7C7C7",gridLinesH:true,gridLinesV:true,scrollerSize:15,voffset:"0px",hoffset:"0px"};Polymer("fin-hypergrid-constants",{values:values})})();</script></polymer-element><polymer-element name="fin-hypergrid-cell-provider" assetpath=""><template></template><script>"use strict";(function(){var constants;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()}};Polymer("fin-hypergrid-cell-provider",{created:function(){if(!constants){constants=document.createElement("fin-hypergrid-constants").values}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){var colHEdgeOffset=constants.cellPadding,halignOffset=this.config.hoffset,valignOffset=this.config.voffset,halign=this.config.halign,size,textWidth;if(gc.font!==this.config.font){gc.font=this.config.font}if(gc.textAlign!=="left"){gc.textAlign="left"}if(gc.textBasline!=="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)}gc.fillStyle=this.config.isSelected?this.config.fgSelColor:this.config.fgColor;gc.fillText(this.config.value,x+halignOffset,y+valignOffset)},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()},paintSparkbar:function(ctx,x,y,width,height){var val=this.config.value;if(!val||!val.length){return}var count=val.length;var eWidth=width/count;var bgColor=this.config.isSelected?this.config.bgSelColor:this.config.bgColor;var fgColor=this.config.isSelected?this.config.bgColor:this.config.bgSelColor;ctx.fillStyle=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}},paintSparkline:function(ctx,x,y,width,height){var val=this.config.value;if(!val||!val.length){return}var count=val.length;var eWidth=width/count;var bgColor=this.config.isSelected?this.config.bgSelColor:this.config.bgColor;var fgColor=this.config.isSelected?this.config.bgColor:this.config.bgSelColor;ctx.fillStyle=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()},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){},initializeCells:function(){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}}})})();</script></polymer-element><polymer-element name="fin-hypergrid-feature-cell-selection" extends="fin-hypergrid-feature-base" assetpath="features/"><template></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){var b=grid.getDataBounds();var inside=b.contains(mouse);if(inside){if(grid.scrollingNow){grid.scrollingNow=false}}else if(!grid.scrollingNow){grid.scrollingNow=true;this.scrollDrag(grid)}},scrollDrag:function(grid){if(!grid.scrollingNow){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 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 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="features/"><template></template><script>(function(){"use strict";var animationTime=200;Polymer("fin-hypergrid-feature-overlay",{handleKeyUp:function(grid,event){var key=event.detail.char;if(key==="ALT"){this.toggleColumnPicker(grid)}},toggleColumnPicker:function(grid){if(this.isColumnPickerOpen(grid)){this.closeColumnPicker(grid)}else{this.openColumnPicker(grid)}},isColumnPickerOpen:function(grid){return this.overlay.style.display!=="none"},openColumnPicker:function(grid){if(this.isColumnPickerOpen()){return}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){return}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(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()},animationTime)},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 "+animationTime+"ms ease-in";this.overlay.style.opacity=0;grid.appendChild(this.overlay)}})})();</script></polymer-element><polymer-element name="fin-hypergrid-feature-thumbwheel-scrolling" extends="fin-hypergrid-feature-base" assetpath="features/"><template></template><script>(function(){"use strict";Polymer("fin-hypergrid-feature-thumbwheel-scrolling",{handleWheelMoved:function(grid,e){var primEvent=e.primitiveEvent;if(primEvent.wheelDeltaY>0){grid.scrollBy(0,-1)}else if(primEvent.wheelDeltaY<-0){grid.scrollBy(0,1)}else if(primEvent.wheelDeltaX>0){grid.scrollBy(-1,0)}else if(primEvent.wheelDeltaX<-0){grid.scrollBy(1,0)}}})})();</script></polymer-element><polymer-element name="fin-hypergrid-feature-cell-editing" extends="fin-hypergrid-feature-base" assetpath="features/"><template></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="features/"><template></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="features/"><template></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 fixedAreaCount=this.getFixedAreaCount(grid);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){var gridCell=event.gridCell;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="features/"><template></template><script>(function(){"use strict";var columnAnimationTime=150;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){this.dragger=document.createElement("canvas");this.dragger.setAttribute("width","0px");this.dragger.setAttribute("height","0px");document.body.appendChild(this.dragger);this.draggerCTX=this.dragger.getContext("2d");this.floatColumn=document.createElement("canvas");this.floatColumn.setAttribute("width","0px");this.floatColumn.setAttribute("height","0px");document.body.appendChild(this.floatColumn);this.floatColumnCTX=this.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=self.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-grid.constants.scrollerSize+1;var d=this.floatColumn;var style=d.style;var location=grid.getBoundingClientRect();style.top=location.top-2+"px";style.left=location.left+"px";style.position="absolute";var hdpiRatio=grid.getHiDPI(this.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;this.floatColumnCTX.scale(hdpiRatio,hdpiRatio);grid.renderOverridesCache.floater={columnIndex:columnIndex,ctx:this.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(this.draggerCTX);var columnWidth=columnIndex<0?grid.getFixedColumnWidth(numFixedColumns+columnIndex+scrollLeft):grid.getColumnWidth(columnIndex+scrollLeft);var colHeight=grid.clientHeight-grid.constants.scrollerSize+1;var d=this.dragger;var location=grid.getBoundingClientRect();var style=d.style;style.top=location.top+"px";style.left=location.left+"px";style.position="absolute";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;this.draggerCTX.scale(hdpiRatio,hdpiRatio);grid.renderOverridesCache.dragger={columnIndex:columnIndex,ctx:this.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(this.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=this.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=this.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"})},columnAnimationTime+50)}})})();</script></polymer-element><polymer-element name="fin-hypergrid-feature-row-resizing" extends="fin-hypergrid-feature-column-resizing" assetpath="features/"><template></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-behavior-default" assetpath="behaviors/"><template></template><script>"use strict";(function(){var noop=function(){};var a="ABCDEFGHIJKLMNOPQRSTUVWXYZ";Polymer("fin-hypergrid-behavior-default",{ready:function(){this.readyInit()},columnIndexes:null,fixedColumnIndexes:null,columnWidths:null,fixedColumnWidths:null,rowHeights:null,fixedRowHeights:null,grid:null,editorTypes:["choice","textfield","color","slider","spinner","date"],featureChain:null,readyInit:function(){this.constants=document.createElement("fin-hypergrid-constants").values;this.cellProvider=this.createCellProvider();this.scrollPositionX=0;this.scrollPositionY=0;this.renderedWidth=30;this.renderedHeight=60;this.columnWidths=this.columnWidths||[],this.fixedColumnWidths=this.fixedColumnWidths||[],this.columnIndexes=this.columnIndexes||[],this.fixedColumnIndexes=this.fixedColumnIndexes||[],this.rowHeights=this.rowHeights||[],this.fixedRowHeights=this.fixedRowHeights||[],this.values={};this.initColumnIndexes()},initColumnIndexes:function(){var columnCount=this.getColumnCount();var fixedColumnCount=this.getFixedColumnCount();var i;for(i=0;i<columnCount;i++){this.columnIndexes[i]=i}for(i=0;i<fixedColumnCount;i++){this.fixedColumnIndexes[i]=i}},swapColumns:function(src,tar){var tmp=this.columnIndexes[src];this.columnIndexes[src]=this.columnIndexes[tar];this.columnIndexes[tar]=tmp},translateColumnIndex:function(x){return this.columnIndexes[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-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.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.values["p_"+x+"_"+y];if(override){return override}return x+", "+a[y%26]},setValue:function(x,y,value){x=this.translateColumnIndex(x);this.values["p_"+x+"_"+y]=value},getFixedRowValue:function(x){x=this.translateColumnIndex(x);return this.alphaFor(x)},getFixedColumnValue:function(x,y){return y+1},getRowCount:function(){return 1e15},getColumnCount:function(){return 300},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){var override=this.fixedRowHeights[rowNum];if(override){return override}return this.constants.rowHeight},setFixedRowHeight:function(rowNum,height){this.fixedRowHeights[rowNum]=Math.max(5,height);this.changed()},getRowHeight:function(rowNum){var override=this.rowHeights[rowNum];if(override){return override}return this.constants.rowHeight},setRowHeight:function(rowNum,height){this.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.fixedColumnWidths[colNumber]=Math.max(5,width);this.changed()},getFixedColumnsMaxWidth:function(){var width=this.getFixedColumnsWidth();return width},getFixedColumnWidth:function(colNumber){var override=this.fixedColumnWidths[colNumber];if(override){return override}return this.constants.columnWidth},getColumnWidth:function(colNumber){colNumber=this.columnIndexes[colNumber];var override=this.columnWidths[colNumber];if(override){return override}return this.constants.columnWidth},setColumnWidth:function(colNumber,width){colNumber=this.columnIndexes[colNumber];this.columnWidths[colNumber]=Math.max(5,width);this.changed()},setScrollPositionY:function(y){this.scrollPositionY=y;this.changed()},setScrollPositionX:function(x){this.scrollPositionX=x;this.changed()},setRenderedWidth:function(width){this.renderedWidth=width},setRenderedHeight:function(height){this.renderedHeight=height},getColumnAlignment:function(){return"center"},getTopLeftAlignment:function(){return"center"},getFixedColumnAlignment:function(){return this.constants.fixedColumnAlign},getFixedRowAlignment:function(){return this.constants.fixedRowAlign},topLeftClicked:function(grid,mouse){console.log("top Left clicked: "+mouse.gridCell.x,mouse)},fixedRowClicked:function(grid,mouse){console.log("fixed row clicked: "+mouse.gridCell.x,mouse)},fixedColumnClicked:function(grid,mouse){console.log("fixed col clicked: "+mouse.gridCell.y,mouse)},setCursor:function(grid){grid.beCursor("default");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)}},getCellEditorAt:function(x,y){x=this.translateColumnIndex(x);var cellEditor=this.grid.cellEditors["textfield"];return cellEditor},changed:function(){},isColumnReorderable:function(){return true},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},openEditor:function(div){return false},closeEditor:function(div){return true}})})();</script></polymer-element><polymer-element name="fin-hypergrid-behavior-gol" extends="fin-hypergrid-behavior-default" assetpath="behaviors/"><template></template><script>"use strict";(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){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){return 10},getColumnWidth:function(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;if(dir===0){for(var x=0;x<w;x++){for(var y=0;y<h;y++){array[x+c][y+r]=[pattern[w-x-1][y],1]}}}else if(dir===1){for(var x=0;x<w;x++){for(var y=0;y<h;y++){array[x+c][y+r]=[pattern[x][y],1]}}}else if(dir===2){for(var x=0;x<w;x++){for(var y=0;y<h;y++){array[y+c][x+r]=[pattern[x][y],1]}}}else{for(var x=0;x<w;x++){for(var 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-default" assetpath="behaviors/"><template></template><script>"use strict";(function(){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.columnWidths=[50,150,80,90,80,150,100,80,80,100],this.fixedColumnWidths=[120],this.rows=5e3;this.columns=100;this.readyInit();this.permuteInterval=50;this.values=new Array(this.rows*this.columns);this.order=[];this.sorts=[];this.sortLookup={};this.sorted={};this.sortStates=[" -"," ^"," v"];this.createSort(0,2);this.createSort(0,14);this.createSort(0,22);this.initOrder();this.initialize();this.permute();this.reorder()},createCellProvider:function(){var self=this;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){x=this.translateColumnIndex(x);var type=x!==9?"textfield":this.editorTypes[y%this.editorTypes.length];var cellEditor=this.grid.cellEditors[type];return cellEditor},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.sorts.push(that);this.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.sorts.length;++i){var sort=this.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.sorts.length<=0){return}var sort=this.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){col=this.translateColumnIndex(col);this._setValue(col,y,value)},_setValue:function(col,y,value){var row=this.orderOf(y);var index=this.indexOf(row,col);this.values[index]=value},getValue:function(col,y){col=this.translateColumnIndex(col);return this._getValue(col,y)},_getValue:function(col,y){var row=this.orderOf(y);var index=this.indexOf(row,col);return this.values[index]},getRowCount:function(){return this.rows},getColumnCount:function(){return this.columns},getFixedRowValue:function(x){x=this.translateColumnIndex(x);var sortIndicator="";if(this.sortLookup[x]&&!this.sorted[x]){this.sorted[x]=0;sortIndicator=this.sortStates[this.sorted[x]]}if(this.sorted[x]){sortIndicator=this.sortStates[this.sorted[x]]}return this.alphaFor(x)+sortIndicator},fixedRowClicked:function(grid,mouse){var x=this.translateColumnIndex(mouse.gridCell.x-this.getFixedColumnCount());var columnIndex=this.scrollPositionX+x;if([2,14,22].indexOf(columnIndex)===-1){return}this.toggleSort(columnIndex)},toggleSort:function(columnIndex){var current=this.sorted[columnIndex];var stateCount=this.sortStates.length;var sortStateIndex=(current+1)%stateCount;this.sorted[columnIndex]=sortStateIndex;this.sortLookup[columnIndex].type=sortStateIndex;this.reorder();this.changed()}})})();</script></polymer-element><polymer-element name="fin-hypergrid-behavior-json" extends="fin-hypergrid-behavior-default" assetpath="behaviors/"><template></template><script>"use strict";window.flashSort=function(a,property){var strVar="(function(a) { ";strVar+="        var n = a.length;";strVar+="";strVar+="        var i = 0, j = 0, k = 0, t;";strVar+="        var m = ~~( n * 0.125 );";strVar+="        var a_nmin = a[0];";strVar+="        var nmax = 0;";strVar+="        var nmove = 0;";strVar+="";strVar+="        var l = new Array(m);";strVar+="        for ( i = 0; i < m; i++ ) {";strVar+="            l[ i ] = 0;";strVar+="        }";strVar+="";strVar+="        for ( i = 1; i < n; ++i ) {";strVar+="            var a_i = a[ i ];";strVar+="            if ( a_i."+property+" < a_nmin."+property+" ) { a_nmin = a_i; }";strVar+="            if ( a_i."+property+" > a[ nmax ]."+property+" ) { nmax = i; }";strVar+="        }";strVar+="";strVar+="        var a_nmax = a[ nmax ];";strVar+="        if ( a_nmin."+property+" === a_nmax."+property+") { return a; }";strVar+="        var c1 = ( m - 1 ) / ( a_nmax."+property+" - a_nmin."+property+" );";strVar+="";strVar+="        for ( i = 0; i < n; ++i ) {";strVar+="            ++l[ ~~( c1 * ( a[ i ]."+property+" - a_nmin."+property+" ) ) ];";strVar+="        }";strVar+="";strVar+="        for ( k = 1; k < m; ++k ) {";strVar+="            l[ k ] += l[ k - 1 ];";strVar+="        }";strVar+="";strVar+="        var hold = a_nmax;";strVar+="        a[ nmax ] = a[ 0 ];";strVar+="        a[ 0 ] = hold;";strVar+="";strVar+="        var flash;";strVar+="        j = 0;";strVar+="        k = m - 1;";strVar+="        i = n - 1;";strVar+="";strVar+="        while ( nmove < i ) {";strVar+="            while ( j > ( l[ k ] - 1 ) ) {";strVar+="                k = ~~( c1 * ( a[ ++j ]."+property+" - a_nmin."+property+" ) );";strVar+="            }";strVar+="            if (k < 0) { break; }";strVar+="";strVar+="            flash = a[ j ];";strVar+="";strVar+="            while ( j !== l[ k ] ) {";strVar+="                k = ~~( c1 * ( flash."+property+" - a_nmin."+property+" ) );";strVar+="                hold = a[ t = --l[ k ] ];";strVar+="                a[ t ] = flash;";strVar+="                flash = hold;";strVar+="                ++nmove;";strVar+="            }";strVar+="        }";strVar+="";strVar+="        for( j = 1; j < n; ++j ) {";strVar+="            hold = a[ j ];";strVar+="            i = j - 1;";strVar+="            while( i >= 0 && a[i]."+property+" > hold."+property+" ) {";strVar+="                a[ i + 1 ] = a[ i-- ];";strVar+="            }";strVar+="            a[ i + 1 ] = hold;";strVar+="        }";strVar+="";strVar+="        return a; })";var sortFunction=eval(strVar);sortFunction(a)};window.dualPivotQuickSort=function(){var dualPivotQS={};dualPivotQS.sort=function(arr,property,fromIndex,toIndex){if(fromIndex===undefined&&toIndex===undefined){dualPivotQS.sort(arr,property,0,arr.length)}else{rangeCheck(arr.length,fromIndex,toIndex);dualPivotQuicksort(property,arr,fromIndex,toIndex-1,3)}return arr};function rangeCheck(length,fromIndex,toIndex){if(fromIndex>toIndex){console.error("fromIndex("+fromIndex+") > toIndex("+toIndex+")")}if(fromIndex<0){console.error(fromIndex)}if(toIndex>length){console.error(toIndex)}}function swap(arr,i,j){var temp=arr[i];arr[i]=arr[j];arr[j]=temp}function dualPivotQuicksort(property,arr,left,right,div){var len=right-left;if(len<27){for(var i=left+1;i<=right;i++){for(var j=i;j>left&&arr[j][property]<arr[j-1][property];j--){swap(arr,j,j-1)}}return}var third=Math.floor(len/div);var m1=left+third;var m2=right-third;if(m1<=left){m1=left+1}if(m2>=right){m2=right-1}if(arr[m1][property]<arr[m2][property]){swap(arr,m1,left);swap(arr,m2,right)}else{swap(arr,m1,right);swap(arr,m2,left)}var pivot1=arr[left];var pivot2=arr[right];var pivot1Val=pivot1[property];var pivot2Val=pivot2[property];var less=left+1;var great=right-1;for(var k=less;k<=great;k++){if(arr[k][property]<pivot1Val){swap(arr,k,less++)}else if(arr[k][property]>pivot2Val){while(k<great&&arr[great][property]>pivot2Val){great--}swap(arr,k,great--);if(arr[k][property]<pivot1Val){swap(arr,k,less++)}}}var dist=great-less;if(dist<13){div++}swap(arr,less-1,left);swap(arr,great+1,right);dualPivotQuicksort(property,arr,left,less-2,div);dualPivotQuicksort(property,arr,great+2,right,div);if(dist>len-13&&pivot1Val!=pivot2Val){for(var k=less;k<=great;k++){if(arr[k][property]==pivot1Val){swap(arr,k,less++)}else if(arr[k][property]==pivot2Val){swap(arr,k,great--);if(arr[k][property]==pivot1Val){swap(arr,k,less++)}}}}if(pivot1Val<pivot2Val){dualPivotQuicksort(property,arr,less,great,div)}}return dualPivotQS.sort}();(function(){Polymer("fin-hypergrid-behavior-json",{sorted:{},sortStates:[" "," ^"," v"],dataIndexes:[],data:[],headers:[],fields:[],setHeaders:function(headerLabels){this.headers=headerLabels},setFields:function(fieldNames){this.fields=fieldNames},setData:function(jsonData){this.data=jsonData;this.initDataIndexes();this.initColumnIndexes();this.changed()},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 x=this.translateColumnIndex(x);return this.data[y][this.fields[x]]},setValue:function(x,y,value){var x=this.translateColumnIndex(x);this.data[y][this.fields[x]]=value},getFixedRowValue:function(x,y){x=this.translateColumnIndex(x);var sortIndex=this.sorted[x]||0;return this.headers[x]+this.sortStates[sortIndex]},getFixedColumnCount:function(){return 1},getRowCount:function(){return this.data.length},getColumnCount:function(){return this.fields.length},fixedRowClicked:function(grid,mouse){var columnIndex=this.scrollPositionX+mouse.gridCell.x-this.getFixedColumnCount();this.toggleSort(columnIndex)},toggleSort:function(columnIndex){var columnIndex=this.translateColumnIndex(columnIndex);this.grid.clearSelections();if(columnIndex>=this.fields.length){return}var current=this.sorted[columnIndex]||0;var stateCount=this.sortStates.length;var sortStateIndex=(current+1)%stateCount;for(var i=0;i<this.fields.length;i++){this.sorted[i]=0}this.sorted[columnIndex]=sortStateIndex;var colName=this.fields[columnIndex];if(sortStateIndex===0){var newData=new Array(this.data.length);for(var i=0;i<this.data.length;i++){var each=this.data[i];newData[each.__si]=each}this.data=newData}else if(sortStateIndex===1){var start=Date.now();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=this.data.reverse()}for(var 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-default" attributes="url" assetpath="behaviors/"><template></template><script>"use strict";(function(){var typeAlignmentMap={j:"right",s:"left",t:"center",f:"right",d:"center"};var typeRendererMap={J:"sparklineCellRenderer",j:"simpleCellRenderer",s:"simpleCellRenderer",t:"simpleCellRenderer",f:"simpleCellRenderer",d:"simpleCellRenderer"};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){x=this.translateColumnIndex(x);var override=this.values["p_"+(x+1)+"_"+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 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){x=this.translateColumnIndex(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},getFixedColumnValue:function(x,y){return y},getCanSort:function(){var canSort=this.block.features.sorting===true;return canSort},fixedRowClicked:function(grid,mouse){this.toggleSort(this.scrollPositionX+mouse.gridCell.x-this.getFixedColumnCount())},toggleSort:function(columnIndex){var columnIndex=this.translateColumnIndex(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){x=this.translateColumnIndex(x);var alignment=typeAlignmentMap[this.block.headers[x+1][1]];return alignment},setValue:function(x,y,value){x=this.translateColumnIndex(x);this.values["p_"+(x+1)+"_"+y]=value},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.sizeChanged){self.sizeChanged()}}if(!self.columnIndexes||self.columnIndexes.length===0){self.initColumnIndexes()}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-default" attributes="url" assetpath="behaviors/"><template></template><script>"use strict";(function(){var typeAlignmentMap={j:"right",s:"left",t:"center",f:"right",d:"center"};var typeRendererMap={J:"sparklineCellRenderer",j:"simpleCellRenderer",s:"simpleCellRenderer",t:"simpleCellRenderer",f:"simpleCellRenderer",d:"simpleCellRenderer"};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){return v.toFixed(4)},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;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.6;var hoffset=Math.ceil(textHeight/2.1);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.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},attributeChanged:function(attrName,oldVal,newVal){},connectTo:function(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("h_");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 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.ws.send(JSON.stringify({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},fixedRowClicked:function(grid,mouse){this.toggleSort(this.scrollPositionX+mouse.gridCell.x-this.getFixedColumnCount())},topLeftClicked:function(grid,mouse){this._toggleSort("h_")},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.ws.send(JSON.stringify(msg))},getFixedRowAlignment:function(x,y){if(y>0){return this.getColumnAlignment(x)}return this.constants.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;x=this.translateColumnIndex(x);var col=headers[x];return col},getFixedColumnAlignment:function(){return"left"},setValue:function(x,y,value){x=this.translateColumnIndex(x);this.values["p_"+(x+1)+"_"+y]=value},fixedColumnClicked:function(grid,mouse){var rowNum=mouse.gridCell.y-this.getFixedRowCount();var nodes=this.block.Z[1].n_[rowNum];var nodeClick={id:this.getNextMessageId(),fn:"node",node:nodes};this.ws.send(JSON.stringify(nodeClick))},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.label="groups";group.list=this.block.G.slice(0);group.canDragItem=function(list,item,index,e){return list.length>1};group.canDropItem=function(sourceList,myList,sourceIndex,item,e){return self.block.H.indexOf(item)>-1};this.beColumnStyle(hidden.style);hidden.style.left="33.3333%";hidden.label="hidden columns";hidden.list=this.block.I.slice(0);this.beColumnStyle(visible.style);visible.style.left="66.6666%";visible.label="visible columns";visible.list=this.block.F.slice(0);visible.canDragItem=function(list,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.ws.send(JSON.stringify(changeCols));return true},isColumnReorderable:function(){return true},getNextMessageId:function(onResponseDo){this.msgResponsesActions;var id="js_"+this.msgCounter++;if(onResponseDo){this.msgResponsesActions[id]=onResponseDo}return id},swapColumns:function(src,tar){var self=this;var tmp=this.columnIndexes[src];this.columnIndexes[src]=this.columnIndexes[tar];this.columnIndexes[tar]=tmp;var visible=this.block.F.slice(0);var t=visible[src];visible[src]=visible[tar];visible[tar]=t;var msgId=this.getNextMessageId(function(){self.initColumnIndexes()});var changeCols={id:msgId,fn:"groups",groups:this.block.G,visible:visible};this.ws.send(JSON.stringify(changeCols));return true;var tmp=this.columnIndexes[src];this.columnIndexes[src]=this.columnIndexes[tar];this.columnIndexes[tar]=tmp},beColumnStyle:function(style){style.top="5%";style.position="absolute";style.width="33.3333%";style.height="90%";style.whiteSpace="nowrap"},connect:function(){var d={};var self=this;var oldSize=0;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.ws.send(JSON.stringify({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);self.block=d;var msgId=d.id;var action=self.msgResponsesActions[msgId];if(action){action(d);self.msgResponsesActions[id]=undefined}oldSize=self.block.N-1;if(d.rows!==oldSize){if(self.sizeChanged){self.sizeChanged()}}if(!self.columnIndexes||self.columnIndexes.length===0){self.initColumnIndexes()}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-cell-editor-base" assetpath="cell-editors/"><template></template><script>"use strict";(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(){},installOn:function(grid){this.grid=grid;grid.registerCellEditor(this.alias,this)},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){},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(model){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){},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="cell-editors/"><template><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="cell-editors/"><template><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="cell-editors/"><template><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="cell-editors/"><template><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="cell-editors/"><template><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="cell-editors/"><template><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="cell-editors/"><template><input id="editor" type="number"></template><script>"use strict";(function(){Polymer("fin-hypergrid-cell-editor-spinner",{alias:"spinner"})})();</script></polymer-element><polymer-element name="fin-hypergrid-excel" assetpath=""><template></template><script>(function(){"use strict";var excelOriginOffset=1;var createExcelDataFromSelections=function(grid){var selectionModel=grid.getSelectionModel();var selections=selectionModel.getSelections();if(selections.length===0){return}var behavior=grid.getBehavior();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=behavior.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};var publish=function(grid){if(!grid.hasSelections()){return}var excelMessage=createExcelDataFromSelections(grid);fin.desktop.InterApplicationBus.publish("onSelect",excelMessage);console.log("push to excel",excelMessage)};var subscribe=function(grid){var sm=grid.getSelectionModel();fin.desktop.InterApplicationBus.subscribe("*","onExcelChange",function(data){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)){grid.setValue(cell.column-excelOriginOffset,cell.row-excelOriginOffset,cell.value)}})}});fin.desktop.InterApplicationBus.subscribe("*","ExcelError",function(data){console.log(JSON.stringify(data))})};var excel=function(grid){if(!fin){console.error("Excel integration only works within the OpenFin Runtime");return}fin.desktop.main(function(){fin.desktop.Application.getCurrent();setInterval(function(){publish(grid)},1e3/2);subscribe(grid)})};if(!window.fin){excel=function(){}}Polymer("fin-hypergrid-excel",{installOn:excel})})();</script></polymer-element></div><polymer-element name="fin-hypergrid" assetpath=""><template><style>: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}#verticalScroller{position:absolute;top:0;right:0;bottom:0;left:100%;margin-top:0;margin-left:-15px;margin-bottom:15px;margin-right:15px}#horizontalScroller{position:absolute;top:100%;right:0;bottom:0;left:0;margin-top:-15px;margin-left:0;margin-bottom:15px;margin-right:15px}#editor{position:absolute;display:none;border:solid 2px #000;outline:0;padding:0;z-index:1000}#dragger{position:absolute;display:none;opacity:.75;box-shadow:5px 5px 5px #888;z-index:100}#floatColumn{position:absolute;display:none}fin-vampire-bar{z-index:10}</style><fin-plugins><fin-hypergrid-cell-editor-textfield></fin-hypergrid-cell-editor-textfield><fin-hypergrid-cell-editor-choice></fin-hypergrid-cell-editor-choice><fin-hypergrid-cell-editor-color></fin-hypergrid-cell-editor-color><fin-hypergrid-cell-editor-date></fin-hypergrid-cell-editor-date><fin-hypergrid-cell-editor-slider></fin-hypergrid-cell-editor-slider><fin-hypergrid-cell-editor-spinner></fin-hypergrid-cell-editor-spinner></fin-plugins><fin-vampire-bar id="horizontalScroller" horizontal=""></fin-vampire-bar><fin-vampire-bar id="verticalScroller"></fin-vampire-bar><fin-canvas><fin-hypergrid-renderer></fin-hypergrid-renderer></fin-canvas><input id="editor"><content></content></template><script>"use strict";(function(){var noop=function(){};Polymer("fin-hypergrid",{behavior:{setScrollPositionY:noop,setScrollPositionX:noop,getColumnCount:noop,getFixedColumnCount:noop,getFixedColumnsWidth:noop,getFixedColumnsMaxWidth:noop,setRenderedWidth:noop,getRowCount:noop,getFixedRowCount:noop,getFixedRowsHeight:noop,getFixedRowsMaxHeight:noop,setRenderedHeight:noop,getCellProvider:noop,click:noop,doubleClick:noop},isWebkit:true,mouseDown:[],dragExtent:null,vScrlValue:0,hScrlValue:0,rectangles:null,constants:null,selectionModel:null,cellEdtr:null,sbMouseIsDown:false,sbHScroller:null,sbVScroller:null,sbHScrlCfg:{},sbVScrlCfg:{},sbPrevVScrlVal:null,sbPrevHScrlVal:null,sbHValueHolder:{},sbVValueHolder:{},cellEditors:null,renderOverridesCache:{},domReady:function(){var self=this;this.themeListener=document.createElement("html");this.themeListener.classList.add("core-header");this.shadowRoot.appendChild(this.themeListener);this.isWebkit=navigator.userAgent.toLowerCase().indexOf("webkit")>-1;this.rectangles=document.createElement("fin-rectangle");this.constants=document.createElement("fin-hypergrid-constants").values;this.selectionModel=document.createElement("fin-hypergrid-selection-model");this.cellEditors={};this.renderOverridesCache={};this.oncontextmenu=function(event){event.preventDefault();return false};this.clearMouseDown();this.dragExtent=this.rectangles.point.create(0,0);this.pluginsDo(function(each){if(each.installOn){each.installOn(self)}});this.initCanvas();this.initRenderer();this.initScrollbars();document.body.addEventListener("copy",function(evt){self.checkClipboardCopy(evt)});this.resized()},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=[this.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();this.pluginsDo(function(each){if(each.gridRenderedNotification){each.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);var self=this;var numColumns=this.behavior.getColumnCount();var numRows=this.behavior.getRowCount();this.behavior.changed=function(){if(numColumns!==self.behavior.getColumnCount()||numRows!==self.behavior.getRowCount()){numColumns=self.behavior.getColumnCount();numRows=self.behavior.getRowCount();self.behaviorShapeChanged()}self.repaint()};this.behavior.sizeChanged=function(){self.repaint()};if(this.behavior){}},getBounds:function(){return this.getCanvas().getBounds()},resolveProperty:function(key){var prop=this.renderer.resolveProperty(key);return prop},behaviorShapeChanged:function(){this.synchronizeScrollingBoundries()},repaint:function(){this.getCanvas().repaint()},isHiDPI:function(){return this.getAttribute("hidpi")!==null},initCanvas:function(){var self=this;this.canvas=this.shadowRoot.querySelector("fin-canvas");this.canvas.setAttribute("fps",this.constants.repaintIntervalRate||15);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.marginRight="15px";this.canvas.style.bottom=0;this.canvas.style.marginBottom="15px";this.canvas.style.left=0;this.canvas.resizeNotification=function(){self.resized()};this.canvas.addEventListener("fin-mousemove",function(e){var mouse=e.detail.mouse;var mouseEvent=self.getGridCellFromMousePoint(mouse);mouseEvent.primitiveEvent=e;self.delegateMouseMove(mouseEvent)});this.canvas.addEventListener("fin-mousedown",function(e){self.stopEditing();var mouse=e.detail.mouse;var mouseEvent=self.getGridCellFromMousePoint(mouse);mouseEvent.primitiveEvent=e;self.delegateMouseDown(mouseEvent)});this.canvas.addEventListener("fin-mouseup",function(e){self.dragging=false;if(self.scrollingNow){self.scrollingNow=false}if(self.columnDragAutoScrolling){self.columnDragAutoScrolling=false}var mouse=e.detail.mouse;var mouseEvent=self.getGridCellFromMousePoint(mouse);mouseEvent.primitiveEvent=e;self.delegateMouseUp(mouseEvent)});this.canvas.addEventListener("fin-tap",function(e){var mouse=e.detail.mouse;var tapEvent=self.getGridCellFromMousePoint(mouse);tapEvent.primitiveEvent=e;self.delegateTap(tapEvent)});this.canvas.addEventListener("fin-drag",function(e){self.dragging=true;var mouse=e.detail.mouse;var mouseEvent=self.getGridCellFromMousePoint(mouse);mouseEvent.primitiveEvent=e;self.delegateMouseDrag(mouseEvent)});this.canvas.addEventListener("fin-keydown",function(e){self.delegateKeyDown(e)});this.canvas.addEventListener("fin-keyup",function(e){self.delegateKeyUp(e)});this.canvas.addEventListener("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.canvas.addEventListener("fin-holdpulse",function(e){var mouse=e.detail.mouse;var mouseEvent=self.getGridCellFromMousePoint(mouse);mouseEvent.primitiveEvent=e;self.delegateHoldPulse(mouseEvent)});this.canvas.addEventListener("fin-dblclick",function(e){var mouse=e.detail.mouse;var mouseEvent=self.getGridCellFromMousePoint(mouse);mouseEvent.primitiveEvent=e;self.delegateDoubleClick(mouseEvent)});this.canvas.addEventListener("fin-wheelmoved",function(e){var mouse=e.detail.mouse;var mouseEvent=self.getGridCellFromMousePoint(mouse);mouseEvent.primitiveEvent=e.detail.primitiveEvent;self.delegateWheelMoved(mouseEvent)})},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},beDefaultCursor:function(){this.style.cursor="default"},delegateWheelMoved:function(event){var behavior=this.getBehavior();behavior.onWheelMoved(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=this.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=this.rectangles.point.create(x,y);this.setMouseDown(editPoint);this.setDragExtent(this.rectangles.point.create(0,0));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()},setVScrollValue:function(y){var self=this;this.getBehavior().setScrollPositionY(y);this.vScrlValue=y;this.scrollValueChangedNotification();setTimeout(function(){self.sbVRangeAdapter.subjectChanged()})},getVScrollValue:function(){return this.vScrlValue},setHScrollValue:function(x){var self=this;this.getBehavior().setScrollPositionX(x);this.hScrlValue=x;this.scrollValueChangedNotification();setTimeout(function(){self.sbHRangeAdapter.subjectChanged()})},getHScrollValue:function(){return this.hScrlValue},takeFocus:function(){if(this.isEditing()){this.editorTakeFocus()}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 canvas=this.getCanvas();var scrollbars=this.shadowRoot.querySelectorAll("fin-vampire-bar");this.sbHScroller=scrollbars[0];this.sbVScroller=scrollbars[1];this.sbHScroller.onUpClick=function(){self.scrollHBy(1)};this.sbHScroller.onDownClick=function(){self.scrollHBy(-1)};this.sbHScroller.onUpHold=function(event){event.preventTap();self.scrollHBy(1)};this.sbHScroller.onDownHold=function(event){event.preventTap();self.scrollHBy(-1)};this.addEventListener("mousedown",function(){self.sbMouseIsDown=true});this.sbVScroller.onUpClick=function(){self.scrollVBy(-1)};this.sbVScroller.onDownClick=function(){self.scrollVBy(1)};this.sbVScroller.onUpHold=function(event){event.preventTap();self.scrollVBy(-1)};this.sbVScroller.onDownHold=function(event){event.preventTap();self.scrollVBy(1)};this.addEventListener("mousedown",function(){self.sbMouseIsDown=true});document.addEventListener("mouseup",function(e){if(!self.sbMouseIsDown){return}self.sbMouseIsDown=false;var origin=canvas.getOrigin();var point=self.rectangles.point.create(e.x-origin.x,e.y-origin.y);if(!canvas.bounds.contains(point)){self.takeFocus()}});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()}},setValue:function(x,y,value){this.getBehavior().setValue(x,y,value);this.repaint()},synchronizeScrollingBoundries:function(){var behavior=this.getBehavior();if(!behavior){return}var numColumns=behavior.getColumnCount();var numRows=behavior.getRowCount();var bounds=this.getBounds();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.sbVScroller.tickle();this.sbHScroller.tickle()},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 gridCell=event.gridCell;var mX=this.getHScrollValue()+gridCell.x-1;var mY=this.getVScrollValue()+gridCell.y-1;var editor=this.getCellEditorAt(mX,mY);this.editAt(editor,event)},getCellEditorAt:function(x,y){var translatedX=this.translateColumnIndex(x);return this.getBehavior().getCellEditorAt(translatedX,y)},translateColumnIndex:function(x){var behavior=this.getBehavior();var translatedX=behavior.translateColumnIndex(x);return translatedX},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)}})})();</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",{attached:function(){this.label=this.label||"title";this.list=this.list||["list item one","list item two","list item three","list item four","list item one","list item two","list item three","list item four","list item one","list item two","list item three","list item four","list item one","list item two","list item three","list item four","list item one","list item two","list item three","list item four","list item one","list item two","list item three","list item four"];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},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="../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=""><template></template><script>"use strict";(function(){var constants;var defaults={};var polymerTheme=Object.create(defaults);var themeInitialized=false;var globalProperties=Object.create(polymerTheme);var config={};var defaultProperties=function(proto){var theme=Object.create(proto);theme.font="13px Tahoma, Geneva, sans-serif";theme.color="rgb(25, 25, 25)";theme.backgroundColor="rgb(241, 241, 241)";theme.foregroundSelColor="rgb(25, 25, 25)";theme.backgroundSelColor="rgb(183, 219, 255)";theme.topLeftFont="14px Tahoma, Geneva, sans-serif";theme.topLeftColor="rgb(25, 25, 25)";theme.topLeftBackgroundColor="rgb(223, 227, 232)";theme.topLeftFGSelColor="rgb(255, 220, 97)";theme.topLeftBGSelColor="rgb(255, 220, 97)";theme.fixedColumnFont="14px Tahoma, Geneva, sans-serif";theme.fixedColumnColor="rgb(25, 25, 25)";theme.fixedColumnBackgroundColor="rgb(223, 227, 232)";theme.fixedColumnFGSelColor="rgb(255, 220, 97)";theme.fixedColumnBGSelColor="rgb(255, 220, 97)";theme.fixedRowFont="14px Tahoma, Geneva, sans-serif";theme.fixedRowColor="rgb(25, 25, 25)";theme.fixedRowBackgroundColor="rgb(223, 227, 232)";theme.fixedRowFGSelColor="rgb(255, 220, 97)";theme.fixedRowBGSelColor="rgb(255, 220, 97)";theme.backgroundColor2="rgb(201, 201, 201)";theme.lineColor="rgb(199, 199, 199)";theme.hoffset=0;theme.voffset=0;return theme};var buildPolymerTheme=function(){clearObjectProperties(polymerTheme);var pb=document.createElement("paper-button");pb.style.display="none";pb.setAttribute("disabled",true);document.body.appendChild(pb);var section=document.createElement("section");section.style.display="none";section.setAttribute("hero",true);document.body.appendChild(section);var p=window.getComputedStyle(pb);var h=window.getComputedStyle(document.querySelector("html"));var hb=window.getComputedStyle(document.querySelector("html, body"));var s=window.getComputedStyle(section);polymerTheme.fixedRowBackgroundColor=p["background-color"];polymerTheme.fixedColumnBackgroundColor=p["background-color"];polymerTheme.topLeftBackgroundColor=p["background-color"];polymerTheme.backgroundColor2=hb["background-color"];polymerTheme.lineColor=p["color"];polymerTheme.color=h["color"];polymerTheme.fontFamily=h["font-family"];polymerTheme.backgroundColor=s["background-color"];pb.setAttribute("disabled",false);pb.setAttribute("secondary",true);pb.setAttribute("raised",true);polymerTheme.backgroundSelColor=p["background-color"];polymerTheme.foregroundSelColor=p["color"];pb.setAttribute("secondary",false);pb.setAttribute("info",true);polymerTheme.fixedRowFGSelColor=p["color"];polymerTheme.fixedRowBGSelColor=p["background-color"];polymerTheme.fixedColumnFGSelColor=p["color"];polymerTheme.fixedColumnBGSelColor=p["background-color"];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 cellConfig=function(x,y,value,fgColor,bgColor,fgSelColor,bgSelColor,font,isSelected,halign,hoffset,voffset,properties){config.x=x;config.y=y;config.value=value;config.fgColor=fgColor;config.bgColor=properties.bgColor===bgColor?null:bgColor;config.fgSelColor=fgSelColor;config.bgSelColor=bgSelColor;config.font=font;config.isSelected=isSelected;config.halign=halign||"center";config.hoffset=hoffset;config.voffset=voffset;config.properties=properties;return config};Polymer("fin-hypergrid-renderer",{ready:function(){this.readyInit();if(!constants){constants=document.createElement("fin-hypergrid-constants").values;defaults=defaultProperties(constants);polymerTheme=Object.create(defaults);globalProperties=Object.create(polymerTheme)}this.lnfProperties=Object.create(globalProperties);this.renderedColumnWidths=[0];this.renderedRowHeights=[0];this.renderedColumns=[];this.renderedRows=[];this.insertionBounds=[];if(!themeInitialized){buildPolymerTheme();themeInitialized=true}},resolveProperty:function(key){return this.lnfProperties[key]},cellConfig:function(x,y,value,fgColor,bgColor,fgSelColor,bgSelColor,font,isSelected,halign,hoffset,voffset){var config=cellConfig(x,y,value,fgColor,bgColor,fgSelColor,bgSelColor,font,isSelected,halign,hoffset,voffset,this.lnfProperties);return config},getGrid:function(){return this.hypergrid},setGrid:function(grid){this.hypergrid=grid},paint:function(gc){if(!this.hypergrid){return}this.renderGrid(gc);this.getGrid().gridRenderedNotification()},getViewableRows:function(){return this.renderedRows.length},getViewableColumns:function(){return this.renderedColumns.length},overColumnDivider:function(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){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){var ox=this.renderedColumnWidths[cell.x],oy=this.renderedRowHeights[cell.y],cx=this.renderedColumnWidths[cell.x+1],cy=this.renderedRowHeights[cell.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 grid=this.getGrid();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();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)},blankOutOverflow:function(gc){var grid=this.getGrid();var isMaxX=this.isLastColumnVisible();var chop=isMaxX?2:1;var x=this.renderedColumnWidths[this.renderedColumnWidths.length-chop];var bounds=this.getBounds();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=behavior.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.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.strokeStyle=lineColor;gc.lineWidth=1;var c,r,x,y,width,height;gc.beginPath();gc.moveTo(0,0);y=0;for(r=0;r<numFixedRows;r++){height=this.getFixedRowHeight(r);y=y+height;this.renderedRowHeights.push(y);if(drawThemH){gc.moveTo(fixedColumnsWidth,y);gc.lineTo(viewWidth,y);gc.stroke()}}gc.beginPath();gc.moveTo(0,0);x=0;for(c=0;c<numFixedColumns;c++){width=this.getFixedColumnWidth(c);x=x+width;this.renderedColumnWidths.push(x);if(drawThemV){gc.moveTo(x,fixedRowsHeight);gc.lineTo(x,viewHeight);gc.stroke()}}gc.beginPath();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,0);gc.lineTo(x,viewHeight);gc.stroke()}x=x+width;this.renderedColumnWidths.push(x);insertionBoundsCursor=insertionBoundsCursor+Math.round(width/2)+previousInsertionBoundsCursorValue;this.insertionBounds.push(insertionBoundsCursor);previousInsertionBoundsCursorValue=Math.round(width/2)}gc.beginPath();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);gc.lineTo(viewWidth,y);gc.stroke()}y=y+height;this.renderedRowHeights.push(y)}},paintHeaders:function(ctx,offsetX,offsetY){this.paintFixedRows(ctx,offsetX+this.getBehavior().getFixedColumnsWidth(),offsetY,this.getBehavior().getColumnCount(),this.getBehavior().getFixedRowCount());this.paintFixedColumns(ctx,offsetX,offsetY+this.getBehavior().getFixedRowsHeight(),this.getBehavior().getFixedColumnCount(),this.getBehavior().getRowCount())},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 halign=this.resolveProperty("fixedRowAlign");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 translatedX=behavior.translateColumnIndex(c+scrollLeft);var cell=cellProvider.getFixedRowCell(this.cellConfig(translatedX,r,value,fgColor,bgColor,fgSelColor,bgSelColor,font,isSelected,align,hoffset,voffset));cell.paint(ctx,x,y,width,height);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 cell=cellProvider.getFixedColumnCell(this.cellConfig(c,r+scrollTop,value,fgColor,bgColor,fgSelColor,bgSelColor,font,isSelected,align,hoffset,voffset));cell.paint(ctx,x,y,width,height);y=y+height}x=x+width}},paintCells:function(ctx,offsetX,offsetY){try{ctx.save();this._paintCells(ctx,offsetX,offsetY)}finally{ctx.restore()}},_paintCells:function(ctx,offsetX,offsetY){var behavior=this.getBehavior();var numColumns=behavior.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 columnAlign=behavior.getColumnAlignment(c+scrollLeft);ctx.fillStyle=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 translatedX=behavior.translateColumnIndex(c+scrollLeft);var cell=cellProvider.getCell(this.cellConfig(translatedX,r+scrollTop,value,fgColor,bgColor,fgSelColor,bgSelColor,font,isSelected,columnAlign,hoffset,voffset));cell.paint(ctx,x,y,width,height);y=y+height}x=x+width}},paintTopLeft:function(ctx,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 columnAlign=behavior.getTopLeftAlignment(c,r);ctx.fillStyle=bgColor;ctx.fillRect(x,y,x+width,viewHeight-y);for(var r=0;r<numRows;r++){var height=this.getFixedRowHeight(r);if(y>viewHeight||numRows<=r){break}var value=behavior.getTopLeftValue(c,r);var cell=cellProvider.getTopLeftCell(this.cellConfig(x,r,value,fgColor,bgColor,fgSelColor,bgSelColor,font,false,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()},getConstants:function(){return this.getGrid().constants},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]}})})();</script></polymer-element><polymer-element name="fin-hypergrid-selection-model" assetpath=""><template></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-feature-base" assetpath="features/"><template></template><script>(function(){"use strict";Polymer("fin-hypergrid-feature-base",{next:null,detached:null,cursor: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)}},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-constants" assetpath=""><template></template><script>"use strict";(function(){var values={defaultFont:"13px Tahoma, Geneva, sans-serif",foregroundColor:"#010126",backgroundColor:"#FFFFFF",foregroundSelColor:"#010126",backgroundSelColor:"#B7DBFF",fixedRowBackgroundColor:"#DFE3E8",fixedColumnBackgroundColor:"#DFE3E8",topLeftBackgroundColor:"#DFE3E8",fixedColFGSelColor:"#010126",fixedRowFGSelColor:"#010126",fixedColBGSelColor:"#FFDC61",fixedRowBGSelColor:"#FFDC61",fixedRowAlign:"center",fixedColAlign:"center",cellPadding:5,rowHeight:20,columnWidth:100,repaintIntervalRate:15,lineColor:"#C7C7C7",gridLinesH:true,gridLinesV:true,scrollerSize:15,voffset:"0px",hoffset:"0px"};Polymer("fin-hypergrid-constants",{values:values})})();</script></polymer-element><polymer-element name="fin-hypergrid-cell-provider" assetpath=""><template></template><script>"use strict";(function(){var constants;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()}};Polymer("fin-hypergrid-cell-provider",{created:function(){if(!constants){constants=document.createElement("fin-hypergrid-constants").values}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){var colHEdgeOffset=constants.cellPadding,halignOffset=this.config.hoffset,valignOffset=this.config.voffset,halign=this.config.halign,size,textWidth;if(gc.font!==this.config.font){gc.font=this.config.font}if(gc.textAlign!=="left"){gc.textAlign="left"}if(gc.textBasline!=="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)}gc.fillStyle=this.config.isSelected?this.config.fgSelColor:this.config.fgColor;gc.fillText(this.config.value,x+halignOffset,y+valignOffset)},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()},paintSparkbar:function(ctx,x,y,width,height){var val=this.config.value;if(!val||!val.length){return}var count=val.length;var eWidth=width/count;var bgColor=this.config.isSelected?this.config.bgSelColor:this.config.bgColor;var fgColor=this.config.isSelected?this.config.bgColor:this.config.bgSelColor;ctx.fillStyle=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}},paintSparkline:function(ctx,x,y,width,height){var val=this.config.value;if(!val||!val.length){return}var count=val.length;var eWidth=width/count;var bgColor=this.config.isSelected?this.config.bgSelColor:this.config.bgColor;var fgColor=this.config.isSelected?this.config.bgColor:this.config.bgSelColor;ctx.fillStyle=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()},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){},initializeCells:function(){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}}})})();</script></polymer-element><polymer-element name="fin-hypergrid-feature-cell-selection" extends="fin-hypergrid-feature-base" assetpath="features/"><template></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){var b=grid.getDataBounds();var inside=b.contains(mouse);if(inside){if(grid.scrollingNow){grid.scrollingNow=false}}else if(!grid.scrollingNow){grid.scrollingNow=true;this.scrollDrag(grid)}},scrollDrag:function(grid){if(!grid.scrollingNow){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 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 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="features/"><template></template><script>(function(){"use strict";var animationTime=200;Polymer("fin-hypergrid-feature-overlay",{handleKeyUp:function(grid,event){var key=event.detail.char;if(key==="ALT"){this.toggleColumnPicker(grid)}},toggleColumnPicker:function(grid){if(this.isColumnPickerOpen(grid)){this.closeColumnPicker(grid)}else{this.openColumnPicker(grid)}},isColumnPickerOpen:function(grid){return this.overlay.style.display!=="none"},openColumnPicker:function(grid){if(this.isColumnPickerOpen()){return}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){return}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(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()},animationTime)},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 "+animationTime+"ms ease-in";this.overlay.style.opacity=0;grid.appendChild(this.overlay)}})})();</script></polymer-element><polymer-element name="fin-hypergrid-feature-thumbwheel-scrolling" extends="fin-hypergrid-feature-base" assetpath="features/"><template></template><script>(function(){"use strict";Polymer("fin-hypergrid-feature-thumbwheel-scrolling",{handleWheelMoved:function(grid,e){var primEvent=e.primitiveEvent;if(primEvent.wheelDeltaY>0){grid.scrollBy(0,-1)}else if(primEvent.wheelDeltaY<-0){grid.scrollBy(0,1)}else if(primEvent.wheelDeltaX>0){grid.scrollBy(-1,0)}else if(primEvent.wheelDeltaX<-0){grid.scrollBy(1,0)}}})})();</script></polymer-element><polymer-element name="fin-hypergrid-feature-cell-editing" extends="fin-hypergrid-feature-base" assetpath="features/"><template></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="features/"><template></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="features/"><template></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 fixedAreaCount=this.getFixedAreaCount(grid);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){var gridCell=event.gridCell;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="features/"><template></template><script>(function(){"use strict";var columnAnimationTime=150;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){this.dragger=document.createElement("canvas");this.dragger.setAttribute("width","0px");this.dragger.setAttribute("height","0px");document.body.appendChild(this.dragger);this.draggerCTX=this.dragger.getContext("2d");this.floatColumn=document.createElement("canvas");this.floatColumn.setAttribute("width","0px");this.floatColumn.setAttribute("height","0px");document.body.appendChild(this.floatColumn);this.floatColumnCTX=this.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=self.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-grid.constants.scrollerSize+1;var d=this.floatColumn;var style=d.style;var location=grid.getBoundingClientRect();style.top=location.top-2+"px";style.left=location.left+"px";style.position="absolute";var hdpiRatio=grid.getHiDPI(this.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;this.floatColumnCTX.scale(hdpiRatio,hdpiRatio);grid.renderOverridesCache.floater={columnIndex:columnIndex,ctx:this.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(this.draggerCTX);var columnWidth=columnIndex<0?grid.getFixedColumnWidth(numFixedColumns+columnIndex+scrollLeft):grid.getColumnWidth(columnIndex+scrollLeft);var colHeight=grid.clientHeight-grid.constants.scrollerSize+1;var d=this.dragger;var location=grid.getBoundingClientRect();var style=d.style;style.top=location.top+"px";style.left=location.left+"px";style.position="absolute";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;this.draggerCTX.scale(hdpiRatio,hdpiRatio);grid.renderOverridesCache.dragger={columnIndex:columnIndex,ctx:this.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(this.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=this.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=this.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"})},columnAnimationTime+50)}})})();</script></polymer-element><polymer-element name="fin-hypergrid-feature-row-resizing" extends="fin-hypergrid-feature-column-resizing" assetpath="features/"><template></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-behavior-default" assetpath="behaviors/"><template></template><script>"use strict";(function(){var noop=function(){};var a="ABCDEFGHIJKLMNOPQRSTUVWXYZ";Polymer("fin-hypergrid-behavior-default",{ready:function(){this.readyInit()},columnIndexes:null,fixedColumnIndexes:null,columnWidths:null,fixedColumnWidths:null,rowHeights:null,fixedRowHeights:null,grid:null,editorTypes:["choice","textfield","color","slider","spinner","date"],featureChain:null,readyInit:function(){this.constants=document.createElement("fin-hypergrid-constants").values;this.cellProvider=this.createCellProvider();this.scrollPositionX=0;this.scrollPositionY=0;this.renderedWidth=30;this.renderedHeight=60;this.columnWidths=this.columnWidths||[],this.fixedColumnWidths=this.fixedColumnWidths||[],this.columnIndexes=this.columnIndexes||[],this.fixedColumnIndexes=this.fixedColumnIndexes||[],this.rowHeights=this.rowHeights||[],this.fixedRowHeights=this.fixedRowHeights||[],this.values={};this.initColumnIndexes()},initColumnIndexes:function(){var columnCount=this.getColumnCount();var fixedColumnCount=this.getFixedColumnCount();var i;for(i=0;i<columnCount;i++){this.columnIndexes[i]=i}for(i=0;i<fixedColumnCount;i++){this.fixedColumnIndexes[i]=i}},swapColumns:function(src,tar){var tmp=this.columnIndexes[src];this.columnIndexes[src]=this.columnIndexes[tar];this.columnIndexes[tar]=tmp},translateColumnIndex:function(x){return this.columnIndexes[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-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.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.values["p_"+x+"_"+y];if(override){return override}return x+", "+a[y%26]},setValue:function(x,y,value){x=this.translateColumnIndex(x);this.values["p_"+x+"_"+y]=value},getFixedRowValue:function(x){x=this.translateColumnIndex(x);return this.alphaFor(x)},getFixedColumnValue:function(x,y){return y+1},getRowCount:function(){return 1e15},getColumnCount:function(){return 300},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){var override=this.fixedRowHeights[rowNum];if(override){return override}return this.constants.rowHeight},setFixedRowHeight:function(rowNum,height){this.fixedRowHeights[rowNum]=Math.max(5,height);this.changed()},getRowHeight:function(rowNum){var override=this.rowHeights[rowNum];if(override){return override}return this.constants.rowHeight},setRowHeight:function(rowNum,height){this.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.fixedColumnWidths[colNumber]=Math.max(5,width);this.changed()},getFixedColumnsMaxWidth:function(){var width=this.getFixedColumnsWidth();return width},getFixedColumnWidth:function(colNumber){var override=this.fixedColumnWidths[colNumber];if(override){return override}return this.constants.columnWidth},getColumnWidth:function(colNumber){colNumber=this.columnIndexes[colNumber];var override=this.columnWidths[colNumber];if(override){return override}return this.constants.columnWidth},setColumnWidth:function(colNumber,width){colNumber=this.columnIndexes[colNumber];this.columnWidths[colNumber]=Math.max(5,width);this.changed()},setScrollPositionY:function(y){this.scrollPositionY=y;this.changed()},setScrollPositionX:function(x){this.scrollPositionX=x;this.changed()},setRenderedWidth:function(width){this.renderedWidth=width},setRenderedHeight:function(height){this.renderedHeight=height},getColumnAlignment:function(){return"center"},getTopLeftAlignment:function(){return"center"},getFixedColumnAlignment:function(){return this.constants.fixedColumnAlign},getFixedRowAlignment:function(){return this.constants.fixedRowAlign},topLeftClicked:function(grid,mouse){console.log("top Left clicked: "+mouse.gridCell.x,mouse)},fixedRowClicked:function(grid,mouse){console.log("fixed row clicked: "+mouse.gridCell.x,mouse)},fixedColumnClicked:function(grid,mouse){console.log("fixed col clicked: "+mouse.gridCell.y,mouse)},setCursor:function(grid){grid.beCursor("default");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)}},getCellEditorAt:function(x,y){x=this.translateColumnIndex(x);var cellEditor=this.grid.cellEditors["textfield"];return cellEditor},changed:function(){},isColumnReorderable:function(){return true},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},openEditor:function(div){return false},closeEditor:function(div){return true}})})();</script></polymer-element><polymer-element name="fin-hypergrid-behavior-gol" extends="fin-hypergrid-behavior-default" assetpath="behaviors/"><template></template><script>"use strict";(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){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){return 10},getColumnWidth:function(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;if(dir===0){for(var x=0;x<w;x++){for(var y=0;y<h;y++){array[x+c][y+r]=[pattern[w-x-1][y],1]}}}else if(dir===1){for(var x=0;x<w;x++){for(var y=0;y<h;y++){array[x+c][y+r]=[pattern[x][y],1]}}}else if(dir===2){for(var x=0;x<w;x++){for(var y=0;y<h;y++){array[y+c][x+r]=[pattern[x][y],1]}}}else{for(var x=0;x<w;x++){for(var 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-default" assetpath="behaviors/"><template></template><script>"use strict";(function(){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.columnWidths=[50,150,80,90,80,150,100,80,80,100],this.fixedColumnWidths=[120],this.rows=5e3;this.columns=100;this.readyInit();this.permuteInterval=50;this.values=new Array(this.rows*this.columns);this.order=[];this.sorts=[];this.sortLookup={};this.sorted={};this.sortStates=[" -"," ^"," v"];this.createSort(0,2);this.createSort(0,14);this.createSort(0,22);this.initOrder();this.initialize();this.permute();this.reorder()},createCellProvider:function(){var self=this;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){x=this.translateColumnIndex(x);var type=x!==9?"textfield":this.editorTypes[y%this.editorTypes.length];var cellEditor=this.grid.cellEditors[type];return cellEditor},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.sorts.push(that);this.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.sorts.length;++i){var sort=this.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.sorts.length<=0){return}var sort=this.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){col=this.translateColumnIndex(col);this._setValue(col,y,value)},_setValue:function(col,y,value){var row=this.orderOf(y);var index=this.indexOf(row,col);this.values[index]=value},getValue:function(col,y){col=this.translateColumnIndex(col);return this._getValue(col,y)},_getValue:function(col,y){var row=this.orderOf(y);var index=this.indexOf(row,col);return this.values[index]},getRowCount:function(){return this.rows},getColumnCount:function(){return this.columns},getFixedRowValue:function(x){x=this.translateColumnIndex(x);var sortIndicator="";if(this.sortLookup[x]&&!this.sorted[x]){this.sorted[x]=0;sortIndicator=this.sortStates[this.sorted[x]]}if(this.sorted[x]){sortIndicator=this.sortStates[this.sorted[x]]}return this.alphaFor(x)+sortIndicator},fixedRowClicked:function(grid,mouse){var x=this.translateColumnIndex(mouse.gridCell.x-this.getFixedColumnCount());var columnIndex=this.scrollPositionX+x;if([2,14,22].indexOf(columnIndex)===-1){return}this.toggleSort(columnIndex)},toggleSort:function(columnIndex){var current=this.sorted[columnIndex];var stateCount=this.sortStates.length;var sortStateIndex=(current+1)%stateCount;this.sorted[columnIndex]=sortStateIndex;this.sortLookup[columnIndex].type=sortStateIndex;this.reorder();this.changed()}})})();</script></polymer-element><polymer-element name="fin-hypergrid-behavior-json" extends="fin-hypergrid-behavior-default" assetpath="behaviors/"><template></template><script>"use strict";window.flashSort=function(a,property){var strVar="(function(a) { ";strVar+="        var n = a.length;";strVar+="";strVar+="        var i = 0, j = 0, k = 0, t;";strVar+="        var m = ~~( n * 0.125 );";strVar+="        var a_nmin = a[0];";strVar+="        var nmax = 0;";strVar+="        var nmove = 0;";strVar+="";strVar+="        var l = new Array(m);";strVar+="        for ( i = 0; i < m; i++ ) {";strVar+="            l[ i ] = 0;";strVar+="        }";strVar+="";strVar+="        for ( i = 1; i < n; ++i ) {";strVar+="            var a_i = a[ i ];";strVar+="            if ( a_i."+property+" < a_nmin."+property+" ) { a_nmin = a_i; }";strVar+="            if ( a_i."+property+" > a[ nmax ]."+property+" ) { nmax = i; }";strVar+="        }";strVar+="";strVar+="        var a_nmax = a[ nmax ];";strVar+="        if ( a_nmin."+property+" === a_nmax."+property+") { return a; }";strVar+="        var c1 = ( m - 1 ) / ( a_nmax."+property+" - a_nmin."+property+" );";strVar+="";strVar+="        for ( i = 0; i < n; ++i ) {";strVar+="            ++l[ ~~( c1 * ( a[ i ]."+property+" - a_nmin."+property+" ) ) ];";strVar+="        }";strVar+="";strVar+="        for ( k = 1; k < m; ++k ) {";strVar+="            l[ k ] += l[ k - 1 ];";strVar+="        }";strVar+="";strVar+="        var hold = a_nmax;";strVar+="        a[ nmax ] = a[ 0 ];";strVar+="        a[ 0 ] = hold;";strVar+="";strVar+="        var flash;";strVar+="        j = 0;";strVar+="        k = m - 1;";strVar+="        i = n - 1;";strVar+="";strVar+="        while ( nmove < i ) {";strVar+="            while ( j > ( l[ k ] - 1 ) ) {";strVar+="                k = ~~( c1 * ( a[ ++j ]."+property+" - a_nmin."+property+" ) );";strVar+="            }";strVar+="            if (k < 0) { break; }";strVar+="";strVar+="            flash = a[ j ];";strVar+="";strVar+="            while ( j !== l[ k ] ) {";strVar+="                k = ~~( c1 * ( flash."+property+" - a_nmin."+property+" ) );";strVar+="                hold = a[ t = --l[ k ] ];";strVar+="                a[ t ] = flash;";strVar+="                flash = hold;";strVar+="                ++nmove;";strVar+="            }";strVar+="        }";strVar+="";strVar+="        for( j = 1; j < n; ++j ) {";strVar+="            hold = a[ j ];";strVar+="            i = j - 1;";strVar+="            while( i >= 0 && a[i]."+property+" > hold."+property+" ) {";strVar+="                a[ i + 1 ] = a[ i-- ];";strVar+="            }";strVar+="            a[ i + 1 ] = hold;";strVar+="        }";strVar+="";strVar+="        return a; })";var sortFunction=eval(strVar);sortFunction(a)};window.dualPivotQuickSort=function(){var dualPivotQS={};dualPivotQS.sort=function(arr,property,fromIndex,toIndex){if(fromIndex===undefined&&toIndex===undefined){dualPivotQS.sort(arr,property,0,arr.length)}else{rangeCheck(arr.length,fromIndex,toIndex);dualPivotQuicksort(property,arr,fromIndex,toIndex-1,3)}return arr};function rangeCheck(length,fromIndex,toIndex){if(fromIndex>toIndex){console.error("fromIndex("+fromIndex+") > toIndex("+toIndex+")")}if(fromIndex<0){console.error(fromIndex)}if(toIndex>length){console.error(toIndex)}}function swap(arr,i,j){var temp=arr[i];arr[i]=arr[j];arr[j]=temp}function dualPivotQuicksort(property,arr,left,right,div){var len=right-left;if(len<27){for(var i=left+1;i<=right;i++){for(var j=i;j>left&&arr[j][property]<arr[j-1][property];j--){swap(arr,j,j-1)}}return}var third=Math.floor(len/div);var m1=left+third;var m2=right-third;if(m1<=left){m1=left+1}if(m2>=right){m2=right-1}if(arr[m1][property]<arr[m2][property]){swap(arr,m1,left);swap(arr,m2,right)}else{swap(arr,m1,right);swap(arr,m2,left)}var pivot1=arr[left];var pivot2=arr[right];var pivot1Val=pivot1[property];var pivot2Val=pivot2[property];var less=left+1;var great=right-1;for(var k=less;k<=great;k++){if(arr[k][property]<pivot1Val){swap(arr,k,less++)}else if(arr[k][property]>pivot2Val){while(k<great&&arr[great][property]>pivot2Val){great--}swap(arr,k,great--);if(arr[k][property]<pivot1Val){swap(arr,k,less++)}}}var dist=great-less;if(dist<13){div++}swap(arr,less-1,left);swap(arr,great+1,right);dualPivotQuicksort(property,arr,left,less-2,div);dualPivotQuicksort(property,arr,great+2,right,div);if(dist>len-13&&pivot1Val!=pivot2Val){for(var k=less;k<=great;k++){if(arr[k][property]==pivot1Val){swap(arr,k,less++)}else if(arr[k][property]==pivot2Val){swap(arr,k,great--);if(arr[k][property]==pivot1Val){swap(arr,k,less++)}}}}if(pivot1Val<pivot2Val){dualPivotQuicksort(property,arr,less,great,div)}}return dualPivotQS.sort}();(function(){Polymer("fin-hypergrid-behavior-json",{sorted:{},sortStates:[" "," ^"," v"],dataIndexes:[],data:[],headers:[],fields:[],setHeaders:function(headerLabels){this.headers=headerLabels},setFields:function(fieldNames){this.fields=fieldNames},setData:function(jsonData){this.data=jsonData;this.initDataIndexes();this.initColumnIndexes();this.changed()},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 x=this.translateColumnIndex(x);return this.data[y][this.fields[x]]},setValue:function(x,y,value){var x=this.translateColumnIndex(x);this.data[y][this.fields[x]]=value},getFixedRowValue:function(x,y){x=this.translateColumnIndex(x);var sortIndex=this.sorted[x]||0;return this.headers[x]+this.sortStates[sortIndex]},getFixedColumnCount:function(){return 1},getRowCount:function(){return this.data.length},getColumnCount:function(){return this.fields.length},fixedRowClicked:function(grid,mouse){var columnIndex=this.scrollPositionX+mouse.gridCell.x-this.getFixedColumnCount();this.toggleSort(columnIndex)},toggleSort:function(columnIndex){var columnIndex=this.translateColumnIndex(columnIndex);this.grid.clearSelections();if(columnIndex>=this.fields.length){return}var current=this.sorted[columnIndex]||0;var stateCount=this.sortStates.length;var sortStateIndex=(current+1)%stateCount;for(var i=0;i<this.fields.length;i++){this.sorted[i]=0}this.sorted[columnIndex]=sortStateIndex;var colName=this.fields[columnIndex];if(sortStateIndex===0){var newData=new Array(this.data.length);for(var i=0;i<this.data.length;i++){var each=this.data[i];newData[each.__si]=each}this.data=newData}else if(sortStateIndex===1){var start=Date.now();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=this.data.reverse()}for(var 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-default" attributes="url" assetpath="behaviors/"><template></template><script>"use strict";(function(){var typeAlignmentMap={j:"right",s:"left",t:"center",f:"right",d:"center"};var typeRendererMap={J:"sparklineCellRenderer",j:"simpleCellRenderer",s:"simpleCellRenderer",t:"simpleCellRenderer",f:"simpleCellRenderer",d:"simpleCellRenderer"};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){x=this.translateColumnIndex(x);var override=this.values["p_"+(x+1)+"_"+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 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){x=this.translateColumnIndex(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},getFixedColumnValue:function(x,y){return y},getCanSort:function(){var canSort=this.block.features.sorting===true;return canSort},fixedRowClicked:function(grid,mouse){this.toggleSort(this.scrollPositionX+mouse.gridCell.x-this.getFixedColumnCount())},toggleSort:function(columnIndex){var columnIndex=this.translateColumnIndex(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){x=this.translateColumnIndex(x);var alignment=typeAlignmentMap[this.block.headers[x+1][1]];return alignment},setValue:function(x,y,value){x=this.translateColumnIndex(x);this.values["p_"+(x+1)+"_"+y]=value},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.sizeChanged){self.sizeChanged()}}if(!self.columnIndexes||self.columnIndexes.length===0){self.initColumnIndexes()}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-default" attributes="url" assetpath="behaviors/"><template></template><script>"use strict";(function(){var typeAlignmentMap={j:"right",s:"left",t:"center",f:"right",d:"center"};var typeRendererMap={J:"sparklineCellRenderer",j:"simpleCellRenderer",s:"simpleCellRenderer",t:"simpleCellRenderer",f:"simpleCellRenderer",d:"simpleCellRenderer"};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){return v.toFixed(4)},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={};this.swapColumnsWaitingCount=0},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;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.6;var hoffset=Math.ceil(textHeight/2.1);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.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},attributeChanged:function(attrName,oldVal,newVal){},connectTo:function(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("h_");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 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.ws.send(JSON.stringify({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},fixedRowClicked:function(grid,mouse){this.toggleSort(this.scrollPositionX+mouse.gridCell.x-this.getFixedColumnCount())},topLeftClicked:function(grid,mouse){this._toggleSort("h_")},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.ws.send(JSON.stringify(msg))},getFixedRowAlignment:function(x,y){if(y>0){return this.getColumnAlignment(x)}return this.constants.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;x=this.translateColumnIndex(x);var col=headers[x];return col},getFixedColumnAlignment:function(){return"left"},setValue:function(x,y,value){x=this.translateColumnIndex(x);this.values["p_"+(x+1)+"_"+y]=value},fixedColumnClicked:function(grid,mouse){var rowNum=mouse.gridCell.y-this.getFixedRowCount();var nodes=this.block.Z[1].n_[rowNum];var nodeClick={id:this.getNextMessageId(),fn:"node",node:nodes};this.ws.send(JSON.stringify(nodeClick))},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.label="groups";group.list=this.block.G.slice(0);group.canDragItem=function(list,item,index,e){return list.length>1};group.canDropItem=function(sourceList,myList,sourceIndex,item,e){return self.block.H.indexOf(item)>-1};this.beColumnStyle(hidden.style);hidden.style.left="33.3333%";hidden.label="hidden columns";hidden.list=this.block.I.slice(0);this.beColumnStyle(visible.style);visible.style.left="66.6666%";visible.label="visible columns";visible.list=this.block.F.slice(0);visible.canDragItem=function(list,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.ws.send(JSON.stringify(changeCols));return true},isColumnReorderable:function(){return true},getNextMessageId:function(onResponseDo){this.msgResponsesActions;var id="js_"+this.msgCounter++;if(onResponseDo){this.msgResponsesActions[id]=onResponseDo}return id},swapColumns:function(src,tar){var self=this;var tmp=this.columnIndexes[src];this.columnIndexes[src]=this.columnIndexes[tar];this.columnIndexes[tar]=tmp;var visible=this.block.F.slice(0);var t=visible[src];visible[src]=visible[tar];visible[tar]=t;var msgId=this.getNextMessageId(function(){self.swapColumnsWaitingCount--;if(self.swapColumnsWaitingCount===0){self.initColumnIndexes()}});this.swapColumnsWaitingCount++;var changeCols={id:msgId,fn:"groups",groups:this.block.G,visible:visible};this.ws.send(JSON.stringify(changeCols));return true;var tmp=this.columnIndexes[src];this.columnIndexes[src]=this.columnIndexes[tar];this.columnIndexes[tar]=tmp},beColumnStyle:function(style){style.top="5%";style.position="absolute";style.width="33.3333%";style.height="90%";style.whiteSpace="nowrap"},connect:function(){var d={};var self=this;var oldSize=0;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.ws.send(JSON.stringify({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);self.block=d;var msgId=d.id;var action=self.msgResponsesActions[msgId];if(action){action(d);self.msgResponsesActions[msgId]=undefined}oldSize=self.block.N-1;if(d.rows!==oldSize){if(self.sizeChanged){self.sizeChanged()}}if(!self.columnIndexes||self.columnIndexes.length===0){self.initColumnIndexes()}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-cell-editor-base" assetpath="cell-editors/"><template></template><script>"use strict";(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(){},installOn:function(grid){this.grid=grid;grid.registerCellEditor(this.alias,this)},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){},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(model){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){},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="cell-editors/"><template><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="cell-editors/"><template><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="cell-editors/"><template><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="cell-editors/"><template><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="cell-editors/"><template><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="cell-editors/"><template><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="cell-editors/"><template><input id="editor" type="number"></template><script>"use strict";(function(){Polymer("fin-hypergrid-cell-editor-spinner",{alias:"spinner"})})();</script></polymer-element><polymer-element name="fin-hypergrid-excel" assetpath=""><template></template><script>(function(){"use strict";var excelOriginOffset=1;var createExcelDataFromSelections=function(grid){var selectionModel=grid.getSelectionModel();var selections=selectionModel.getSelections();if(selections.length===0){return}var behavior=grid.getBehavior();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=behavior.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};var publish=function(grid){if(!grid.hasSelections()){return}var excelMessage=createExcelDataFromSelections(grid);fin.desktop.InterApplicationBus.publish("onSelect",excelMessage);console.log("push to excel",excelMessage)};var subscribe=function(grid){var sm=grid.getSelectionModel();fin.desktop.InterApplicationBus.subscribe("*","onExcelChange",function(data){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)){grid.setValue(cell.column-excelOriginOffset,cell.row-excelOriginOffset,cell.value)}})}});fin.desktop.InterApplicationBus.subscribe("*","ExcelError",function(data){console.log(JSON.stringify(data))})};var excel=function(grid){if(!fin){console.error("Excel integration only works within the OpenFin Runtime");return}fin.desktop.main(function(){fin.desktop.Application.getCurrent();setInterval(function(){publish(grid)},1e3/2);subscribe(grid)})};if(!window.fin){excel=function(){}}Polymer("fin-hypergrid-excel",{installOn:excel})})();</script></polymer-element></div><polymer-element name="fin-hypergrid" assetpath=""><template><style>: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}#verticalScroller{position:absolute;top:0;right:0;bottom:0;left:100%;margin-top:0;margin-left:-15px;margin-bottom:15px;margin-right:15px}#horizontalScroller{position:absolute;top:100%;right:0;bottom:0;left:0;margin-top:-15px;margin-left:0;margin-bottom:15px;margin-right:15px}#editor{position:absolute;display:none;border:solid 2px #000;outline:0;padding:0;z-index:1000}#dragger{position:absolute;display:none;opacity:.75;box-shadow:5px 5px 5px #888;z-index:100}#floatColumn{position:absolute;display:none}fin-vampire-bar{z-index:10}</style><fin-plugins><fin-hypergrid-cell-editor-textfield></fin-hypergrid-cell-editor-textfield><fin-hypergrid-cell-editor-choice></fin-hypergrid-cell-editor-choice><fin-hypergrid-cell-editor-color></fin-hypergrid-cell-editor-color><fin-hypergrid-cell-editor-date></fin-hypergrid-cell-editor-date><fin-hypergrid-cell-editor-slider></fin-hypergrid-cell-editor-slider><fin-hypergrid-cell-editor-spinner></fin-hypergrid-cell-editor-spinner></fin-plugins><fin-vampire-bar id="horizontalScroller" horizontal=""></fin-vampire-bar><fin-vampire-bar id="verticalScroller"></fin-vampire-bar><fin-canvas><fin-hypergrid-renderer></fin-hypergrid-renderer></fin-canvas><input id="editor"><content></content></template><script>"use strict";(function(){var noop=function(){};Polymer("fin-hypergrid",{behavior:{setScrollPositionY:noop,setScrollPositionX:noop,getColumnCount:noop,getFixedColumnCount:noop,getFixedColumnsWidth:noop,getFixedColumnsMaxWidth:noop,setRenderedWidth:noop,getRowCount:noop,getFixedRowCount:noop,getFixedRowsHeight:noop,getFixedRowsMaxHeight:noop,setRenderedHeight:noop,getCellProvider:noop,click:noop,doubleClick:noop},isWebkit:true,mouseDown:[],dragExtent:null,vScrlValue:0,hScrlValue:0,rectangles:null,constants:null,selectionModel:null,cellEdtr:null,sbMouseIsDown:false,sbHScroller:null,sbVScroller:null,sbHScrlCfg:{},sbVScrlCfg:{},sbPrevVScrlVal:null,sbPrevHScrlVal:null,sbHValueHolder:{},sbVValueHolder:{},cellEditors:null,renderOverridesCache:{},domReady:function(){var self=this;this.themeListener=document.createElement("html");this.themeListener.classList.add("core-header");this.shadowRoot.appendChild(this.themeListener);this.isWebkit=navigator.userAgent.toLowerCase().indexOf("webkit")>-1;this.rectangles=document.createElement("fin-rectangle");this.constants=document.createElement("fin-hypergrid-constants").values;this.selectionModel=document.createElement("fin-hypergrid-selection-model");this.cellEditors={};this.renderOverridesCache={};this.oncontextmenu=function(event){event.preventDefault();return false};this.clearMouseDown();this.dragExtent=this.rectangles.point.create(0,0);this.pluginsDo(function(each){if(each.installOn){each.installOn(self)}});this.initCanvas();this.initRenderer();this.initScrollbars();document.body.addEventListener("copy",function(evt){self.checkClipboardCopy(evt)});this.resized()},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=[this.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();this.pluginsDo(function(each){if(each.gridRenderedNotification){each.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);var self=this;var numColumns=this.behavior.getColumnCount();var numRows=this.behavior.getRowCount();this.behavior.changed=function(){if(numColumns!==self.behavior.getColumnCount()||numRows!==self.behavior.getRowCount()){numColumns=self.behavior.getColumnCount();numRows=self.behavior.getRowCount();self.behaviorShapeChanged()}self.repaint()};this.behavior.sizeChanged=function(){self.repaint()};if(this.behavior){}},getBounds:function(){return this.getCanvas().getBounds()},resolveProperty:function(key){var prop=this.renderer.resolveProperty(key);return prop},behaviorShapeChanged:function(){this.synchronizeScrollingBoundries()},repaint:function(){this.getCanvas().repaint()},isHiDPI:function(){return this.getAttribute("hidpi")!==null},initCanvas:function(){var self=this;this.canvas=this.shadowRoot.querySelector("fin-canvas");this.canvas.setAttribute("fps",this.constants.repaintIntervalRate||15);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.marginRight="15px";this.canvas.style.bottom=0;this.canvas.style.marginBottom="15px";this.canvas.style.left=0;this.canvas.resizeNotification=function(){self.resized()};this.canvas.addEventListener("fin-mousemove",function(e){var mouse=e.detail.mouse;var mouseEvent=self.getGridCellFromMousePoint(mouse);mouseEvent.primitiveEvent=e;self.delegateMouseMove(mouseEvent)});this.canvas.addEventListener("fin-mousedown",function(e){self.stopEditing();var mouse=e.detail.mouse;var mouseEvent=self.getGridCellFromMousePoint(mouse);mouseEvent.primitiveEvent=e;self.delegateMouseDown(mouseEvent)});this.canvas.addEventListener("fin-mouseup",function(e){self.dragging=false;if(self.scrollingNow){self.scrollingNow=false}if(self.columnDragAutoScrolling){self.columnDragAutoScrolling=false}var mouse=e.detail.mouse;var mouseEvent=self.getGridCellFromMousePoint(mouse);mouseEvent.primitiveEvent=e;self.delegateMouseUp(mouseEvent)});this.canvas.addEventListener("fin-tap",function(e){var mouse=e.detail.mouse;var tapEvent=self.getGridCellFromMousePoint(mouse);tapEvent.primitiveEvent=e;self.delegateTap(tapEvent)});this.canvas.addEventListener("fin-drag",function(e){self.dragging=true;var mouse=e.detail.mouse;var mouseEvent=self.getGridCellFromMousePoint(mouse);mouseEvent.primitiveEvent=e;self.delegateMouseDrag(mouseEvent)});this.canvas.addEventListener("fin-keydown",function(e){self.delegateKeyDown(e)});this.canvas.addEventListener("fin-keyup",function(e){self.delegateKeyUp(e)});this.canvas.addEventListener("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.canvas.addEventListener("fin-holdpulse",function(e){var mouse=e.detail.mouse;var mouseEvent=self.getGridCellFromMousePoint(mouse);mouseEvent.primitiveEvent=e;self.delegateHoldPulse(mouseEvent)});this.canvas.addEventListener("fin-dblclick",function(e){var mouse=e.detail.mouse;var mouseEvent=self.getGridCellFromMousePoint(mouse);mouseEvent.primitiveEvent=e;self.delegateDoubleClick(mouseEvent)});this.canvas.addEventListener("fin-wheelmoved",function(e){var mouse=e.detail.mouse;var mouseEvent=self.getGridCellFromMousePoint(mouse);mouseEvent.primitiveEvent=e.detail.primitiveEvent;self.delegateWheelMoved(mouseEvent)})},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},beDefaultCursor:function(){this.style.cursor="default"},delegateWheelMoved:function(event){var behavior=this.getBehavior();behavior.onWheelMoved(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=this.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=this.rectangles.point.create(x,y);this.setMouseDown(editPoint);this.setDragExtent(this.rectangles.point.create(0,0));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()},setVScrollValue:function(y){var self=this;this.getBehavior().setScrollPositionY(y);this.vScrlValue=y;this.scrollValueChangedNotification();setTimeout(function(){self.sbVRangeAdapter.subjectChanged()})},getVScrollValue:function(){return this.vScrlValue},setHScrollValue:function(x){var self=this;this.getBehavior().setScrollPositionX(x);this.hScrlValue=x;this.scrollValueChangedNotification();setTimeout(function(){self.sbHRangeAdapter.subjectChanged()})},getHScrollValue:function(){return this.hScrlValue},takeFocus:function(){if(this.isEditing()){this.editorTakeFocus()}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 canvas=this.getCanvas();var scrollbars=this.shadowRoot.querySelectorAll("fin-vampire-bar");this.sbHScroller=scrollbars[0];this.sbVScroller=scrollbars[1];this.sbHScroller.onUpClick=function(){self.scrollHBy(1)};this.sbHScroller.onDownClick=function(){self.scrollHBy(-1)};this.sbHScroller.onUpHold=function(event){event.preventTap();self.scrollHBy(1)};this.sbHScroller.onDownHold=function(event){event.preventTap();self.scrollHBy(-1)};this.addEventListener("mousedown",function(){self.sbMouseIsDown=true});this.sbVScroller.onUpClick=function(){self.scrollVBy(-1)};this.sbVScroller.onDownClick=function(){self.scrollVBy(1)};this.sbVScroller.onUpHold=function(event){event.preventTap();self.scrollVBy(-1)};this.sbVScroller.onDownHold=function(event){event.preventTap();self.scrollVBy(1)};this.addEventListener("mousedown",function(){self.sbMouseIsDown=true});document.addEventListener("mouseup",function(e){if(!self.sbMouseIsDown){return}self.sbMouseIsDown=false;var origin=canvas.getOrigin();var point=self.rectangles.point.create(e.x-origin.x,e.y-origin.y);if(!canvas.bounds.contains(point)){self.takeFocus()}});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()}},setValue:function(x,y,value){this.getBehavior().setValue(x,y,value);this.repaint()},synchronizeScrollingBoundries:function(){var behavior=this.getBehavior();if(!behavior){return}var numColumns=behavior.getColumnCount();var numRows=behavior.getRowCount();var bounds=this.getBounds();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.sbVScroller.tickle();this.sbHScroller.tickle()},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 gridCell=event.gridCell;var mX=this.getHScrollValue()+gridCell.x-1;var mY=this.getVScrollValue()+gridCell.y-1;var editor=this.getCellEditorAt(mX,mY);this.editAt(editor,event)},getCellEditorAt:function(x,y){var translatedX=this.translateColumnIndex(x);return this.getBehavior().getCellEditorAt(translatedX,y)},translateColumnIndex:function(x){var behavior=this.getBehavior();var translatedX=behavior.translateColumnIndex(x);return translatedX},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)}})})();</script></polymer-element></body></html>
\ No newline at end of file
diff --git a/q/s3.zip b/q/s3.zip
index 40b614e20d281afa4ff932baea08688b7033b28f..75e5be42f1ba578342586df9e833462bd17f0fef 100644
GIT binary patch
delta 949
zcmX?Ye!_f$D%0XU6V)x4xHe8qyv8)WbFw9)yu{r-k3&HCE29WQfHyM>7Xt_YB?}mp
z*dUS<wG}4sV3cR)+W0tRqUY_&jr?+x|1f$n-QBa<gDII2NKanNypn0_p3M;~A?zS}
z9d{&1crzz&Arsh;p!JhCGRtqC&(Fokba~I_)dKBIY?pzy?%Mzs4;PkTWGe5RTqq(_
zzZEFF2<o8Rpo>|z4Mb|chifd|AYpY}`*yeM%Ws!*^i{Lj7`Z3Dj>=ke#=~t=bh_IA
zecHFZ&z|T`om>6R(mgy%M{J47*Ndy}-V=WQG<%_EV0Grn+*x)1DrVRH5^|lbQyUUE
z<&S69<kC02hubV(o|L{?blj|l@8m(%dM|CMu+KFKHp`aJi}(Av!f1is>t%B{O)ZJ>
zl%BsR!*R*CZys5Tx0Ju=am{UUF+8|FvMPL*TlFGiM#g1L-xyB+oO`y2t?Kl9(?vXC
zdkY`c230KURgW-@&U@LVxAR>rvtvQstJpak?|n7f@GhFQ`BF&Vd6qAxt2Qloc9`w&
zHIx7KvovSrA2#Q>alts_?V8M2fo~Y6IlgOd2!DE|ST%9QCC@{<K2#qMtNAIHEi$Pt
zppq-5VBZG0C1RUbAHKS^;=Vug10L!1T2H6Suy<TOYxO5lcTdK>zURD`Cd@aU;%5Dg
zd-><yb%jp+=_e=lPoG^HYkk<mMeM0u;fX}f`yX5EAE+m+dB`cpzKZwK+p|ACc`|~#
z*97bTjeW6f)rq#aDy|vna_65F*5noc-`>0O@=cldv$yPjI`N6&Cl$WO@&yk)-n!ab
zfBelI;LXl)VwHFORz?N}QDz2k!V+QN0776S=ZdMbK_VFx_mk)IKbbsN+!&ZPCtnhG
z5rZbOkN|H+CQ)X1YSfX?6@w*JG^u<E1872>yi~#)n7Su_l5hkiN>fQ65Y;Sc2TYTb
z4@-K2C_X7Wkf5KGCy1H}<Xzq~`KFX-7$iA9hFT1BZJ-;nKiC*}z}W*xI4o&Q6=7f~
zHr6lKD-4a`V1T7ti0febCs#<zn8%4RFvQ3EIy(CYN9Y4}=*45`VPyju%nyW8EDQ`Y
H#6dg&DT0xp

delta 932
zcmX?Me%gG3D${|r6V)x4e3nd1yvB60X|g4wyad<A#~~p6l~IHtz?+$civa|Hk_C)P
zY!Jzb+6t3*Fv_$0EO{I<(ew7?Mt-@;e;B=(xHfL~U`l2L(v#ORuVi|=VRHma2s?;g
z#~le0-pt8c$OJYdX#M1k%<`M(^K&sWecrHnwLm))+vg3BL-uU|i-!wKFfti6PA(LY
zsRs%3uY))!Hz+!Pwt-09^Y9s~E;+p7SiMbrP1bGijQB++GetO0pIUgscdnxJ&1I_H
zpYCTfdk0Px?>YZd@A;#fIc-{3WwzYd8<C<@udAvhecE)F@8$RL`IqzUn-V53<rZW)
zxqnIE&53&gZzvqrtvWpE{fRcW32%Irmee2k7vf*-lw9-b<5iLOA#E#8_64iGw~+I{
za&)=E3`M=Qb_?7%Gkc56JXcDTC-uZl{<1D;?G}$To*D_`JM12g?@Pi2CPe=V-lfr)
znm;FE_LONJsS{7H(!E;IS*%qZ&Yv)4UX}RbEv9>U*HmjM2dunxVS?lQ!%CmCuEo!}
zFD1Ue-l(yA?f)vqx0cP<{8n$1Jo;=x^-g`BxK=@b({{yfby2gWwT3C4pZhntDdw?H
zoqD`!<I-&hRJqrG3%~y6v7PRLvm3T95)1oK*pRpD=Ec7g_~xm;Jyy5ZMC7@YmMZVh
z$ICuTufN;!Ed8Y5`)RK~PB^^x^-D&%L|*NPmcYj1n*Qg>KN#(;o^k0vYFx0_vAnoW
z!g)(>M48C>ziuhf*E5>+Z8^e2McM;p=4U=L&Rt{6tGvDR%HOB#AxHR*-}U&%u4i&B
z_RD4A{pA7P>>LMH%n#qe$iN`Y%m7YXA`Bcr2#jZLVFliDy~5B49tKEsgHpld`TS2N
z&k{EVrqaph#a+ap$t@(nn~_PB8J;dRC3MALi55*NN5TM_WG63@@CK&y$?qi`LCMod
z(g#E}NZJ8Y=i~#Do*;@_$_^yxE#(QKrU7}MH%z`J<*5isn2(_r!yFyx2KUZn2Wfdx
zSUQEc0jg?poRqA2q8I~1e7vutvwv`eezCE>UOd>Z98kZ43}$5m<uZOClwx6Em@N+C
F0RTvFcYpu@

diff --git a/q/s3/w.q b/q/s3/w.q
index 149d863b8..c89d2460b 100644
--- a/q/s3/w.q
+++ b/q/s3/w.q
@@ -17,7 +17,7 @@ W:0Ni
 
 .js.exe:{.js[x`fn]x}
 .js.set:{`Z set .tt.cons[T;P;A;S;G]F;.js.ret x}
-.js.obj:{`Z`G`H`F`I`Q`S`R`N!(Z;G;H;F;I;Q;S;R;N)}
+.js.obj:{{x!get each x}`Z`G`H`F`I`Q`S`R`N}
 .js.ret:{x,.js.obj[]}
 .js.upd:{if[not null W;neg[W](`.js.exe;.js.set()!())]}
 .js.ups:{if[not null W;`Z set 0!(`n_ xkey Z)upsert`n_ xkey .tt.cons[T;P;A;S;G]x;neg[W](`.js.exe;.js.ret()!())]}