MontoyaTech/ignite-html
MontoyaTech/ignite-html
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

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()!

Browse Source
This commit is contained in:
Matt Mo 2020-07-29 12:32:16 -07:00
parent 1d5c85ea9d
commit 4f2d3aa63c
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/ignite-element.js
View File

@ -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;
}
/**