@plotdb/chart 0.0.2

package/dist/chart.min.css

@@ -0,0 +1 @@
+div[plug=layout]{width:100%;height:100%}div[plug=layout] .pdl-layout{width:100%;height:100%}

package/dist/chart.min.js

@@ -0,0 +1 @@
+(function(){var svgns,parent,aniloop,visibilityObserver,resizeObserver,withDefault,defaultConfig,chart;svgns="http://www.w3.org/2000/svg";parent=function(n,s,e){var m;m=n;while(n&&n!==e){n=n.parentNode}if(n!==e){return null}if(!s){return n}n=m;while(n&&n!==e&&(!n.matches||n.matches&&!n.matches(s))){n=n.parentNode}if(n===e&&(!e.matches||!e.matches(s))){return null}return n};aniloop=function(){this.running=false;this.time={now:0,last:0};this.fps(60);this.evtHandler={};return this};aniloop.prototype=import$(Object.create(Object.prototype),{on:function(n,cb){var this$=this;return(Array.isArray(n)?n:[n]).map(function(n){var ref$;return((ref$=this$.evtHandler)[n]||(ref$[n]=[])).push(cb)})},fire:function(n){var v,res$,i$,to$,ref$,len$,cb,results$=[];res$=[];for(i$=1,to$=arguments.length;i$<to$;++i$){res$.push(arguments[i$])}v=res$;for(i$=0,len$=(ref$=this.evtHandler[n]||[]).length;i$<len$;++i$){cb=ref$[i$];results$.push(cb.apply(this,v))}return results$},reset:function(){return this.time={now:0}},setTime:function(t){return this.time.now=t},getTime:function(){return this.time.now},isRunning:function(){return this.running},toggle:function(it){if(it!=null){this.running=!it}if(this.running){return this.pause()}else{return this.run()}},pause:function(){return this.running=false},render:function(){return this.fire("tick",this.time.now)},run:function(fps){var this$=this;if(fps!=null){this.fps(fps)}if(this.running){return}this.running=true;return requestAnimationFrame(function(t){return this$.handler(this$.time.last=t,true)})},throttle:function(v){v==null&&(v=true);return this.isThrottled=v},fps:function(it){if(!(it!=null)){return this._fps_val}this._fps_val=it>.01?it:.01;return this._fps_delay=1e3/this._fps_val},handler:function(t,force){var delay,ref$,this$=this;force==null&&(force=false);if(!this.running){return}this.time.now=t;delay=this.isThrottled?(ref$=this._fps_delay)>1e3?ref$:1e3:this._fps_delay;if(force||this.time.now-this.time.last>=delay){this.time.last=t;this.render()}return requestAnimationFrame(function(t){return this$.handler(t,false)})}});visibilityObserver={list:[],init:function(){var ref$,h,vc,this$=this;this.inited=true;ref$=document.hidden!=null?["hidden","visibilitychange"]:document.msHidden!=null?["hidden","visibilitychange"]:document.webkiHidden!=null?["webkitHidden","webkitvisibilitychange"]:["hidden","visibilitychange"],h=ref$[0],vc=ref$[1];return document.addEventListener(vc,debounce(150,function(){var th;th=!!document[h];return this$.list.map(function(it){return it.throttle(th)})},false))},add:function(aniloop){if(!this.inited){this.init()}return this.list.push(aniloop)}};resizeObserver={wm:new WeakMap,ro:new ResizeObserver(function(list){return list.map(function(n){var ret;ret=resizeObserver.wm.get(n.target);return ret._resize()})}),add:function(node,obj){this.wm.set(node,obj);return this.ro.observe(node)},delete:function(it){this.ro.unobserve(it);return this.wm["delete"](it)}};withDefault=function(cfg,defcfg){var _;cfg==null&&(cfg={});defcfg==null&&(defcfg={});defcfg=JSON.parse(JSON.stringify(defcfg));_=function(cfg,defcfg){var k,v;for(k in defcfg){v=defcfg[k];if(!(cfg[k]!=null)){cfg[k]=v}else if(typeof cfg[k]==="object"&&typeof v==="object"){withDefault(cfg[k],defcfg[k])}}return cfg};return _(cfg,defcfg)};defaultConfig=function(cfg){var _;_=function(meta,ret){var ctrls,that,id,v;ret==null&&(ret={});ctrls=(that=meta.child)?that:meta;for(id in meta){v=meta[id];if(!v.type){_(v,ret[id]||(ret[id]={}))}else if(v["default"]){ret[id]=v["default"]}}return ret};return _(cfg)};chart=function(opt){var this$=this;opt==null&&(opt={});this.root=typeof opt.root==="string"?document.querySelector(opt.root):opt.root;this.useSample=opt.useSample!=null?opt.useSample:true;this.autoSelect=opt.autoSelect!=null?opt.autoSelect:true;this.forceInit=opt.forceInit?opt.forceInit:false;this.prepareSvg=opt.prepareSvg!=null?opt.prepareSvg:true;this.layoutOpt=opt.layout!=null?opt.layout:true;this.delayRender=opt.delayRender||false;this.dataAccessor=opt.dataAccessor!=null?opt.dataAccessor:function(it){if(it){return it.data._raw}else{return null}};this.raw=opt.raw||null;this.mod=opt.mod||{};this.cfg=opt.config||{};this.seed=opt.seed||Math.random();this.binding=opt.binding||{};this.evtHandler={};this.init=proxise.once(function(){return this$._init()});this._resize=null;if(this.autoSelect){this.root.addEventListener("click",this._select=function(e){var p;if(!(p=parent(e.target,".data",this$.root))){return}return this$.fire("select",[{data:this$.dataAccessor(p),node:p}])});this.root.addEventListener("mouseover",this._hover=function(e){var p;if(!(p=ld$.parent(e.target,".data",this$.root))){return}return this$.fire("hover",[{data:this$.dataAccessor(p),node:p}])})}return this};chart.prototype=import$(Object.create(Object.prototype),{_init:function(){var layoutRoot,ref$,r,p,this$=this;if(window.getComputedStyle(this.root).position==="static"){this.root.style.position="relative"}layoutRoot=this.layoutOpt?typeof this.layoutOpt!=="object"?this.root.querySelector(".pdl-layout"):typeof this.layoutOpt.root==="string"?this.root.querySelector(this.layoutOpt.root):this.layoutOpt.root?this.layoutOpt.root:null:null;if(this.prepareSvg&&!(this.svg=this.root.querySelector("svg"))){this.svg=document.createElementNS(svgns,"svg");ref$=this.svg.style;ref$.width="100%";ref$.height="100%";if(this.layoutOpt){if(!layoutRoot){console.error("[@plotdb/chart] layout enabled yet layout root isn't configured properly. ")}r=layoutRoot.querySelector("[data-type=render]");if(!r){console.warn("[@plotdb/chart] prepareSvg and layout is configured at the same time,\nyet render container for layout is not found. svg is thus appended in the root.")}}(r||this.root).appendChild(this.svg)}this._aniloop=new aniloop;visibilityObserver.add(this._aniloop);this._aniloop.on("tick",function(){return this$.tick()});return p=Promise.resolve().then(function(){var ref$;if(this$.raw&&Array.isArray(this$.raw)){return}if(this$.useSample){this$.raw=(ref$=this$.mod.sample?this$.mod.sample()||{}:{}).raw;this$.binding=ref$.binding}if(!this$.raw){return this$.raw=[]}}).then(function(){var defcfg,ref$,_resizeLock;defcfg=defaultConfig(this$.mod.config||{});withDefault(this$.cfg,defcfg);if(this$.layoutOpt){if(!(typeof layout!="undefined"&&layout!==null)){console.warn("[@plotdb/chart] layout-opt is set yet @plotdb/layout is not found.")}else{if(!layoutRoot){console.error("[@plotdb/chart] cannot determine root node for @plotdb/layout.");console.error("[@plotdb/chart] config layout properly or disable layout by setting layout to false")}this$.layout=new layout(typeof this$.layoutOpt==="object"?(ref$=import$({},this$.layoutOpt),ref$.watchResize=false,ref$):{root:layoutRoot,watchResize:false})}}_resizeLock=proxise(function(){resizeObserver.add(this$.root,this$);return null});if(this$.forceInit&&!this$.root.offsetParent||window.getComputedStyle(this$.root).display==="none"){return}this$._resize=function(){return _resizeLock.resolve()};return _resizeLock()}).then(function(){return this$._resize=function(){}}).then(function(){var init,layoutLock;init=function(){if(this$.mod.init){return this$.mod.init.apply(this$)}};if(!this$.layout){return init()}layoutLock=proxise(function(){Promise.resolve(this$.layout.init(init));return null});this$._layout=function(){return layoutLock.resolve()};this$.layout.on("render",function(){return this$._layout()});return layoutLock()}).then(function(){this$._layout=function(){};Promise.resolve().then(function(){if(!this$.delayRender){return}this$.renderLock=proxise(function(){});return this$.renderLock()}).then(function(){this$._resize=function(){this$.resize();return this$.render()};this$._layout=function(){this$.parse();this$.bind();this$.resize();return this$.render()};this$.parse();this$.bind();this$.resize();return this$.render()})})},parse:function(){var this$=this;this.data=this.raw.map(function(r,i){var ret,k,v;ret={};(function(){var ref$,results$=[];for(k in ref$=this.binding){v=ref$[k];results$.push({k:k,v:v})}return results$}).call(this$).map(function(arg$){var k,v,ref$,ref1$,t;k=arg$.k,v=arg$.v;if(!v){return}ret[k]=((ref$=(ref1$=this$.mod).dimension||(ref1$.dimension={}))[k]||(ref$[k]={})).multiple?v.map(function(it){return r[it.key]}):r[v.key];t=((ref$=(ref1$=this$.mod).dimension||(ref1$.dimension={}))[k]||(ref$[k]={})).type;if(/[RIT]/.exec(t)&&!/[CN]/.exec(t)){return ret[k]=Array.isArray(ret[k])?ret[k].map(function(it){return parseFloat(it)}):parseFloat(ret[k])}});ret._raw=r;ret._idx=i;return ret});if(this.mod.parse){return this.mod.parse.apply(this)}},bind:function(){if(this.mod.bind){return this.mod.bind.apply(this)}},start:function(){this._aniloop.run();if(this.mod.start){return this.mod.start.apply(this)}},stop:function(){this._aniloop.pause();if(this.mod.stop){return this.mod.stop.apply(this)}},resize:function(){if(this.layout){this.layout.update(false)}this.box=this.root.getBoundingClientRect();if(this.mod.resize){return this.mod.resize.apply(this)}},tick:function(){if(this.mod.tick){return this.mod.tick.apply(this)}},render:function(){if(this.mod.render){return this.mod.render.apply(this)}},destroy:function(){var this$=this;return Promise.resolve().then(function(){if(this$._select){this$.root.removeEventListener("click",this$._select)}if(this$._hover){this$.root.removeEventListener("mouseover",this$._hover)}resizeObserver["delete"](this$.root);if(this$.layout){this$.layout.destroy()}this$.stop();if(this$.mod.destroy){return this$.mod.destroy.apply(this$)}})},config:function(opt){if(!(opt!=null&&opt)){return this.cfg}return import$(this.cfg,opt)},setBind:function(n,b){this.binding[n]=b;this.parse();this.bind();this.resize();return this.render()},setRaw:function(raw,binding,reinit){var ref$;reinit==null&&(reinit=false);if(!Array.isArray(raw)){ref$=raw,raw=ref$.raw,binding=ref$.binding,reinit=ref$.reinit}if(raw!=null){this.raw=raw}if(binding!=null){this.binding=binding}if(this.renderLock){this.renderLock.resolve();return this.renderLock=null}else{if(reinit&&this.mod.init){this.mod.init.apply(this)}this.parse();this.bind();this.resize();return this.render()}},on:function(n,cb){var this$=this;return(Array.isArray(n)?n:[n]).map(function(n){var ref$;return((ref$=this$.evtHandler)[n]||(ref$[n]=[])).push(cb)})},fire:function(n){var v,res$,i$,to$,ref$,len$,cb,results$=[];res$=[];for(i$=1,to$=arguments.length;i$<to$;++i$){res$.push(arguments[i$])}v=res$;for(i$=0,len$=(ref$=this.evtHandler[n]||[]).length;i$<len$;++i$){cb=ref$[i$];results$.push(cb.apply(this,v))}return results$},filter:function(filters,internal){var bs,k,ref$,v,u;filters==null&&(filters={});internal==null&&(internal=false);bs=[];for(k in ref$=this.binding){v=ref$[k];u=Array.isArray(v)?v:[v];u=u.map(fn$);bs=bs.concat(u)}for(k in filters){v=filters[k];bs.filter(fn1$).map(fn2$)}if(internal){this.fire("filter",filters)}if(this.mod.filter){this.mod.filter.apply(this,[filters,internal])}this.parse();this.bind();this.resize();return this.render();function fn$(v){return{k:k,v:v}}function fn1$(it){return it.k===k}function fn2$(it){return it.v.filter=v}}});if(typeof module!="undefined"&&module!==null){module.exports=chart}else if(typeof window!="undefined"&&window!==null){window.chart=chart}function import$(obj,src){var own={}.hasOwnProperty;for(var key in src)if(own.call(src,key))obj[key]=src[key];return obj}}).call(this);

package/dist/data/index.js

@@ -0,0 +1,73 @@
+(function(){
+  var randFname, generate;
+  randFname = function(){
+    return "...";
+  };
+  generate = function(count, binding){
+    var gen, fields, idx, k, v, u, keys, i$, i, ret, hint, name, value, range;
+    gen = {
+      raw: [],
+      binding: {}
+    };
+    fields = {};
+    idx = 0;
+    for (k in binding) {
+      v = binding[k];
+      u = Array.isArray(v)
+        ? v
+        : [v];
+      keys = u.map(fn$);
+      if (Array.isArray(v)) {
+        gen.binding[k] = keys.map(fn1$);
+      } else {
+        gen.binding[k] = {
+          key: fields[keys[0]].key
+        };
+      }
+    }
+    for (i$ = 0; i$ < count; ++i$) {
+      i = i$;
+      for (k in fields) {
+        v = fields[k];
+        ret = {};
+        hint = v.hint;
+        name = v.key;
+        value = "...";
+        switch (hint.type) {
+        case 'R':
+          range = hint.range || [0, 1];
+          value = Math.round(Math.random() * (range[1] - range[0]) + range[0]);
+          break;
+        case 'N':
+          value = ['A', 'B', 'C', 'D', 'E'][Math.floor(Math.random() * 5)];
+        }
+        ret[v.key] = value;
+      }
+      gen.raw.push(ret);
+    }
+    return gen;
+    function fn$(it){
+      fields[idx] = {
+        key: randFname(),
+        hint: it
+      };
+      return idx++;
+    }
+    function fn1$(it){
+      return {
+        key: fields[it].key
+      };
+    }
+  };
+  generate(10, {
+    height: [0, 1, 2, 3].map(function(){
+      return {
+        type: 'R',
+        range: [0, 10]
+      };
+    }),
+    name: {
+      type: 'N'
+    }
+  });
+}).call(this);

package/dist/utils/axis.js

@@ -0,0 +1,357 @@
+(function(){
+  var ceNS, axis;
+  ceNS = function(it){
+    return document.createElementNS("http://www.w3.org/2000/svg", it);
+  };
+  axis = function(opt){
+    var n, x$, y$, this$ = this;
+    opt == null && (opt = {});
+    this.dir = {
+      "bottom": 0,
+      "left": 2
+    }[opt.direction || 'bottom'];
+    this.name = opt.name || 'axis';
+    this.layout = opt.layout || new layout({
+      root: this.root
+    });
+    this._ticks = [];
+    this._scale = opt.scale || function(it){
+      return it;
+    };
+    this._format = opt.format || (typeof chart != 'undefined' && chart !== null
+      ? chart.utils.format.simple
+      : function(it){
+        return it;
+      });
+    this.cfg = import$({
+      tickSize: 8
+    }, opt.cfg);
+    this._map = {};
+    this._n = n = {
+      root: ceNS('g'),
+      layout: this.layout.getNode(this.name),
+      render: this.layout.getGroup(this.name),
+      wrap: null,
+      domain: ceNS('path')
+    };
+    n.render.appendChild(n.root);
+    n.root.appendChild(n.domain);
+    n.label = ceNS('text');
+    n.label.textContent = '';
+    x$ = n.label;
+    x$.setAttribute('dominant-baseline', 'hanging');
+    x$.setAttribute('text-anchor', 'middle');
+    n.root.appendChild(n.label);
+    this.wrapper();
+    y$ = this.layout;
+    y$.on('update', function(){
+      return this$.update();
+    });
+    y$.on('render', function(){
+      return this$.render();
+    });
+    return this;
+  };
+  axis.prototype = import$(Object.create(Object.prototype), {
+    wrapper: function(){
+      var n, ref$;
+      n = this._n;
+      if (n.wrap && n.wrap.parentNode) {
+        n.wrap.parentNode.removeChild(n.wrap);
+      }
+      n.wrap = document.createElement('div');
+      import$((ref$ = n.wrap.style, ref$.visibility = 'hidden', ref$.position = 'absolute', ref$.top = 0, ref$.left = 0, ref$.pointerEvents = 'none', ref$.userSelect = 'none', ref$.zIndex = 0, ref$.wordBreak = "break-all", ref$.lineHeight = '.95em', ref$), this.dir < 2 && this.cfg.textWidth != null
+        ? {
+          whiteSpace: 'wrap',
+          width: ((ref$ = this.cfg.textWidth) > 1 ? ref$ : 1) + "em"
+        }
+        : {
+          whiteSpace: 'pre',
+          width: '4em'
+        });
+      return n.layout.appendChild(n.wrap);
+    },
+    config: function(it){
+      if (!(it != null)) {
+        return this.cfg;
+      }
+      import$(this.cfg, it);
+      if (this.cfg.format) {
+        this.format(this.cfg.format);
+      }
+      return this.wrapper();
+    },
+    format: function(it){
+      if (it != null) {
+        return this._format = it;
+      } else {
+        return this._format;
+      }
+    },
+    scale: function(it){
+      if (it != null) {
+        return this._scale = it;
+      } else {
+        return this._scale;
+      }
+    },
+    caption: function(it){
+      if (this.cfg.showCaption != null && !this.cfg.showCaption) {
+        return this._n.label.textContent = '';
+      } else {
+        return this._n.label.textContent = it;
+      }
+    },
+    update: function(){},
+    ticks: function(ticks){
+      /* (v)alue -> (c)oordinate -> (t)ext -> (n)odes: { g(group), p(path), t(text) } */
+      var map, size, count, itr, ref$, k, v, this$ = this;
+      map = {};
+      size = this._n.layout.getBoundingClientRect()[this.dir < 2 ? 'width' : 'height'];
+      count = Math.round(size / 25);
+      itr = (ref$ = Math.round(ticks.length / (count > 1 ? count : 1))) > 1 ? ref$ : 1;
+      this._ticks = ticks.filter(function(d, i){
+        return !(i % itr) || i === ticks.length - 1;
+      }).map(function(o){
+        var ref$, key$;
+        if (typeof o !== 'object') {
+          o = {
+            v: o
+          };
+        }
+        return map[o.v] = import$((ref$ = this$._map)[key$ = o.v] || (ref$[key$] = {}), o);
+      });
+      for (k in ref$ = this._map) {
+        v = ref$[k];
+        if (!map[k]) {
+          v.n.g.parentNode.removeChild(v.n.g);
+        }
+      }
+      this._map = map;
+      return this._ticks.filter(function(o){
+        return !o.n;
+      }).map(function(o){
+        o.n = {
+          g: ceNS('g'),
+          p: ceNS('path'),
+          t: ceNS('g')
+        };
+        o.n.g.appendChild(o.n.p);
+        o.n.g.appendChild(o.n.t);
+        this$._n.root.appendChild(o.n.g);
+        if (isNaN(+o.v)) {
+          return o.t = o.v;
+        }
+      });
+    },
+    render: function(){
+      var n, isHorizon, wrap, ticks, ref$, fontSize, box, this$ = this;
+      n = this._n;
+      isHorizon = this.dir < 2;
+      wrap = n.wrap;
+      ticks = this._ticks;
+      if (this.cfg.enabled != null && !this.cfg.enabled) {
+        if (isHorizon) {
+          ref$ = n.layout.style;
+          ref$.height = "0px";
+          ref$.paddingTop = "0";
+          ref$.paddingBottom = "0";
+        } else {
+          ref$ = n.layout.style;
+          ref$.width = "0px";
+          ref$.paddingLeft = "0";
+          ref$.paddingRight = "0";
+        }
+        n.domain.style.display = 'none';
+        return;
+      } else {
+        if (isHorizon) {
+          ref$ = n.layout.style;
+          ref$.height = "";
+          ref$.paddingTop = "";
+          ref$.paddingBottom = "";
+        } else {
+          ref$ = n.layout.style;
+          ref$.width = "";
+          ref$.paddingLeft = "";
+          ref$.paddingRight = "";
+        }
+        n.domain.style.display = '';
+      }
+      fontSize = getComputedStyle(wrap).fontSize;
+      box = n.layout.getBoundingClientRect();
+      ref$ = n.domain.style;
+      ref$.strokeWidth = 1;
+      ref$.stroke = 'currentColor';
+      ref$.fill = 'none';
+      ticks.map(function(o, idx){
+        var pos, ref$;
+        pos = !idx
+          ? 0
+          : idx === ticks.length - 1 ? 2 : 1;
+        o._c = o.c != null
+          ? o.c
+          : this$._scale(o.v) + (this$._scale.bandwidth ? this$._scale.bandwidth() / 2 : 0);
+        o._t = o.t != null
+          ? o.t
+          : this$._format(o.v);
+        ref$ = o.n.p.style;
+        ref$.strokeWidth = 1;
+        ref$.stroke = 'currentColor';
+        ref$.fill = 'none';
+        wrap.textContent = o._t;
+        wrap.style.textAlign = isHorizon
+          ? ['left', 'center', 'right'][pos]
+          : ['right', 'left'][this$.dir - 2];
+        o.n.tt = wrapSvgText({
+          node: wrap
+        });
+        o.n.t.style.fontSize = fontSize;
+        o.n.t.textContent = '';
+        return o.n.t.appendChild(o.n.tt);
+      });
+      ticks.sort(function(a, b){
+        return a._c - b._c;
+      });
+      if (isHorizon) {
+        n.domain.setAttribute('d', "M0 0L" + box.width + " 0Z");
+        n.label.setAttribute('x', box.width / 2);
+      } else {
+        n.domain.setAttribute('d', "M0 0L0 " + box.height + "Z");
+        n.label.setAttribute("transform", "translate(0," + box.height / 2 + ") rotate(90)");
+      }
+      ticks.map(function(o){
+        return o.box = o.n.t.getBBox();
+      });
+      return this.adjust();
+    },
+    adjust: function(){
+      var ticks, isHorizon, insert, bfs, this$ = this;
+      ticks = this._ticks;
+      isHorizon = this.dir < 2;
+      insert = function(idx, lv, lc){
+        var tick, pos, ref$, coord, text, box, offset, doOffset, r, m, ip1, ip2, op1, op2, overlap;
+        if (lc.checked[idx]) {
+          return;
+        } else {
+          lc.checked[idx] = true;
+        }
+        tick = ticks[idx];
+        pos = !idx
+          ? 0
+          : idx === ticks.length - 1 ? 2 : 1;
+        ref$ = [tick._c, tick._t], coord = ref$[0], text = ref$[1];
+        box = tick.box;
+        offset = {
+          x: -box.x,
+          y: -box.y
+        };
+        doOffset = this$._scale.bandwidth
+          ? false
+          : this$.cfg.boundaryTickOffset != null
+            ? !!this$.cfg.boundaryTickOffset
+            : this$.dir < 2 ? true : false;
+        r = doOffset
+          ? pos / 2
+          : 1 / 2;
+        if (isHorizon) {
+          offset.x -= box.width * r;
+        } else {
+          offset.y -= box.height * r;
+        }
+        tick.n.tt.setAttribute('transform', "translate(" + offset.x + "," + offset.y + ")");
+        box = {
+          size: box[isHorizon ? 'width' : 'height'],
+          sizeAlt: box[isHorizon ? 'height' : 'width'],
+          lv: lv,
+          tick: tick,
+          idx: idx
+        };
+        box.coord = coord - box.size * r;
+        if (isHorizon) {
+          tick.n.g.setAttribute('transform', "translate(" + coord + ",0)");
+          tick.n.p.setAttribute('d', "M0 0L0 " + this$.cfg.tickSize);
+          tick.n.t.setAttribute('transform', "translate(0," + this$.cfg.tickSize + ")");
+        } else {
+          tick.n.g.setAttribute('transform', "translate(0," + coord + ")");
+          tick.n.p.setAttribute('d', "M0 0L-" + this$.cfg.tickSize + " 0");
+          tick.n.t.setAttribute('transform', "translate(" + (-this$.cfg.tickSize - box.sizeAlt - 1) + ",0)");
+        }
+        m = 2;
+        ref$ = [box.coord, box.coord + box.size], ip1 = ref$[0], ip2 = ref$[1];
+        ref$ = [ip1 - m, ip2 + m], op1 = ref$[0], op2 = ref$[1];
+        overlap = lc.picked.filter(function(b){
+          var ref$, iq1, iq2, oq1, oq2;
+          ref$ = [b.coord, b.coord + b.size], iq1 = ref$[0], iq2 = ref$[1];
+          ref$ = [iq1 - m, iq2 + m], oq1 = ref$[0], oq2 = ref$[1];
+          return (ip1 > oq1 && ip1 < oq2) || (iq1 > op1 && iq1 < op2);
+        }).length;
+        tick.n.t.style.opacity = overlap ? 0 : 1;
+        lc.picked.push(box);
+        return !overlap;
+      };
+      bfs = function(maxlv){
+        var ref$, lc, fifo, L, R, D, M, size, box;
+        maxlv == null && (maxlv = 1);
+        ref$ = [
+          {
+            checked: {},
+            picked: [],
+            node: this$._n.wrap
+          }, []
+        ], lc = ref$[0], fifo = ref$[1];
+        lc.fontSize = getComputedStyle(lc.node).fontSize;
+        ticks.map(function(it){
+          return it.n.t.style.opacity = 0;
+        });
+        if (ticks.length) {
+          fifo.push([0, ticks.length - 1, 0]);
+          [0, ticks.length - 1].map(function(it){
+            return insert(it, 0, lc);
+          });
+        }
+        while (fifo.length) {
+          ref$ = fifo.splice(0, 1)[0], L = ref$[0], R = ref$[1], D = ref$[2];
+          if (D >= maxlv) {
+            continue;
+          }
+          M = Math.floor((L + R) / 2);
+          insert(M, D, lc);
+          if (M > L + 1) {
+            fifo.push([L, M, D + 1]);
+          }
+          if (R > M + 1) {
+            fifo.push([M, R, D + 1]);
+          }
+        }
+        /* align lv
+        lc.picked.map -> if it.lv >= maxlv => it.tick.n.t.style.opacity = 0
+        lc.picked = lc.picked.filter -> it.lv < maxlv
+        */
+        size = Math.max.apply(Math, [0].concat(lc.picked.map(function(it){
+          return it.sizeAlt;
+        })));
+        if (this$.dir < 2) {
+          this$._n.label.setAttribute('y', size + this$.cfg.tickSize);
+          return this$._n.layout.style.height = (size + this$.cfg.tickSize + this$._n.label.getBoundingClientRect().height) + "px";
+        } else {
+          this$._n.label.setAttribute('x', 0);
+          this$._n.label.setAttribute('y', 0);
+          this$._n.layout.style.width = (size + this$.cfg.tickSize + this$._n.label.getBoundingClientRect().width) + "px";
+          box = this$._n.layout.getBoundingClientRect();
+          this$._n.label.setAttribute('transform', "translate(" + (-(size + this$.cfg.tickSize)) + "," + box.height / 2 + ") rotate(90)");
+          return this$._n.root.setAttribute('transform', "translate(" + box.width + ",0)");
+        }
+      };
+      return bfs(5);
+    }
+  });
+  if (typeof chart != 'undefined' && chart !== null) {
+    (chart.utils || (chart.utils = {})).axis = axis;
+  }
+  function import$(obj, src){
+    var own = {}.hasOwnProperty;
+    for (var key in src) if (own.call(src, key)) obj[key] = src[key];
+    return obj;
+  }
+}).call(this);

package/dist/utils/axis.min.js

@@ -0,0 +1 @@
+(function(){var ceNS,axis;ceNS=function(it){return document.createElementNS("http://www.w3.org/2000/svg",it)};axis=function(opt){var n,x$,y$,this$=this;opt==null&&(opt={});this.dir={bottom:0,left:2}[opt.direction||"bottom"];this.name=opt.name||"axis";this.layout=opt.layout||new layout({root:this.root});this._ticks=[];this._scale=opt.scale||function(it){return it};this._format=opt.format||(typeof chart!="undefined"&&chart!==null?chart.utils.format.simple:function(it){return it});this.cfg=import$({tickSize:8},opt.cfg);this._map={};this._n=n={root:ceNS("g"),layout:this.layout.getNode(this.name),render:this.layout.getGroup(this.name),wrap:null,domain:ceNS("path")};n.render.appendChild(n.root);n.root.appendChild(n.domain);n.label=ceNS("text");n.label.textContent="";x$=n.label;x$.setAttribute("dominant-baseline","hanging");x$.setAttribute("text-anchor","middle");n.root.appendChild(n.label);this.wrapper();y$=this.layout;y$.on("update",function(){return this$.update()});y$.on("render",function(){return this$.render()});return this};axis.prototype=import$(Object.create(Object.prototype),{wrapper:function(){var n,ref$;n=this._n;if(n.wrap&&n.wrap.parentNode){n.wrap.parentNode.removeChild(n.wrap)}n.wrap=document.createElement("div");import$((ref$=n.wrap.style,ref$.visibility="hidden",ref$.position="absolute",ref$.top=0,ref$.left=0,ref$.pointerEvents="none",ref$.userSelect="none",ref$.zIndex=0,ref$.wordBreak="break-all",ref$.lineHeight=".95em",ref$),this.dir<2&&this.cfg.textWidth!=null?{whiteSpace:"wrap",width:((ref$=this.cfg.textWidth)>1?ref$:1)+"em"}:{whiteSpace:"pre",width:"4em"});return n.layout.appendChild(n.wrap)},config:function(it){if(!(it!=null)){return this.cfg}import$(this.cfg,it);if(this.cfg.format){this.format(this.cfg.format)}return this.wrapper()},format:function(it){if(it!=null){return this._format=it}else{return this._format}},scale:function(it){if(it!=null){return this._scale=it}else{return this._scale}},caption:function(it){if(this.cfg.showCaption!=null&&!this.cfg.showCaption){return this._n.label.textContent=""}else{return this._n.label.textContent=it}},update:function(){},ticks:function(ticks){var map,size,count,itr,ref$,k,v,this$=this;map={};size=this._n.layout.getBoundingClientRect()[this.dir<2?"width":"height"];count=Math.round(size/25);itr=(ref$=Math.round(ticks.length/(count>1?count:1)))>1?ref$:1;this._ticks=ticks.filter(function(d,i){return!(i%itr)||i===ticks.length-1}).map(function(o){var ref$,key$;if(typeof o!=="object"){o={v:o}}return map[o.v]=import$((ref$=this$._map)[key$=o.v]||(ref$[key$]={}),o)});for(k in ref$=this._map){v=ref$[k];if(!map[k]){v.n.g.parentNode.removeChild(v.n.g)}}this._map=map;return this._ticks.filter(function(o){return!o.n}).map(function(o){o.n={g:ceNS("g"),p:ceNS("path"),t:ceNS("g")};o.n.g.appendChild(o.n.p);o.n.g.appendChild(o.n.t);this$._n.root.appendChild(o.n.g);if(isNaN(+o.v)){return o.t=o.v}})},render:function(){var n,isHorizon,wrap,ticks,ref$,fontSize,box,this$=this;n=this._n;isHorizon=this.dir<2;wrap=n.wrap;ticks=this._ticks;if(this.cfg.enabled!=null&&!this.cfg.enabled){if(isHorizon){ref$=n.layout.style;ref$.height="0px";ref$.paddingTop="0";ref$.paddingBottom="0"}else{ref$=n.layout.style;ref$.width="0px";ref$.paddingLeft="0";ref$.paddingRight="0"}n.domain.style.display="none";return}else{if(isHorizon){ref$=n.layout.style;ref$.height="";ref$.paddingTop="";ref$.paddingBottom=""}else{ref$=n.layout.style;ref$.width="";ref$.paddingLeft="";ref$.paddingRight=""}n.domain.style.display=""}fontSize=getComputedStyle(wrap).fontSize;box=n.layout.getBoundingClientRect();ref$=n.domain.style;ref$.strokeWidth=1;ref$.stroke="currentColor";ref$.fill="none";ticks.map(function(o,idx){var pos,ref$;pos=!idx?0:idx===ticks.length-1?2:1;o._c=o.c!=null?o.c:this$._scale(o.v)+(this$._scale.bandwidth?this$._scale.bandwidth()/2:0);o._t=o.t!=null?o.t:this$._format(o.v);ref$=o.n.p.style;ref$.strokeWidth=1;ref$.stroke="currentColor";ref$.fill="none";wrap.textContent=o._t;wrap.style.textAlign=isHorizon?["left","center","right"][pos]:["right","left"][this$.dir-2];o.n.tt=wrapSvgText({node:wrap});o.n.t.style.fontSize=fontSize;o.n.t.textContent="";return o.n.t.appendChild(o.n.tt)});ticks.sort(function(a,b){return a._c-b._c});if(isHorizon){n.domain.setAttribute("d","M0 0L"+box.width+" 0Z");n.label.setAttribute("x",box.width/2)}else{n.domain.setAttribute("d","M0 0L0 "+box.height+"Z");n.label.setAttribute("transform","translate(0,"+box.height/2+") rotate(90)")}ticks.map(function(o){return o.box=o.n.t.getBBox()});return this.adjust()},adjust:function(){var ticks,isHorizon,insert,bfs,this$=this;ticks=this._ticks;isHorizon=this.dir<2;insert=function(idx,lv,lc){var tick,pos,ref$,coord,text,box,offset,doOffset,r,m,ip1,ip2,op1,op2,overlap;if(lc.checked[idx]){return}else{lc.checked[idx]=true}tick=ticks[idx];pos=!idx?0:idx===ticks.length-1?2:1;ref$=[tick._c,tick._t],coord=ref$[0],text=ref$[1];box=tick.box;offset={x:-box.x,y:-box.y};doOffset=this$._scale.bandwidth?false:this$.cfg.boundaryTickOffset!=null?!!this$.cfg.boundaryTickOffset:this$.dir<2?true:false;r=doOffset?pos/2:1/2;if(isHorizon){offset.x-=box.width*r}else{offset.y-=box.height*r}tick.n.tt.setAttribute("transform","translate("+offset.x+","+offset.y+")");box={size:box[isHorizon?"width":"height"],sizeAlt:box[isHorizon?"height":"width"],lv:lv,tick:tick,idx:idx};box.coord=coord-box.size*r;if(isHorizon){tick.n.g.setAttribute("transform","translate("+coord+",0)");tick.n.p.setAttribute("d","M0 0L0 "+this$.cfg.tickSize);tick.n.t.setAttribute("transform","translate(0,"+this$.cfg.tickSize+")")}else{tick.n.g.setAttribute("transform","translate(0,"+coord+")");tick.n.p.setAttribute("d","M0 0L-"+this$.cfg.tickSize+" 0");tick.n.t.setAttribute("transform","translate("+(-this$.cfg.tickSize-box.sizeAlt-1)+",0)")}m=2;ref$=[box.coord,box.coord+box.size],ip1=ref$[0],ip2=ref$[1];ref$=[ip1-m,ip2+m],op1=ref$[0],op2=ref$[1];overlap=lc.picked.filter(function(b){var ref$,iq1,iq2,oq1,oq2;ref$=[b.coord,b.coord+b.size],iq1=ref$[0],iq2=ref$[1];ref$=[iq1-m,iq2+m],oq1=ref$[0],oq2=ref$[1];return ip1>oq1&&ip1<oq2||iq1>op1&&iq1<op2}).length;tick.n.t.style.opacity=overlap?0:1;lc.picked.push(box);return!overlap};bfs=function(maxlv){var ref$,lc,fifo,L,R,D,M,size,box;maxlv==null&&(maxlv=1);ref$=[{checked:{},picked:[],node:this$._n.wrap},[]],lc=ref$[0],fifo=ref$[1];lc.fontSize=getComputedStyle(lc.node).fontSize;ticks.map(function(it){return it.n.t.style.opacity=0});if(ticks.length){fifo.push([0,ticks.length-1,0]);[0,ticks.length-1].map(function(it){return insert(it,0,lc)})}while(fifo.length){ref$=fifo.splice(0,1)[0],L=ref$[0],R=ref$[1],D=ref$[2];if(D>=maxlv){continue}M=Math.floor((L+R)/2);insert(M,D,lc);if(M>L+1){fifo.push([L,M,D+1])}if(R>M+1){fifo.push([M,R,D+1])}}size=Math.max.apply(Math,[0].concat(lc.picked.map(function(it){return it.sizeAlt})));if(this$.dir<2){this$._n.label.setAttribute("y",size+this$.cfg.tickSize);return this$._n.layout.style.height=size+this$.cfg.tickSize+this$._n.label.getBoundingClientRect().height+"px"}else{this$._n.label.setAttribute("x",0);this$._n.label.setAttribute("y",0);this$._n.layout.style.width=size+this$.cfg.tickSize+this$._n.label.getBoundingClientRect().width+"px";box=this$._n.layout.getBoundingClientRect();this$._n.label.setAttribute("transform","translate("+-(size+this$.cfg.tickSize)+","+box.height/2+") rotate(90)");return this$._n.root.setAttribute("transform","translate("+box.width+",0)")}};return bfs(5)}});if(typeof chart!="undefined"&&chart!==null){(chart.utils||(chart.utils={})).axis=axis}function import$(obj,src){var own={}.hasOwnProperty;for(var key in src)if(own.call(src,key))obj[key]=src[key];return obj}}).call(this);

package/dist/utils/config.js

@@ -0,0 +1,33 @@
+(function(){
+  var config;
+  config = {
+    preset: {
+      'default': {
+        margin: {
+          type: 'number'
+        },
+        font: {
+          size: {
+            type: 'number',
+            min: 1,
+            max: 256,
+            step: 1,
+            'default': 16
+          }
+        },
+        color: {
+          type: 'color'
+        },
+        palette: {
+          type: 'palette'
+        },
+        background: {
+          type: 'color'
+        }
+      }
+    }
+  };
+  if (typeof chart != 'undefined' && chart !== null) {
+    (chart.utils || (chart.utils = {})).config = config;
+  }
+}).call(this);

package/dist/utils/config.min.js

@@ -0,0 +1 @@
+(function(){var config;config={preset:{default:{margin:{type:"number"},font:{size:{type:"number",min:1,max:256,step:1,default:16}},color:{type:"color"},palette:{type:"palette"},background:{type:"color"}}}};if(typeof chart!="undefined"&&chart!==null){(chart.utils||(chart.utils={})).config=config}}).call(this);