@decidables/discountable-elements 0.3.0 → 0.3.1

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.3.1](https://github.com/decidables/decidables/compare/@decidables/discountable-elements@0.3.0...@decidables/discountable-elements@0.3.1) (2023-12-05)
+
+
+### Bug Fixes
+
+* **libraries:** add event listeners in connectedCallback ([affc3de](https://github.com/decidables/decidables/commit/affc3de94ad40a3811ae8d710dbc2461ce492251))
+* **libraries:** move alignState to willUpdate ([d6decd0](https://github.com/decidables/decidables/commit/d6decd07b9430ddf858d9996869f23b987c44b42))
+
+
+
 ## [0.3.0](https://github.com/decidables/decidables/compare/@decidables/discountable-elements@0.2.0...@decidables/discountable-elements@0.3.0) (2023-11-30)
 
 

package/lib/discountableElements.esm.js

@@ -12607,8 +12607,10 @@ class HTDCalculation extends HTDEquation {
         }
       `];
   }
-  render() {
+  willUpdate() {
     this.alignState();
+  }
+  render() {
     let as;
     let ds;
     let al;
@@ -13027,12 +13029,12 @@ class HTDCurves extends DecidablesMixinResizeable(DiscountableElement) {
   render() {
     /* eslint-disable-line class-methods-use-this */
     return x$2``;
-    //   ${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)) {
@@ -22806,8 +22808,10 @@ class HTDEquationADK2V extends HTDEquation {
     this.alignState();
     this.sendEvent();
   }
-  render() {
+  willUpdate() {
     this.alignState();
+  }
+  render() {
     let a;
     let d;
     let k;
@@ -22930,8 +22934,8 @@ customElements.define('htd-example', HTDExample);
   <htd-example-human>
 */
 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');
@@ -23083,8 +23087,8 @@ class HTDExampleInteractive extends HTDExample {
     this.htdCurves = null;
     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');
@@ -23166,8 +23170,8 @@ class HTDExampleModel extends HTDExample {
     this.htdCurves = null;
     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');