{"version":3,"file":"item_controller-CVDWqe66.js","sources":["../../../app/javascript/controllers/artifact/entity/item_controller.js"],"sourcesContent":["import { get } from '@rails/request.js'\n\nimport PropertyController from './property_controller'\n\nexport default class extends PropertyController {\n  static values = {\n    searchUrl: String,\n    format: { type: String, default: 'json' },\n  }\n\n  static targets = [\n    'popover',\n    'results',\n    'resultTemplate',\n    'option',\n    'amount',\n    'idInput',\n    'trigger',\n  ]\n\n  initialize() {\n    this.search = this.search.bind(this)\n    super.initialize()\n  }\n\n  connect() {\n    this.element.querySelectorAll('input').forEach((input) => this.enable(input))\n    super.connect()\n  }\n\n  debounceSearch() {\n    if(this.inputTarget.value) {\n      this.debounce(this.search)\n    } else {\n      this.clearDebounce()\n      this.hidePopover()\n    }\n  }\n\n  async search() {\n    const response = await get(this.searchUrlValue, {\n      responseKind: this.formatValue,\n      query: {\n        append: this.popoverTarget.id,\n        q: this.inputTarget.value,\n      },\n    })\n\n    if(this.formatValue === 'json') {\n      this.products = await response.json\n\n      this.optionTargets.forEach(option => option.remove())\n\n      this.products.forEach(product => {\n        const item = this.resultTemplateTarget.cloneNode(true)\n        item.classList.remove('hidden')\n\n        item.innerText = item.dataset.name = product.name\n        item.dataset.id = product.id\n\n        item.setAttribute('data-artifact--entity--item-target', 'option')\n\n        this.resultsTarget.appendChild(item)\n      })\n    }\n\n    this.showPopover()\n  }\n\n  edit() {\n    super.edit()\n\n    if(this.valueValue) {\n      this.showPopover()\n    }\n  }\n\n  showPopover() {\n    this.dispatch('enable', {\n      target: this.inputSection,\n    })\n\n    this.popoverTarget.showPopover()\n  }\n\n  hidePopover() {\n    this.dispatch('disable', {\n      target: this.inputSection,\n    })\n\n    this.popoverTarget.hidePopover()\n  }\n\n  restore() {\n    super.restore()\n    this.hidePopover()\n  }\n\n  setProduct({ currentTarget }) {\n    const { id, name } = currentTarget.dataset\n    this.placeholderButtonTarget.textContent = this.inputTarget.value = name\n\n    this.addClass(this.placeholderButtonTarget, 'font-medium')\n    this.removeClass(this.placeholderButtonTarget, 'text-night-60')\n\n    this.optionTargets.forEach((option) => {\n      if(option === currentTarget) {\n        option.classList.add('bg-lavender-light')\n      } else {\n        option.classList.remove('bg-lavender-light')\n      }\n    })\n\n    if(this.hasAmountTarget) {\n      const amount = this.products.find(product => product.id === id).amount\n\n      this.dispatch('set', {\n        target: this.amountTarget,\n        detail: amount,\n      })\n    }\n\n    this.idInputTarget.value = id\n\n    this.dispatch('set', {\n      detail: {\n        id,\n        name,\n      }\n    })\n\n    this.save()\n  }\n\n  save() {\n    this.popoverTarget.hidePopover()\n    super.save()\n  }\n\n  onClickOutside({ target }) {\n    if(this.element.contains(target) || this.isInvisible(this.inputSectionTarget)) return\n\n    this.hidePopover()\n    this.clearDebounce()\n\n    this.restore()\n  }\n\n  get isPopoverVisible() {\n    const computedStyle = window.getComputedStyle(this.popoverTarget);\n\n    return computedStyle.display !== 'none';\n  }\n}\n"],"names":["ItemController","PropertyController","input","response","get","option","product","item","currentTarget","id","name","amount","target","__publicField"],"mappings":"kQAIe,MAAKA,UAASC,CAAmB,CAgB9C,YAAa,CACX,KAAK,OAAS,KAAK,OAAO,KAAK,IAAI,EACnC,MAAM,WAAU,CACpB,CAEE,SAAU,CACR,KAAK,QAAQ,iBAAiB,OAAO,EAAE,QAASC,GAAU,KAAK,OAAOA,CAAK,CAAC,EAC5E,MAAM,QAAO,CACjB,CAEE,gBAAiB,CACZ,KAAK,YAAY,MAClB,KAAK,SAAS,KAAK,MAAM,GAEzB,KAAK,cAAa,EAClB,KAAK,YAAW,EAEtB,CAEE,MAAM,QAAS,CACb,MAAMC,EAAW,MAAMC,EAAI,KAAK,eAAgB,CAC9C,aAAc,KAAK,YACnB,MAAO,CACL,OAAQ,KAAK,cAAc,GAC3B,EAAG,KAAK,YAAY,KACrB,CACF,CAAA,EAEE,KAAK,cAAgB,SACtB,KAAK,SAAW,MAAMD,EAAS,KAE/B,KAAK,cAAc,QAAQE,GAAUA,EAAO,OAAQ,CAAA,EAEpD,KAAK,SAAS,QAAQC,GAAW,CAC/B,MAAMC,EAAO,KAAK,qBAAqB,UAAU,EAAI,EACrDA,EAAK,UAAU,OAAO,QAAQ,EAE9BA,EAAK,UAAYA,EAAK,QAAQ,KAAOD,EAAQ,KAC7CC,EAAK,QAAQ,GAAKD,EAAQ,GAE1BC,EAAK,aAAa,qCAAsC,QAAQ,EAEhE,KAAK,cAAc,YAAYA,CAAI,CACpC,CAAA,GAGH,KAAK,YAAW,CACpB,CAEE,MAAO,CACL,MAAM,KAAI,EAEP,KAAK,YACN,KAAK,YAAW,CAEtB,CAEE,aAAc,CACZ,KAAK,SAAS,SAAU,CACtB,OAAQ,KAAK,YACd,CAAA,EAED,KAAK,cAAc,YAAW,CAClC,CAEE,aAAc,CACZ,KAAK,SAAS,UAAW,CACvB,OAAQ,KAAK,YACd,CAAA,EAED,KAAK,cAAc,YAAW,CAClC,CAEE,SAAU,CACR,MAAM,QAAO,EACb,KAAK,YAAW,CACpB,CAEE,WAAW,CAAE,cAAAC,GAAiB,CAC5B,KAAM,CAAE,GAAAC,EAAI,KAAAC,CAAM,EAAGF,EAAc,QAcnC,GAbA,KAAK,wBAAwB,YAAc,KAAK,YAAY,MAAQE,EAEpE,KAAK,SAAS,KAAK,wBAAyB,aAAa,EACzD,KAAK,YAAY,KAAK,wBAAyB,eAAe,EAE9D,KAAK,cAAc,QAASL,GAAW,CAClCA,IAAWG,EACZH,EAAO,UAAU,IAAI,mBAAmB,EAExCA,EAAO,UAAU,OAAO,mBAAmB,CAE9C,CAAA,EAEE,KAAK,gBAAiB,CACvB,MAAMM,EAAS,KAAK,SAAS,KAAKL,GAAWA,EAAQ,KAAOG,CAAE,EAAE,OAEhE,KAAK,SAAS,MAAO,CACnB,OAAQ,KAAK,aACb,OAAQE,CACT,CAAA,CACP,CAEI,KAAK,cAAc,MAAQF,EAE3B,KAAK,SAAS,MAAO,CACnB,OAAQ,CACN,GAAAA,EACA,KAAAC,CACR,CACK,CAAA,EAED,KAAK,KAAI,CACb,CAEE,MAAO,CACL,KAAK,cAAc,YAAW,EAC9B,MAAM,KAAI,CACd,CAEE,eAAe,CAAE,OAAAE,GAAU,CACtB,KAAK,QAAQ,SAASA,CAAM,GAAK,KAAK,YAAY,KAAK,kBAAkB,IAE5E,KAAK,YAAW,EAChB,KAAK,cAAa,EAElB,KAAK,QAAO,EAChB,CAEE,IAAI,kBAAmB,CAGrB,OAFsB,OAAO,iBAAiB,KAAK,aAAa,EAE3C,UAAY,MACrC,CACA,CApJEC,EADkBb,EACX,SAAS,CACd,UAAW,OACX,OAAQ,CAAE,KAAM,OAAQ,QAAS,MAAQ,CAC7C,GAEEa,EANkBb,EAMX,UAAU,CACf,UACA,UACA,iBACA,SACA,SACA,UACA,SACJ"}