Filter Item

<ins-filter with-date-filter date-title="Date Period">
  <ins-filter-item 
    name="Operating System" 
    options='["Windows", "macOS", "Linux"]'>
  </ins-filter-item>
</ins-filter>

<ins-filter>
  <ins-filter-item id="directSetDataFilterItem"></ins-filter-item>
</ins-filter>
<script>
  var filter = document.getElementById('directSetDataFilterItem');
  filter.addEventListener('didLoad', function(e) {
    var options = ["CEO", "Manager"];
    filter.name = 'Position';
    filter.options = options;
  });
</script>

<ins-filter>
  <ins-filter-item></ins-filter-item>
</ins-filter>

<ins-filter>
  <ins-filter-item
    name="Operating System"
    options='["Windows", "macOS", "Linux"]'>
  </ins-filter-item>
</ins-filter>

<ins-filter>
  <ins-filter-item 
    name="Operating System" 
    id="onFilter" 
    options='["Windows", "macOS", "Linux"]'>
  </ins-filter-item>
</ins-filter>
<script>
  const onFilter = document.getElementById('onFilter')
  onFilter.addEventListener('onFilter', event => {
    console.log(event.detail.name);
    console.log(event.detail.option);
    alert("Hello! I am an alert box!!");
  });
</script>