(() => {
    function addWidgets() {
        let wlabproWidgets = [];
        let widgetsCont = document.querySelector('.wlab-widgets');
        if ( ! widgetsCont) {
            widgetsCont = document.createElement('div')
            widgetsCont.classList.add('wlab-widgets')
            document.body.appendChild(widgetsCont)
        }
        for (const widget of wlabproWidgets)  {
            widgetsCont.insertAdjacentHTML('beforeend', widget.template);
            if (widget.scripts) {
                for (let script of widget.scripts) insertScript(script);
            }
            if (widget.styles) {
                for (let style of widget.styles) insertStyle(style);
            }
        }
    }
    if (document.readyState == 'loading') {
        document.addEventListener('DOMContentLoaded', addWidgets);
    } else {
        addWidgets();
    }
    function insertScript(script) {
        const elem = document.createElement('script');
        if (script.startsWith('https://') || script.startsWith('http://')) {
            elem.src = script;
        } else {
            elem.textContent = script;
        }
        document.head.appendChild(elem);
    }
    function insertStyle(style) {
        let elem
        if (style.startsWith('https://') || style.startsWith('http://')) {
            elem = document.createElement('link');
            elem.rel = 'stylesheet';
            elem.href = style;
        } else {
            elem = document.createElement('style');
            elem.textContent = style;
        }
        document.head.appendChild(elem);
    }
})();