'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-1206254d.js');

const CjDebugger = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    this.max = false;
    this.machine = null;
  }
  componentWillLoad() {
    this.machineId = this.machine.configuration[0].id;
  }
  render() {
    return (index.h(index.Host, { onClick: () => (this.max = !this.max) }, this.max && (index.h("corejam-box", { position: "fixed", z: 200, bottom: 20, right: 20, flex: true, w: "4", bg: "orange-200", rounded: "sm", p: 3, direction: "col" }, index.h("corejam-type", { size: "sm", color: "gray-500" }, "Machine debugger"), index.h("corejam-type", { size: "xs" }, "id: ", this.machineId), index.h("corejam-type", { size: "xs", weight: "bold" }, "state: ", this.machine.toStrings().join("-")))), !this.max && (index.h("corejam-box", { position: "fixed", z: 200, bottom: 20, right: 20, w: "2", h: "20px", bg: "orange-200", rounded: "full" }))));
  }
};

exports.corejam_debugger = CjDebugger;
