add debug logging flag (#198)

* add debug logging flag

* adding attributeChangedCallback to test for logging tests

Author: mwcz

elements/rh-number/rh-number.js

@@ -67,6 +67,7 @@ class RhNumber extends RHElement {
   }
 
   attributeChangedCallback(attr, oldVal, newVal) {
+    super.attributeChangedCallback(...arguments);
     switch (attr) {
       case "type":
         this._determineFormat();

elements/rh-number/rh-number.js.map

@@ -20,12 +20,15 @@
  * SOFTWARE.
  */
 
+let logger = () => null;
+
 export function reveal() {
-  console.log(`[reveal] elements ready, revealing the body`);
+  logger(`[reveal] elements ready, revealing the body`);
   window.document.body.removeAttribute("unresolved");
 }
 
-export function autoReveal() {
+export function autoReveal(logFunction) {
+  logger = logFunction;
   // If Web Components are already ready, run the handler right away.  If they
   // are not yet ready, wait.
   //
@@ -42,6 +45,6 @@ export function autoReveal() {
 }
 
 function handleWebComponentsReady() {
-  console.log("[reveal] web components ready");
+  logger("[reveal] web components ready");
   reveal();
 }

elements/rh-number/rh-number.umd.js

@@ -20,12 +20,15 @@
  * SOFTWARE.
  */
 
+let logger = () => null;
+
 export function reveal() {
-  console.log(`[reveal] elements ready, revealing the body`);
+  logger(`[reveal] elements ready, revealing the body`);
   window.document.body.removeAttribute("unresolved");
 }
 
-export function autoReveal() {
+export function autoReveal(logFunction) {
+  logger = logFunction;
   // If Web Components are already ready, run the handler right away.  If they
   // are not yet ready, wait.
   //
@@ -42,6 +45,6 @@ export function autoReveal() {
 }
 
 function handleWebComponentsReady() {
-  console.log("[reveal] web components ready");
+  logger("[reveal] web components ready");
   reveal();
 }