forked from NeXTs/Clusterize.js
-
Notifications
You must be signed in to change notification settings - Fork 0
/
clusterize.min.js
16 lines (15 loc) · 5.93 KB
/
clusterize.min.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
/*! Clusterize.js - v0.15.0 - 2015-12-02
* http://NeXTs.github.com/Clusterize.js/
* Copyright (c) 2015 Denis Lukov; Licensed MIT */
;(function(p,l){"undefined"!=typeof module?module.exports=l():"function"==typeof define&&"object"==typeof define.amd?define(l):this[p]=l()})("Clusterize",function(){function p(b,a,c){return a.addEventListener?a.addEventListener(b,c,!1):a.attachEvent("on"+b,c)}function l(b,a,c){return a.removeEventListener?a.removeEventListener(b,c,!1):a.detachEvent("on"+b,c)}function q(b){return"[object Array]"===Object.prototype.toString.call(b)}function m(b,a){return window.getComputedStyle?window.getComputedStyle(a)[b]:
a.currentStyle[b]}var g=function(){for(var b=3,a=document.createElement("b"),c=a.all||[];a.innerHTML="\x3c!--[if gt IE "+ ++b+"]><i><![endif]--\x3e",c[0];);return 4<b?b:document.documentMode}(),x=navigator.platform.toLowerCase().indexOf("mac")+1,n=function(b){if(!(this instanceof n))return new n(b);var a=this,c={item_height:0,block_height:0,rows_in_block:50,rows_in_cluster:0,cluster_height:0,blocks_in_cluster:4,tag:null,content_tag:null,show_no_data_row:!0,no_data_class:"clusterize-no-data",no_data_text:"No data",
keep_parity:!0,verify_change:!1,callbacks:{},scroll_top:0};a.options={};for(var d="rows_in_block blocks_in_cluster verify_change show_no_data_row no_data_class no_data_text keep_parity tag callbacks".split(" "),f=0,k;k=d[f];f++)a.options[k]="undefined"!=typeof b[k]&&null!=b[k]?b[k]:c[k];c=["scroll","content"];for(f=0;d=c[f];f++)if(a[d+"_elem"]=b[d+"Id"]?document.getElementById(b[d+"Id"]):b[d+"Elem"],!a[d+"_elem"])throw Error("Error! Could not find "+d+" element");a.content_elem.hasAttribute("tabindex")||
a.content_elem.setAttribute("tabindex",0);var e=q(b.rows)?b.rows:a.fetchMarkup(),h={data:""};b=a.scroll_elem.scrollTop;a.exploreEnvironment(e);a.insertToDOM(e,h);a.scroll_elem.scrollTop=b;var r=!1,g=0,t=!1,m=function(){x&&(t||(a.content_elem.style.pointerEvents="none"),t=!0,clearTimeout(g),g=setTimeout(function(){a.content_elem.style.pointerEvents="auto";t=!1},50));r!=(r=a.getClusterNum())&&a.insertToDOM(e,h);a.options.callbacks.scrollingProgress&&a.options.callbacks.scrollingProgress(a.getScrollProgress())},
u=0,v=function(){clearTimeout(u);u=setTimeout(a.refresh,100)};p("scroll",a.scroll_elem,m);p("resize",window,v);a.destroy=function(b){l("scroll",a.scroll_elem,m);l("resize",window,v);a.html((b?a.generateEmptyRow():e).join(""))};a.refresh=function(){a.getRowsHeight(e)&&a.update(e)};a.update=function(b){e=q(b)?b:[];b=a.scroll_elem.scrollTop;e.length*a.options.item_height<b&&(r=a.scroll_elem.scrollTop=0);a.insertToDOM(e,h);a.scroll_elem.scrollTop=b};a.clear=function(){a.update([])};a.getRowsAmount=function(){return e.length};
a.getScrollProgress=function(){return this.options.scroll_top/(e.length*this.options.item_height)*100||0};var w=function(b,c){var d=q(c)?c:[];d.length&&(e="append"==b?e.concat(d):d.concat(e),a.insertToDOM(e,h))};a.append=function(a){w("append",a)};a.prepend=function(a){w("prepend",a)}};n.prototype={constructor:n,fetchMarkup:function(){for(var b=[],a=this.getChildNodes(this.content_elem);a.length;)b.push(a.shift().outerHTML);return b},exploreEnvironment:function(b){var a=this.options;a.content_tag=
this.content_elem.tagName.toLowerCase();b.length&&(g&&9>=g&&!a.tag&&(a.tag=b[0].match(/<([^>\s/]*)/)[1].toLowerCase()),1>=this.content_elem.children.length&&this.html(b[0]+b[0]+b[0]),a.tag||(a.tag=this.content_elem.children[0].tagName.toLowerCase()),this.getRowsHeight(b))},getRowsHeight:function(b){var a=this.options,c=a.item_height;a.cluster_height=0;if(b.length)return b=this.content_elem.children,a.item_height=b[Math.floor(b.length/2)].offsetHeight,"tr"==a.tag&&"collapse"!=m("borderCollapse",this.content_elem)&&
(a.item_height+=parseInt(m("borderSpacing",this.content_elem))||0),a.block_height=a.item_height*a.rows_in_block,a.rows_in_cluster=a.blocks_in_cluster*a.rows_in_block,a.cluster_height=a.blocks_in_cluster*a.block_height,c!=a.item_height},getClusterNum:function(){this.options.scroll_top=this.scroll_elem.scrollTop;return Math.floor(this.options.scroll_top/(this.options.cluster_height-this.options.block_height))||0},generateEmptyRow:function(){var b=this.options;if(!b.tag||!b.show_no_data_row)return[];
var a=document.createElement(b.tag),c=document.createTextNode(b.no_data_text),d;a.className=b.no_data_class;"tr"==b.tag&&(d=document.createElement("td"),d.appendChild(c));a.appendChild(d||c);return[a.outerHTML]},generate:function(b,a){var c=this.options,d=b.length;if(d<c.rows_in_block)return{rows_above:0,rows:d?b:this.generateEmptyRow()};c.cluster_height||this.exploreEnvironment(b);var f=Math.max((c.rows_in_cluster-c.rows_in_block)*a,0),k=f+c.rows_in_cluster,e=f*c.item_height,d=(d-k)*c.item_height,
h=[],g=f;0<e?(c.keep_parity&&h.push(this.renderExtraTag("keep-parity")),h.push(this.renderExtraTag("top-space",e))):g++;for(c=f;c<k;c++)b[c]&&h.push(b[c]);0<d&&h.push(this.renderExtraTag("bottom-space",d));return{rows_above:g,rows:h}},renderExtraTag:function(b,a){var c=document.createElement(this.options.tag);c.className=["clusterize-extra-row","clusterize-"+b].join(" ");a&&(c.style.height=a+"px");return c.outerHTML},insertToDOM:function(b,a){var c=this.generate(b,this.getClusterNum()),d=c.rows.join(""),
f=this.options.callbacks;if(!this.options.verify_change||this.options.verify_change&&this.dataChanged(d,a))f.clusterWillChange&&f.clusterWillChange(),this.html(d),"ol"==this.options.content_tag&&this.content_elem.setAttribute("start",c.rows_above),f.clusterChanged&&f.clusterChanged()},html:function(b){var a=this.content_elem;if(g&&9>=g&&"tr"==this.options.tag){var c=document.createElement("div");for(c.innerHTML="<table><tbody>"+b+"</tbody></table>";b=a.lastChild;)a.removeChild(b);for(c=this.getChildNodes(c.firstChild.firstChild);c.length;)a.appendChild(c.shift())}else a.innerHTML=
b},getChildNodes:function(b){b=b.children;for(var a=[],c=0,d=b.length;c<d;c++)a.push(b[c]);return Array.prototype.slice.call(a)},dataChanged:function(b,a){var c=JSON.stringify(b);return c!==a.data&&(a.data=c)}};return n});