text: import '../../d2l-hc-filter-controller.js';
  import { html, LitElement } from 'lit';
  
  class FilterControllerDemo extends LitElement {
  
  	render() {
  		return html`
  			<button @click=${this.callUpdate}>Simulate Update</button>
  			<d2l-hc-filter-controller href='/demo/data/base/filter.json' token='cake' @d2l-hc-selected-filters-updated="${this.printEvent}"></d2l-hc-filter-controller>
  		`;
  	}
  
  	callUpdate() {
  		const update = new Map();
  		update.set('dept', [
  			{ 'text': 'English', 'key': '6465' },
  			{ 'text': 'Math', 'key': '1232' }
  		]);
  		update.set('sem', [
  			{ 'text': 'Winter 2022', 'key': '5312' }
  		]);
  		this.shadowRoot.querySelector('d2l-hc-filter-controller').updateFilterValues(update);
  	}
  
  	printEvent(e) {
  		console.log(e); // eslint-disable-line no-console
  		console.log('selected:', e.detail); // eslint-disable-line no-console
  	}
  }
  
  customElements.define('d2l-filter-controller-demo', FilterControllerDemo);
  