text: export class AgcCornHarvestLossProgress {
      constructor() {
          this.socket = "";
          this.currentStep = -1;
      }
      render() {
          return (h("div", { ref: c => this.progress = c, class: "wizard__progress" },
              h("span", { class: `step${this.currentStep > 0 ? ' finish' : ''}${this.currentStep === 0 ? ' active' : ''}` })));
      }
      componentDidLoad() {
          // Global events allow the control to be separated from the form...
          window.document.addEventListener('agcStepChanged', this.agcStepChangedHandler.bind(this));
          window.document.addEventListener('agcCalculated', this.agcCalculatedHandler.bind(this));
      }
      agcStepChangedHandler(event) {
          if (event.detail['socket'] !== this.socket) {
              return;
          }
          this.currentStep = parseInt(event.detail['step']);
          this.progress.classList.remove('complete');
      }
      agcCalculatedHandler(event) {
          if (event.detail['socket'] !== this.socket) {
              return;
          }
          this.currentStep = 2;
          this.progress.classList.add('complete');
      }
      componentDidUnload() {
          window.document.removeEventListener('agcCalculated', this.agcCalculatedHandler);
          window.document.removeEventListener('agcStepChanged', this.agcStepChangedHandler);
      }
      static get is() { return "agc-corn-harvest-loss-progress"; }
      static get properties() { return {
          "currentStep": {
              "state": true
          },
          "socket": {
              "type": String,
              "attr": "socket"
          }
      }; }
  }
  