hubl/src/html/projects.html

<script>
  document.addEventListener("WebComponentsReady", function(event) { 
    class HDAppClient extends SIBWidget {
      get template() {
        return `<img name="${this.name}" src="${this.value.logo}"/>`;
      }

      render() {
        store.get(this.value).then( (value) => {
          this._value = value;
          this.innerHTML = this.template;
        });
      }
    }
    customElements.define("hdapp-client", HDAppClient);
  });
</script>

<div id="projects" style="display: none">
  <sib-display 
    data-src="<?php echo $sdn; ?>/projects/"
    data-fields="number, client, name" 
    widget-client="hdapp-client"
    search-fields="number, name"
    next="project"
  ></sib-display>
</div>