From 4f2d3aa63cacb090990808bab58e1a73a6431e97 Mon Sep 17 00:00:00 2001
From: Matt Mo <matt@montoyatech.com>
Date: Wed, 29 Jul 2020 12:32:16 -0700
Subject: [PATCH] Super legit change, properties now return their value after
 render, but during render they return themselves so that templates can be
 setup correctly. This allows natural use of properties without having to
 .value after render. This also supports resetProperties()!

---
 src/ignite-element.js | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/ignite-element.js b/src/ignite-element.js
index 0dc1fc1..e8fea34 100644
--- a/src/ignite-element.js
+++ b/src/ignite-element.js
@@ -9,6 +9,7 @@ class IgniteElement extends HTMLElement {
         this.template = null;
         this.elements = [];
         this.createProperties();
+        this.rendered = false;
     }
 
     /**
@@ -34,7 +35,11 @@ class IgniteElement extends HTMLElement {
             ((propName) => {
                 Object.defineProperty(this, propName, {
                     get: function () {
-                        return this[`_${propName}`];
+                        if (this.rendered) {
+                            return this[`_${propName}`].value;
+                        } else {
+                            return this[`_${propName}`];
+                        }
                     },
 
                     set: function (value) {
@@ -86,6 +91,9 @@ class IgniteElement extends HTMLElement {
 
         //Construct our template.
         this.template.construct(this.parentElement);
+
+        //Set rendered to true so that all future properties return their values.
+        this.rendered = true;
     }
 
     /**