@decidables/discountable-elements 0.3.0 → 0.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@decidables/discountable-elements",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "description": "discountable-elements: Web Components for visualizing Hyperbolic Temporal Discounting",
   "keywords": [
     "web component",
@@ -55,15 +55,14 @@
     "gulp": "^4.0.2"
   },
   "dependencies": {
-    "@decidables/decidables-elements": "^0.4.1",
-    "@decidables/discountable-math": "^0.1.2",
+    "@decidables/decidables-elements": "^0.4.2",
+    "@decidables/discountable-math": "^0.1.3",
     "@lit-labs/motion": "^1.0.6",
     "@observablehq/plot": "^0.6.11",
     "bayes.js": "https://github.com/akrawitz/bayes.js.git#commit=c7b091b75f85a86b6a3965a983b31e23d9ef456f",
     "d3": "^7.8.5",
-    "jstat": "^1.9.6",
     "lit": "^3.1.0",
     "regenerator-runtime": "^0.14.0"
   },
-  "gitHead": "84c6fb7df16db2086e9f20496f873e67e05c56b4"
+  "gitHead": "3e0d0d6dd5720f50263f1f8bbc7f8d18d210d2ef"
 }

package/src/components/htd-calculation.js

@@ -135,8 +135,11 @@ export default class HTDCalculation extends HTDEquation {
     ];
   }
 
-  render() {
+  willUpdate() {
     this.alignState();
+  }
+
+  render() {
     let as;
     let ds;
     let al;

package/src/components/htd-curves.js

@@ -359,15 +359,15 @@ export default class HTDCurves extends DecidablesMixinResizeable(DiscountableEle
 
   render() { /* eslint-disable-line class-methods-use-this */
     return html``;
-    //   ${DiscountableElement.svgFilters}
-    // `;
+  }
+
+  willUpdate() {
+    this.alignState();
   }
 
   update(changedProperties) {
     super.update(changedProperties);
 
-    this.alignState();
-
     // Bail out if we can't get the width/height
     if (Number.isNaN(this.width) || Number.isNaN(this.height) || Number.isNaN(this.rem)) {
       return;

package/src/equations/adk2v.js

@@ -82,8 +82,11 @@ export default class HTDEquationADK2V extends HTDEquation {
     this.sendEvent();
   }
 
-  render() {
+  willUpdate() {
     this.alignState();
+  }
+
+  render() {
     let a;
     let d;
     let k;

package/src/examples/human.js

@@ -8,7 +8,9 @@ import HTDExample from './htd-example';
   <htd-example-human>
 */
 export default class HTDExampleHuman extends HTDExample {
-  firstUpdated(/* changedProperties */) {
+  connectedCallback() {
+    super.connectedCallback();
+
     this.discountableControl = this.querySelector('discountable-control');
     this.itcTask = this.querySelector('itc-task');
     this.discountableResponse = this.querySelector('discountable-response');

package/src/examples/interactive.js

@@ -51,7 +51,9 @@ export default class HTDExampleInteractive extends HTDExample {
     this.itcChoice = null;
   }
 
-  firstUpdated(/* changedProperties */) {
+  connectedCallback() {
+    super.connectedCallback();
+
     this.htdCalculation = this.querySelector('htd-calculation');
     this.htdCurves = this.querySelector('htd-curves');
     this.itcChoice = this.querySelector('itc-choice');

package/src/examples/model.js

@@ -30,7 +30,9 @@ export default class HTDExampleModel extends HTDExample {
     this.itcTask = null;
   }
 
-  firstUpdated(/* changedProperties */) {
+  connectedCallback() {
+    super.connectedCallback();
+
     this.discountableControl = this.querySelector('discountable-control');
     this.discountableResponse = this.querySelector('discountable-response');
     this.htdCalculation = this.querySelector('htd-calculation');