From afb74c33ff7f929dd4cdd9fb4d3f3e12b9d4faa2 Mon Sep 17 00:00:00 2001 From: Patrizio Bekerle <patrizio@bekerle.com> Date: Mon, 11 Jan 2021 12:25:43 +0100 Subject: [PATCH] Improve debug logging and added composed to events (dbp/apps/library#77) --- packages/provider/src/adapter-lit-element.js | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/packages/provider/src/adapter-lit-element.js b/packages/provider/src/adapter-lit-element.js index dfefe867..e457983a 100644 --- a/packages/provider/src/adapter-lit-element.js +++ b/packages/provider/src/adapter-lit-element.js @@ -11,7 +11,7 @@ export class AdapterLitElement extends LitElement { this.subscribe = ''; this.unsubscribe = ''; - console.log('AdapterLitElement constructor()'); + console.log('AdapterLitElement(' + this.tagName + ') constructor()'); } connectedCallback() { @@ -34,7 +34,7 @@ export class AdapterLitElement extends LitElement { } subscribeProviderFor(element) { - console.log('AdapterLitElement subscribeProviderFor( ' + element + ' )'); + console.log('AdapterLitElement(' + this.tagName + ') subscribeProviderFor( ' + element + ' )'); const pair = element.trim().split(':'); const local = pair[0]; const global = pair[1]; @@ -42,10 +42,11 @@ export class AdapterLitElement extends LitElement { const event = new CustomEvent('subscribe', { bubbles: true, + composed: true, detail: { name: global, callback: (value) => { - console.log('AdapterLitElement() sub/Callback ' + global + ' -> ' + local + ' = ' + value); + console.log('AdapterLitElement(' + this.tagName + ') sub/Callback ' + global + ' -> ' + local + ' = ' + value); this.attributeChangedCallback(local, that[local], value); }, sender: this, @@ -55,12 +56,13 @@ export class AdapterLitElement extends LitElement { } unSubscribeProviderFor(element) { - console.log('AdapterLitElement unSubscribeProviderFor( ' + element + ' )'); + console.log('AdapterLitElement(' + this.tagName + ') unSubscribeProviderFor( ' + element + ' )'); const pair = element.trim().split(':'); const global = pair[1]; const event = new CustomEvent('unsubscribe', { bubbles: true, + composed: true, detail: { name: global, sender: this, -- GitLab