@plotdb/chart 0.0.3 → 1.0.1

package/package.json

@@ -3,7 +3,7 @@
   "name": "@plotdb/chart",
   "license": "MIT",
   "description": "plotdb charts",
-  "version": "0.0.3",
+  "version": "1.0.1",
   "homepage": "https://github.com/plotdb/chart",
   "repository": {
     "type": "git",
@@ -14,8 +14,7 @@
     "npm": ">=6.4.1"
   },
   "scripts": {
-    "start": "npx server -r web -o true",
-    "postinstall": "npx fedep"
+    "start": "npx server -r web -o true"
   },
   "devDependencies": {
     "@loadingio/bootstrap.ext": "^0.0.1",
@@ -25,16 +24,18 @@
     "@plotdb/layout": "^0.0.10",
     "@plotdb/pdmap-world": "^0.0.3",
     "@plotdb/sheet": "^0.1.7",
-    "bootstrap.native": "^3.0.15",
     "@zbryikt/template": "^2.3.22",
     "bootstrap": "^4.5.2",
+    "bootstrap.native": "^3.0.15",
     "fedep": "^0.0.16",
+    "ldiconfont": "^0.1.8",
     "ldloader": "^2.0.1",
     "ldview": "^0.2.3",
     "livescript": "^1.6.0",
     "pdmaptw": "0.0.4",
     "uglify-js": "^3.2.0",
-    "uglifycss": "^0.0.29"
+    "uglifycss": "^0.0.29",
+    "zmgr": "^1.0.0"
   },
   "frontendDependencies": {
     "root": "web/static/assets/lib",
@@ -58,22 +59,24 @@
       "choosefont.js",
       "pdmaptw",
       "proxise",
+      "ldiconfont",
       "ldloader",
       "ldcover",
       "ldcolor",
       "ldslider",
       "wrap-svg-text",
       "ldpalettepicker",
+      "zmgr",
       "ldview"
     ]
   },
   "dependencies": {
     "@loadingio/debounce.js": "^0.0.1",
     "@loadingio/ldcolorpicker": "^2.0.4",
-    "@plotdb/block": "^3.0.1",
-    "@plotdb/csscope": "^3.0.1",
-    "@plotdb/konfig": "^2.0.2",
-    "@plotdb/rescope": "^4.0.2",
+    "@plotdb/block": "^4.0.0",
+    "@plotdb/csscope": "^3.0.3",
+    "@plotdb/konfig": "^3.0.0",
+    "@plotdb/rescope": "^4.0.5",
     "@zbryikt/voronoijs": "^0.0.1",
     "choosefont.js": "^0.0.1",
     "ldcolor": "^0.0.4",

package/web/src/pug/base.pug

@@ -9,6 +9,7 @@ html
     +css("/assets/lib/bootstrap/main/css/bootstrap.min.css")
     +css("/assets/lib/@loadingio/bootstrap.ext/main/index.min.css")
     +css("/assets/lib/@loadingio/loading.css/main/loading.min.css")
+    +css("/assets/lib/ldiconfont/main/ldif.min.css")
     +css("/css/index.css")
     block head
   body

package/web/src/pug/block/axis/0.0.1/index.ls

@@ -1,6 +1,4 @@
-<-(->it!) _
-
-block-factory =
+module.exports =
   pkg:
     name: 'axis', version: '0.0.1'
     extend: {name: "base", version: "0.0.1"}
@@ -32,7 +30,3 @@ mod = ({context}) ->
 
   render: ->
     @g.call @ab
-
-
-
-return block-factory

package/web/src/pug/block/axis-bubble/0.0.1/index.ls

@@ -1,6 +1,4 @@
-<- (->it!) _
-
-block-factory = 
+module.exports =
   pkg:
     name: 'axis-bubble', version: '0.0.1'
     extend: {name: "base", version: "0.0.1"}
@@ -137,5 +135,3 @@ mod = ({context}) ->
     d3.select @svg .selectAll \g.label
       .attr \transform, (d,i) -> "translate(#{d.x},#{d.y})"
     @render!
-
-return block-factory

package/web/src/pug/block/bar/0.0.1/index.ls

@@ -1,6 +1,4 @@
-<-(->it!) _
-
-block-factory =
+module.exports =
   pkg:
     name: 'bar', version: '0.0.1'
     extend: {name: "base", version: "0.0.1"}
@@ -270,5 +268,3 @@ mod = ({context, t}) ->
     @xaxis.render!
 
   tick: ->
-
-return block-factory

package/web/src/pug/block/bar-list/0.0.1/index.ls

@@ -1,6 +1,4 @@
-<-(->it!) _
-
-block-factory =
+module.exports =
   pkg:
     name: 'bar-list', version: '0.0.1'
     extend: {name: "base", version: "0.0.1"}
@@ -81,5 +79,3 @@ mod = ({root, context, t}) ->
     @extent = d3.extent @parsed.map -> it.size
     @scale.x = d3.scaleLinear!domain [0, @extent.1] .range [0, 100]
   render: -> @view.render!
-
-return block-factory

package/web/src/pug/block/bar-race/0.0.1/index.ls

@@ -1,6 +1,4 @@
-<-(->it!) _
-
-block-factory =
+module.exports =
   pkg:
     name: 'bar-race', version: '0.0.1'
     extend: {name: "base", version: "0.0.1"}
@@ -79,5 +77,3 @@ mod = ({context, t}) ->
     @g.axis.call @axis-bottom
       .attr \font-size, ''
   tick: ->
-
-return block-factory

package/web/src/pug/block/base/0.0.1/index.ls

@@ -1,67 +1,66 @@
+module.exports =
+  pkg:
+    name: 'base', version: '0.0.1'
+    dependencies: [
+      {name: "d3", version: "4", async: false}
+      {name: "d3-selection", version: "2", async: false}
+      {name: "d3-random", version: "2"}
+      {name: "d3-dispatch", version: "2", async: false}
+      {name: "d3-transition", version: "2"}
+      {name: "d3-format", version: "2"}
+      {name: "d3-array", version: "2", async: false}
+      {name: "d3-color", version: "2"}
+      {name: "d3-path", version: "2"}
+      {name: "d3-shape", version: "2"}
+      {name: "d3-interpolate", version: "2", async: false}
+      {name: "d3-scale-chromatic", version: "1"}
+      {name: "d3-ease", version: "2"}
+      {name: "d3-quadtree", version: "2"}
+      {name: "d3-timer", version: "2"}
+      {name: "d3-force", version: "2", async: false}
+      {name: "d3-hierarchy", version: "2"}
+      {name: "d3-force-boundary", version: "0.0.1"}
+      {name: "d3-drag", version: "2"}
+      {name: "d3-brush", version: "2"}
+      {name: "d3-axis", version: "2"}
+      {name: "@loadingio/debounce.js", version: "main", path: "debounce.min.js"}
+      {name: "wrap-svg-text", version: "main", path: "index.min.js", async: false}
+      {name: "@plotdb/layout", version: "main", path: "index.min.js", async: false}
+      {name: "@plotdb/layout", version: "main", path: "index.min.css", type: \css}
+      {name: "ldcolor", version: "main", path: "ldcolor.min.js", async: false}
+      {name: "@plotdb/chart", version: "main", path: "chart.js", async: false}
+      {name: "@plotdb/chart", version: "main", path: "chart.min.css", type: \css}
+      {name: "@plotdb/chart", version: "main", path: "utils/config.js"}
+      {name: "@plotdb/chart", version: "main", path: "utils/legend.js"}
+      {name: "@plotdb/chart", version: "main", path: "utils/legend.css", type: \css}
+      {name: "@plotdb/chart", version: "main", path: "utils/tint.js"}
+      {name: "@plotdb/chart", version: "main", path: "utils/format.js", async: false}
+      {name: "@plotdb/chart", version: "main", path: "utils/axis.js"}
+      {name: "@plotdb/chart", version: "main", path: "utils/tip.js"}
+    ]
+    i18n:
+      "zh-TW": 
+        "x axis": "X軸"
+        name: "名稱"
 
+  init: ({root, context, pubsub, data}) ->
+    {d3,chart} = context
+    pubsub.on \init, (opt = {}) ~>
+      opt = {
+        root: root
+        delay-render: true
+        auto-select: true
+        data-accessor: -> d3.select(it).datum!._raw
+      } <<< opt
+      original-init = opt.mod.init 
+      opt.mod.init = ->
+        @random = d3.randomUniform.source(d3.randomLcg(123))(0, 1)
+        ret = original-init.apply @
+        return Promise.resolve!
+      @chart = c = new chart(opt <<< data)
+      c.init!then -> c
+    @
 
-pkg:
-  name: 'base', version: '0.0.1'
-  dependencies: [
-    {name: "d3", version: "4", async: false}
-    {name: "d3-selection", version: "2", async: false}
-    {name: "d3-random", version: "2"}
-    {name: "d3-dispatch", version: "2", async: false}
-    {name: "d3-transition", version: "2"}
-    {name: "d3-format", version: "2"}
-    {name: "d3-array", version: "2", async: false}
-    {name: "d3-color", version: "2"}
-    {name: "d3-path", version: "2"}
-    {name: "d3-shape", version: "2"}
-    {name: "d3-interpolate", version: "2", async: false}
-    {name: "d3-scale-chromatic", version: "1"}
-    {name: "d3-ease", version: "2"}
-    {name: "d3-quadtree", version: "2"}
-    {name: "d3-timer", version: "2"}
-    {name: "d3-force", version: "2", async: false}
-    {name: "d3-hierarchy", version: "2"}
-    {name: "d3-force-boundary", version: "0.0.1"}
-    {name: "d3-drag", version: "2"}
-    {name: "d3-brush", version: "2"}
-    {name: "d3-axis", version: "2"}
-    {name: "@loadingio/debounce.js", version: "main", path: "debounce.min.js"}
-    {name: "wrap-svg-text", version: "main", path: "index.min.js", async: false}
-    {name: "@plotdb/layout", version: "main", path: "index.min.js", async: false}
-    {name: "@plotdb/layout", version: "main", path: "index.min.css", type: \css}
-    {name: "ldcolor", version: "main", path: "ldcolor.min.js", async: false}
-    {name: "@plotdb/chart", version: "main", path: "chart.js", async: false}
-    {name: "@plotdb/chart", version: "main", path: "chart.min.css", type: \css}
-    {name: "@plotdb/chart", version: "main", path: "utils/config.js"}
-    {name: "@plotdb/chart", version: "main", path: "utils/legend.js"}
-    {name: "@plotdb/chart", version: "main", path: "utils/legend.css", type: \css}
-    {name: "@plotdb/chart", version: "main", path: "utils/tint.js"}
-    {name: "@plotdb/chart", version: "main", path: "utils/format.js", async: false}
-    {name: "@plotdb/chart", version: "main", path: "utils/axis.js"}
-    {name: "@plotdb/chart", version: "main", path: "utils/tip.js"}
-  ]
-  i18n:
-    "zh-TW": 
-      "x axis": "X軸"
-      name: "名稱"
+  interface: -> @chart
 
-init: ({root, context, pubsub, data}) ->
-  {d3,chart} = context
-  pubsub.on \init, (opt = {}) ~>
-    opt = {
-      root: root
-      delay-render: true
-      auto-select: true
-      data-accessor: -> d3.select(it).datum!._raw
-    } <<< opt
-    original-init = opt.mod.init 
-    opt.mod.init = ->
-      @random = d3.randomUniform.source(d3.randomLcg(123))(0, 1)
-      ret = original-init.apply @
-      return Promise.resolve!
-    @chart = c = new chart(opt <<< data)
-    c.init!then -> c
-  @
-
-interface: -> @chart
-
-mod: (root) -> {config: {}, dimension: {}, init: (->), resize: (->), render: (->)}
+  mod: (root) -> {config: {}, dimension: {}, init: (->), resize: (->), render: (->)}

package/web/src/pug/block/blank/0.0.1/index.ls

@@ -1,6 +1,4 @@
-<-(->it!) _
-
-block-factory =
+module.exports =
   pkg:
     name: \blank, version: \0.0.1
     extend: name: \base, version: \0.0.1
@@ -21,5 +19,3 @@ mod = ({context}) ->
   resize: ->
   render: ->
   tick: ->
-
-return block-factory

package/web/src/pug/block/bubble/0.0.1/index.ls

@@ -1,6 +1,4 @@
-<-(->it!) _
-
-block-factory =
+module.exports =
   pkg:
     name: 'bubble', version: '0.0.1'
     extend: {name: "base", version: "0.0.1"}
@@ -21,7 +19,7 @@ mod = ({context, t}) ->
       name: {key: \name}
       color: {key: \cat}
       area: {key: \val}
-  config: {}
+  config: {} <<< chart.utils.config.preset.default
   dimension:
     group: {type: \C, name: "group", priority: 2}
     color: {type: \NR, name: "color", priority: 4}
@@ -44,6 +42,7 @@ mod = ({context, t}) ->
       name: \legend
       root: @root
       shape: (d) -> d3.select(@).attr \fill, tint.get d.key
+      direction: if @cfg.{}legend.position == \bottom => \horizontal else \vertical
       cfg: selectable: true
     @legend.on \select, ~> @bind!; @resize!; @render!
 
@@ -55,6 +54,7 @@ mod = ({context, t}) ->
     @sim = null
     @legend.data @groups.map -> {key: it, text: it}
   resize: ->
+    @root.querySelector('.pdl-layout').classList.toggle \legend-bottom, @cfg.{}legend.position == \bottom
     @tip.toggle(if @cfg.{}tip.enabled? => @cfg.tip.enabled else true)
     @cfg.{}legend
     @random = d3.randomUniform.source(d3.randomLcg(+Date.now!))(0, 1)
@@ -216,5 +216,3 @@ mod = ({context, t}) ->
       .attr \cy, (d,i) -> d._y
     @g.view.selectAll \g.label
       .attr \transform, (d,i) -> "translate(#{d._x},#{d._y})"
-
-return block-factory

package/web/src/pug/block/bubble/0.0.1/index.pug

@@ -24,5 +24,19 @@ div
         line-height: 1em
         text-align: right
         padding: .25em 0
+    .pdl-layout.legend-bottom > div[data-type=layout]
+      grid-template-columns: 1fr fit-content(1em)
+      grid-template-rows: 1fr fit-content(3em)
+      .pdl-cell[data-name=view]
+        grid-column: 1 / span 2
+        grid-row: 1
+      .pdl-cell[data-name=legend]
+        padding-top: 1em
+        grid-column: 1
+        grid-row: 2
+      .pdl-cell[data-name=unit]
+        padding-top: 1em
+        grid-column: 2
+        grid-row: 2
 
   script(type="@plotdb/block"): include:lsc index.ls

package/web/src/pug/block/curve-bar/0.0.1/index.ls

@@ -1,6 +1,4 @@
-<-(->it!) _
-
-block-factory =
+module.exports =
   pkg:
     name: 'curve-bar', version: '0.0.1'
     extend: {name: "base", version: "0.0.1"}
@@ -85,5 +83,3 @@ mod = ({context}) ->
       .attr \y, (d,i) -> -scale.r(i)
       .attr \dy, -bw * 1/4
       .text (d,i) -> d.name
-
-return block-factory

package/web/src/pug/block/dumbbell/0.0.1/index.ls

@@ -1,6 +1,4 @@
-<-(->it!) _
-
-block-factory =
+module.exports =
   pkg:
     name: 'dumbbell', version: '0.0.1'
     extend: {name: "base", version: "0.0.1"}
@@ -86,5 +84,3 @@ mod = ({context}) ->
               .attr \y2, (d,i) -> scale.y f.y2
               .attr \stroke, -> infcolor.get(f.name.0)
               .attr \stroke-width, 1
-
-return block-factory

package/web/src/pug/block/empty/0.0.1/index.ls

@@ -1,27 +1,28 @@
-pkg:
-  name: 'empty', version: '0.0.1'
-  dependencies: [
-    {url: "/assets/lib/@loadingio/debounce.js/main/debounce.min.js"}
-    {url: "/assets/lib/wrap-svg-text/main/index.min.js", async: false}
-    {url: "/assets/lib/@plotdb/layout/main/index.min.js", async: false}
-    {url: "/assets/lib/@plotdb/layout/main/index.min.css", type: \css}
-    {url: "/assets/lib/ldcolor/main/ldcolor.min.js", async: false}
-    {url: "/assets/lib/@plotdb/chart/main/chart.js", async: false}
-    {url: "/assets/lib/@plotdb/chart/main/chart.min.css", type: \css}
-    {url: "/assets/lib/@plotdb/chart/main/utils/legend.js", async: false}
-    {url: "/assets/lib/@plotdb/chart/main/utils/legend.css", type: \css}
-    {url: "/assets/lib/@plotdb/chart/main/utils/tint.js", async: false}
-    {url: "/assets/lib/@plotdb/chart/main/utils/data.js", async: false}
-  ]
+module.exports =
+  pkg:
+    name: 'empty', version: '0.0.1'
+    dependencies: [
+      {url: "/assets/lib/@loadingio/debounce.js/main/debounce.min.js"}
+      {url: "/assets/lib/wrap-svg-text/main/index.min.js", async: false}
+      {url: "/assets/lib/@plotdb/layout/main/index.min.js", async: false}
+      {url: "/assets/lib/@plotdb/layout/main/index.min.css", type: \css}
+      {url: "/assets/lib/ldcolor/main/ldcolor.min.js", async: false}
+      {url: "/assets/lib/@plotdb/chart/main/chart.js", async: false}
+      {url: "/assets/lib/@plotdb/chart/main/chart.min.css", type: \css}
+      {url: "/assets/lib/@plotdb/chart/main/utils/legend.js", async: false}
+      {url: "/assets/lib/@plotdb/chart/main/utils/legend.css", type: \css}
+      {url: "/assets/lib/@plotdb/chart/main/utils/tint.js", async: false}
+      {url: "/assets/lib/@plotdb/chart/main/utils/data.js", async: false}
+    ]
 
-init: ({root, context, pubsub, data}) ->
-  {chart} = context
-  pubsub.on \init, (opt = {}) ~>
-    opt = {root, delay-render: true} <<< opt
-    @chart = c = new chart(opt <<< {prepare-svg: false, layout: false} <<< data)
-    c.init!then -> c
-  @
+  init: ({root, context, pubsub, data}) ->
+    {chart} = context
+    pubsub.on \init, (opt = {}) ~>
+      opt = {root, delay-render: true} <<< opt
+      @chart = c = new chart(opt <<< {prepare-svg: false, layout: false} <<< data)
+      c.init!then -> c
+    @
 
-interface: -> @chart
+  interface: -> @chart
 
-mod: (root) -> {config: {}, dimension: {}, init: (->), resize: (->), render: (->)}
+  mod: (root) -> {config: {}, dimension: {}, init: (->), resize: (->), render: (->)}

package/web/src/pug/block/gauge/0.0.1/index.ls

@@ -1,6 +1,4 @@
-<-(->it!) _
-
-block-factory =
+module.exports =
   pkg:
     name: 'gauge', version: '0.0.1'
     extend: {name: "base", version: "0.0.1"}
@@ -96,5 +94,3 @@ mod = ({context}) ->
     @g.unit.selectAll \text
       .text -> "新臺幣"
       .attr \dominant-baseline, \hanging
-
-return block-factory

package/web/src/pug/block/line/0.0.1/index.ls

@@ -1,6 +1,4 @@
-<-(->it!) _
-
-block-factory =
+module.exports =
   pkg:
     name: 'line', version: '0.0.1'
     extend: {name: "base", version: "0.0.1"}
@@ -297,6 +295,3 @@ mod = ({context, t}) ->
     @legend.render!
     @xaxis.render!
     @yaxis.render!
-
-
-return block-factory

package/web/src/pug/block/number/0.0.1/index.ls

@@ -1,6 +1,4 @@
-<-(->it!) _
-
-block-factory =
+module.exports =
   pkg:
     name: 'number', version: '0.0.1'
     extend: {name: "base", version: "0.0.1"}
@@ -65,5 +63,3 @@ mod = ({context}) ->
       .attr \dominant-baseline, \hanging
       .text @v.unit
     @start!
-
-return block-factory

package/web/src/pug/block/percent-list/0.0.1/index.ls

@@ -1,6 +1,4 @@
-<-(->it!) _
-
-block-factory =
+module.exports =
   pkg:
     name: 'percent-list', version: '0.0.1'
     extend: {name: "base", version: "0.0.1"}
@@ -161,7 +159,3 @@ mod = ({context, t}) ->
         y1 = (nbox.y - rbox.y) + (nbox.height / 2) - offset
         if Math.abs(y1 - y0) < 2 => y1 = y0
         return if y1 > (rbox.height) or y1 < 0 => 0 else 1
-
-
-
-return block-factory

package/web/src/pug/block/pie/0.0.1/index.ls

@@ -1,6 +1,4 @@
-<-(->it!) _
-
-block-factory =
+module.exports =
   pkg:
     name: 'pie', version: '0.0.1'
     extend: {name: "base", version: "0.0.1"}
@@ -121,5 +119,3 @@ mod = ({context, t}) ->
       .transition!duration 350
       .attrTween \d, (d,i) -> interpolate-arc d.angle.old, d.angle.cur
     @legend.render!
-
-return block-factory

package/web/src/pug/block/pie-bubble/0.0.1/index.ls

@@ -1,6 +1,4 @@
-<-(->it!) _
-
-block-factory =
+module.exports =
   pkg:
     name: 'pie-bubble', version: '0.0.1'
     extend: {name: "base", version: "0.0.1"}
@@ -181,5 +179,3 @@ mod = ({context}) ->
       .attr \transform, (d,i) -> "translate(#{d._x},#{d._y})"
     @g.view.selectAll \g.pie
       .attr \transform, (d,i) -> "translate(#{d._x},#{d._y})"
-
-return block-factory

package/web/src/pug/block/radar/0.0.1/index.ls

@@ -1,6 +1,4 @@
-<-(->it!) _
-
-block-factory =
+module.exports =
   pkg:
     name: 'radar', version: '0.0.1'
     extend: {name: "base", version: "0.0.1"}
@@ -109,5 +107,3 @@ mod = ({context}) ->
             .attr \opacity, 1
       .transition \opacity .duration 350
         .attr \opacity, 1
-
-return block-factory

package/web/src/pug/block/scatter/0.0.1/index.ls

@@ -1,6 +1,4 @@
-<-(->it!) _
-
-block-factory =
+module.exports =
   pkg:
     name: 'scatter', version: '0.0.1'
     extend: {name: "base", version: "0.0.1"}
@@ -124,5 +122,3 @@ mod = ({context}) ->
            @data[i].nb.show = false
 
     @render!
-
-return block-factory

package/web/src/pug/block/sheet/0.0.1/index.ls

@@ -1,6 +1,4 @@
-<-(->it!) _
-
-block-factory =
+module.exports =
   pkg:
     name: 'bar', version: '0.0.1'
     extend: {name: "base", version: "0.0.1"}
@@ -34,5 +32,3 @@ mod = ({context, t}) ->
     @sheet.data @parsed
   resize: ->
   render: ->
-
-return block-factory

package/web/src/pug/block/table/0.0.1/index.ls

@@ -1,6 +1,4 @@
-<-(->it!) _
-
-block-factory =
+module.exports =
   pkg:
     name: 'table', version: '0.0.1'
     extend: {name: "empty", version: "0.0.1"}
@@ -36,5 +34,3 @@ block-factory =
           } .forceRender!
       }
     }
-
-return block-factory

package/web/src/pug/block/taiwancounty/0.0.1/index.ls

@@ -1,6 +1,4 @@
-<-(->it!) _
-
-block-factory =
+module.exports =
   pkg:
     name: 'taiwancounty', version: '0.0.1'
     extend: {name: "base", version: "0.0.1"}
@@ -70,5 +68,3 @@ mod = ({context}) ->
       .attr \fill, (d,i) ~> @scale.color d.data.color
       .attr \fill-opacity, (d,i) ~> if @cfg.dim-empty => (if d.data.color? => 1 else 0.2) else 1
     @legend.render!
-
-return block-factory

package/web/src/pug/block/taiwantown/0.0.1/index.ls

@@ -1,6 +1,4 @@
-<-(->it!) _
-
-block-factory =
+module.exports =
   pkg:
     name: 'taiwantown', version: '0.0.1'
     extend: {name: "base", version: "0.0.1"}
@@ -44,5 +42,3 @@ mod = ({context}) ->
     d3.select @svg .selectAll \path
       .transition!duration 350
       .attr \fill, (d,i) ~> @color d.data.color
-
-return block-factory

package/web/src/pug/block/taiwanvillage/0.0.1/index.ls

@@ -1,6 +1,4 @@
-<-(->it!) _
-
-block-factory =
+module.exports =
   pkg:
     name: 'taiwanvillage', version: '0.0.1'
     extend: {name: "base", version: "0.0.1"}
@@ -49,5 +47,3 @@ mod = ({context}) ->
     d3.select @svg .selectAll \path
       .transition!duration 350
       .attr \fill, (d,i) ~> @color d.data.color
-
-return block-factory

package/web/src/pug/block/treemap/0.0.1/index.ls

@@ -1,6 +1,4 @@
-<-(->it!) _
-
-block-factory =
+module.exports =
   pkg:
     name: 'treemap', version: '0.0.1'
     extend: {name: "base", version: "0.0.1"}
@@ -168,5 +166,3 @@ mod = ({root, context, t}) ->
         box = @getBBox!
         return if box.width > d.x1 - d.x0 or box.height > d.y1 - d.y0 => 0 else 1
     @legend.render!
-
-return block-factory