Bump fix mnor issues and new features 3.6.0

README.md

@@ -1,5 +1,5 @@
-## Would you like to own this Open Source Project?
-If so please get in touch via Github issues. I can transfer the ownership of this **organisation**, the associated npm packages and it's twitter account (https://twitter.com/riotcomponents) to anyone who can take it further than my time permits
+## Forked RiotGear
+The orginal RG implementation is based on Blaze CSS 1.x. Many users in the community are using Blaze CSS 2.x, which breaks RG.
 
 # <a href="http://riotgear.js.org">RiotGear</a>
 

dist/rg-accordion/rg-accordion.js

@@ -0,0 +1 @@
+

dist/rg-address/rg-address.js

@@ -0,0 +1 @@
+

dist/rg-alerts/rg-alerts.js

@@ -1,34 +1,47 @@
-riot.tag2('rg-alerts', '<div class="alerts"> <div each="{opts.alerts}" class="alerts__alert {\'alerts__alert--\' + type}" if="{isvisible}" onclick="{select}"> <button class="button button--close" if="{dismissable != false}" onclick="{parent.dismiss}"> &times; </button> {text} </div> </div>', '', '', function(opts) {
-var _this = this;
-
-this.on('update', function () {
-	if (!opts.alerts) return;
-	opts.alerts.forEach(function (alert) {
-		if (typeof alert.isvisible === 'undefined') alert.isvisible = true;
-		if (alert.timeout) {
-			alert.startTimer = function () {
-				alert.timer = setTimeout(function () {
-					_this.dismiss({
-						item: alert
-					});
-				}, alert.timeout);
-			};
-			alert.startTimer();
-		}
-	});
-});
+// Single Alert
+riot.tag("rg-alert", '<div class="c-alert if={opts.type} {\'c-alert--\' + opts.type}"><button ref="closeButton" class="c-button c-button--close" hide={opts.dismissable==false} onclick="{dismiss}">&times;</button>{opts.text}</div>', "", "", function(opts) {
+    var _this = this;
+
+    this.on("mount", function() {
+      if (this.opts.dismissable)
+         this.refs.closeButton.hidden = false ;
+      else
+         this.refs.closeButton.hidden = true ;
+
+    this.update() ;
+    });
+
+
+    if (typeof opts.dismissable == "string") {
+        opts.dismissable = Boolean(opts.dismissable);
+    }
+
+    if (typeof this.opts.dismissable != "boolean") {
+        this.opts.dismissable = true;
+    }
 
-this.dismiss = function (e) {
-	var alert = e.item;
-	alert.isvisible = false;
-	clearTimeout(alert.timer);
-	_this.trigger('dismiss', alert);
-	_this.update();
-};
-
-this.select = function (e) {
-	var alert = e.item;
-	if (alert.onclick) alert.onclick(alert);
-	_this.trigger('select', alert);
-};
+    if (typeof opts.timeout == "string")
+        opts.timeout = Number(opts.timeout);
+
+    if (typeof opts.timeout == "number" && opts.timeout > 0) {
+        this.startTimer = function() {
+            this.timer = setTimeout(function() {
+                _this.dismiss();
+            }, opts.timeout)
+        };
+        this.startTimer()
+    }
+
+
+    this.dismiss = function(e) {
+        if (this.opts.timeout)
+            clearTimeout(this.startTimer);
+
+        this.unmount();
+    } // onSelect
 });
+
+// Multiple Alets
+riot.tag("rg-alerts", '<div each="{opts.alerts}"><rg-alert text="{text}" type="{type}" dismissable={dismissable} timeout={timeout}></rg-alert> </div>', "", "",
+    function() {
+               });

dist/rg-avatars/rg-avatars.js

@@ -0,0 +1 @@
+

dist/rg-badge/rg-badge.js

@@ -0,0 +1 @@
+

dist/rg-bubble/rg-bubble.js

@@ -1,19 +1,16 @@
-riot.tag2('rg-bubble', '<div class="context"> <div class="bubble bubble--top" if="{isvisible}"> {opts.bubble.text} </div> <div class="content" onmouseover="{showBubble}" onmouseout="{hideBubble}" onclick="{toggleBubble}"> <yield></yield> </div> </div>', 'rg-bubble .context,[riot-tag="rg-bubble"] .context,[data-is="rg-bubble"] .context,rg-bubble .content,[riot-tag="rg-bubble"] .content,[data-is="rg-bubble"] .content{ display: inline-block; position: relative; } rg-bubble .bubble,[riot-tag="rg-bubble"] .bubble,[data-is="rg-bubble"] .bubble{ position: absolute; top: -70px; left: 50%; transform: translate3d(-50%, 0, 0); }', '', function(opts) {
-var _this = this;
-
-this.showBubble = function () {
-	clearTimeout(_this._timer);
-	_this.isvisible = true;
-};
-
-this.hideBubble = function () {
-	_this._timer = setTimeout(function () {
-		_this.isvisible = false;
-		_this.update();
-	}, 1000);
-};
-
-this.toggleBubble = function () {
-	_this.isvisible = !_this.isvisible;
-};
-});
+riot.tag2("rg-bubble", '<div class="context"> <div class="c-bubble c-bubble--top" if="{isvisible}"> {opts.bubble.text} </div> <div class="content" onmouseover="{showBubble}" onmouseout="{hideBubble}" onclick="{toggleBubble}"> <yield></yield> </div> </div>', 'rg-bubble .context,[riot-tag="rg-bubble"] .context,[data-is="rg-bubble"] .context,rg-bubble .content,[riot-tag="rg-bubble"] .content,[data-is="rg-bubble"] .content{ display: inline-block; position: relative; } rg-bubble .c-bubble,[riot-tag="rg-bubble"] .c-bubble,[data-is="rg-bubble"] .c-bubble{ position: absolute; top: -70px; left: 50%; transform: translate3d(-50%, 0, 0); }', "", function(opts) {
+    var _this = this;
+    this.showBubble = function() {
+        clearTimeout(_this._timer);
+        _this.isvisible = true
+    };
+    this.hideBubble = function() {
+        _this._timer = setTimeout(function() {
+            _this.isvisible = false;
+            _this.update()
+        }, 1e3)
+    };
+    this.toggleBubble = function() {
+        _this.isvisible = !_this.isvisible
+    }
+}); 

dist/rg-cards/rg-cards.js

@@ -0,0 +1 @@
+

dist/rg-chart/rg-chart.js

@@ -1,44 +1,39 @@
-riot.tag2('rg-chart', '<canvas></canvas>', 'rg-chart,[riot-tag="rg-chart"],[data-is="rg-chart"]{ display: inline-block; width: 100%; }', '', function(opts) {
-var _this = this;
-
-Chart.defaults.global.responsive = true;
-
-this.on('mount', function () {
-  drawChart();
-});
-
-this.on('loaded', function (c) {
-  _this.on('unmount', function () {
-    c.destroy();
-  });
-});
-
-var drawChart = function drawChart() {
-  if (!opts.chart) opts.chart = {};
-
-  var ctx = _this.root.querySelector('canvas').getContext('2d');
-  var chart = new Chart(ctx);
-  var c = null;
-  switch (opts.chart.type) {
-    case 'line':
-      c = chart.Line(opts.chart.data, opts.chart.options);
-      break;
-    case 'radar':
-      c = chart.Radar(opts.chart.data, opts.chart.options);
-      break;
-    case 'polar':
-      c = chart.PolarArea(opts.chart.data, opts.chart.options);
-      break;
-    case 'pie':
-      c = chart.Pie(opts.chart.data, opts.chart.options);
-      break;
-    case 'doughnut':
-      c = chart.Doughnut(opts.chart.data, opts.chart.options);
-      break;
-    default:
-      c = chart.Bar(opts.chart.data, opts.chart.options);
-      break;
-  }
-  _this.trigger('loaded', c);
-};
+riot.tag2("rg-chart", "<canvas></canvas>", 'rg-chart,[riot-tag="rg-chart"],[data-is="rg-chart"]{ display: inline-block; width: 100%; }', "", function(opts) {
+    var _this = this;
+    Chart.defaults.global.responsive = true;
+    this.on("mount", function() {
+        drawChart()
+    });
+    this.on("loaded", function(c) {
+        _this.on("unmount", function() {
+            c.destroy()
+        })
+    });
+    var drawChart = function drawChart() {
+        if (!opts.chart) opts.chart = {};
+        var ctx = _this.root.querySelector("canvas").getContext("2d");
+        var chart = new Chart(ctx);
+        var c = null;
+        switch (opts.chart.type) {
+            case "line":
+                c = chart.Line(opts.chart.data, opts.chart.options);
+                break;
+            case "radar":
+                c = chart.Radar(opts.chart.data, opts.chart.options);
+                break;
+            case "polar":
+                c = chart.PolarArea(opts.chart.data, opts.chart.options);
+                break;
+            case "pie":
+                c = chart.Pie(opts.chart.data, opts.chart.options);
+                break;
+            case "doughnut":
+                c = chart.Doughnut(opts.chart.data, opts.chart.options);
+                break;
+            default:
+                c = chart.Bar(opts.chart.data, opts.chart.options);
+                break
+        }
+        _this.trigger("loaded", c)
+    }
 });