feat: add an error message when chart container is not found (#1392)

* feat: add an error message when chart container is not found

* feat: enrich target element is not found error message

* Update src/charts/BaseChart.ts

Co-authored-by: Dan Onoshko <danon0404@gmail.com>

* Update src/core/creation.ts

Co-authored-by: Dan Onoshko <danon0404@gmail.com>

* chore: update size-limit threshhold

* refactor: fix prettier error

* chore: update size-limit threshhold again

Co-authored-by: Gion Kunz <gion@syncrea.ch>
Co-authored-by: Dan Onoshko <danon0404@gmail.com>

Author: 3 people

.size-limit.json

@@ -7,7 +7,7 @@
   },
   {
     "path": "dist/index.cjs",
-    "limit": "7.40 kB",
+    "limit": "7.45 kB",
     "import": "{ BarChart }"
   },
   {

src/charts/BaseChart.ts

@@ -31,7 +31,11 @@ export abstract class BaseChart<TEventsTypes = BaseChartEventsTypes> {
       typeof query === 'string' ? document.querySelector(query) : query;
 
     if (!container) {
-      throw new Error('Target element is not found');
+      throw new Error(
+        `Target element ${
+          typeof query === 'string' ? `"${query}"` : ''
+        } is not found`
+      );
     }
 
     this.container = container;

src/core/creation.ts

@@ -27,6 +27,10 @@ export function createSvg(
   height: number | string = '100%',
   className?: string
 ) {
+  if (!container) {
+    throw new Error('Container element is not found');
+  }
+
   // Check if there is a previous SVG element in the container that contains the Chartist XML namespace and remove it
   // Since the DOM API does not support namespaces we need to manually search the returned list http://www.w3.org/TR/selectors-api/
   Array.from(container.querySelectorAll('svg'))