{"version":3,"file":"cloneable_controller-CfPVJf_A.js","sources":["../../../app/javascript/controllers/cloneable_controller.js"],"sourcesContent":["import ApplicationController from './application_controller'\n\nexport default class extends ApplicationController {\n  static targets = ['item', 'template']\n\n  initialize() {\n    super.initialize()\n    this.childListObserver = new MutationObserver(this.handleChildListChange.bind(this))\n  }\n\n  connect() {\n    super.connect()\n    this.childListObserver.observe(this.element, { childList: true })\n  }\n\n  disconnect() {\n    super.disconnect()\n    this.childListObserver.disconnect()\n  }\n\n  addItem({ currentTarget }) {\n    const clonedTemplate = this.templateTarget.cloneNode(true)\n    clonedTemplate.setAttribute('data-cloneable-target', 'item')\n\n    this.show(clonedTemplate)\n    this.element.appendChild(clonedTemplate)\n\n    this.nextTick(() => this.dispatchEventTo(clonedTemplate, 'cloned'))\n\n    const currentItem = currentTarget.closest('[data-cloneable-target=\"item\"]')\n    this.hideAddButtonFor(currentItem)\n    this.showRemoveButtonFor(currentItem)\n  }\n\n  removeItem({ currentTarget }) {\n    currentTarget.closest('[data-cloneable-target=\"item\"]').remove()\n  }\n\n  showAddButtonFor(item) {\n    this.show(item.querySelector('[data-button=\"add\"]'))\n  }\n\n  hideAddButtonFor(item) {\n    this.hide(item.querySelector('[data-button=\"add\"]'))\n  }\n\n  showRemoveButtonFor(item) {\n    this.show(item.querySelector('[data-button=\"remove\"]'))\n  }\n\n  hideRemoveButtonFor(item) {\n    this.hide(item.querySelector('[data-button=\"remove\"]'))\n  }\n\n  handleChildListChange(mutations) {\n    const mutation = mutations.find(mutation => mutation.type === 'childList')\n    if(!mutation) return\n\n    if(this.itemTargets.length === 1) {\n      const item = this.itemTargets[0]\n\n      this.showAddButtonFor(item)\n      this.hideRemoveButtonFor(item)\n\n      this.dispatchEventTo(item, 'marked-as-last')\n    }\n\n    if(this.itemTargets.length > 1) {\n      this.itemTargets.forEach((item, index) => {\n        if(index === this.itemTargets.length - 1) {\n          this.showAddButtonFor(item)\n          this.dispatchEventTo(item, 'marked-as-last')\n        } else {\n          this.hideAddButtonFor(item)\n          this.showRemoveButtonFor(item)\n        }\n      })\n    }\n  }\n\n  dispatchEventTo(item, event) {\n    this.dispatch(event, {\n      target: item\n    })\n  }\n}\n"],"names":["cloneable_controller","ApplicationController","currentTarget","clonedTemplate","currentItem","item","mutations","mutation","index","event","__publicField"],"mappings":"uNAEe,MAAKA,UAASC,CAAsB,CAGjD,YAAa,CACX,MAAM,WAAU,EAChB,KAAK,kBAAoB,IAAI,iBAAiB,KAAK,sBAAsB,KAAK,IAAI,CAAC,CACvF,CAEE,SAAU,CACR,MAAM,QAAO,EACb,KAAK,kBAAkB,QAAQ,KAAK,QAAS,CAAE,UAAW,EAAM,CAAA,CACpE,CAEE,YAAa,CACX,MAAM,WAAU,EAChB,KAAK,kBAAkB,WAAU,CACrC,CAEE,QAAQ,CAAE,cAAAC,GAAiB,CACzB,MAAMC,EAAiB,KAAK,eAAe,UAAU,EAAI,EACzDA,EAAe,aAAa,wBAAyB,MAAM,EAE3D,KAAK,KAAKA,CAAc,EACxB,KAAK,QAAQ,YAAYA,CAAc,EAEvC,KAAK,SAAS,IAAM,KAAK,gBAAgBA,EAAgB,QAAQ,CAAC,EAElE,MAAMC,EAAcF,EAAc,QAAQ,gCAAgC,EAC1E,KAAK,iBAAiBE,CAAW,EACjC,KAAK,oBAAoBA,CAAW,CACxC,CAEE,WAAW,CAAE,cAAAF,GAAiB,CAC5BA,EAAc,QAAQ,gCAAgC,EAAE,OAAM,CAClE,CAEE,iBAAiBG,EAAM,CACrB,KAAK,KAAKA,EAAK,cAAc,qBAAqB,CAAC,CACvD,CAEE,iBAAiBA,EAAM,CACrB,KAAK,KAAKA,EAAK,cAAc,qBAAqB,CAAC,CACvD,CAEE,oBAAoBA,EAAM,CACxB,KAAK,KAAKA,EAAK,cAAc,wBAAwB,CAAC,CAC1D,CAEE,oBAAoBA,EAAM,CACxB,KAAK,KAAKA,EAAK,cAAc,wBAAwB,CAAC,CAC1D,CAEE,sBAAsBC,EAAW,CAE/B,GADiBA,EAAU,KAAKC,GAAYA,EAAS,OAAS,WAAW,EAGzE,IAAG,KAAK,YAAY,SAAW,EAAG,CAChC,MAAMF,EAAO,KAAK,YAAY,CAAC,EAE/B,KAAK,iBAAiBA,CAAI,EAC1B,KAAK,oBAAoBA,CAAI,EAE7B,KAAK,gBAAgBA,EAAM,gBAAgB,CACjD,CAEO,KAAK,YAAY,OAAS,GAC3B,KAAK,YAAY,QAAQ,CAACA,EAAMG,IAAU,CACrCA,IAAU,KAAK,YAAY,OAAS,GACrC,KAAK,iBAAiBH,CAAI,EAC1B,KAAK,gBAAgBA,EAAM,gBAAgB,IAE3C,KAAK,iBAAiBA,CAAI,EAC1B,KAAK,oBAAoBA,CAAI,EAEhC,CAAA,EAEP,CAEE,gBAAgBA,EAAMI,EAAO,CAC3B,KAAK,SAASA,EAAO,CACnB,OAAQJ,CACT,CAAA,CACL,CACA,CAlFEK,EADkBV,EACX,UAAU,CAAC,OAAQ,UAAU"}