{"version":3,"file":"employee_select_controller-CYU9d61w.js","sources":["../../../app/javascript/entrypoints/controllers/employee_select_controller.js"],"sourcesContent":["import { Controller } from \"@hotwired/stimulus\";\nimport TomSelect from \"tom-select\";\n\nexport default class extends Controller {\n  static values = {\n    multiple: Boolean,\n  };\n\n  static targets = [\"select\", \"employeeList\"];\n  select = null;\n\n  connect() {\n    this.initializeSelect();\n  }\n\n  disconnect() {\n    this.destroySelect();\n  }\n\n  initializeSelect() {\n    this.select = new TomSelect(this.selectTarget, {\n      persist: false,\n      create: false,\n      allowEmptyOption: true,\n      closeAfterSelect: true,\n      maxOptions: null,\n      plugins: {\n        ...(this.multipleValue ? { remove_button: {} } : {}),\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      },\n      onChange: (data) => {\n        this.employeeListTarget.value = this.multipleValue\n          ? data.join(\", \")\n          : data;\n      },\n      render: {\n        option: (data, escape) => {\n          if (data.value === \"\") {\n            return `<div class=\"hidden\" />`;\n          }\n\n          return `<div class=\"px-2 py-1 flex items-center gap-2 w-full\">\n            ${data.profilePhoto}\n            <div className=\"flex-inline\">${escape(data.text)}</div>\n          </div>`;\n        },\n        item: (data, escape) => {\n          if (data.value === \"\") {\n            return `<div  class=\"hidden\" />`;\n          }\n\n          return `<div class=\"flex items-center gap-2 px-2 py-1 w-fit\">\n            ${data.profilePhoto}\n            <div className=\"flex-inline\">${escape(data.text)}</div>\n          </div>`;\n        },\n      },\n    });\n  }\n\n  destroySelect() {\n    this.select.destroy();\n  }\n}\n"],"names":["employee_select_controller","Controller","__publicField","TomSelect","data","escape"],"mappings":"yQAGe,MAAKA,UAASC,CAAW,CAAzB,kCAMbC,EAAA,cAAS,MAET,SAAU,CACR,KAAK,iBAAgB,CACtB,CAED,YAAa,CACX,KAAK,cAAa,CACnB,CAED,kBAAmB,CACjB,KAAK,OAAS,IAAIC,EAAU,KAAK,aAAc,CAC7C,QAAS,GACT,OAAQ,GACR,iBAAkB,GAClB,iBAAkB,GAClB,WAAY,KACZ,QAAS,CACP,GAAI,KAAK,cAAgB,CAAE,cAAe,CAAA,CAAI,EAAG,CAAE,EACnD,aAAc,CACZ,KAAOC,GACE,eAAeA,EAAK,SAAS;AAAA;AAAA,yBAIvC,CACF,EACD,SAAWA,GAAS,CAClB,KAAK,mBAAmB,MAAQ,KAAK,cACjCA,EAAK,KAAK,IAAI,EACdA,CACL,EACD,OAAQ,CACN,OAAQ,CAACA,EAAMC,IACTD,EAAK,QAAU,GACV,yBAGF;AAAA,cACHA,EAAK,YAAY;AAAA,2CACYC,EAAOD,EAAK,IAAI,CAAC;AAAA,kBAGpD,KAAM,CAACA,EAAMC,IACPD,EAAK,QAAU,GACV,0BAGF;AAAA,cACHA,EAAK,YAAY;AAAA,2CACYC,EAAOD,EAAK,IAAI,CAAC;AAAA,iBAGrD,CACP,CAAK,CACF,CAED,eAAgB,CACd,KAAK,OAAO,SACb,CACH,CAjEEF,EADkBF,EACX,SAAS,CACd,SAAU,OACd,GAEEE,EALkBF,EAKX,UAAU,CAAC,SAAU,cAAc"}