import { r as registerInstance, h, H as Host } from './index-6334d911.js';

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

export { CjDebugger as corejam_debugger };
