Home > widget-integration > EVENT_NAMES

EVENT_NAMES variable

Standard event names used throughout the filter widget.

These constants define all available events for filter state changes, user interactions, and UI updates. Technical Support teams can listen to these events to hook into filter behavior.

Signature:

EVENT_NAMES: {
	readonly COLLAPSE_CHANGED: "collapse_changed";
	readonly FILTER_CHANGED: "filter_changed";
	readonly SORT_CHANGED: "sort_changed";
	readonly FORCE_RENDER_CHANGED: "force_render_changed";
	readonly FILTER_OPTION_RENDERED: "filter_option_rendered";
	readonly VIEWMORE_TRIGGERED: "viewmore_triggered";
	readonly FILTER_SELECTED: "filter_selected";
	readonly AFTER_DOCUMENT_CHANGED: "document_changed";
	readonly NEW_DOCUMENT_CHANGED: "new_document_changed";
	readonly FILTER_RESET: "filter_reset";
	readonly OPTION_LIST: "option_list";
	readonly CLEAR_ALL_FILTER: "clear_all_filter";
	readonly CLEAR_FILTER: "clear_filter";
	readonly REMOVE_FILTER_FROM_REFINE_BY: "remove_filter_from_refine_by";
	readonly ADD_TO_CART: "add_to_cart";
	readonly QUICK_VIEW: "quick_view";
	readonly OPTION_COLLECTION: "option_collection";
	readonly FILTER_OPTION_COLLAPSE: "filter_option_collapse";
	readonly QUICK_ADD_TO_CART: "quick_add_to_cart";
	readonly APPLY_FILTER_OPTION: "apply_filter_option";
	readonly RESET_FILTER_OPTION: "reset_filter_option";
	readonly EXPAND_COLLAPSE_MULTI_LEVEL: "expand_collapse_multi_level";
	readonly GO_TO_PRODUCT_DETAIL: "go_to_product_detail";
	readonly HANDLE_SORT: "handle_sort";
	readonly PAGINATION: "pagination";
	readonly HANDLE_TOGGLE_SHOW_LIMIT_LIST: "handle_toggle_show_limit_list";
	readonly LIMIT_LIST_CHANGED: "limit_list_changed";
	readonly HANDLE_LIMIT_LIST_OPTION_CLICK: "handle_limit_list_option_click";
	readonly HANDLE_VIEW_AS_CLICK: "handle_view_as_click";
	readonly SHOW_MOBILE_FILTER_TREE: "show_mobile_filter_tree";
	readonly TOGGLE_FILTER_TREE_BUTTON_DESKTOP: "toggle_filter_tree_button_desktop";
	readonly CLOSE_MOBILE_FILTER_TREE: "close_mobile_filter_tree";
	readonly BACK_FILTER_TREE_MOBILE: "back_filter_tree_mobile";
	readonly CLOSE_QUICK_ADD_TO_CART: "close_quick_add_to_cart";
	readonly SCROLL_TO_TOP: "scroll_to_top";
	readonly HANDLE_CLICK_EMBEDDED_BUNDLE: "handle_click_embedded_bundle";
	readonly HANDLE_CLICK_VOLUME_BUNDLE: "handle_click_volume_bundle";
	readonly HANDLE_SHOW_RESULT: "handle_show_result";
	readonly RENDER_REFINE_BY: "render_refine_by";
	readonly LOAD_STICKY_HORIZONTAL_DESKTOP: "load_sticky_horizontal_desktop";
	readonly LOAD_STICKY_VERTICAL_DESKTOP: "load_sticky_vertical_desktop";
	readonly LOAD_STICKY_MOBILE: "load_sticky_mobile";
	readonly HANDLE_OUTSIDE_SORT_CLICK: "handle_outside_sort_click";
	readonly HANDLE_OUTSIDE_LIMIT_LIST_CLICK: "handle_outside_limit_list_click";
	readonly HANDLE_OUTSIDE_MINI_POPUP_CLICK: "handle_outside_mini_popup_click";
	readonly DEBOUNCE_INCOLLECTION_SEARCH: "debounce_incollection_search";
}

Remarks

Events follow the pattern ${action}_${trigger} or ${action}_changed. Use FilterStore.on() to subscribe to these events.

Example

Listen to filter changes:

const filterStore = moduleRef.get('FilterStore');
filterStore.on(EVENT_NAMES.FILTER_CHANGED, (data) => {
  console.log('Filter selection changed:', data);
  // Custom analytics tracking
  trackFilterEvent(data);
});