{"version":3,"file":"submit_inactive_controller-ByUU51ug.js","sources":["../../../app/javascript/controllers/form/submit_inactive_controller.js"],"sourcesContent":["import ApplicationController from '../application_controller'\n\nexport default class extends ApplicationController {\n  static targets = [\"submit\", \"input\"]\n  static values = {\n    enabled: Boolean,\n    autofocus: Boolean\n  }\n\n  initialize() {\n    this.onSubmitListener = this.onSubmitListener.bind(this)\n  }\n\n  connect() {\n    if(this.enabledValue) {\n      this.activate()\n    } else {\n      this.deactivate()\n    }\n\n    if(this.autofocusValue) {\n      this.focus(this.element.querySelector('input[data-autofocus]'), {\n        moveCursorToEnd: true\n      })\n    }\n\n    this.element.addEventListener(\"submit\", this.onSubmitListener)\n    super.connect()\n  }\n\n  disconnect() {\n    this.element.removeEventListener(\"submit\", this.onSubmitListener)\n    super.disconnect()\n  }\n\n  activate() {\n    if (this.active) return\n\n    this.submitTarget.disabled = false\n  }\n\n  deactivate() {\n    if (this.inactive) return\n    this.submitTarget.disabled = true\n  }\n\n  // call this on an input where you would like it to disable the submit button\n  // when it becomes empty\n  sync(e) {\n    const length = e.target.isContentEditable\n      ? e.target.innerText.trim().length\n      : e.target.value.trim().length\n\n    if (length === 0) {\n      this.deactivate()\n    } else {\n      this.activate()\n    }\n  }\n\n  syncInputTargets() {\n    if (this.filledInputs && (!this.composeSnapshot || this.composeSnapshot.string.length > 0)) {\n      this.activate()\n    } else {\n      this.deactivate()\n    }\n  }\n\n  syncComposeSnapshot({ detail: composeSnapshot }) {\n    this.composeSnapshot = composeSnapshot\n\n    if(this.filledInputs && composeSnapshot.string.length > 0 && composeSnapshot.technologies.length > 0) {\n      this.activate()\n    } else {\n      this.deactivate()\n    }\n  }\n\n  onSubmitListener(e) {\n    if(this.inactive && e.submitter.getAttribute('data-prevent') === null) {\n      e.preventDefault()\n    }\n  }\n\n  get active() {\n    return this.submitTarget.disabled === false\n  }\n\n  get inactive() {\n    return this.submitTarget.disabled === true\n  }\n\n  get filledInputs() {\n    return this.inputTargets.every((input) => {\n      if(input.isContentEditable) {\n        return input.innerText.trim().length > 0\n      } else if(input.type === 'checkbox') {\n        return input.checked\n      } else {\n        return input.value.trim().length > 0\n      }\n    })\n  }\n}\n"],"names":["submit_inactive_controller","ApplicationController","e","composeSnapshot","input","__publicField"],"mappings":"uNAEe,MAAKA,UAASC,CAAsB,CAOjD,YAAa,CACX,KAAK,iBAAmB,KAAK,iBAAiB,KAAK,IAAI,CAC3D,CAEE,SAAU,CACL,KAAK,aACN,KAAK,SAAQ,EAEb,KAAK,WAAU,EAGd,KAAK,gBACN,KAAK,MAAM,KAAK,QAAQ,cAAc,uBAAuB,EAAG,CAC9D,gBAAiB,EAClB,CAAA,EAGH,KAAK,QAAQ,iBAAiB,SAAU,KAAK,gBAAgB,EAC7D,MAAM,QAAO,CACjB,CAEE,YAAa,CACX,KAAK,QAAQ,oBAAoB,SAAU,KAAK,gBAAgB,EAChE,MAAM,WAAU,CACpB,CAEE,UAAW,CACL,KAAK,SAET,KAAK,aAAa,SAAW,GACjC,CAEE,YAAa,CACP,KAAK,WACT,KAAK,aAAa,SAAW,GACjC,CAIE,KAAKC,EAAG,EACSA,EAAE,OAAO,kBACpBA,EAAE,OAAO,UAAU,OAAO,OAC1BA,EAAE,OAAO,MAAM,OAAO,UAEX,EACb,KAAK,WAAU,EAEf,KAAK,SAAQ,CAEnB,CAEE,kBAAmB,CACb,KAAK,eAAiB,CAAC,KAAK,iBAAmB,KAAK,gBAAgB,OAAO,OAAS,GACtF,KAAK,SAAQ,EAEb,KAAK,WAAU,CAErB,CAEE,oBAAoB,CAAE,OAAQC,GAAmB,CAC/C,KAAK,gBAAkBA,EAEpB,KAAK,cAAgBA,EAAgB,OAAO,OAAS,GAAKA,EAAgB,aAAa,OAAS,EACjG,KAAK,SAAQ,EAEb,KAAK,WAAU,CAErB,CAEE,iBAAiBD,EAAG,CACf,KAAK,UAAYA,EAAE,UAAU,aAAa,cAAc,IAAM,MAC/DA,EAAE,eAAc,CAEtB,CAEE,IAAI,QAAS,CACX,OAAO,KAAK,aAAa,WAAa,EAC1C,CAEE,IAAI,UAAW,CACb,OAAO,KAAK,aAAa,WAAa,EAC1C,CAEE,IAAI,cAAe,CACjB,OAAO,KAAK,aAAa,MAAOE,GAC3BA,EAAM,kBACAA,EAAM,UAAU,KAAI,EAAG,OAAS,EAC/BA,EAAM,OAAS,WAChBA,EAAM,QAENA,EAAM,MAAM,KAAI,EAAG,OAAS,CAEtC,CACL,CACA,CApGEC,EADkBL,EACX,UAAU,CAAC,SAAU,OAAO,GACnCK,EAFkBL,EAEX,SAAS,CACd,QAAS,QACT,UAAW,OACf"}