Make the histogram's rendered svg responsive to changes in the compon…

…ent width/height props (#22)
internetarchive · Apr 18, 2023 · f1673d3 · f1673d3
1 parent 032db37
commit f1673d3
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/docs/dist/src/histogram-date-range.js b/docs/dist/src/histogram-date-range.js
@@ -107,7 +107,7 @@ export let HistogramDateRange = class extends LitElement {
     super.disconnectedCallback();
   }
   updated(changedProps) {
-    if (changedProps.has("bins") || changedProps.has("minDate") || changedProps.has("maxDate") || changedProps.has("minSelectedDate") || changedProps.has("maxSelectedDate")) {
+    if (changedProps.has("bins") || changedProps.has("minDate") || changedProps.has("maxDate") || changedProps.has("minSelectedDate") || changedProps.has("maxSelectedDate") || changedProps.has("width") || changedProps.has("height")) {
       this.handleDataUpdate();
     }
   }

diff --git a/src/histogram-date-range.ts b/src/histogram-date-range.ts
@@ -122,7 +122,9 @@ export class HistogramDateRange extends LitElement {
       changedProps.has('minDate') ||
       changedProps.has('maxDate') ||
       changedProps.has('minSelectedDate') ||
-      changedProps.has('maxSelectedDate')
+      changedProps.has('maxSelectedDate') ||
+      changedProps.has('width') ||
+      changedProps.has('height')
     ) {
       this.handleDataUpdate();
     }