showVar(chkVal = true) {
    this.uibuilder.log("trace", this.localName, "showVar. chkVal: '".concat(chkVal, "'. Value="), this.value);
    if (chkVal === true && !this.value && this.undef !== true) {
      return;
    }
    let val = chkVal ? this.doFilter(this.value) : this.doFilter();
    let out = val;
    switch (this.type) {
      case "markdown": {
        if (this.uib) out = this.uibuilder.convertMarkdown(val);
        break;
      }
      case "json":
      case "object": {
        out = '<pre class="syntax-highlight">'.concat(this.uib ? this.uibuilder.syntaxHighlight(val) : val, "</pre>");
        break;
      }
      case "table": {
        out = this.uibuilder.buildHtmlTable(val).outerHTML;
        break;
      }
      case "array":
      case "list": {
        if (!Array.isArray(val)) val = [val];
        out = "<ul>";
        val.forEach((li) => {
          out += "<li>".concat(li, "</li>");
        });
        out += "</ul>";
        break;
      }
      case "plain":
      case "html":
      default: {
        const t = typeof val;
        if (Array.isArray(val) || t === "[object Object]" || t === "object") {
          try {
            out = JSON.stringify(val);
          } catch (e) {
          }
        }
        break;
      }
    }
    if (this.uib) this.innerHTML = this.uibuilder.sanitiseHTML(out);
    else this.innerHTML = out;
  }
Convert this.value to DOM output (applies output filter if needed)
@param {boolean} chkVal If true (default), check for undefined value. False used to run filter even with no value set.