{"version":3,"file":"tag_select_controller-CUaJ8Go8.js","sources":["../../../app/javascript/entrypoints/controllers/tag_select_controller.js"],"sourcesContent":["import { Controller } from \"@hotwired/stimulus\";\nimport TomSelect from \"tom-select\";\n\nexport default class extends Controller {\n  static targets = [\"select\", \"value\"];\n  select = null;\n\n  selectTargetConnected() {\n    this.initializeSelect();\n    console.log(\"connected\");\n  }\n\n  disconnect() {\n    this.destroySelect();\n  }\n\n  initializeSelect() {\n    this.select = new TomSelect(this.selectTarget, {\n      plugins: {\n        clear_button: {\n          html: (data) => {\n            return `<div class=\"${data.className}\"><div>\n              <svg height=\"20\" width=\"20\" viewBox=\"0 0 20 20\" aria-hidden=\"true\" focusable=\"false\" class=\"css-tj5bde-Svg\"><path d=\"M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z\"></path></svg>\n            </div></div>`;\n          },\n        },\n        remove_button: {\n          title: \"Remove this item\",\n        },\n        input_autogrow: {},\n      },\n      persist: false,\n      create: false,\n      createOnBlur: true,\n      value: this.valueTarget.value.split(\",\"),\n      maxItems: 3,\n      onChange: (data) => {\n        const normalizedData = data.join(\",\");\n\n        if (normalizedData != this.valueTarget.value) {\n          this.valueTarget.value = data.join(\",\");\n          this.valueTarget.closest(\"form\").requestSubmit();\n        }\n      },\n      maxOptions: null,\n    });\n    this.select.setValue(this.valueTarget.value.split(\",\"));\n    this.selectTarget.classList.remove(\"!invisible\");\n\n    if (this.valueTarget.value.split(\",\").length > 0) {\n      this.select.open();\n      this.positionDropdown();\n    }\n\n    [...document.querySelectorAll(\".ts-wrapper\")].forEach((el, i) => {\n      if (i > 0) {\n        el.remove();\n      }\n    });\n  }\n\n  destroySelect() {\n    this.select.destroy();\n  }\n}\n"],"names":["tag_select_controller","Controller","__publicField","TomSelect","data","el"],"mappings":"yQAGe,MAAKA,UAASC,CAAW,CAAzB,kCAEbC,EAAA,cAAS,MAET,uBAAwB,CACtB,KAAK,iBAAgB,EACrB,QAAQ,IAAI,WAAW,CACxB,CAED,YAAa,CACX,KAAK,cAAa,CACnB,CAED,kBAAmB,CACjB,KAAK,OAAS,IAAIC,EAAU,KAAK,aAAc,CAC7C,QAAS,CACP,aAAc,CACZ,KAAOC,GACE,eAAeA,EAAK,SAAS;AAAA;AAAA,yBAIvC,EACD,cAAe,CACb,MAAO,kBACR,EACD,eAAgB,CAAE,CACnB,EACD,QAAS,GACT,OAAQ,GACR,aAAc,GACd,MAAO,KAAK,YAAY,MAAM,MAAM,GAAG,EACvC,SAAU,EACV,SAAWA,GAAS,CACKA,EAAK,KAAK,GAAG,GAEd,KAAK,YAAY,QACrC,KAAK,YAAY,MAAQA,EAAK,KAAK,GAAG,EACtC,KAAK,YAAY,QAAQ,MAAM,EAAE,cAAa,EAEjD,EACD,WAAY,IAClB,CAAK,EACD,KAAK,OAAO,SAAS,KAAK,YAAY,MAAM,MAAM,GAAG,CAAC,EACtD,KAAK,aAAa,UAAU,OAAO,YAAY,EAE3C,KAAK,YAAY,MAAM,MAAM,GAAG,EAAE,OAAS,IAC7C,KAAK,OAAO,OACZ,KAAK,iBAAgB,GAGvB,CAAC,GAAG,SAAS,iBAAiB,aAAa,CAAC,EAAE,QAAQ,CAACC,EAAI,IAAM,CAC3D,EAAI,GACNA,EAAG,OAAM,CAEjB,CAAK,CACF,CAED,eAAgB,CACd,KAAK,OAAO,SACb,CACH,CA5DEH,EADkBF,EACX,UAAU,CAAC,SAAU,OAAO"}