fix: handle webcomponent lifecycle on every element that misses it PI…

packages/boilerplate-item-type/configure/src/index.js

@@ -101,6 +101,7 @@ export default class BoilerplateItemTypeConfigure extends HTMLElement {
   disconnectedCallback() {
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

packages/boilerplate-item-type/src/index.js

@@ -70,6 +70,7 @@ export default class BoilerplateItemType extends HTMLElement {
   disconnectedCallback() {
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

packages/calculator/configure/src/index.js

@@ -48,6 +48,7 @@ export default class Calculator extends HTMLElement {
   disconnectedCallback() {
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

packages/calculator/src/index.js

@@ -37,6 +37,7 @@ export default class Calculator extends HTMLElement {
   disconnectedCallback() {
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

packages/charting/configure/src/index.js

@@ -124,9 +124,14 @@ export default class GraphLinesConfigure extends HTMLElement {
     }
   }
 
+  connectedCallback() {
+    this._render();
+  }
+
   disconnectedCallback() {
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

packages/charting/src/index.js

@@ -113,6 +113,7 @@ export default class Graphing extends HTMLElement {
     this._disconnectMathObserver();
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

packages/drag-in-the-blank/configure/src/index.js

@@ -158,9 +158,14 @@ export default class DragInTheBlank extends HTMLElement {
     }, 0);
   }
 
+  connectedCallback() {
+    this._render();
+  }
+
   disconnectedCallback() {
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

packages/drag-in-the-blank/src/index.js

@@ -223,6 +223,7 @@ export default class DragInTheBlank extends HTMLElement {
 
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

packages/drawing-response/configure/src/index.js

@@ -159,9 +159,14 @@ export default class DrawableResponseConfigure extends HTMLElement {
     this._root.render(element);
   }
 
+  connectedCallback() {
+    this._render();
+  }
+
   disconnectedCallback() {
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

packages/drawing-response/src/index.js

@@ -67,6 +67,7 @@ export default class DrawingResponse extends HTMLElement {
   disconnectedCallback() {
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

packages/explicit-constructed-response/configure/src/index.js

@@ -174,9 +174,14 @@ export default class ExplicitConstructedResponse extends HTMLElement {
     this._root.render(element);
   }
 
+  connectedCallback() {
+    this._render();
+  }
+
   disconnectedCallback() {
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

packages/explicit-constructed-response/src/index.js

@@ -92,6 +92,7 @@ export default class InlineDropdown extends HTMLElement {
   disconnectedCallback() {
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

packages/fraction-model/configure/src/index.js

@@ -172,6 +172,7 @@ export default class FractionModelConfigure extends HTMLElement {
   disconnectedCallback() {
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

packages/fraction-model/src/index.js

@@ -81,6 +81,7 @@ export default class FractionModel extends HTMLElement {
   disconnectedCallback() {
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

packages/graphing-solution-set/configure/src/index.js

@@ -158,9 +158,14 @@ export default class GraphLinesConfigure extends HTMLElement {
     }
   }
 
+  connectedCallback() {
+    this._render();
+  }
+
   disconnectedCallback() {
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

packages/graphing-solution-set/src/index.js

@@ -144,6 +144,7 @@ export default class Graphing extends HTMLElement {
   disconnectedCallback() {
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

packages/graphing/configure/src/index.js

@@ -186,9 +186,14 @@ export default class GraphLinesConfigure extends HTMLElement {
     }
   }
 
+  connectedCallback() {
+    this._render();
+  }
+
   disconnectedCallback() {
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

packages/graphing/src/index.js

@@ -102,6 +102,7 @@ export default class Graphing extends HTMLElement {
     this._disconnectMathObserver();
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

packages/hotspot/configure/src/index.js

@@ -200,9 +200,14 @@ export default class HotspotConfigure extends HTMLElement {
     this._root.render(element);
   }
 
+  connectedCallback() {
+    this._render();
+  }
+
   disconnectedCallback() {
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

packages/hotspot/src/index.js

@@ -221,6 +221,7 @@ export default class Hotspot extends HTMLElement {
 
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

packages/image-cloze-association/configure/src/index.js

@@ -106,9 +106,14 @@ export default class ImageClozeAssociationConfigure extends HTMLElement {
     this._root.render(element);
   }
 
+  connectedCallback() {
+    this._render();
+  }
+
   disconnectedCallback() {
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

packages/image-cloze-association/src/index.js

@@ -222,6 +222,7 @@ export default class ImageClozeAssociation extends HTMLElement {
 
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 

packages/inline-dropdown/configure/src/index.js

@@ -143,9 +143,14 @@ export default class InlineDropdown extends HTMLElement {
     this._root.render(element);
   }
 
+  connectedCallback() {
+    this._render();
+  }
+
   disconnectedCallback() {
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

packages/inline-dropdown/src/index.js

@@ -85,6 +85,7 @@ export default class RootInlineDropdown extends HTMLElement {
   disconnectedCallback() {
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

packages/likert/configure/src/index.js

@@ -106,9 +106,14 @@ export default class Likert extends HTMLElement {
     this._root.render(element);
   }
 
+  connectedCallback() {
+    this._render();
+  }
+
   disconnectedCallback() {
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

packages/likert/src/index.js

@@ -60,6 +60,7 @@ export default class Likert extends HTMLElement {
   disconnectedCallback() {
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

packages/match-list/src/index.js

@@ -85,6 +85,7 @@ export default class MatchList extends HTMLElement {
   disconnectedCallback() {
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

packages/match/configure/src/index.js

@@ -160,9 +160,14 @@ export default class MatchConfigure extends HTMLElement {
     }
   }
 
+  connectedCallback() {
+    this._render();
+  }
+
   disconnectedCallback() {
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

packages/match/src/index.js

@@ -79,6 +79,7 @@ export default class Match extends HTMLElement {
   disconnectedCallback() {
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

packages/math-inline/configure/src/index.js

@@ -142,9 +142,14 @@ export default class MathInlineConfigure extends HTMLElement {
     }
   }
 
+  connectedCallback() {
+    this._render();
+  }
+
   disconnectedCallback() {
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

packages/math-inline/src/index.js

@@ -91,6 +91,7 @@ export default class MathInline extends HTMLElement {
   disconnectedCallback() {
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

packages/math-templated/configure/src/index.js

@@ -177,9 +177,14 @@ export default class MathTemplateConfigure extends HTMLElement {
     this._root.render(element);
   }
 
+  connectedCallback() {
+    this._render();
+  }
+
   disconnectedCallback() {
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

packages/math-templated/src/index.js

@@ -79,6 +79,7 @@ export default class MathTemplated extends HTMLElement {
   disconnectedCallback() {
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

packages/matrix/configure/src/index.js

@@ -101,9 +101,14 @@ export default class Matrix extends HTMLElement {
     this._root.render(element);
   }
 
+  connectedCallback() {
+    this._render();
+  }
+
   disconnectedCallback() {
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

packages/matrix/src/index.js

@@ -74,6 +74,7 @@ export default class Matrix extends HTMLElement {
   disconnectedCallback() {
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }

packages/multi-trait-rubric/configure/src/index.js

@@ -156,9 +156,14 @@ export default class MultiTraitRubricElement extends HTMLElement {
     }
   }
 
+  connectedCallback() {
+    this._render();
+  }
+
   disconnectedCallback() {
     if (this._root) {
       this._root.unmount();
+      this._root = null;
     }
   }
 }