Set view group data for wc api

[JohannesDoberer]

No description provided.

[JohannesDoberer]

vg_live_settingsWC

export default class extends HTMLElement {
    constructor() {
        super();
        const btn = document.createElement('template');
        btn.innerHTML = `<button id="setViewGroupData">setRandomViewGroup</button>`;

        this._shadowRoot = this.attachShadow({
            mode: 'open',
            delegatesFocus: false
        });
        this._shadowRoot.appendChild(btn.content.cloneNode(true));

        this.$btn = this._shadowRoot.querySelector('#setViewGroupData');
        this.$btn.addEventListener('click', async () => {
            if (this.LuigiClient) {
                this.LuigiClient.setViewGroupData({
                    foo: '(' + Math.round(Math.random() * 100) + ')',
                    bar: '(' + Math.round(Math.random() * 100) + ')'
                });
            }
        });
    }

}

Node config

{
            pathSegment: 'mfe1Wc',
            label: 'MFE 1 {viewGroupData.foo} Wc',
            viewUrl: '/vg_live_settingsWC.js',
            viewGroup: 'vg1',
            webcomponent: true
          },

Viewgroup settings

viewGroupSettings: {
          vg1: {
            customData: {
              foo: 'bar'
            }
          },

[ndricimrr]

small comments