{"version":3,"sources":["webpack://@verndale/toolkit/./src/js/modules/AdvancedOptions.js"],"names":[],"mappings":"kJAEA,eAA8B,KAAU,CACtC,eAAgB,CACd,KAAK,IAAM,CACT,OAAQ,CACN,GAAG,KAAK,GAAG,iBAAiB,8CAE9B,QAAS,KAAK,GAAG,cAAc,iBAGjC,KAAK,aAAe,GAGtB,cAAe,CACb,KAAK,IAAI,OAAO,QAAQ,GAAS,CAC/B,EAAM,iBAAiB,SAAU,KAAK,aAAa,KAAK,SAE1D,KAAK,IAAI,QAAQ,iBAAiB,QAAS,KAAK,aAAa,KAAK,OAGpE,aAAa,EAAG,CACd,EAAM,OAAO,QACX,KAAK,aAAa,KAAK,EAAE,OAAO,OAEhC,KAAK,aAAe,KAAK,aAAa,OACpC,GAAO,IAAQ,EAAE,OAAO,OAI5B,KAAK,aAGP,YAAa,CACX,GAAI,CAAC,KAAK,aAAa,OAAQ,CAC7B,KAAK,IAAI,QAAQ,UAAY,GAC7B,OAGF,KAAM,GAAO,KAAK,aAAa,IAC7B,GAAO;AAAA;AAAA,+BAEkB;AAAA,sCACO;AAAA;AAAA,OAIlC,KAAK,IAAI,QAAQ,UAAY,GAAG,EAAK,KAAK;AAAA;AAAA;AAAA,YAM5C,aAAa,EAAG,CACd,GAAI,EAAE,OAAO,QAAQ,OAAQ,CAC3B,KAAK,aAAe,KAAK,aAAa,OACpC,GAAO,IAAQ,EAAE,OAAO,QAAQ,QAIlC,KAAM,GAAQ,KAAK,GAAG,cACpB,gBAAgB,EAAE,OAAO,QAAQ,YAE7B,EAAQ,GAAI,OAAM,UACxB,EAAM,QAAU,GAChB,EAAM,cAAc,GAEpB,KAAK,iBACA,GAAM,OAAO,UAAU,SAAS,cACrC,MAAK,aAAe,GACpB,KAAK,IAAI,OAAO,QAAQ,GAAS,CAC/B,KAAM,GAAQ,GAAI,OAAM,UACxB,EAAM,QAAU,GAChB,EAAM,cAAc,KAEtB,KAAK,eAKX,UAAe","file":"scripts/708.bundle.js","sourcesContent":["import { Component } from '@verndale/core';\n\nclass AdvancedOptions extends Component {\n setupDefaults() {\n this.dom = {\n inputs: [\n ...this.el.querySelectorAll('.checkbox-stack input, .radio-stack input')\n ],\n tagList: this.el.querySelector('.search-tags')\n };\n\n this.selectedTabs = [];\n }\n\n addListeners() {\n this.dom.inputs.forEach(input => {\n input.addEventListener('change', this.handleChange.bind(this));\n });\n this.dom.tagList.addEventListener('click', this.handleRemove.bind(this));\n }\n\n handleChange(e) {\n if (e.target.checked) {\n this.selectedTabs.push(e.target.value);\n } else {\n this.selectedTabs = this.selectedTabs.filter(\n tag => tag !== e.target.value\n );\n }\n\n this.renderTags();\n }\n\n renderTags() {\n if (!this.selectedTabs.length) {\n this.dom.tagList.innerHTML = '';\n return;\n }\n\n const html = this.selectedTabs.map(\n tag => `\n \n `\n );\n this.dom.tagList.innerHTML = `${html.join('')}\n `;\n }\n\n handleRemove(e) {\n if (e.target.dataset.remove) {\n this.selectedTabs = this.selectedTabs.filter(\n tag => tag !== e.target.dataset.remove\n );\n\n // uselect checkbox or radio\n const input = this.el.querySelector(\n `input[value=\"${e.target.dataset.remove}\"]`\n );\n const event = new Event('change');\n input.checked = false;\n input.dispatchEvent(event);\n\n this.renderTags();\n } else if (e.target.classList.contains('clear-all')) {\n this.selectedTabs = [];\n this.dom.inputs.forEach(input => {\n const event = new Event('change');\n input.checked = false;\n input.dispatchEvent(event);\n });\n this.renderTags();\n }\n }\n}\n\nexport default AdvancedOptions;\n"],"sourceRoot":""}