Filters Events

Every vviinn widget emits events that you can listen to with document.addEventListener().

Events related to the filters are mainly for internal usage inside vviinn components, but if you need them you can also listen and send data to these components as well.

Name	Description	Available on	Props
vviinnFiltersChanged	Sends back the selected filters from vviinn filters components.	vviinn-filters vviinn-extended-filters	filters el isTriggeredByVpsWidget
vviinnFilterTriggered	If tracking is permitted, sends the triggered filter kind and action ("select" | "deselect" | "reset").	vviinn-filters vviinn-extended-filters vviinn-selected-filters	action kind isTriggeredByVpsWidget

Examples

document.addEventListener("vviinnFiltersChanged", ({ detail }) => {
  console.log(detail);
});

// Output:
{
  "filters": [
    {
      "column": "color",
      "values": [
        "beige > #c7b3a8"
      ]
    }
  ],
  "el": {
    "s-p": []
  },
  "isTriggeredByVpsWidget": false
}