4.0.1

* Read & use pre-upgrade state of the html, href, model attributes

#30

* Update juicy-html.html

* 4.0.1

* Update juicy-html.html

Author: Konstantin

bower.json

@@ -1,7 +1,7 @@
 {
   "name": "juicy-html",
   "description": "A custom element that lets you load HTML partials into your Web page. Declarative way for client-side includes.",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "homepage": "https://github.com/Juicy/juicy-html",
   "authors": [
     "Joachim Wester <joachimwester@me.com>",

juicy-html.html

@@ -3,7 +3,7 @@
 (c) 2013-2015 Juicy
 MIT license
 https://github.com/Juicy/juicy-html
-version: 4.0.0
+version: 4.0.1
 -->
 <script>
     (function() {
@@ -22,7 +22,10 @@
             }
             constructor(self) {
                 self = super(self);
-                var model = null; // XXX(tomalec): || this.model ? // to consider for https://github.com/Juicy/juicy-html/issues/30
+                
+                // Idea: Handle pre-upgrade state
+                // https://github.com/Juicy/juicy-html/issues/30
+                var model = this.model || null;
                 Object.defineProperties(this, {
                     'model': {
                         set: function(newValue) {
@@ -64,9 +67,14 @@
                 // it does not give exactly the same behavior, but hopefully nobody would like to make it block.
                 this.style.display = 'none';
                 // autostamp
-                // TODO(tomalec): read pre-upgrade properties in cheap manner
-                this.hasAttribute('href') && this.attributeChangedCallback('href', null, this.getAttribute('href'));
-                this.hasAttribute('html') && this.attributeChangedCallback('html', null, this.getAttribute('html'));
+                
+                if (this.href || this.hasAttribute('href')) {
+                    this.attributeChangedCallback('href', null, this.href || this.getAttribute('href'));
+                }
+
+                if (this.html || this.hasAttribute('html')) {
+                    this.attributeChangedCallback('html', null, this.html || this.getAttribute('html'));
+                }
             }
             disconnectedCallback() {
                 this.isAttached = false;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "juicy-html",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "description": "A custom element that lets you load HTML partials into your Web page. Declarative way for client-side includes.",
   "homepage": "https://github.com/Juicy/juicy-html",
   "repository": {