// There are many ways to connect our plugins. This shows one // of the simplest ways, where you have two separate lookups // and we update the db-ddi-viewer whenever one changes. let productConcepts = []; const medications = document.getElementsByTagName('db-medication-search'); const viewer = document.getElementsByTagName('db-ddi-viewer')[0]; [...medications].forEach((element, index) => { element.addEventListener("db-value-changed", function(event) { // Store the drugbank product concept id productConcepts[index] = event.detail.drugbank_pcid // Filter out null (empty selections) const selectedConcepts = productConcepts.filter(id => id) if (selectedConcepts.length > 1) { // Make a new id string (ex. 'DBPC0000001,DBPC0000002') const idString = selectedConcepts.join(',') // The ddi viewer will update automatically when the new // value is set. viewer.setAttribute("drugbank-pcid", idString) } else { viewer.setAttribute("drugbank-pcid", "") } }); });