showStatus(showHide, parent = "body") {
    if (showHide === void 0) showHide = !__privateGet(this, _isShowStatus);
    __privateSet(this, _isShowStatus, showHide);
    if (showHide === false) {
      _ui._uiRemove({
        components: [
          "#uib_status"
        ]
      });
      return showHide;
    }
    const root = {
      components: [
        {
          type: "div",
          id: "uib_status",
          parent,
          attributes: {
            title: "Current status of the uibuilder client",
            class: "text-smaller"
          },
          components: [
            {
              type: "table",
              components: [
                {
                  type: "tbody",
                  components: []
                }
              ]
            }
          ]
        }
      ]
    };
    const details = root.components[0].components[0].components[0].components;
    Object.values(__privateGet(this, _showStatus)).forEach((entry) => {
      details.push({
        type: "tr",
        attributes: {
          title: entry.description
        },
        components: [
          {
            type: "th",
            slot: entry.label
          },
          {
            type: "td",
            attributes: {
              "data-varType": entry.var
            },
            slot: entry.var === "version" ? _a2._meta.version : JSON.stringify(this[entry.var])
          }
        ]
      });
    });
    _ui._uiReplace(root);
    return showHide;
  }
Show/hide a display card on the end of the visible HTML that will dynamically display the current status of the uibuilder client
The card has the id `uib_status`.
The display is updated by an event listener created in the class constructor.
@param {boolean|undefined} showHide true=show, false=hide. undefined=toggle.
@param {string|undefined} parent Optional. If not undefined, a CSS selector to attach the display to. Defaults to `body`
@returns {boolean} New state