<!-- Do not edit this file. It is automatically generated by API Documenter. -->

[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md)

## x-components package

X-Components is a library usable everywhere not only for search experiences.

## Classes

<table><thead><tr><th>

Class


</th><th>

Description


</th></tr></thead>
<tbody><tr><td>

[AddQueryToHistoryAction](./x-components.addquerytohistoryaction.md)


</td><td>

Class implementation for the [HistoryQueriesActions.addQueryToHistory](./x-components.historyqueriesactions.addquerytohistory.md) action.


</td></tr>
<tr><td>

[BaseXAPI](./x-components.basexapi.md)


</td><td>

Default implementation for [XAPI](./x-components.xapi.md)<!-- -->.


</td></tr>
<tr><td>

[BaseXPriorityQueue](./x-components.basexpriorityqueue.md)


</td><td>

. Default [XPriorityQueue](./x-components.xpriorityqueue.md) implementation.

Method big-O \-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\- - push O(n) - pop O(1) - peek O(1) - at O(1)


</td></tr>
<tr><td>

[BaseXPriorityQueueNode](./x-components.basexpriorityqueuenode.md)


</td><td>

Default [XPriorityQueueNode](./x-components.xpriorityqueuenode.md) implementation.


</td></tr>
<tr><td>

[DefaultExternalTaggingService](./x-components.defaultexternaltaggingservice.md)


</td><td>

Default implementation for the [ExternalTaggingService](./x-components.externaltaggingservice.md)<!-- -->.


</td></tr>
<tr><td>

[DefaultFacetsService](./x-components.defaultfacetsservice.md)


</td><td>

Default implementation for the [FacetsService](./x-components.facetsservice.md)<!-- -->.


</td></tr>
<tr><td>

[DirectionalFocusNavigationService](./x-components.directionalfocusnavigationservice.md)


</td><td>

Implementation of [SpatialNavigation](./x-components.spatialnavigation.md) using directional focus.


</td></tr>
<tr><td>

[HistoryQueriesGetter](./x-components.historyqueriesgetter.md)


</td><td>

Class implementation for the [HistoryQueriesGetters.historyQueries](./x-components.historyqueriesgetters.historyqueries.md) getter.


</td></tr>
<tr><td>

[QuerySuggestionsGetter](./x-components.querysuggestionsgetter.md)


</td><td>

Class implementation for the [QuerySuggestionsGetter.querySuggestions()](./x-components.querysuggestionsgetter.querysuggestions.md) getter.


</td></tr>
<tr><td>

[XInstaller](./x-components.xinstaller.md)


</td><td>

The purpose of this class is to offer a quick way to initialize the XComponents in a setup project. It allows to receive all the options in [InstallXOptions](./x-components.installxoptions.md) which is an extension of [XPluginOptions](./x-components.xpluginoptions.md) with all the options for the plugin and some options more.

This class does multiple things: 1. Install the [XPlugin](./x-components.xplugin.md) with the [XPluginOptions](./x-components.xpluginoptions.md)<!-- -->. 2. Creates the public [XAPI](./x-components.xapi.md) and add it to global window. 3. Creates the Vue Application for the customer project.

The steps 2 &amp; 3 are optional and depends on the options passed in [InstallXOptions](./x-components.installxoptions.md)<!-- -->.


</td></tr>
<tr><td>

[XPlugin](./x-components.xplugin.md)


</td><td>

Vue plugin that initializes the properties needed by the x-components, and exposes the events bus and the adapter after it has been installed.


</td></tr>
<tr><td>

[XPriorityBus](./x-components.xprioritybus.md)


</td><td>

A default [XBus](./x-components.xbus.md) implementation using a [priority queue](./x-components.xpriorityqueue.md) as its data structure to prioritise the emission of events. The priorities are preconfigured based on event naming.


</td></tr>
</tbody></table>

## Functions

<table><thead><tr><th>

Function


</th><th>

Description


</th></tr></thead>
<tbody><tr><td>

[addQueryToHistory({ state, dispatch }, query)](./x-components.addquerytohistory.md)


</td><td>

Default implementation for the [HistoryQueriesActions.addQueryToHistory](./x-components.historyqueriesactions.addquerytohistory.md)<!-- -->.


</td></tr>
<tr><td>

[animateClipPath(animationOrigin)](./x-components.animateclippath.md)


</td><td>

Returns a transition component to wrap an element passed in the default slot and animating its clip-path using inset and with the origin passed as parameter.


</td></tr>
<tr><td>

[animateScale(animationOrigin)](./x-components.animatescale.md)


</td><td>

Returns a transition component to wrap an element passed in the default slot and animating its scale using transform and with the transform origin passed as parameter.


</td></tr>
<tr><td>

[animateTranslate(animationOrigin)](./x-components.animatetranslate.md)


</td><td>

Returns a transition component to wrap an element passed in the default slot and animating its translate using transform and with the transform origin passed as parameter.


</td></tr>
<tr><td>

[applyHierarchicalSelection(filters, selectedIds)](./x-components.applyhierarchicalselection.md)


</td><td>

Recursively applies the selected state to hierarchical filters and their children.


</td></tr>
<tr><td>

[areFiltersDifferent(someFilters, anotherFilters)](./x-components.arefiltersdifferent.md)


</td><td>

Compares if two lists contains the same filters.


</td></tr>
<tr><td>

[arrayToObject(array)](./x-components.arraytoobject.md)


</td><td>

Reduce an array of strings to an object which properties names are the value of each string, and the value under that property are also the string.


</td></tr>
<tr><td>

[arrayToObject(array, key)](./x-components.arraytoobject_1.md)


</td><td>

Reduce an array of objects to an object which properties names are the value of each object\[key\], and the value under that property are each object. 'key' is the the parameter passed to this function.


</td></tr>
<tr><td>

[assertXPluginOptionsAreValid(options)](./x-components.assertxpluginoptionsarevalid.md)


</td><td>

Asserts that the passed options object is valid, providing helpful error messages.


</td></tr>
<tr><td>

[cancelFetchAndSaveControls()](./x-components.cancelfetchandsavecontrols.md)


</td><td>

Default implementation for fetchAndSaveExperienceControls action.


</td></tr>
<tr><td>

[cancelFetchAndSaveIdentifierResults()](./x-components.cancelfetchandsaveidentifierresults.md)


</td><td>

Default implementation for [IdentifierResultsActions.cancelFetchAndSaveIdentifierResults](./x-components.identifierresultsactions.cancelfetchandsaveidentifierresults.md) action.


</td></tr>
<tr><td>

[cancelFetchAndSaveNextQueries()](./x-components.cancelfetchandsavenextqueries.md)


</td><td>

Default implementation for [NextQueriesActions.cancelFetchAndSaveNextQueries](./x-components.nextqueriesactions.cancelfetchandsavenextqueries.md) action.


</td></tr>
<tr><td>

[cancelFetchAndSavePopularSearches()](./x-components.cancelfetchandsavepopularsearches.md)


</td><td>

Default implementation for [PopularSearchesActions.cancelFetchAndSaveSuggestions](./x-components.popularsearchesactions.cancelfetchandsavesuggestions.md) action.


</td></tr>
<tr><td>

[cancelFetchAndSaveQuerySuggestions()](./x-components.cancelfetchandsavequerysuggestions.md)


</td><td>

Default implementation for [QuerySuggestionsActions.cancelFetchAndSaveSuggestions](./x-components.querysuggestionsactions.cancelfetchandsavesuggestions.md) action.


</td></tr>
<tr><td>

[cancelFetchAndSaveRecommendations()](./x-components.cancelfetchandsaverecommendations.md)


</td><td>

Default implementation for [RecommendationsActions.cancelFetchAndSaveRecommendations](./x-components.recommendationsactions.cancelfetchandsaverecommendations.md) action.


</td></tr>
<tr><td>

[cancelFetchAndSaveRelatedPrompts()](./x-components.cancelfetchandsaverelatedprompts.md)


</td><td>

Default implementation for [RelatedPromptsActions.cancelFetchAndSaveRelatedPrompts](./x-components.relatedpromptsactions.cancelfetchandsaverelatedprompts.md) action.


</td></tr>
<tr><td>

[cancelFetchAndSaveRelatedTags()](./x-components.cancelfetchandsaverelatedtags.md)


</td><td>

Default implementation for [RelatedTagsActions.fetchAndSaveRelatedTags](./x-components.relatedtagsactions.fetchandsaverelatedtags.md) action.


</td></tr>
<tr><td>

[cancelFetchAndSaveSearchResponse()](./x-components.cancelfetchandsavesearchresponse.md)


</td><td>

Default implementation for [SearchActions.cancelFetchAndSaveSearchResponse](./x-components.searchactions.cancelfetchandsavesearchresponse.md) action.


</td></tr>
<tr><td>

[capitalize(str)](./x-components.capitalize.md)


</td><td>

Util to capitalize a string .


</td></tr>
<tr><td>

[clone(something)](./x-components.clone.md)


</td><td>

Deeply clones an object or an array.


</td></tr>
<tr><td>

[createFetchAndSaveActions({ fetch, onSuccess, onError, onCancel, })](./x-components.createfetchandsaveactions.md)


</td><td>

Utility to create an action that requests and save some data asynchronously, with the option to cancel the request at any moment. This factory provides with the standard flow for requesting, cancelling, handling errors for a module, while also taking care of its status.


</td></tr>
<tr><td>

[createRawFilters(filterIds)](./x-components.createrawfilters.md)


</td><td>

Helper method which creates the filter entity from the filter ir of the url.


</td></tr>
<tr><td>

[createRelatedTagsQueryGetter({ getRelatedTags, })](./x-components.createrelatedtagsquerygetter.md)


</td><td>

Creates a getter that combines the current selected related tags and the query of the module.


</td></tr>
<tr><td>

[createSetQueryTaggingFromQueryPreview()](./x-components.createsetquerytaggingfromquerypreview.md)


</td><td>

Factory helper to create a wire to set the queryTagging.


</td></tr>
<tr><td>

[createStoreEmitters(\_storeModule, emitters)](./x-components.createstoreemitters.md)


</td><td>

Helper function for creating type-safe [StoreEmitters](./x-components.storeemitters.md)<!-- -->.


</td></tr>
<tr><td>

[createTrackDisplayWire(property)](./x-components.createtrackdisplaywire.md)


</td><td>

Factory helper to create a wire for the track of the display click.


</td></tr>
<tr><td>

[createTrackRelatedPromptToolingDisplayClickWire()](./x-components.createtrackrelatedprompttoolingdisplayclickwire.md)


</td><td>

Factory helper to create a wire for the track of the tooling display click in a related prompt.


</td></tr>
<tr><td>

[createTrackToolingAdd2CartWire()](./x-components.createtracktoolingadd2cartwire.md)


</td><td>

Factory helper to create a wire for the track of the tooling display add to cart.


</td></tr>
<tr><td>

[createTrackToolingDisplayWire()](./x-components.createtracktoolingdisplaywire.md)


</td><td>

Factory helper to create a wire for the track of the tooling display click.


</td></tr>
<tr><td>

[createTrackWire(property)](./x-components.createtrackwire.md)


</td><td>

Factory helper to create a wire for the track of a taggable element.


</td></tr>
<tr><td>

[createUseDevice(devices)](./x-components.createusedevice.md)


</td><td>

Factory function that creates a composable for device detection using the devices parameter to configure breakpoints.


</td></tr>
<tr><td>

[createWireFromFunction(fn)](./x-components.createwirefromfunction.md)


</td><td>

Creates a wire that executes the function passed. This function will receive a [WireParams](./x-components.wireparams.md) object.


</td></tr>
<tr><td>

[createWiring(wiring)](./x-components.createwiring.md)


</td><td>

Util function to generate type-safe wiring. If TypeScript ever accepts the PR about generic type inference this function can be removed.


</td></tr>
<tr><td>

[currencyFormatter(value, format)](./x-components.currencyformatter.md)


</td><td>

Format a value with a given format.


</td></tr>
<tr><td>

[debounce(wire, timeInMs, options)](./x-components.debounce.md)


</td><td>

Creates a debounced [Wire](./x-components.wire.md)<!-- -->. Being debounced means that it will only be executed after the time given by `timeInMs` has passed without invoking it.


</td></tr>
<tr><td>

[debounceFunction(fn, debounceTimeInMs, { leading, trailing })](./x-components.debouncefunction.md)


</td><td>

Util function that returns a debounced version of the function passed as parameter. It can use the leading strategy, trailing strategy or both. Using both would result in one leading execution guaranteed and trailing executions only if there are further calls during the length of the debounce time.


</td></tr>
<tr><td>

[deepFilter(array, condition, childrenKey)](./x-components.deepfilter.md)


</td><td>

Filters an array with all elements that pass the test implemented by the given filter function. If an item has another list of items in the `childrenKey` property it recursively filters that new list, adding it to the returned one.


</td></tr>
<tr><td>

[deepFlat(array, childrenKey)](./x-components.deepflat.md)


</td><td>

Flat an `Item[]` deeply using the given `childrenKey` to access to his children.


</td></tr>
<tr><td>

[fetchAndSaveExperienceControlsResponse(context, request)](./x-components.fetchandsaveexperiencecontrolsresponse.md)


</td><td>

Default implementation for fetchAndSaveExperienceControls action.


</td></tr>
<tr><td>

[fetchAndSaveIdentifierResults(context, request)](./x-components.fetchandsaveidentifierresults.md)


</td><td>

Default implementation for [IdentifierResultsActions.fetchAndSaveIdentifierResults](./x-components.identifierresultsactions.fetchandsaveidentifierresults.md) action.


</td></tr>
<tr><td>

[fetchAndSaveNextQueries(context, request)](./x-components.fetchandsavenextqueries.md)


</td><td>

Default implementation for [NextQueriesActions.fetchAndSaveNextQueries](./x-components.nextqueriesactions.fetchandsavenextqueries.md) action.


</td></tr>
<tr><td>

[fetchAndSavePopularSearches(context, request)](./x-components.fetchandsavepopularsearches.md)


</td><td>

Default implementation for [PopularSearchesActions.fetchAndSaveSuggestions](./x-components.popularsearchesactions.fetchandsavesuggestions.md) action.


</td></tr>
<tr><td>

[fetchAndSaveQuerySuggestions(context, request)](./x-components.fetchandsavequerysuggestions.md)


</td><td>

Default implementation for [QuerySuggestionsActions.fetchAndSaveSuggestions](./x-components.querysuggestionsactions.fetchandsavesuggestions.md) action.


</td></tr>
<tr><td>

[fetchAndSaveRecommendations(context, request)](./x-components.fetchandsaverecommendations.md)


</td><td>

Default implementation for [RecommendationsActions.fetchAndSaveRecommendations](./x-components.recommendationsactions.fetchandsaverecommendations.md) action.


</td></tr>
<tr><td>

[fetchAndSaveRelatedPrompts(context, request)](./x-components.fetchandsaverelatedprompts.md)


</td><td>

Default implementation for [RelatedPromptsActions.fetchAndSaveRelatedPrompts](./x-components.relatedpromptsactions.fetchandsaverelatedprompts.md) action.


</td></tr>
<tr><td>

[fetchAndSaveRelatedTags(context, request)](./x-components.fetchandsaverelatedtags.md)


</td><td>

Default implementation for [RelatedTagsActions.fetchAndSaveRelatedTags](./x-components.relatedtagsactions.fetchandsaverelatedtags.md) action.


</td></tr>
<tr><td>

[fetchAndSaveSearchResponse(context, request)](./x-components.fetchandsavesearchresponse.md)


</td><td>

Default implementation for [SearchActions.fetchAndSaveSearchResponse](./x-components.searchactions.fetchandsavesearchresponse.md) action.


</td></tr>
<tr><td>

[filter(wire, filterFn)](./x-components.filter.md)


</td><td>

Creates a [Wire](./x-components.wire.md) that is only executed whenever the condition in the filterFn is true.


</td></tr>
<tr><td>

[filterBlacklistedModules(wire, blacklist)](./x-components.filterblacklistedmodules.md)


</td><td>

Creates a [Wire](./x-components.wire.md) that is only executed if the event is emitted from a [XModule](./x-components.xmodule.md) that is NOT included in the `blacklist` array passed as parameter.


</td></tr>
<tr><td>

[filterFalsyPayload(wire)](./x-components.filterfalsypayload.md)


</td><td>

Creates a [Wire](./x-components.wire.md) that is only executed when the payload is truthy. A truthy value is whatever is not a [falsy value](https://developer.mozilla.org/en-US/docs/Glossary/Falsy)<!-- -->.


</td></tr>
<tr><td>

[filterTruthyPayload(wire)](./x-components.filtertruthypayload.md)


</td><td>

Creates a [Wire](./x-components.wire.md) that is only executed when the payload is a [falsy value](https://developer.mozilla.org/en-US/docs/Glossary/Falsy)<!-- -->.


</td></tr>
<tr><td>

[filterWhitelistedModules(wire, whitelist)](./x-components.filterwhitelistedmodules.md)


</td><td>

Creates a [Wire](./x-components.wire.md) that is only executed if the event is emitted from a [XModule](./x-components.xmodule.md) that is included in the `whitelist` array passed as parameter.


</td></tr>
<tr><td>

[flatHierarchicalFilters(hierarchicalFilters)](./x-components.flathierarchicalfilters.md)


</td><td>

This function flattens the Hierarchical Filters, returning an array with all filters including the children.


</td></tr>
<tr><td>

[flattenAllFilters(facets)](./x-components.flattenallfilters.md)


</td><td>

Flattens all filters from an array of facets, including hierarchical filters.


</td></tr>
<tr><td>

[getActiveElement(root)](./x-components.getactiveelement.md)


</td><td>

Retrieves the currently active element from the specified document or shadow root. This function is recursive to handle nested shadow DOMs, ensuring the actual active element is returned even if it resides deep within multiple shadow DOM layers.


</td></tr>
<tr><td>

[getGetterPath(moduleName, getterName)](./x-components.getgetterpath.md)


</td><td>

Generates a getter path string with the module and getter name.


</td></tr>
<tr><td>

[getRootXComponent(component)](./x-components.getrootxcomponent.md)


</td><td>

Given a component, finds the root XComponent in the ancestors hierarchy.


</td></tr>
<tr><td>

[getStateAndGettersFromModule(state, getters, moduleName)](./x-components.getstateandgettersfrommodule.md)


</td><td>

Returns an object with the getters and state of a module of store defined by the moduleName parameter.


</td></tr>
<tr><td>

[getTargetElement(event)](./x-components.gettargetelement.md)


</td><td>

Returns the target element for a given event. The target element is obtained from `composedPath` Event method because if the event is triggered inside a Shadow DOM context, `event.target` points to Shadow DOM element, not the element that triggered the event. `composedPath` method also is available in a non-shadow DOM context.


</td></tr>
<tr><td>

[getURLParameter(param)](./x-components.geturlparameter.md)


</td><td>

Get one parameter value from the url.


</td></tr>
<tr><td>

[groupItemsBy(array, groupBy)](./x-components.groupitemsby.md)


</td><td>

Groups the array items based on the provided `groupBy` function.


</td></tr>
<tr><td>

[historyQueries({ query, historyQueries, config })](./x-components.historyqueries.md)


</td><td>

History Queries getter.


</td></tr>
<tr><td>

[isArrayEmpty(array)](./x-components.isarrayempty.md)


</td><td>

Returns if the given array is `null`<!-- -->, `undefined`<!-- -->, or has no elements.


</td></tr>
<tr><td>

[isElementEqualOrContained(a, b)](./x-components.iselementequalorcontained.md)


</td><td>

Returns true if the two elements are the same, or if `b` is a child of `a`<!-- -->.


</td></tr>
<tr><td>

[isInRange(number, \[min, max\])](./x-components.isinrange.md)


</td><td>

Returns true if the number is greater than or equal than the min, and less than or equal than the max.


</td></tr>
<tr><td>

[isIOS()](./x-components.isios.md)


</td><td>

Checks if the user is on an iOS device (iPhone, iPad, or iPod).


</td></tr>
<tr><td>

[isNewQuery(newQuery, previousQuery)](./x-components.isnewquery.md)


</td><td>

Compares two queries to know if the new one is a refined query from the previous one or a new one.

A refined query is a query which has the previous query or part of it. Example: - previousQuery = 'lego star'. - newQuery = 'lego star wars'.

Example: - previousQuery = 'lego star wars'. - newQuery = 'lego star'.

A new query is a query which has not the previous query. Example: - previousQuery = 'lego star'. - newQuery = 'lego wars'.

In this case, it is changing the word set, because a word is changed by another one, so this is changing the search intention.


</td></tr>
<tr><td>

[isStringEmpty(str)](./x-components.isstringempty.md)


</td><td>

Util used to return true if the string is empty, undefined or null.


</td></tr>
<tr><td>

[isXComponent(component)](./x-components.isxcomponent.md)


</td><td>

Returns if the component is an X-Component. An X-Component is a component that has an [XModule](./x-components.xmodule.md) associated to it.


</td></tr>
<tr><td>

[mapWire(toWire, mapFn)](./x-components.mapwire.md)


</td><td>

Creates a [Wire](./x-components.wire.md) from other `toWire` wire. It uses `mapFn` to transform the `FromPayload` received to `ToPayload` which `toWire` requires. This is useful to reuse wires in different Events where the payload doesn't fit exactly.


</td></tr>
<tr><td>

[mergeConfig(state, config)](./x-components.mergeconfig.md)


</td><td>

Merges a new config with the current one. Can be used as a mutation.


</td></tr>
<tr><td>

[namespacedDebounce(moduleName)](./x-components.namespaceddebounce.md)


</td><td>

Type safe debounce operator which creates a function which can only access the Module of the [Vuex](https://vuex.vuejs.org/) Store passed as parameter.


</td></tr>
<tr><td>

[namespacedThrottle(moduleName)](./x-components.namespacedthrottle.md)


</td><td>

Type safe throttle operator which creates a function which can only access the Module of the [Vuex](https://vuex.vuejs.org/) Store passed as parameter.


</td></tr>
<tr><td>

[namespacedWireCommit(moduleName)](./x-components.namespacedwirecommit.md)


</td><td>

Creates a namespaced [wireCommit()](./x-components.wirecommit.md) for the module name passed.


</td></tr>
<tr><td>

[namespacedWireCommitWithoutPayload(moduleName)](./x-components.namespacedwirecommitwithoutpayload.md)


</td><td>

Creates a namespaced [wireCommitWithoutPayload()](./x-components.wirecommitwithoutpayload.md) for the module name passed.


</td></tr>
<tr><td>

[namespacedWireDispatch(moduleName)](./x-components.namespacedwiredispatch.md)


</td><td>

Creates a namespaced [wireDispatch()](./x-components.wiredispatch.md) for the module name passed.


</td></tr>
<tr><td>

[namespacedWireDispatchWithoutPayload(moduleName)](./x-components.namespacedwiredispatchwithoutpayload.md)


</td><td>

Creates a namespaced [wireDispatchWithoutPayload()](./x-components.wiredispatchwithoutpayload.md) for the module name passed.


</td></tr>
<tr><td>

[normalizeString(string)](./x-components.normalizestring.md)


</td><td>

Trims the string, transforms it to lower case, and removes [combining diacritical marks](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks) from it.


</td></tr>
<tr><td>

[querySuggestions({ query, suggestions, config, searchedQueries, })](./x-components.querysuggestions.md)


</td><td>

Query Suggestions getter.


</td></tr>
<tr><td>

[removeSearchInputFocus()](./x-components.removesearchinputfocus.md)


</td><td>

Removes focus from the search input element if it is currently focused. This function checks if the active element in the document matches the selector '.x-search-input' and, if so, blurs the element to remove focus.


</td></tr>
<tr><td>

[sanitize(str)](./x-components.sanitize.md)


</td><td>

Sanitize characters from a given string.


</td></tr>
<tr><td>

[setConfig(state, config)](./x-components.setconfig.md)


</td><td>

Sets the request config. Can be used as a mutation.


</td></tr>
<tr><td>

[setQuery(state, query)](./x-components.setquery.md)


</td><td>

Sets the query of the module.


</td></tr>
<tr><td>

[setStatus(state, status)](./x-components.setstatus.md)


</td><td>

Sets the request status. Can be used as a mutation.


</td></tr>
<tr><td>

[setupDevtools(app)](./x-components.setupdevtools.md)


</td><td>

**_(BETA)_** Setups a plugin for the Vue's devtools adding: - [XEvent](./x-components.xevent.md)<!-- -->s timeline. Every event is recorded in time, and its payload and metadata can be inspected. - Wiring inspector. Events and its wires can be viewed and disabled.


</td></tr>
<tr><td>

[throttle(wire, timeInMs, options)](./x-components.throttle.md)


</td><td>

Creates a throttled [Wire](./x-components.wire.md)<!-- -->. Being throttled means that it will only be executed once every couple of milliseconds given by the `timeInMs` parameter.


</td></tr>
<tr><td>

[throttleFunction(fn, throttleTimeMs)](./x-components.throttlefunction.md)


</td><td>

Util function that returns a throttled version of the function passed as parameter.


</td></tr>
<tr><td>

[toKebabCase(str)](./x-components.tokebabcase.md)


</td><td>

Util to transform string a into kebab case.


</td></tr>
<tr><td>

[use$x()](./x-components.use_x.md)


</td><td>

Function which returns the `$x` object from the current component instance.


</td></tr>
<tr><td>

[useCollapseAnimation(property)](./x-components.usecollapseanimation.md)


</td><td>

Returns parametrized methods to use in a component to allow the collapsing of the provided property.


</td></tr>
<tr><td>

[useDebounce(fn, debounceTimeInMs, debounceOptions)](./x-components.usedebounce.md)


</td><td>

Composable which wraps the function passed as parameter into a debounced function and returns it. It also cancels the debounced function when component is unmounted.


</td></tr>
<tr><td>

[useDisableAnimation(animationName)](./x-components.usedisableanimation.md)


</td><td>

Composable to ease disabling animations.


</td></tr>
<tr><td>

[useEmitDisplayEvent({ element, taggingRequest, eventMetadata, })](./x-components.useemitdisplayevent.md)


</td><td>

Composable that emits a `TrackableElementDisplayed` event whenever the provided element appears in the viewport for the first time.


</td></tr>
<tr><td>

[useFacets(props)](./x-components.usefacets.md)


</td><td>

Composable to share Facets logic.


</td></tr>
<tr><td>

[useFiltersInjection(props)](./x-components.usefiltersinjection.md)


</td><td>

Composable to share filters injection logic.


</td></tr>
<tr><td>

[useOnDisplay({ element, callback, triggerOnce, })](./x-components.useondisplay.md)


</td><td>

Composable that triggers a callback whenever the provided element appears in the viewport. It can trigger the first time only or every time the element appears in the viewport.


</td></tr>
<tr><td>

[useQueriesPreview()](./x-components.usequeriespreview.md)


</td><td>

Composable helpers for the QueriesPreview module.


</td></tr>
<tr><td>

[useScroll(props, { emit }, scrollEl)](./x-components.usescroll.md)


</td><td>

Composable to share Scroll logic.


</td></tr>
<tr><td>

[useState(module)](./x-components.usestate.md)


</td><td>

Function which returns the requested state's properties as a dictionary.


</td></tr>
<tr><td>

[useXBus()](./x-components.usexbus.md)


</td><td>

Composable which injects the current location, returns the `on` and `emit` functions using the bus and applying component metadata. Also unsubscribe from events when components is unmounted.


</td></tr>
<tr><td>

[wireCommit(mutation, payloadFactory)](./x-components.wirecommit.md)


</td><td>

Creates a wire that commits a mutation to the store. This wire receives a function. This function is used to get the actual payload value passed to mutation. This wire can be used in every event, as it does not have a payload type associated.


</td></tr>
<tr><td>

[wireCommit(mutation, staticPayload)](./x-components.wirecommit_1.md)


</td><td>

Creates a wire that commits a mutation to the store. This wire can receive any value as payload. This wire can be used in every event, as it does not have a payload type associated.


</td></tr>
<tr><td>

[wireCommit(mutation)](./x-components.wirecommit_2.md)


</td><td>

Creates a wire that commits a mutation to the store. This wire will commit to the store the payload that it receives in the observable.


</td></tr>
<tr><td>

[wireCommitWithoutPayload(mutation)](./x-components.wirecommitwithoutpayload.md)


</td><td>

Creates a wire that commits a mutation to the store, but without any payload. This wire can be used in every event, as it does not have a payload type associated.


</td></tr>
<tr><td>

[wireDispatch(action, payloadFactory)](./x-components.wiredispatch.md)


</td><td>

Creates a wire that dispatch an action to the store. This wire receives a function. This function is used to get the actual payload value passed to action. This wire can be used in every event, as it does not have a payload type associated.


</td></tr>
<tr><td>

[wireDispatch(action, staticPayload)](./x-components.wiredispatch_1.md)


</td><td>

Creates a wire that dispatches an action to the store. This wire can be used in every event, as it does not have a payload type associated.


</td></tr>
<tr><td>

[wireDispatch(action)](./x-components.wiredispatch_2.md)


</td><td>

Creates a wire that dispatches an action to the store. This wire will pass the payload received in the observable to the action.


</td></tr>
<tr><td>

[wireDispatchWithoutPayload(action)](./x-components.wiredispatchwithoutpayload.md)


</td><td>

Creates a wire that dispatches an action to the store, but without any payload. This wire can be used in every event, as it does not have a payload type associated.


</td></tr>
<tr><td>

[wireService(service)](./x-components.wireservice.md)


</td><td>

Creates a wires factory that can create wires that will invoke the service methods.


</td></tr>
<tr><td>

[wireServiceWithoutPayload(service)](./x-components.wireservicewithoutpayload.md)


</td><td>

Creates a wires factory that can create wires that will invoke the service methods but without payload.


</td></tr>
</tbody></table>

## Interfaces

<table><thead><tr><th>

Interface


</th><th>

Description


</th></tr></thead>
<tbody><tr><td>

[AiActions](./x-components.aiactions.md)


</td><td>

Ai module actions.


</td></tr>
<tr><td>

[AiConfig](./x-components.aiconfig.md)


</td><td>

Configuration options for the [AiXModule](./x-components.aixmodule.md)<!-- -->.


</td></tr>
<tr><td>

[AiGetters](./x-components.aigetters.md)


</td><td>

Ai module getters.


</td></tr>
<tr><td>

[AiMutations](./x-components.aimutations.md)


</td><td>

Ai module mutations.


</td></tr>
<tr><td>

[AiState](./x-components.aistate.md)


</td><td>

Ai module state.


</td></tr>
<tr><td>

[AiXEvents](./x-components.aixevents.md)


</td><td>

Dictionary of the events of AI XModule, where each key is the event name, and the value is the event payload type or `void` if it has no payload.


</td></tr>
<tr><td>

[ConfigMutations](./x-components.configmutations.md)


</td><td>

Config mutations, containing a method to change the current config and other to merge a new one.


</td></tr>
<tr><td>

[CreateRelatedTagsQueryGetterOptions](./x-components.createrelatedtagsquerygetteroptions.md)


</td><td>

Options to create a getter that combines the query with the selected related tags.


</td></tr>
<tr><td>

[DebouncedFunction](./x-components.debouncedfunction.md)


</td><td>

The type returned by the [debounce()](./x-components.debounce.md) function. Basically is the function the [debounce()](./x-components.debounce.md) receives but debounced and with a method `cancel()` to cancel pending timeouts.


</td></tr>
<tr><td>

[DebounceOptions](./x-components.debounceoptions.md)


</td><td>

Debounce options for the strategies that the debounce would use.


</td></tr>
<tr><td>

[DeviceActions](./x-components.deviceactions.md)


</td><td>

Device store actions.


</td></tr>
<tr><td>

[DeviceGetters](./x-components.devicegetters.md)


</td><td>

Device store getters.


</td></tr>
<tr><td>

[DeviceMutations](./x-components.devicemutations.md)


</td><td>

Device store mutations.


</td></tr>
<tr><td>

[DeviceState](./x-components.devicestate.md)


</td><td>

Device store state.


</td></tr>
<tr><td>

[DeviceXEvents](./x-components.devicexevents.md)


</td><td>

Dictionary of the events of [DeviceXModule](./x-components.devicexmodule.md)<!-- -->, where each key is the event name, and the value is the event payload type or `void` if it has no payload.


</td></tr>
<tr><td>

[DisplayWireMetadata](./x-components.displaywiremetadata.md)


</td><td>

Wire metadata specific for display wires.


</td></tr>
<tr><td>

[EmittedData](./x-components.emitteddata.md)


</td><td>

Represents an object containing the data emitted by an event.


</td></tr>
<tr><td>

[EmpathizeActions](./x-components.empathizeactions.md)


</td><td>

Empathize store actions.


</td></tr>
<tr><td>

[EmpathizeConfig](./x-components.empathizeconfig.md)


</td><td>

Configuration options for the [EmpathizeXModule](./x-components.empathizexmodule.md)<!-- -->.


</td></tr>
<tr><td>

[EmpathizeGetters](./x-components.empathizegetters.md)


</td><td>

Empathize store getters.


</td></tr>
<tr><td>

[EmpathizeMutations](./x-components.empathizemutations.md)


</td><td>

Empathize store mutations.


</td></tr>
<tr><td>

[EmpathizeState](./x-components.empathizestate.md)


</td><td>

Empathize store state.


</td></tr>
<tr><td>

[EmpathizeXEvents](./x-components.empathizexevents.md)


</td><td>

Dictionary of the events of Empathize XModule, where each key is the event name, and the value is the event payload type or `void` if it has no payload.


</td></tr>
<tr><td>

[ExperienceControlsActions](./x-components.experiencecontrolsactions.md)


</td><td>

Experience Controls store actions.


</td></tr>
<tr><td>

[ExperienceControlsGetters](./x-components.experiencecontrolsgetters.md)


</td><td>

Experience Controls store getters.


</td></tr>
<tr><td>

[ExperienceControlsMutations](./x-components.experiencecontrolsmutations.md)


</td><td>

Experience Controls store mutations.


</td></tr>
<tr><td>

[ExperienceControlsState](./x-components.experiencecontrolsstate.md)


</td><td>

Experience Controls store state.


</td></tr>
<tr><td>

[ExperienceControlsXEvents](./x-components.experiencecontrolsxevents.md)


</td><td>

Dictionary of the events of Experience Controls XModule.


</td></tr>
<tr><td>

[ExternalTaggingService](./x-components.externaltaggingservice.md)


</td><td>

Service to handle the workflow for tracking add to cart from PDP.


</td></tr>
<tr><td>

[ExtraParamsActions](./x-components.extraparamsactions.md)


</td><td>

ExtraParams store actions.


</td></tr>
<tr><td>

[ExtraParamsGetters](./x-components.extraparamsgetters.md)


</td><td>

ExtraParams store getters.


</td></tr>
<tr><td>

[ExtraParamsMutations](./x-components.extraparamsmutations.md)


</td><td>

ExtraParams store mutations.


</td></tr>
<tr><td>

[ExtraParamsState](./x-components.extraparamsstate.md)


</td><td>

ExtraParams store state.


</td></tr>
<tr><td>

[ExtraParamsXEvents](./x-components.extraparamsxevents.md)


</td><td>

Dictionary of the events of [ExtraParamsXModule](./x-components.extraparamsxmodule.md)<!-- -->, where each key is the event name, and the value is the event payload type or `void` if it has no payload.


</td></tr>
<tr><td>

[ExtraPluginsOptions](./x-components.extrapluginsoptions.md)


</td><td>

Options to install more Vue plugins with.


</td></tr>
<tr><td>

[FacetGroupEntry](./x-components.facetgroupentry.md)


</td><td>

An object containing a facet id and the group id it belongs to.


</td></tr>
<tr><td>

[FacetsActions](./x-components.facetsactions.md)


</td><td>

Facets store actions.


</td></tr>
<tr><td>

[FacetsConfig](./x-components.facetsconfig.md)


</td><td>

Configuration options for the [FacetsXModule](./x-components.facetsxmodule.md)<!-- -->.


</td></tr>
<tr><td>

[FacetsGetters](./x-components.facetsgetters.md)


</td><td>

Facets store getters.


</td></tr>
<tr><td>

[FacetsGroup](./x-components.facetsgroup.md)


</td><td>

An object containing a list of facets, and the group they belong to.

The facet group is used to perform operations over a list of facets. For example, some APIs have dynamic facets. This means that depending on the selected filters, some facets can be returned. For example if you select `category:television`<!-- -->, a new facet called \*Screen size\* might appear. And, because now filters are stored in a dictionary instead of an array, and overridden with each request, when the user performs a new query, we have to remove all the `Screen size` filters because we don't know if the API will return them or not in the new query.


</td></tr>
<tr><td>

[FacetsMutations](./x-components.facetsmutations.md)


</td><td>

Facets store mutations.


</td></tr>
<tr><td>

[FacetsService](./x-components.facetsservice.md)


</td><td>

Service to manipulate the filters.


</td></tr>
<tr><td>

[FacetsState](./x-components.facetsstate.md)


</td><td>

Facets store state.


</td></tr>
<tr><td>

[FacetsXEvents](./x-components.facetsxevents.md)


</td><td>

Dictionary of the events of Facets XModule, where each key is the event name, and the value is the event payload type or `void` if it has no payload.


</td></tr>
<tr><td>

[FetchAndSaveActions](./x-components.fetchandsaveactions.md)


</td><td>

Actions returned from the [createFetchAndSaveActions()](./x-components.createfetchandsaveactions.md)<!-- -->.


</td></tr>
<tr><td>

[FetchAndSaveHooks](./x-components.fetchandsavehooks.md)


</td><td>

Options to use with the [createFetchAndSaveActions()](./x-components.createfetchandsaveactions.md) factory.


</td></tr>
<tr><td>

[FiltersMetadata](./x-components.filtersmetadata.md)


</td><td>

An object containing additional context regarding the filters.


</td></tr>
<tr><td>

[HistoryQueriesActions](./x-components.historyqueriesactions.md)


</td><td>

HistoryQueries store actions.


</td></tr>
<tr><td>

[HistoryQueriesConfig](./x-components.historyqueriesconfig.md)


</td><td>

Configuration options for the [HistoryQueriesXModule](./x-components.historyqueriesxmodule.md)<!-- -->.


</td></tr>
<tr><td>

[HistoryQueriesGetters](./x-components.historyqueriesgetters.md)


</td><td>

HistoryQueries store getters.


</td></tr>
<tr><td>

[HistoryQueriesMutations](./x-components.historyqueriesmutations.md)


</td><td>

HistoryQueries store mutations.


</td></tr>
<tr><td>

[HistoryQueriesState](./x-components.historyqueriesstate.md)


</td><td>

HistoryQueries store state.


</td></tr>
<tr><td>

[HistoryQueriesXEvents](./x-components.historyqueriesxevents.md)


</td><td>

Dictionary of the events of HistoryQueries XModule, where each key is the event name, and the value is the event payload type or `void` if it has no payload.


</td></tr>
<tr><td>

[IdentifierResultsActions](./x-components.identifierresultsactions.md)


</td><td>

IdentifierResults store actions.


</td></tr>
<tr><td>

[IdentifierResultsConfig](./x-components.identifierresultsconfig.md)


</td><td>

Configuration options for the [IdentifierResultsXModule](./x-components.identifierresultsxmodule.md)<!-- -->.


</td></tr>
<tr><td>

[IdentifierResultsGetters](./x-components.identifierresultsgetters.md)


</td><td>

IdentifierResults store getters.


</td></tr>
<tr><td>

[IdentifierResultsMutations](./x-components.identifierresultsmutations.md)


</td><td>

IdentifierResults store mutations.


</td></tr>
<tr><td>

[IdentifierResultsState](./x-components.identifierresultsstate.md)


</td><td>

IdentifierResults store state.


</td></tr>
<tr><td>

[IdentifierResultsXEvents](./x-components.identifierresultsxevents.md)


</td><td>

Dictionary of the events of IdentifierResults XModule, where each key is the event name, and the value is the event payload type or `void` if it has no payload.


</td></tr>
<tr><td>

[InitWrapper](./x-components.initwrapper.md)


</td><td>

Interface for the returned type of the [XInstaller.init()](./x-components.xinstaller.init.md) function.


</td></tr>
<tr><td>

[InstallXOptions](./x-components.installxoptions.md)


</td><td>

Interface for the parameter of the constructor of [XInstaller](./x-components.xinstaller.md) function. It is an extended version of [XPluginOptions](./x-components.xpluginoptions.md)<!-- -->.


</td></tr>
<tr><td>

[InternalSearchRequest](./x-components.internalsearchrequest.md)


</td><td>

An internal search request containing the page used to calculate the start and rows properties of a [SearchRequest](./x-types.searchrequest.md)<!-- -->.


</td></tr>
<tr><td>

[InternalSearchResponse](./x-components.internalsearchresponse.md)


</td><td>

An internal search response containing the [InternalSearchRequest](./x-components.internalsearchrequest.md) performed to get a [SearchResponse](./x-types.searchresponse.md) and its [RequestStatus](./x-components.requeststatus.md)<!-- -->.


</td></tr>
<tr><td>

[MutateFilterPayload](./x-components.mutatefilterpayload.md)


</td><td>

Payload to use in the `mutateFilter` mutation.


</td></tr>
<tr><td>

[NamespacedWireCommit](./x-components.namespacedwirecommit.md)


</td><td>

Namespaced type for the [wireCommit()](./x-components.wirecommit.md) which creates a wire with its payload associated. Possible ways for creating a wire that commits a mutation. If a payload is passed, then the observable payload can be ignored, so the wire is applicable to any event. If no payload is passed, then the wire is only applicable to events with the same payload type than the mutation.


</td></tr>
<tr><td>

[NamespacedWireDispatch](./x-components.namespacedwiredispatch.md)


</td><td>

Namespaced type for the [wireDispatch()](./x-components.wiredispatch.md) which creates a wire with its payload associated. Possible ways for creating a wire that dispatches an action. If a payload is passed, then the observable payload can be ignored, so the wire is applicable to any event. If no payload is passed, then the wire is only applicable to events with the same payload type than the action.


</td></tr>
<tr><td>

[NextQueriesActions](./x-components.nextqueriesactions.md)


</td><td>

Next queries module actions.


</td></tr>
<tr><td>

[NextQueriesConfig](./x-components.nextqueriesconfig.md)


</td><td>

Configuration options for the [NextQueriesXModule](./x-components.nextqueriesxmodule.md)<!-- -->.


</td></tr>
<tr><td>

[NextQueriesGetters](./x-components.nextqueriesgetters.md)


</td><td>

Next queries module getters.


</td></tr>
<tr><td>

[NextQueriesGroup](./x-components.nextqueriesgroup.md)


</td><td>

Next queries group interface for the NextQueries.


</td></tr>
<tr><td>

[NextQueriesMutations](./x-components.nextqueriesmutations.md)


</td><td>

Next queries module mutations.


</td></tr>
<tr><td>

[NextQueriesState](./x-components.nextqueriesstate.md)


</td><td>

Next queries module state.


</td></tr>
<tr><td>

[NextQueriesXEvents](./x-components.nextqueriesxevents.md)


</td><td>

Dictionary of the events of NextQueries XModule, where each key is the event name, and the value is the event payload type or `void` if it has no payload.


</td></tr>
<tr><td>

[PopularSearchesActions](./x-components.popularsearchesactions.md)


</td><td>

Popular searches module actions.


</td></tr>
<tr><td>

[PopularSearchesConfig](./x-components.popularsearchesconfig.md)


</td><td>

Configuration options for the popular searches module.


</td></tr>
<tr><td>

[PopularSearchesGetters](./x-components.popularsearchesgetters.md)


</td><td>

Popular searches module getters.


</td></tr>
<tr><td>

[PopularSearchesMutations](./x-components.popularsearchesmutations.md)


</td><td>

Popular searches module mutations.


</td></tr>
<tr><td>

[PopularSearchesState](./x-components.popularsearchesstate.md)


</td><td>

Popular searches module state.


</td></tr>
<tr><td>

[PopularSearchesXEvents](./x-components.popularsearchesxevents.md)


</td><td>

Dictionary of the events of PopularSearches XModule, where each key is the event name, and the value is the event payload type or `void` if it has no payload.


</td></tr>
<tr><td>

[PrivateXModuleOptions](./x-components.privatexmoduleoptions.md)


</td><td>

Options for overriding the default store module and store emitters for a [XModule](./x-components.xmodule.md)<!-- -->.


</td></tr>
<tr><td>

[QueriesPreviewActions](./x-components.queriespreviewactions.md)


</td><td>

QueriesPreview store actions.


</td></tr>
<tr><td>

[QueriesPreviewConfig](./x-components.queriespreviewconfig.md)


</td><td>

Configuration options for the [QueriesPreviewXModule](./x-components.queriespreviewxmodule.md)<!-- -->.


</td></tr>
<tr><td>

[QueriesPreviewGetters](./x-components.queriespreviewgetters.md)


</td><td>

QueriesPreview store getters.


</td></tr>
<tr><td>

[QueriesPreviewMutations](./x-components.queriespreviewmutations.md)


</td><td>

QueriesPreview store mutations.


</td></tr>
<tr><td>

[QueriesPreviewState](./x-components.queriespreviewstate.md)


</td><td>

QueriesPreview store state.


</td></tr>
<tr><td>

[QueriesPreviewXEvents](./x-components.queriespreviewxevents.md)


</td><td>

Dictionary of the events of QueriesPreview XModule, where each key is the event name, and the value is the event payload type or `void` if it has no payload.


</td></tr>
<tr><td>

[QueryMutations](./x-components.querymutations.md)


</td><td>

The [QueryState](./x-components.querystate.md) mutations.


</td></tr>
<tr><td>

[QueryPreviewInfo](./x-components.querypreviewinfo.md)


</td><td>

Information to render or request a query preview with.


</td></tr>
<tr><td>

[QueryPreviewItem](./x-components.querypreviewitem.md)


</td><td>

QueriesPreview store state.


</td></tr>
<tr><td>

[QueryPreviewStatusPayload](./x-components.querypreviewstatuspayload.md)


</td><td>

Payload to use in the `setStatus` mutation.


</td></tr>
<tr><td>

[QueryState](./x-components.querystate.md)


</td><td>

Query state type, containing a property to hold the current query of the module.


</td></tr>
<tr><td>

[QuerySuggestionsActions](./x-components.querysuggestionsactions.md)


</td><td>

QuerySuggestions store actions.


</td></tr>
<tr><td>

[QuerySuggestionsConfig](./x-components.querysuggestionsconfig.md)


</td><td>

Configuration options for the [QuerySuggestionsXModule](./x-components.querysuggestionsxmodule.md)<!-- -->.


</td></tr>
<tr><td>

[QuerySuggestionsGetters](./x-components.querysuggestionsgetters.md)


</td><td>

QuerySuggestions store getters.


</td></tr>
<tr><td>

[QuerySuggestionsMutations](./x-components.querysuggestionsmutations.md)


</td><td>

QuerySuggestions store mutations.


</td></tr>
<tr><td>

[QuerySuggestionsState](./x-components.querysuggestionsstate.md)


</td><td>

QuerySuggestions store state.


</td></tr>
<tr><td>

[QuerySuggestionsXEvents](./x-components.querysuggestionsxevents.md)


</td><td>

Dictionary of the events of QuerySuggestions XModule, where each key is the event name, and the value is the event payload type or `void` if it has no payload.


</td></tr>
<tr><td>

[RecommendationsActions](./x-components.recommendationsactions.md)


</td><td>

Recommendations store actions.


</td></tr>
<tr><td>

[RecommendationsConfig](./x-components.recommendationsconfig.md)


</td><td>

Configuration options for the [RecommendationsXModule](./x-components.recommendationsxmodule.md)<!-- -->.


</td></tr>
<tr><td>

[RecommendationsGetters](./x-components.recommendationsgetters.md)


</td><td>

Recommendations store getters.


</td></tr>
<tr><td>

[RecommendationsMutations](./x-components.recommendationsmutations.md)


</td><td>

Recommendations store mutations.


</td></tr>
<tr><td>

[RecommendationsState](./x-components.recommendationsstate.md)


</td><td>

Recommendations store state.


</td></tr>
<tr><td>

[RecommendationsXEvents](./x-components.recommendationsxevents.md)


</td><td>

Dictionary of the events of Recommendations XModule, where each key is the event name, and the value is the event payload type or `void` if it has no payload.


</td></tr>
<tr><td>

[RelatedPromptsActions](./x-components.relatedpromptsactions.md)


</td><td>

Related prompts module actions.


</td></tr>
<tr><td>

[RelatedPromptsGetters](./x-components.relatedpromptsgetters.md)


</td><td>

Related prompts module getters.


</td></tr>
<tr><td>

[RelatedPromptsMutations](./x-components.relatedpromptsmutations.md)


</td><td>

Related prompts module mutations.


</td></tr>
<tr><td>

[RelatedPromptsState](./x-components.relatedpromptsstate.md)


</td><td>

Related prompts module state.


</td></tr>
<tr><td>

[RelatedPromptsXEvents](./x-components.relatedpromptsxevents.md)


</td><td>

Dictionary of the events of RelatedPrompts XModule, where each key is the event name, and the value is the event payload type or `void` if it has no payload.


</td></tr>
<tr><td>

[RelatedTagsActions](./x-components.relatedtagsactions.md)


</td><td>

RelatedTags store actions.


</td></tr>
<tr><td>

[RelatedTagsConfig](./x-components.relatedtagsconfig.md)


</td><td>

Configuration options for the [RelatedTagsXModule](./x-components.relatedtagsxmodule.md)<!-- -->.


</td></tr>
<tr><td>

[RelatedTagsGetters](./x-components.relatedtagsgetters.md)


</td><td>

RelatedTags store getters.


</td></tr>
<tr><td>

[RelatedTagsMutations](./x-components.relatedtagsmutations.md)


</td><td>

RelatedTags store mutations.


</td></tr>
<tr><td>

[RelatedTagsState](./x-components.relatedtagsstate.md)


</td><td>

RelatedTags store state.


</td></tr>
<tr><td>

[RelatedTagsXEvents](./x-components.relatedtagsxevents.md)


</td><td>

Dictionary of the events of RelatedTags XModule, where each key is the event name, and the value is the event payload type or `void` if it has no payload.


</td></tr>
<tr><td>

[RootXStoreState](./x-components.rootxstorestate.md)


</td><td>

Base X store state type. All [XStoreModule](./x-components.xstoremodule.md) are nested under the `x` module for safe scoping.


</td></tr>
<tr><td>

[ScrollActions](./x-components.scrollactions.md)


</td><td>

Scroll store actions.


</td></tr>
<tr><td>

[ScrollComponentState](./x-components.scrollcomponentstate.md)


</td><td>

Contains all the state of a scroll component.


</td></tr>
<tr><td>

[ScrollGetters](./x-components.scrollgetters.md)


</td><td>

Scroll store getters.


</td></tr>
<tr><td>

[ScrollMutations](./x-components.scrollmutations.md)


</td><td>

Scroll store mutations.


</td></tr>
<tr><td>

[ScrollState](./x-components.scrollstate.md)


</td><td>

Scroll store state.


</td></tr>
<tr><td>

[ScrollStatePayload](./x-components.scrollstatepayload.md)


</td><td>

Payload object containing the identifier of the scroll and its position.


</td></tr>
<tr><td>

[ScrollVisibilityObserver](./x-components.scrollvisibilityobserver.md)


</td><td>

Methods to initialise and cease visibility observing.


</td></tr>
<tr><td>

[ScrollXEvents](./x-components.scrollxevents.md)


</td><td>

Dictionary of the events of Scroll XModule, where each key is the event name, and the value is the event payload type or `void` if it has no payload.


</td></tr>
<tr><td>

[SearchActions](./x-components.searchactions.md)


</td><td>

Search store actions.


</td></tr>
<tr><td>

[SearchBoxActions](./x-components.searchboxactions.md)


</td><td>

SearchBox store actions.


</td></tr>
<tr><td>

[SearchBoxGetters](./x-components.searchboxgetters.md)


</td><td>

SearchBox store getters.


</td></tr>
<tr><td>

[SearchBoxMutations](./x-components.searchboxmutations.md)


</td><td>

SearchBox store mutations.


</td></tr>
<tr><td>

[SearchBoxState](./x-components.searchboxstate.md)


</td><td>

SearchBox store state.


</td></tr>
<tr><td>

[SearchBoxXEvents](./x-components.searchboxxevents.md)


</td><td>

Dictionary of the events of SearchBox XModule, where each key is the event name, and the value is the event payload type or `void` if it has no payload.


</td></tr>
<tr><td>

[SearchConfig](./x-components.searchconfig.md)


</td><td>

Configuration options for the [SearchXModule](./x-components.searchxmodule.md)<!-- -->.


</td></tr>
<tr><td>

[SearchGetters](./x-components.searchgetters.md)


</td><td>

Search store getters.


</td></tr>
<tr><td>

[SearchMutations](./x-components.searchmutations.md)


</td><td>

Search store mutations.


</td></tr>
<tr><td>

[SearchState](./x-components.searchstate.md)


</td><td>

Search store state.


</td></tr>
<tr><td>

[SearchXEvents](./x-components.searchxevents.md)


</td><td>

Dictionary of the events of Search XModule, where each key is the event name, and the value is the event payload type or `void` if it has no payload.


</td></tr>
<tr><td>

[SemanticQueriesActions](./x-components.semanticqueriesactions.md)


</td><td>

SemanticQueries store actions.


</td></tr>
<tr><td>

[SemanticQueriesConfig](./x-components.semanticqueriesconfig.md)


</td><td>

Configuration options for the [SemanticQueriesXModule](./x-components.semanticqueriesxmodule.md)<!-- -->.


</td></tr>
<tr><td>

[SemanticQueriesGetters](./x-components.semanticqueriesgetters.md)


</td><td>

SemanticQueries store getters.


</td></tr>
<tr><td>

[SemanticQueriesMutations](./x-components.semanticqueriesmutations.md)


</td><td>

SemanticQueries store mutations.


</td></tr>
<tr><td>

[SemanticQueriesState](./x-components.semanticqueriesstate.md)


</td><td>

SemanticQueries store state.


</td></tr>
<tr><td>

[SemanticQueriesXEvents](./x-components.semanticqueriesxevents.md)


</td><td>

Dictionary of the events of [SemanticQueriesXModule](./x-components.semanticqueriesxmodule.md)<!-- -->,where each key is the event name, and the value is the event payload type or `void` if it has no payload.


</td></tr>
<tr><td>

[SnippetConfig](./x-components.snippetconfig.md)


</td><td>

Interface with the possible parameters to receive through the snippet integration.


</td></tr>
<tr><td>

[SpatialNavigation](./x-components.spatialnavigation.md)


</td><td>

Interface for SpatialNavigation services based on [CSSWK specification](https://www.w3.org/TR/css-nav-1/)<!-- -->.


</td></tr>
<tr><td>

[StateSelector](./x-components.stateselector.md)


</td><td>

Composition type of [SimpleStateSelector](./x-components.simplestateselector.md) which allows to indicate if the state selector should be executed in first instance (first assignment of values). Selector is the [SimpleStateSelector](./x-components.simplestateselector.md) and immediate flags if the selector should be executed when it is initialized for first time.


</td></tr>
<tr><td>

[StatusMutations](./x-components.statusmutations.md)


</td><td>

Status mutations, containing a method to change the current status.


</td></tr>
<tr><td>

[StatusState](./x-components.statusstate.md)


</td><td>

Status state type, containing a property to hold the status property.


</td></tr>
<tr><td>

[StoreModuleStateAndGetters](./x-components.storemodulestateandgetters.md)


</td><td>

Type safe which allows the access to the State and the Getters of a [XStoreModule](./x-components.xstoremodule.md)<!-- -->.


</td></tr>
<tr><td>

[SubjectPayload](./x-components.subjectpayload.md)


</td><td>

Represents an object including an eventPayload, which type is extracted using [EventPayload](./x-components.eventpayload.md)<!-- -->, and a metadata which type is taken from the SomeEventMetadata parameter of this type.


</td></tr>
<tr><td>

[TaggingActions](./x-components.taggingactions.md)


</td><td>

Tagging store actions.


</td></tr>
<tr><td>

[TaggingConfig](./x-components.taggingconfig.md)


</td><td>

Configuration options for the [TaggingXModule](./x-components.taggingxmodule.md)<!-- -->.


</td></tr>
<tr><td>

[TaggingGetters](./x-components.tagginggetters.md)


</td><td>

Tagging store getters.


</td></tr>
<tr><td>

[TaggingMutations](./x-components.taggingmutations.md)


</td><td>

Tagging store mutations.


</td></tr>
<tr><td>

[TaggingState](./x-components.taggingstate.md)


</td><td>

Tagging store state.


</td></tr>
<tr><td>

[TaggingXEvents](./x-components.taggingxevents.md)


</td><td>

Dictionary of the events of Tagging XModule, where each key is the event name, and the value is the event payload type or `void` if it has no payload.


</td></tr>
<tr><td>

[TakeNavigationControl](./x-components.takenavigationcontrol.md)


</td><td>

Represents when to take control of the navigation.


</td></tr>
<tr><td>

[ThrottleFunction](./x-components.throttlefunction.md)


</td><td>

The type returned by the [throttle()](./x-components.throttle.md) function. Basically is the function the [throttle()](./x-components.throttle.md) receives but throttled.


</td></tr>
<tr><td>

[TimedWireOperatorOptions](./x-components.timedwireoperatoroptions.md)


</td><td>

Options for wire operators that delay subscribers.


</td></tr>
<tr><td>

[TypingHTMLElement](./x-components.typinghtmlelement.md)


</td><td>


</td></tr>
<tr><td>

[TypingOptions](./x-components.typingoptions.md)


</td><td>

TypingOptions interface.


</td></tr>
<tr><td>

[UrlActions](./x-components.urlactions.md)


</td><td>

URL store actions.


</td></tr>
<tr><td>

[UrlGetters](./x-components.urlgetters.md)


</td><td>

URL store getters.


</td></tr>
<tr><td>

[UrlMutations](./x-components.urlmutations.md)


</td><td>

URL store mutations.


</td></tr>
<tr><td>

[UrlParams](./x-components.urlparams.md)


</td><td>

URL store params.


</td></tr>
<tr><td>

[UrlState](./x-components.urlstate.md)


</td><td>

URL store state.


</td></tr>
<tr><td>

[UrlXEvents](./x-components.urlxevents.md)


</td><td>

Dictionary of the events of URL XModule, where each key is the event name, and the value is the event payload type or `void` if it has no payload.


</td></tr>
<tr><td>

[UseAliasAPI](./x-components.usealiasapi.md)


</td><td>

Alias to facilitate retrieving values from the store.


</td></tr>
<tr><td>

[UseAliasQueryAPI](./x-components.usealiasqueryapi.md)


</td><td>

Alias to facilitate retrieving the modules with query.


</td></tr>
<tr><td>

[UseAliasStatusAPI](./x-components.usealiasstatusapi.md)


</td><td>

Alias to facilitate retrieving the modules with status.


</td></tr>
<tr><td>

[WatchedInternalSearchRequest](./x-components.watchedinternalsearchrequest.md)


</td><td>

A representation of a watched [InternalSearchRequest](./x-components.internalsearchrequest.md) object, wrapping its new and old values.


</td></tr>
<tr><td>

[WireMetadata](./x-components.wiremetadata.md)


</td><td>

The wires metadata includes more information about the emitted event, so then these events can be processed with more precision if needed.


</td></tr>
<tr><td>

[WireParams](./x-components.wireparams.md)


</td><td>

Groups the payload, metadata, and the store into an object to avoid having multiple parameters.


</td></tr>
<tr><td>

[WirePayload](./x-components.wirepayload.md)


</td><td>

The wire payload includes the payload of the event, and a [WireMetadata](./x-components.wiremetadata.md) object to add more information to the event.


</td></tr>
<tr><td>

[WireService](./x-components.wireservice.md)


</td><td>

Wires factory to invoke methods from a given service.


</td></tr>
<tr><td>

[WireServiceWithoutPayload](./x-components.wireservicewithoutpayload.md)


</td><td>

Wires factory to invoke methods from a given service.


</td></tr>
<tr><td>

[XActionContext](./x-components.xactioncontext.md)


</td><td>

Type safe Vuex [Action](https://vuex.vuejs.org/api/#actions) context, with the local types of the module.


</td></tr>
<tr><td>

[XAPI](./x-components.xapi.md)


</td><td>

Interface with the API functions exposes as X [window](https://developer.mozilla.org/en-US/docs/Web/API/Window) property.


</td></tr>
<tr><td>

[XBus](./x-components.xbus.md)


</td><td>

Event bus to emit and subscribe to events.


</td></tr>
<tr><td>

[XComponentAliasAPI](./x-components.xcomponentaliasapi.md)


</td><td>

Alias to facilitate retrieving values from the store.


</td></tr>
<tr><td>

[XComponentAliasQueryAPI](./x-components.xcomponentaliasqueryapi.md)


</td><td>

Alias to facilitate retrieving the modules with query.


</td></tr>
<tr><td>

[XComponentAliasStatusAPI](./x-components.xcomponentaliasstatusapi.md)


</td><td>

Alias to facilitate retrieving the modules with status.


</td></tr>
<tr><td>

[XComponentAPI](./x-components.xcomponentapi.md)


</td><td>

The XComponentAPI exposes access to the XBus, and store aliases to the components.


</td></tr>
<tr><td>

[XComponentBusAPI](./x-components.xcomponentbusapi.md)


</td><td>

API for emitting and subscribing to events of the XBus.


</td></tr>
<tr><td>

[XEventsTypes](./x-components.xeventstypes.md)


</td><td>

. Dictionary of all the [XEvents](./x-components.xevent.md)<!-- -->, where each key is the event name, and the value is the event payload type or `void` if it has no payload. All the events listed in this file are common to all X components modules, so they might be fired by components of any module.


</td></tr>
<tr><td>

[XInjectKey](./x-components.xinjectkey.md)


</td><td>

Type of the key passed to `provide` and `inject` to be type-safe. With this type you can declare the type of the injected value directly in the injection key.


</td></tr>
<tr><td>

[XModule](./x-components.xmodule.md)


</td><td>

A group of a wiring configuration, a store module, and side effects.


</td></tr>
<tr><td>

[XModuleOptions](./x-components.xmoduleoptions.md)


</td><td>

Options for overriding the default config state and wiring for a [XModule](./x-components.xmodule.md)<!-- -->.


</td></tr>
<tr><td>

[XModulesTree](./x-components.xmodulestree.md)


</td><td>

Gives each [XModule](./x-components.xmodule.md) a name, that can be used to retrieve then its value.


</td></tr>
<tr><td>

[XPluginOptions](./x-components.xpluginoptions.md)


</td><td>

[XPlugin](./x-components.xplugin.md) Installation options.


</td></tr>
<tr><td>

[XPriorityBusEventMetadata](./x-components.xprioritybuseventmetadata.md)


</td><td>

Metadata for an event in an [XPriorityBus](./x-components.xprioritybus.md)<!-- -->.


</td></tr>
<tr><td>

[XPriorityQueue](./x-components.xpriorityqueue.md)


</td><td>

Data structure to store a list of entries ordered by their priority.


</td></tr>
<tr><td>

[XPriorityQueueNode](./x-components.xpriorityqueuenode.md)


</td><td>

An object containing a key, a priority number and a data.


</td></tr>
<tr><td>

[XPriorityQueueNodeData](./x-components.xpriorityqueuenodedata.md)


</td><td>

Represents the [queue node data](./x-components.xpriorityqueuenode.data.md) in the [priority queue](./x-components.xpriorityqueue.md) of a [XPriorityBus](./x-components.xprioritybus.md)<!-- -->.


</td></tr>
<tr><td>

[XStoreModule](./x-components.xstoremodule.md)


</td><td>

Type safe [Vuex](https://vuex.vuejs.org/) store module.


</td></tr>
</tbody></table>

## Variables

<table><thead><tr><th>

Variable


</th><th>

Description


</th></tr></thead>
<tbody><tr><td>

[addQueryPreviewInstanceWire](./x-components.addquerypreviewinstancewire.md)


</td><td>

Adds a new instance in a query preview.


</td></tr>
<tr><td>

[addQueryToHistoryQueries](./x-components.addquerytohistoryqueries.md)


</td><td>

Saves a new query into the history queries.


</td></tr>
<tr><td>

[addQueryToHistoryQueriesFromPreview](./x-components.addquerytohistoryqueriesfrompreview.md)


</td><td>

Saves the selectedQueryPreview query into the history queries.


</td></tr>
<tr><td>

[AiOverview](./x-components.aioverview.md)


</td><td>


</td></tr>
<tr><td>

[aiQuery](./x-components.aiquery.md)


</td><td>

Default implementation for the related prompts query getter.


</td></tr>
<tr><td>

[aiSuggestionsRequest](./x-components.aisuggestionsrequest.md)


</td><td>

Default implementation for the [AiGetters.suggestionsRequest](./x-components.aigetters.suggestionsrequest.md) getter.


</td></tr>
<tr><td>

[aiSuggestionsSearchRequest](./x-components.aisuggestionssearchrequest.md)


</td><td>

Default implementation for the [AiGetters.suggestionsSearchRequest](./x-components.aigetters.suggestionssearchrequest.md) getter.


</td></tr>
<tr><td>

[aiXModule](./x-components.aixmodule.md)


</td><td>

AI [XModule](./x-components.xmodule.md) implementation. This module is auto-registered as soon as you import any component from the `AI` entry point.


</td></tr>
<tr><td>

[AllFilter](./x-components.allfilter.md)


</td><td>

This component receives a required `facet` with [BooleanFilter](./x-types.booleanfilter.md) as prop and renders a button, which on clicked emits the [FacetsXEvents.UserClickedAllFilter](./x-components.facetsxevents.userclickedallfilter.md) event. By default the rendered button displays a message with the facet label but this content is customizable through the default slot.


</td></tr>
<tr><td>

[AnimateWidth](./x-components.animatewidth.md)


</td><td>

Renders a transition wrapping an element passed in the default slot and animating its width.


</td></tr>
<tr><td>

[AnimationProp](./x-components.animationprop.md)


</td><td>

Type for animations props.


</td></tr>
<tr><td>

[AutoProgressBar](./x-components.autoprogressbar.md)


</td><td>

The auto progress bar component is useful for displaying a visual indicator of numerical data in a bar shape.


</td></tr>
<tr><td>

[Banner](./x-components.banner.md)


</td><td>

. A banner result is just an item that has been inserted into the search results to advertise something. Usually it is the first item in the grid or it can be placed in the middle of them and fill the whole row where appears. The banner may be clickable or non-clickable depending on whether it has an associated URL or not. It contains an image and, optionally, a title. In case the image does not load due to an error the banner will not be rendered.

Additionally, this component exposes the following props to modify the classes of the elements: `titleClass`<!-- -->.


</td></tr>
<tr><td>

[BannersList](./x-components.bannerslist.md)


</td><td>

It renders a [ItemsList](./x-components.itemslist.md) list of banners from [SearchState.banners](./x-components.searchstate.banners.md)<!-- -->.

The component provides a default slot which wraps the whole component with the `banners` plus the `injectedListItems` which also contains the injected list items from the ancestor.

It also provides the parent slots to customize the items.


</td></tr>
<tr><td>

[BaseAddToCart](./x-components.baseaddtocart.md)


</td><td>

Renders a button with a default slot. It receives the result with the data and emits [XEventsTypes.UserClickedResultAddToCart](./x-components.xeventstypes.userclickedresultaddtocart.md) to the bus on click mouse event.


</td></tr>
<tr><td>

[BaseColumnPickerDropdown](./x-components.basecolumnpickerdropdown.md)


</td><td>

Column picker dropdown component renders [BaseDropdown](./x-components.basedropdown.md) component which options are the different columns you can set for a grid.

It emits [XEventsTypes.UserClickedColumnPicker](./x-components.xeventstypes.userclickedcolumnpicker.md) on dropdown input.


</td></tr>
<tr><td>

[BaseColumnPickerList](./x-components.basecolumnpickerlist.md)


</td><td>

Column picker list component renders a list of buttons to choose the columns number.

Additionally, this component exposes the following props to modify the classes of the elements: `buttonClass`<!-- -->.


</td></tr>
<tr><td>

[BaseCurrency](./x-components.basecurrency.md)


</td><td>

Renders the value received as a property which always must be a JavaScript number, with the proper format provided as a string property or by injection. The rendered tag is a span in order to render a default inline HTML element.

Regarding the format or mask to be defined as string: - Use 'i' to define integer numbers. - Use 'd' to define decimal numbers. You can define the length of the decimal part. If the format doesn't include decimals, it is filled with zeros until reach the length defined with 'd's. - Integer separator must be defined between the 3rd and the 4th integer 'i' of a group. - Decimal separator must be defined between the last 'i' and the first 'd'. It can be more than one character. - If you want to hide the decimal part if it's zero, you can add the `?` symbol after the decimal characters (e.g. 'i.iii,dd?', for `1234` you would get `1.234` instead of `1.234,00`<!-- -->). - Set whatever you need around the integers and decimals marks. - Default mask: 'i.iii,dd' which returns '1.345,67'.


</td></tr>
<tr><td>

[BaseDropdown](./x-components.basedropdown.md)


</td><td>

Dropdown component that mimics a Select element behavior, but with the option to customize the toggle button and each item contents.


</td></tr>
<tr><td>

[BaseEventButton](./x-components.baseeventbutton.md)


</td><td>

Component to be reused that renders a `<button>` with the logic of emitting events to the bus on click. The events are passed as an object to prop [XEvent](./x-components.xevent.md)<!-- -->. The keys are the event name and the values are the payload of each event. All events are emitted with its respective payload. If any event doesn't need payload a `undefined` must be passed as value.


</td></tr>
<tr><td>

[BaseEventsModal](./x-components.baseeventsmodal.md)


</td><td>

Component containing a modal that emits a [XEventsTypes.UserClickedCloseEventsModal](./x-components.xeventstypes.userclickedcloseeventsmodal.md) when clicking outside the content rendered in the default slot and can receive, through the eventsToCloseModal prop, a list of [XEvent](./x-components.xevent.md) to listen to in order to close also the modal, eventsToOpenModal prop, another list of [XEvent](./x-components.xevent.md) to customize the events to listen to open the modal and a prop, displayOverlay, to display an overlay over the rest of the html. The default slot offers the possibility to customize the modal content.


</td></tr>
<tr><td>

[BaseEventsModalClose](./x-components.baseeventsmodalclose.md)


</td><td>

Component contains an event button that emits [XEventsTypes.UserClickedCloseEventsModal](./x-components.xeventstypes.userclickedcloseeventsmodal.md) when clicked. It has a default slot to customize its contents.


</td></tr>
<tr><td>

[BaseEventsModalOpen](./x-components.baseeventsmodalopen.md)


</td><td>

Component contains an event button that emits [XEventsTypes.UserClickedOpenEventsModal](./x-components.xeventstypes.userclickedopeneventsmodal.md) when clicked. It has a default slot to customize its contents.


</td></tr>
<tr><td>

[BaseGrid](./x-components.basegrid.md)


</td><td>

Grid component that is able to render different items based on their modelName value. In order to achieve this, it exposes a scopedSlot for each different modelName. In case the items used do not have modelName property, the default slot is used instead. It has a required property: the `items` to render; and an optional one: the number `columns` the grid is divided in. If the number of columns is not specified, the grid automatically fills the rows with as many columns as it can fit.


</td></tr>
<tr><td>

[BaseHeaderTogglePanel](./x-components.baseheadertogglepanel.md)


</td><td>

Toggle panel which uses the base toggle panel, adds a header and manage the open / close state of the panel.


</td></tr>
<tr><td>

[BaseIdModal](./x-components.baseidmodal.md)


</td><td>

Component containing a modal expecting a required prop, named `modalId`<!-- -->. It reacts to `UserClickedOpenModal`<!-- -->, `UserClickedCloseModal` and `UserClickedOutOfModal` events, when their payload matches the component's 'modalId' prop, to handle its open/close state. The default slot offers the possibility to customise the modal content.


</td></tr>
<tr><td>

[BaseIdModalClose](./x-components.baseidmodalclose.md)


</td><td>

Component that allows to close a modal by emitting [XEventsTypes.UserClickedCloseModal](./x-components.xeventstypes.userclickedclosemodal.md)<!-- -->. It allows full customization with the 'closing-element' slot and exposes the 'closeModal' function.


</td></tr>
<tr><td>

[BaseIdModalOpen](./x-components.baseidmodalopen.md)


</td><td>

Component that allows to open a modal by emitting [XEventsTypes.UserClickedOpenModal](./x-components.xeventstypes.userclickedopenmodal.md) with the modalId as payload. It allows full customization with the 'opening-element' slot and exposes the 'openModal' function.


</td></tr>
<tr><td>

[BaseIdTogglePanel](./x-components.baseidtogglepanel.md)


</td><td>

Simple panel that could receives its initial open state via prop, if not the default is opens and a required prop, named `panelId`<!-- -->, which are responsible of rendering default slot inside a configurable transition.

It reacts to `UserClickedPanelToggleButton` event, when their payload matches the component's 'panelId' prop, to handle its open/close state.

The default slot offers the possibility to customise the modal content.


</td></tr>
<tr><td>

[BaseIdTogglePanelButton](./x-components.baseidtogglepanelbutton.md)


</td><td>

Component containing an event button that emits [XEventsTypes.UserClickedPanelToggleButton](./x-components.xeventstypes.userclickedpaneltogglebutton.md) when clicked with the panelId as payload.

It has a default slot to customize its contents.


</td></tr>
<tr><td>

[BaseKeyboardNavigation](./x-components.basekeyboardnavigation.md)


</td><td>

Base component to handle keyboard navigation for elements inside it. It has a required slot to include the navigable elements.


</td></tr>
<tr><td>

[BaseModal](./x-components.basemodal.md)


</td><td>

Base component with no XPlugin dependencies that serves as a utility for constructing more complex modals.


</td></tr>
<tr><td>

[BasePriceFilterLabel](./x-components.basepricefilterlabel.md)


</td><td>

Renders a label for a price filter, allowing to select different messages depending on the value of the filter.


</td></tr>
<tr><td>

[BaseRating](./x-components.baserating.md)


</td><td>

Rating component. This component renders a set of elements filled based on the value passed as prop.


</td></tr>
<tr><td>

[BaseRatingFilterLabel](./x-components.baseratingfilterlabel.md)


</td><td>

Renders a label for a rating filter, allowing to override the elements used to paint the rating.


</td></tr>
<tr><td>

[BaseResultCurrentPrice](./x-components.baseresultcurrentprice.md)


</td><td>

Component that renders the [Result](./x-types.result.md) current price that may or may not be on sale.


</td></tr>
<tr><td>

[BaseResultImage](./x-components.baseresultimage.md)


</td><td>

Component to be reused that renders an `<img>`<!-- -->.


</td></tr>
<tr><td>

[BaseResultLink](./x-components.baseresultlink.md)


</td><td>

Component to be reused that renders an `<a>` wrapping the result contents.


</td></tr>
<tr><td>

[BaseResultPreviousPrice](./x-components.baseresultpreviousprice.md)


</td><td>

Component that renders the [Result](./x-types.result.md) previous price.


</td></tr>
<tr><td>

[BaseResultRating](./x-components.baseresultrating.md)


</td><td>

This component renders a [BaseRating](./x-components.baserating.md) for a result passed as prop.


</td></tr>
<tr><td>

[BaseScroll](./x-components.basescroll.md)


</td><td>

Base scroll component that depending on the user interactivity emits different events for knowing when the user scrolls, the direction of scroll and if user reaches the start or end.


</td></tr>
<tr><td>

[BaseSlider](./x-components.baseslider.md)


</td><td>

This component implements a range slider and prints the selected values. It receives a threshold prop to set the limits and uses v-model to get and set the selected values.

It makes use of the nouslider library


</td></tr>
<tr><td>

[BaseSuggestion](./x-components.basesuggestion.md)


</td><td>

Renders a button with a default slot. It receives a query, which should be the query of the module using this component, a suggestion, the [XEvent](./x-components.xevent.md) that will be emitted on click with a given feature.

The default slot receives the suggestion and the matched query has props.


</td></tr>
<tr><td>

[BaseSuggestions](./x-components.basesuggestions.md)


</td><td>

Paints a list of suggestions passed in by prop. Requires a component for a single suggestion in the default slot for working.


</td></tr>
<tr><td>

[BaseSwitch](./x-components.baseswitch.md)


</td><td>

Basic switch component to handle boolean values. This component receives its selected state using a prop, and emits a Vue event whenever the user clicks it.


</td></tr>
<tr><td>

[BaseTabsPanel](./x-components.basetabspanel.md)


</td><td>

Base Tabs Panel.


</td></tr>
<tr><td>

[BaseTeleport](./x-components.baseteleport.md)


</td><td>


</td></tr>
<tr><td>

[BaseTogglePanel](./x-components.basetogglepanel.md)


</td><td>

Simple panel that receives its open state via prop, which is responsible of rendering default slot inside a configurable transition.


</td></tr>
<tr><td>

[BaseVariableColumnGrid](./x-components.basevariablecolumngrid.md)


</td><td>

The `BaseVariableColumnGrid` component is a wrapper of the `BaseGrid` component that listens to the `UserClickedColumnPicker` and the `ColumnsNumberProvided` events and passes the selected number of columns to the grid. It also allows to customize the grid items using the available `scopedSlots`<!-- -->.


</td></tr>
<tr><td>

[bus](./x-components.bus.md)


</td><td>

Default XBus implementation.


</td></tr>
<tr><td>

[cancelFetchAndSaveIdentifierResultsWire](./x-components.cancelfetchandsaveidentifierresultswire.md)


</td><td>

Cancels the [IdentifierResultsActions.fetchAndSaveIdentifierResults](./x-components.identifierresultsactions.fetchandsaveidentifierresults.md) request promise.


</td></tr>
<tr><td>

[cancelFetchAndSaveRelatedTagsWire](./x-components.cancelfetchandsaverelatedtagswire.md)


</td><td>

Cancels the [RelatedTagsActions.fetchAndSaveRelatedTags](./x-components.relatedtagsactions.fetchandsaverelatedtags.md) request promise.


</td></tr>
<tr><td>

[cancelFetchAndSaveSearchResponseWire](./x-components.cancelfetchandsavesearchresponsewire.md)


</td><td>

Cancels the [SearchActions.fetchAndSaveSearchResponse](./x-components.searchactions.fetchandsavesearchresponse.md) request promise.


</td></tr>
<tr><td>

[cancelFetchAndSaveSuggestionsWire](./x-components.cancelfetchandsavesuggestionswire.md)


</td><td>

Cancels the [QuerySuggestionsActions.fetchAndSaveSuggestions](./x-components.querysuggestionsactions.fetchandsavesuggestions.md) request promise.


</td></tr>
<tr><td>

[ChangeHeight](./x-components.changeheight.md)


</td><td>


</td></tr>
<tr><td>

[ClearFilters](./x-components.clearfilters.md)


</td><td>

Renders a simple button, emitting the needed events when clicked.


</td></tr>
<tr><td>

[clearHistoryQueries](./x-components.clearhistoryqueries.md)


</td><td>

Clears the history queries.


</td></tr>
<tr><td>

[ClearHistoryQueries](./x-components.clearhistoryqueries.md)


</td><td>

A button that when is pressed, emits the [HistoryQueriesXEvents.UserPressedClearHistoryQueries](./x-components.historyqueriesxevents.userpressedclearhistoryqueries.md) event, expressing the user intention to clear the whole history of queries.


</td></tr>
<tr><td>

[clearHistoryQueriesQuery](./x-components.clearhistoryqueriesquery.md)


</td><td>

Sets the query of the history queries module to an empty string.


</td></tr>
<tr><td>

[clearIdentifierResultsQuery](./x-components.clearidentifierresultsquery.md)


</td><td>

Clears the identifier-results module query.


</td></tr>
<tr><td>

[clearPendingScrollToWire](./x-components.clearpendingscrolltowire.md)


</td><td>

Resets the selector of the scroll that is pending to restore.


</td></tr>
<tr><td>

[clearQueryPreviewWire](./x-components.clearquerypreviewwire.md)


</td><td>

Clears a query preview from queries preview module.


</td></tr>
<tr><td>

[clearQuerySuggestionsQuery](./x-components.clearquerysuggestionsquery.md)


</td><td>

Clears the query-suggestions module query.


</td></tr>
<tr><td>

[clearQueryWire](./x-components.clearquerywire.md)


</td><td>

Clears the query.


</td></tr>
<tr><td>

[clearRelatedTagsQuery](./x-components.clearrelatedtagsquery.md)


</td><td>

Clear the related tags query.


</td></tr>
<tr><td>

[ClearSearchInput](./x-components.clearsearchinput.md)


</td><td>

This component renders a button to delete the current query.


</td></tr>
<tr><td>

[clearSearchQuery](./x-components.clearsearchquery.md)


</td><td>

Clears the search state `query`<!-- -->.


</td></tr>
<tr><td>

[clearSelectedQueryPreviewWire](./x-components.clearselectedquerypreviewwire.md)


</td><td>

Clears the selected query preview object from queries preview module.


</td></tr>
<tr><td>

[clearSelectedRelatedTags](./x-components.clearselectedrelatedtags.md)


</td><td>

Clear the selected related tags.


</td></tr>
<tr><td>

[CloseMainModal](./x-components.closemainmodal.md)


</td><td>

Button to close the [MainModal](./x-components.mainmodal.md)<!-- -->.


</td></tr>
<tr><td>

[CollapseHeight](./x-components.collapseheight.md)


</td><td>

Renders a transition wrapping the element passed in the default slot and animating it with a height animation.


</td></tr>
<tr><td>

[CollapseWidth](./x-components.collapsewidth.md)


</td><td>

Renders a transition wrapping the element passed in the default slot and animating it with a width animation.


</td></tr>
<tr><td>

[CrossFade](./x-components.crossfade.md)


</td><td>

Renders a transition wrapping the element passed in the default slot. The transition fades between the two toggled elements at the same time.


</td></tr>
<tr><td>

[DeviceDetector](./x-components.devicedetector.md)


</td><td>

This component helps to detect or setting a device, that can be used later to create different layouts optimized for different devices. This detected device is available under the [XComponentAliasAPI.device](./x-components.xcomponentaliasapi.device.md) property.


</td></tr>
<tr><td>

[deviceXModule](./x-components.devicexmodule.md)


</td><td>

Device [XModule](./x-components.xmodule.md) implementation. This module is auto-registered as soon as you import any component from the `device` entry point.


</td></tr>
<tr><td>

[DisplayClickProvider](./x-components.displayclickprovider.md)


</td><td>


</td></tr>
<tr><td>

[DisplayEmitter](./x-components.displayemitter.md)


</td><td>

A component that emits a display event when it first appears in the viewport.


</td></tr>
<tr><td>

[EditableNumberRangeFilter](./x-components.editablenumberrangefilter.md)


</td><td>

Renders an editable number range filter. It has two input fields to handle min and max values, emitting the needed events when clicked.

It provides a default slot, with some utils bind, to customize the whole component; and two named slots `apply-content` and `clear-content` to override each button content.

If `instant` prop is true, the needed events are emitted immediately; else, apply button is rendered to confirm to do it. False by default.

If `clear` prop is true, clear button, which sets to null component min and max values, is rendered. True by default.


</td></tr>
<tr><td>

[Empathize](./x-components.empathize.md)


</td><td>

Component containing the empathize. It has a required slot to define its content.


</td></tr>
<tr><td>

[empathizeXModule](./x-components.empathizexmodule.md)


</td><td>

Empathize [XModule](./x-components.xmodule.md) implementation. This module is auto-registered as soon as you import any component from the `empathize` entry point.


</td></tr>
<tr><td>

[ExcludeFiltersWithNoResults](./x-components.excludefilterswithnoresults.md)


</td><td>

The `ExcludeFiltersWithNoResults` component filters the provided list of filters, excluding those which have the `totalResults` property exactly equal to `0`<!-- -->. It won't remove filters with no `totalResults` property.

The new list of filters is bound to the default scoped slot. As this component does not render no root element, this default slot must contain a single root node.


</td></tr>
<tr><td>

[ExperienceControls](./x-components.experiencecontrols.md)


</td><td>

This component subscribes to changes in the ExperienceControls module to fire the events that propagate the configuration.


</td></tr>
<tr><td>

[experienceControlsRequest](./x-components.experiencecontrolsrequest.md)


</td><td>

Default implementation for the [ExperienceControlsGetters.experienceControlsRequest](./x-components.experiencecontrolsgetters.experiencecontrolsrequest.md) getter.


</td></tr>
<tr><td>

[experienceControlsXModule](./x-components.experiencecontrolsxmodule.md)


</td><td>

Search [XModule](./x-components.xmodule.md) implementation. This module is auto-registered as soon as you import any component from the `x-controls` entry point.


</td></tr>
<tr><td>

[ExtraParams](./x-components.extraparams.md)


</td><td>

It emits a [ExtraParamsXEvents.ExtraParamsProvided](./x-components.extraparamsxevents.extraparamsprovided.md) with the values received as a prop.


</td></tr>
<tr><td>

[extraParamsXModule](./x-components.extraparamsxmodule.md)


</td><td>

ExtraParams [XModule](./x-components.xmodule.md) implementation. This module is auto-registered as soon as you import any component from the `extraParams` entry point.


</td></tr>
<tr><td>

[facets](./x-components.facets.md)


</td><td>

Default implementation for the [FacetsGetters.facets](./x-components.facetsgetters.facets.md) getter.


</td></tr>
<tr><td>

[Facets](./x-components.facets.md)


</td><td>

This component renders the list of facets stored in the Facets module. Facets can be rendered differently based on their purpose and this can be achieved using the exposed slots: - A default and required slot. - A custom slot for each facet with the facetId as its name. This allows each facet to be rendered differently based on its needs.


</td></tr>
<tr><td>

[FacetsProvider](./x-components.facetsprovider.md)


</td><td>

This component allows to provide facets by prop, to add them to the state of the `Facets X-Module`<!-- -->. These facets will be added to the `Facets X-Module` state together with the facets emitted by the `Search X-Module` through the [SearchXEvents.FacetsChanged](./x-components.searchxevents.facetschanged.md) event.


</td></tr>
<tr><td>

[facetsXModule](./x-components.facetsxmodule.md)


</td><td>

Facets [XModule](./x-components.xmodule.md) implementation. This module is auto-registered as soon as you import any component from the `facets` entry point.


</td></tr>
<tr><td>

[Fade](./x-components.fade.md)


</td><td>

Renders a transition wrapping the element passed in the default slot. The animation just fades in/out the element by changing its opacity.


</td></tr>
<tr><td>

[FadeAndSlide](./x-components.fadeandslide.md)


</td><td>

Renders a transition group wrapping the elements passed in the default slot and animating them with a fade and slide animation.


</td></tr>
<tr><td>

[FallbackDisclaimer](./x-components.fallbackdisclaimer.md)


</td><td>

The `FallbackDisclaimer` component shows a message if the filters have been removed from the current search because there were no results.


</td></tr>
<tr><td>

[fetchAndSaveAiSuggestions](./x-components.fetchandsaveaisuggestions.md)


</td><td>

Default implementation for the [AiActions.fetchAndSaveAiSuggestions](./x-components.aiactions.fetchandsaveaisuggestions.md)<!-- -->.


</td></tr>
<tr><td>

[fetchAndSaveAiSuggestionsSearch](./x-components.fetchandsaveaisuggestionssearch.md)


</td><td>

Default implementation for the `AiActions.fetchAndSaveAiSuggestionsSearch`<!-- -->.


</td></tr>
<tr><td>

[fetchAndSaveExperienceControlsWire](./x-components.fetchandsaveexperiencecontrolswire.md)


</td><td>

Requests and stores a new set of controls results.


</td></tr>
<tr><td>

[fetchAndSaveIdentifierResultsWire](./x-components.fetchandsaveidentifierresultswire.md)


</td><td>

Requests and stores a new set of identifier results for the query.


</td></tr>
<tr><td>

[fetchAndSaveNextQueriesWire](./x-components.fetchandsavenextquerieswire.md)


</td><td>

Requests and stores the next queries.


</td></tr>
<tr><td>

[fetchAndSaveNextQueryPreviewWire](./x-components.fetchandsavenextquerypreviewwire.md)


</td><td>

Requests and store the next query preview results.


</td></tr>
<tr><td>

[fetchAndSaveQueryPreview](./x-components.fetchandsavequerypreview.md)


</td><td>

Default implementation for the [QueriesPreviewActions.fetchAndSaveQueryPreview](./x-components.queriespreviewactions.fetchandsavequerypreview.md)<!-- -->.


</td></tr>
<tr><td>

[fetchAndSaveQueryPreviewWire](./x-components.fetchandsavequerypreviewwire.md)


</td><td>

Requests and stores the cacheable query preview results.


</td></tr>
<tr><td>

[fetchAndSaveRelatedTagsWire](./x-components.fetchandsaverelatedtagswire.md)


</td><td>

Requests and stores the related tags.


</td></tr>
<tr><td>

[fetchAndSaveSearchResponseWire](./x-components.fetchandsavesearchresponsewire.md)


</td><td>

Requests and stores the search response.


</td></tr>
<tr><td>

[fetchAndSaveSemanticQuery](./x-components.fetchandsavesemanticquery.md)


</td><td>

Default implementation for the [SemanticQueriesActions.fetchAndSaveSemanticQuery](./x-components.semanticqueriesactions.fetchandsavesemanticquery.md)<!-- -->.


</td></tr>
<tr><td>

[fetchAndSaveSemanticQueryWire](./x-components.fetchandsavesemanticquerywire.md)


</td><td>

Requests and stores the semantic query results.


</td></tr>
<tr><td>

[fetchAndSaveSuggestionsWire](./x-components.fetchandsavesuggestionswire.md)


</td><td>

Requests and stores a new set of query suggestions for the query.


</td></tr>
<tr><td>

[fetchExperienceControlsResponse](./x-components.fetchexperiencecontrolsresponse.md)


</td><td>

Default implementation for the [ExperienceControlsActions.fetchExperienceControlsResponse](./x-components.experiencecontrolsactions.fetchexperiencecontrolsresponse.md)<!-- -->.


</td></tr>
<tr><td>

[fetchIdentifierResults](./x-components.fetchidentifierresults.md)


</td><td>

Default implementation for the [IdentifierResultsActions.fetchIdentifierResults](./x-components.identifierresultsactions.fetchidentifierresults.md)<!-- -->.


</td></tr>
<tr><td>

[fetchNextQueries](./x-components.fetchnextqueries.md)


</td><td>

Default implementation for the [NextQueriesActions.fetchNextQueries](./x-components.nextqueriesactions.fetchnextqueries.md)<!-- -->.


</td></tr>
<tr><td>

[fetchPopularSearches](./x-components.fetchpopularsearches.md)


</td><td>

Default implementation for the [PopularSearchesActions.fetchSuggestions](./x-components.popularsearchesactions.fetchsuggestions.md)<!-- -->.


</td></tr>
<tr><td>

[fetchQueryPreview](./x-components.fetchquerypreview.md)


</td><td>

Default implementation for the [QueriesPreviewActions.fetchQueryPreview](./x-components.queriespreviewactions.fetchquerypreview.md)<!-- -->.


</td></tr>
<tr><td>

[fetchQuerySuggestions](./x-components.fetchquerysuggestions.md)


</td><td>

Default implementation for the [QuerySuggestionsActions.fetchSuggestions](./x-components.querysuggestionsactions.fetchsuggestions.md)<!-- -->.


</td></tr>
<tr><td>

[fetchRecommendations](./x-components.fetchrecommendations.md)


</td><td>

Default implementation for the [RecommendationsActions.fetchRecommendations](./x-components.recommendationsactions.fetchrecommendations.md)<!-- -->.


</td></tr>
<tr><td>

[fetchRelatedPrompts](./x-components.fetchrelatedprompts.md)


</td><td>

Default implementation for the [RelatedPromptsActions.fetchRelatedPrompts](./x-components.relatedpromptsactions.fetchrelatedprompts.md)<!-- -->.


</td></tr>
<tr><td>

[fetchRelatedTags](./x-components.fetchrelatedtags.md)


</td><td>

Default implementation for the [RelatedTagsActions.fetchRelatedTags](./x-components.relatedtagsactions.fetchrelatedtags.md)<!-- -->.


</td></tr>
<tr><td>

[fetchSearchResponse](./x-components.fetchsearchresponse.md)


</td><td>

Default implementation for the [SearchActions.fetchSearchResponse](./x-components.searchactions.fetchsearchresponse.md)<!-- -->.


</td></tr>
<tr><td>

[fetchSemanticQuery](./x-components.fetchsemanticquery.md)


</td><td>

Default implementation for the [SemanticQueriesActions.fetchSemanticQuery](./x-components.semanticqueriesactions.fetchsemanticquery.md)<!-- -->.


</td></tr>
<tr><td>

[FiltersList](./x-components.filterslist.md)


</td><td>

Renders a list with a list item per each [BooleanFilter](./x-types.booleanfilter.md) in the filters prop array. Each list item has a scoped slot, passing the filter as slot prop.


</td></tr>
<tr><td>

[FiltersSearch](./x-components.filterssearch.md)


</td><td>

Renders the filters sifted with the input query.


</td></tr>
<tr><td>

[FixedHeaderAndAsidesLayout](./x-components.fixedheaderandasideslayout.md)


</td><td>

Component for use as Layout to be filled with the rest of the components.


</td></tr>
<tr><td>

[FOCUSABLE\_SELECTORS](./x-components.focusable_selectors.md)


</td><td>

Comma separated list of common focusable selectors.


</td></tr>
<tr><td>

[GlobalXBus](./x-components.globalxbus.md)


</td><td>

This component helps to subscribe to any [XEvent](./x-components.xevent.md) with custom callbacks using Vue listeners API.


</td></tr>
<tr><td>

[HierarchicalFilter](./x-components.hierarchicalfilter.md)


</td><td>

Renders a hierarchical filter recursively, emitting the needed events when clicked.


</td></tr>
<tr><td>

[Highlight\_2](./x-components.highlight_2.md)


</td><td>

Highlights the given part of the text. The component is smart enough to do matches between special characters like tilde, cedilla, eñe, capital letters...


</td></tr>
<tr><td>

[HistoryQueries](./x-components.historyqueries.md)


</td><td>

This component renders a list of suggestions coming from the user queries history. Allows the user to select one of them, emitting the needed events. A history query is just another type of suggestion that contains a query that the user has made in the past.


</td></tr>
<tr><td>

[HistoryQueriesSwitch](./x-components.historyqueriesswitch.md)


</td><td>

History Queries Switch is a component to activate or deactivate the history queries. This component emits events depending on the `isEnabled` value.


</td></tr>
<tr><td>

[historyQueriesXModule](./x-components.historyqueriesxmodule.md)


</td><td>

HistoryQueries [XModule](./x-components.xmodule.md) implementation. This module is auto-registered as soon as you import any component from the `history-queries` entry point.


</td></tr>
<tr><td>

[HistoryQuery](./x-components.historyquery.md)


</td><td>

This component renders a history query suggestion combining two buttons: one for selecting this suggestion as the search query, and another one to remove this query suggestion from the history queries.


</td></tr>
<tr><td>

[identifierDetectionRegexp](./x-components.identifierdetectionregexp.md)


</td><td>

Default implementation for the [IdentifierResultsGetters.identifierDetectionRegexp](./x-components.identifierresultsgetters.identifierdetectionregexp.md) getter.


</td></tr>
<tr><td>

[identifierHighlightRegexp](./x-components.identifierhighlightregexp.md)


</td><td>

Default implementation for the [IdentifierResultsGetters.identifierHighlightRegexp](./x-components.identifierresultsgetters.identifierhighlightregexp.md) getter.


</td></tr>
<tr><td>

[IdentifierResult](./x-components.identifierresult.md)


</td><td>

This component renders an identifier result value and highlights its matching part with the query from the state. Receives as prop the [Result](./x-types.result.md) data.


</td></tr>
<tr><td>

[IdentifierResults](./x-components.identifierresults.md)


</td><td>

Paints the list of identifier results stored in the state. Each identifier result should be represented by a [IdentifierResult](./x-components.identifierresult.md) component besides any other component.


</td></tr>
<tr><td>

[identifierResultsRequest](./x-components.identifierresultsrequest.md)


</td><td>

Default implementation for the [IdentifierResultsGetters.identifierResultsRequest](./x-components.identifierresultsgetters.identifierresultsrequest.md) getter.


</td></tr>
<tr><td>

[identifierResultsXModule](./x-components.identifierresultsxmodule.md)


</td><td>

IdentifierResults [XModule](./x-components.xmodule.md) implementation. This module is auto-registered as soon as you import any component from the `identifier-results` entry point.


</td></tr>
<tr><td>

[increasePageAppendingResults](./x-components.increasepageappendingresults.md)


</td><td>

Default implementation for the [SearchActions.increasePageAppendingResults](./x-components.searchactions.increasepageappendingresults.md)<!-- -->.


</td></tr>
<tr><td>

[increasePageAppendingResultsWire](./x-components.increasepageappendingresultswire.md)


</td><td>

Increases the current search state `page` by one.


</td></tr>
<tr><td>

[infiniteScroll](./x-components.infinitescroll.md)


</td><td>

Custom Vue directive for infinite scroll.

This directive uses the IntersectionObserver API to handle the intersection between the children and the scrollable container. The content of the children moves up on scroll and when it reaches the end, the IntersectionObserver triggers that both elements are intersecting.

How it works.

As a summary, if the scroll reaches the end, `UserReachedResultsListEnd` event is emitted to the xBus. If you provide a margin in the directive options, this function is triggered when the scroll reaches the end minus that amount of pixels. A default margin of 200px is set.

Usage.

The directive has to be set in the target element. It can receive an argument which will be used to determine the scrollable container. Possible values: `html`<!-- -->: will set the <html> as the scrollable container. `body`<!-- -->: will set the <body> as the scrollable container. ID: will set the DOM element with the provided id as the scrollable container.

If no argument is provided the scrollable container fallbacks to the viewport.


</td></tr>
<tr><td>

[ItemsList](./x-components.itemslist.md)


</td><td>

It renders a list of [ListItem](./x-components.listitem.md) providing a slot for each `slotName` which depends on the `modelName`<!-- -->of the item.


</td></tr>
<tr><td>

[loadHistoryQueriesFromBrowserStorage](./x-components.loadhistoryqueriesfrombrowserstorage.md)


</td><td>

Default implementation for the [HistoryQueriesActions.loadHistoryQueriesFromBrowserStorage](./x-components.historyqueriesactions.loadhistoryqueriesfrombrowserstorage.md) action.


</td></tr>
<tr><td>

[loadHistoryQueriesFromBrowserStorageWire](./x-components.loadhistoryqueriesfrombrowserstoragewire.md)


</td><td>

Loads the history queries from the browser storage, saving them to the [HistoryQueriesState.historyQueries](./x-components.historyqueriesstate.historyqueries.md)<!-- -->.


</td></tr>
<tr><td>

[LocationProvider](./x-components.locationprovider.md)


</td><td>

Location Provider component. This component injects the location with value passed as prop.


</td></tr>
<tr><td>

[MainModal](./x-components.mainmodal.md)


</td><td>

A specialised version of a modal component, made to contain a full search application.


</td></tr>
<tr><td>

[MainScroll](./x-components.mainscroll.md)


</td><td>

Extends the scroll making it able to sync the first visible element, and allowing the children position to be restored.

Each child element that wants to have this support must be wrapped in a [MainScrollItem](./x-components.mainscrollitem.md) component.


</td></tr>
<tr><td>

[MainScrollItem](./x-components.mainscrollitem.md)


</td><td>

Wrapper for elements contained in the [MainScroll](./x-components.mainscroll.md) that should store/restore its position.


</td></tr>
<tr><td>

[MultiColumnMaxWidthLayout](./x-components.multicolumnmaxwidthlayout.md)


</td><td>

Component for use as Layout to be filled with the rest of the Components.


</td></tr>
<tr><td>

[MyHistory](./x-components.myhistory.md)


</td><td>

The component renders the full history of user searched queries grouped by the day they were performed.


</td></tr>
<tr><td>

[nextQueries](./x-components.nextqueries.md)


</td><td>

Default implementation for the [NextQueriesGetters.nextQueries](./x-components.nextqueriesgetters.nextqueries.md) getter.


</td></tr>
<tr><td>

[NextQueries](./x-components.nextqueries.md)


</td><td>

Simple next-queries component that renders a list of \[`BaseSuggestions`<!-- -->\](./x-components.base-suggestions.md), allowing the user to select one of them, and emitting the needed events. A next query is a suggestion for a new search, related to your previous query. I.e. If people normally search for `shirts`<!-- -->, and then `trousers`<!-- -->, `trousers` would be a next query of `shirts`<!-- -->.


</td></tr>
<tr><td>

[NextQueriesList](./x-components.nextquerieslist.md)


</td><td>

Component that inserts groups of next queries in different positions of the injected search items list, based on the provided configuration.


</td></tr>
<tr><td>

[nextQueriesRequest](./x-components.nextqueriesrequest.md)


</td><td>

Default implementation for the [NextQueriesGetters.request](./x-components.nextqueriesgetters.request.md) getter.


</td></tr>
<tr><td>

[nextQueriesXModule](./x-components.nextqueriesxmodule.md)


</td><td>

Next queries [XModule](./x-components.xmodule.md) implementation. This module is auto-registered as soon as you import any component from the `next-queries` entry point.


</td></tr>
<tr><td>

[NextQuery](./x-components.nextquery.md)


</td><td>

Renders a next query item which receives the suggestion that will be rendered as a prop. It exposes a default slot to change the next query content. If the slot is not overridden, it will render the suggestion query by default.


</td></tr>
<tr><td>

[NextQueryPreview](./x-components.nextquerypreview.md)


</td><td>

Retrieves a preview of the results of a next query and exposes them in the default slot, along with the next query and the totalResults of the search request. By default, it renders the names of the results.


</td></tr>
<tr><td>

[NoAnimation](./x-components.noanimation.md)


</td><td>

Component to be used as `default` for animation props together with dynamic components `<component :is="animation">` in the template.


</td></tr>
<tr><td>

[normalizedQuery](./x-components.normalizedquery.md)


</td><td>

Default implementation for the [QuerySuggestionsGetters.normalizedQuery](./x-components.querysuggestionsgetters.normalizedquery.md) getter.


</td></tr>
<tr><td>

[NumberRangeFilter](./x-components.numberrangefilter.md)


</td><td>

Renders a number range filter, emitting the needed events when clicked.


</td></tr>
<tr><td>

[OpenMainModal](./x-components.openmainmodal.md)


</td><td>

Button to open the [MainModal](./x-components.mainmodal.md)<!-- -->.


</td></tr>
<tr><td>

[PageLoaderButton](./x-components.pageloaderbutton.md)


</td><td>

Component that renders a text with the number of rendered results and the remaining ones and a `<BaseEventButton>` with the logic of emitting the event "UserReachedResultsListEnd" to load more results on click.


</td></tr>
<tr><td>

[PageSelector](./x-components.pageselector.md)


</td><td>

Component that renders a pagination control with buttons for navigating between pages. It displays the current page, allows selecting other pages, and emits events when a page is selected.


</td></tr>
<tr><td>

[PartialQueryButton](./x-components.partialquerybutton.md)


</td><td>

A button that when pressed emits the [XEventsTypes.UserAcceptedAQuery](./x-components.xeventstypes.useracceptedaquery.md) and [SearchXEvents.UserClickedPartialQuery](./x-components.searchxevents.userclickedpartialquery.md) events, expressing the user intention to set the partial query.


</td></tr>
<tr><td>

[PartialResultsList](./x-components.partialresultslist.md)


</td><td>

It renders a list of partial results from [SearchState.partialResults](./x-components.searchstate.partialresults.md) by default. It also provides the partial result slot to customize the item with the partial result bound.


</td></tr>
<tr><td>

[PopularSearch](./x-components.popularsearch.md)


</td><td>

Renders a popular search item which receives the suggestion that will be rendered as a prop. It exposes a default slot to change the popular search content. If the slot is not overridden, it will render the suggestion query by default.


</td></tr>
<tr><td>

[popularSearches](./x-components.popularsearches.md)


</td><td>

Default implementation for the [PopularSearchesGetters.popularSearches](./x-components.popularsearchesgetters.popularsearches.md) getter.


</td></tr>
<tr><td>

[PopularSearches](./x-components.popularsearches.md)


</td><td>

Simple popular-searches component that renders a list of suggestions, allowing the user to select one of them, and emitting the needed events. A popular search is just a query that has been searched a lot in a certain period and may optionally have associated a set of filters.


</td></tr>
<tr><td>

[popularSearchesRequest](./x-components.popularsearchesrequest.md)


</td><td>

Default implementation for the [PopularSearchesGetters.request](./x-components.popularsearchesgetters.request.md) getter.


</td></tr>
<tr><td>

[popularSearchesXModule](./x-components.popularsearchesxmodule.md)


</td><td>

Popular searches [XModule](./x-components.xmodule.md) implementation. This module is auto-registered as soon as you import any component from the `popular-searches` entry point.


</td></tr>
<tr><td>

[PreselectedFilters](./x-components.preselectedfilters.md)


</td><td>

This component emits [FacetsXEvents.PreselectedFiltersProvided](./x-components.facetsxevents.preselectedfiltersprovided.md) when a preselected filter is set in the snippet config or by using the prop of the component.


</td></tr>
<tr><td>

[Promoted](./x-components.promoted.md)


</td><td>

A promoted result is just an item that has been inserted into the search results to advertise something. Usually it is one of the first items in the grid, and has the same shape as a result. It just contains a link to the promoted content, an image, and a title.

Additionally, this component exposes the following props to modify the classes of the elements: `titleClass`<!-- -->.


</td></tr>
<tr><td>

[PromotedsList](./x-components.promotedslist.md)


</td><td>

It renders a [ItemsList](./x-components.itemslist.md) of promoteds from [SearchState.promoteds](./x-components.searchstate.promoteds.md)<!-- -->.

The component provides a default slot which wraps the whole component with the `promoteds` plus the `injectedListItems` which also contains the injected list items from the ancestor.

It also provides the parent slots to customize the items.


</td></tr>
<tr><td>

[queriesPreviewXModule](./x-components.queriespreviewxmodule.md)


</td><td>

QueriesPreview [XModule](./x-components.xmodule.md) implementation. This module is auto-registered as soon as you import any component from the `queries-preview` entry point.


</td></tr>
<tr><td>

[query](./x-components.query.md)


</td><td>

Default implementation for the next-queries query getter.


</td></tr>
<tr><td>

[QueryPreview](./x-components.querypreview.md)


</td><td>

Retrieves a preview of the results of a query and exposes them in the default slot, along with the query preview and the totalResults of the search request. By default, it renders the names of the results.


</td></tr>
<tr><td>

[QueryPreviewButton](./x-components.querypreviewbutton.md)


</td><td>

Component containing an event button that emits [QueriesPreviewXEvents.UserAcceptedAQueryPreview](./x-components.queriespreviewxevents.useracceptedaquerypreview.md) when clicked with the full query preview info as payload.

It has a default slot to customize its contents.


</td></tr>
<tr><td>

[QueryPreviewList](./x-components.querypreviewlist.md)


</td><td>

Renders the results previews of a list of objects with the information about the query preview, and exposes the [QueryPreview](./x-components.querypreview.md) slots to modify the content. The requests are made in sequential order.


</td></tr>
<tr><td>

[QuerySuggestion](./x-components.querysuggestion.md)


</td><td>

This component renders a suggestion for a query. A query suggestion is a recommended query based on previous search queries. It contains the query itself and a set of filters associated. For example, if you're searching for \_shirt\_, a query suggestion could be \_long sleeve shirt\_.


</td></tr>
<tr><td>

[QuerySuggestions](./x-components.querysuggestions.md)


</td><td>

This component renders a list of possible search queries to select from as a query is entered in the input field. By default, this is a list of \[`QuerySuggestion`<!-- -->\](./x-components.query-suggestion.md) components.


</td></tr>
<tr><td>

[querySuggestionsRequest](./x-components.querysuggestionsrequest.md)


</td><td>

Default implementation for the [QuerySuggestionsGetters.request](./x-components.querysuggestionsgetters.request.md) getter.


</td></tr>
<tr><td>

[querySuggestionsXModule](./x-components.querysuggestionsxmodule.md)


</td><td>

QuerySuggestions [XModule](./x-components.xmodule.md) implementation. This module is auto-registered as soon as you import any component from the `query-suggestions` entry point.


</td></tr>
<tr><td>

[RECOMMENDATIONS\_ORIGIN](./x-components.recommendations_origin.md)


</td><td>

Constant for the recommendations request.


</td></tr>
<tr><td>

[Recommendations](./x-components.recommendations.md)


</td><td>

It renders a list of recommendations from the [RecommendationsState.recommendations](./x-components.recommendationsstate.recommendations.md) state by default. The component provides the slot layout which wraps the whole component with the recommendations bounded. It also provides the default slot to customize the item, which is within the layout slot, with the recommendation bounded. Each recommendation should be represented by a [BaseResultLink](./x-components.baseresultlink.md) component besides any other component.


</td></tr>
<tr><td>

[recommendationsRequest](./x-components.recommendationsrequest.md)


</td><td>

Default implementation for the [RecommendationsGetters.request](./x-components.recommendationsgetters.request.md) getter.


</td></tr>
<tr><td>

[recommendationsXModule](./x-components.recommendationsxmodule.md)


</td><td>

Recommendations [XModule](./x-components.xmodule.md) implementation. This module is auto-registered as soon as you import any component from the `recommendations` entry point.


</td></tr>
<tr><td>

[Redirection](./x-components.redirection.md)


</td><td>

A redirection is a component that sends the user to a link in the website. It is helpful when there are queries like `help`<!-- -->, `shipping costs`<!-- -->, `my account`<!-- -->, where a link to a section in the website will be more helpful than the set of results returned.


</td></tr>
<tr><td>

[refreshHistoryQueriesSession](./x-components.refreshhistoryqueriessession.md)


</td><td>

Triggers a session refresh, extending its validity for the time configured in the [HistoryQueriesConfig.sessionTTLInMs](./x-components.historyqueriesconfig.sessionttlinms.md)<!-- -->.


</td></tr>
<tr><td>

[refreshSession](./x-components.refreshsession.md)


</td><td>

Default implementation for the [HistoryQueriesActions.refreshSession](./x-components.historyqueriesactions.refreshsession.md)<!-- -->.


</td></tr>
<tr><td>

[RelatedPrompt](./x-components.relatedprompt.md)


</td><td>

This component shows a suggested related prompt.


</td></tr>
<tr><td>

[RelatedPromptsList](./x-components.relatedpromptslist.md)


</td><td>

Component that inserts groups of related prompts in different positions of the injected search items list, based on the provided configuration.


</td></tr>
<tr><td>

[RelatedPromptsTagList](./x-components.relatedpromptstaglist.md)


</td><td>

This component shows the list of `RelatedPrompts` components.

If the default slot is reimplemented in the consumer, `onSelect` function will be necessary to handle the selection of the related prompt and to trigger the stagger-fade-slide animation.


</td></tr>
<tr><td>

[relatedPromptsXModule](./x-components.relatedpromptsxmodule.md)


</td><td>

Related Prompts [XModule](./x-components.xmodule.md) implementation. This module is auto-registered as soon as you import any component from the `related-prompts` entry point.


</td></tr>
<tr><td>

[RelatedTag](./x-components.relatedtag.md)


</td><td>

This component renders a related tag for a query. A related tag is a descriptive keyword related to the current query to fine-tune the search. For example, if you are searching for \*lego\*, a related tag could be \*city\*, refining the search with \*lego city\*.


</td></tr>
<tr><td>

[relatedTags](./x-components.relatedtags.md)


</td><td>

Default implementation for the [RelatedTagsGetters.relatedTags](./x-components.relatedtagsgetters.relatedtags.md) getter.


</td></tr>
<tr><td>

[RelatedTags](./x-components.relatedtags.md)


</td><td>

This component renders a set of \[`RelatedTag`<!-- -->\](./x-components.related-tag) components by default to select from after a query is performed to fine-tune search. For example, if you are searching for \*lego\*, different related tags could be \*city\*, friends\*, or \*harry potter\*, refining the search with \*lego city\*, \*lego friends\*, or \*lego harry potter\*.


</td></tr>
<tr><td>

[relatedTagsQuery](./x-components.relatedtagsquery.md)


</td><td>

Default implementation for the [RelatedTagsGetters.query](./x-components.relatedtagsgetters.query.md) getter.


</td></tr>
<tr><td>

[relatedTagsRequest](./x-components.relatedtagsrequest.md)


</td><td>

Default implementation for the [RelatedTagsGetters.request](./x-components.relatedtagsgetters.request.md) getter.


</td></tr>
<tr><td>

[relatedTagsXModule](./x-components.relatedtagsxmodule.md)


</td><td>

RelatedTags [XModule](./x-components.xmodule.md) implementation. This module is auto-registered as soon as you import any component from the `related-tags` entry point.


</td></tr>
<tr><td>

[removeFromHistory](./x-components.removefromhistory.md)


</td><td>

Default implementation for the [HistoryQueriesActions.removeFromHistory](./x-components.historyqueriesactions.removefromhistory.md)<!-- -->.


</td></tr>
<tr><td>

[removeHistoryQuery](./x-components.removehistoryquery.md)


</td><td>

Removes a single history query from the history queries.


</td></tr>
<tr><td>

[RemoveHistoryQuery](./x-components.removehistoryquery.md)


</td><td>

Button that when it is pressed emits the [HistoryQueriesXEvents.UserPressedRemoveHistoryQuery](./x-components.historyqueriesxevents.userpressedremovehistoryquery.md) event, expressing the user intention to remove a query in the history.


</td></tr>
<tr><td>

[removeQueryPreviewInstanceWire](./x-components.removequerypreviewinstancewire.md)


</td><td>

Removes an instance in a query preview.


</td></tr>
<tr><td>

[RenderlessExtraParams](./x-components.renderlessextraparams.md)


</td><td>

It emits a [ExtraParamsXEvents.UserChangedExtraParams](./x-components.extraparamsxevents.userchangedextraparams.md) when the `updateValue` is called.


</td></tr>
<tr><td>

[RenderlessFilter](./x-components.renderlessfilter.md)


</td><td>

Renders default slot content. It binds to the default slot a [BooleanFilter](./x-types.booleanfilter.md)<!-- -->, the [XEvent](./x-components.xevent.md) that will be emitted when clicking the content, the CSS classes and if the content should be deactivated.


</td></tr>
<tr><td>

[resetAppending](./x-components.resetappending.md)


</td><td>

Resets the search state `isAppendingResults`<!-- -->.


</td></tr>
<tr><td>

[resetFromNoResultsWithFilters](./x-components.resetfromnoresultswithfilters.md)


</td><td>

Resets the search state `fromNoResultsWithFilters`<!-- -->.


</td></tr>
<tr><td>

[resetIsNoResults](./x-components.resetisnoresults.md)


</td><td>

Resets the search state `isNoResults`<!-- -->.


</td></tr>
<tr><td>

[resetRequestOnRefinement](./x-components.resetrequestonrefinement.md)


</td><td>

Default implementation for the [SearchActions.resetRequestOnRefinement](./x-components.searchactions.resetrequestonrefinement.md)<!-- -->.


</td></tr>
<tr><td>

[resetRequestOnRefinementWire](./x-components.resetrequestonrefinementwire.md)


</td><td>

Resets the [SearchGetters.request](./x-components.searchgetters.request.md) parameters when refining request and before the actual request is launched.


</td></tr>
<tr><td>

[resetResultsPreviewWire](./x-components.resetresultspreviewwire.md)


</td><td>

Resets the next query preview results.


</td></tr>
<tr><td>

[resetSpellcheckQuery](./x-components.resetspellcheckquery.md)


</td><td>

Resets the search state `spellcheckedQuery` to its initial value, an empty string.


</td></tr>
<tr><td>

[resetStateForReloadWire](./x-components.resetstateforreloadwire.md)


</td><td>

Resets the search state to reload the current search.


</td></tr>
<tr><td>

[resetStateIfNoRequestWire](./x-components.resetstateifnorequestwire.md)


</td><td>

Resets the search state when the request is changed to null. See the [SearchXStoreModule](./x-components.searchxstoremodule.md) for details.


</td></tr>
<tr><td>

[ResultsList](./x-components.resultslist.md)


</td><td>

It renders a [ItemsList](./x-components.itemslist.md) list with the results from [SearchState.results](./x-components.searchstate.results.md) by default.

The component provides a default slot which wraps the whole component with the `results` bound.

It also provides the slot result to customize the item, which is within the default slot, with the result bound.


</td></tr>
<tr><td>

[ResultVariantSelector](./x-components.resultvariantselector.md)


</td><td>

Component to show and select the available variants of a product for a given nest level. TODO: Log warning on mount when result is not injected.


</td></tr>
<tr><td>

[ResultVariantsProvider](./x-components.resultvariantsprovider.md)


</td><td>

Component that exposes the result merged with its selected variant in the default slot.

It receives the original result and keeps track of the selected variant.

It provides the original result, the array containing the selected variants and a callback to set the selected variant to be used from a child.


</td></tr>
<tr><td>

[saveAiOrigin](./x-components.saveaiorigin.md)


</td><td>

Default implementation for the [AiActions.saveOrigin](./x-components.aiactions.saveorigin.md)<!-- -->.


</td></tr>
<tr><td>

[saveIdentifierResultsOrigin](./x-components.saveidentifierresultsorigin.md)


</td><td>

Default implementation for the [IdentifierResultsActions.saveOrigin](./x-components.identifierresultsactions.saveorigin.md)<!-- -->.


</td></tr>
<tr><td>

[saveIdentifierResultsOriginWire](./x-components.saveidentifierresultsoriginwire.md)


</td><td>

Sets the identifier results state `origin`<!-- -->.


</td></tr>
<tr><td>

[saveOriginWire](./x-components.saveoriginwire.md)


</td><td>

Sets the search state `origin`<!-- -->.


</td></tr>
<tr><td>

[saveQuery](./x-components.savequery.md)


</td><td>

Default implementation for the [IdentifierResultsActions.saveQuery](./x-components.identifierresultsactions.savequery.md)<!-- -->.


</td></tr>
<tr><td>

[saveSearchOrigin](./x-components.savesearchorigin.md)


</td><td>

Default implementation for the [SearchActions.saveOrigin](./x-components.searchactions.saveorigin.md)<!-- -->.


</td></tr>
<tr><td>

[saveSearchResponse](./x-components.savesearchresponse.md)


</td><td>

Default implementation for the [SearchActions.saveSearchResponse](./x-components.searchactions.savesearchresponse.md)<!-- -->.


</td></tr>
<tr><td>

[Scroll](./x-components.scroll.md)


</td><td>

Scrollable container that emits scroll related X Events. It exposes all the listeners and props from the [BaseScroll](./x-components.basescroll.md) component.


</td></tr>
<tr><td>

[ScrollToTop](./x-components.scrolltotop.md)


</td><td>

The `ScrollToTop` component is a button that the user can click to make a container scroll up to its initial position.


</td></tr>
<tr><td>

[scrollXModule](./x-components.scrollxmodule.md)


</td><td>

Scroll [XModule](./x-components.xmodule.md) implementation. This module is auto-registered as soon as you import any component from the `empathize` entry point.


</td></tr>
<tr><td>

[searchBoxXModule](./x-components.searchboxxmodule.md)


</td><td>

SearchBox [XModule](./x-components.xmodule.md) implementation. This module is auto-registered as soon as you import any component from the `search-box` entry point.


</td></tr>
<tr><td>

[SearchButton](./x-components.searchbutton.md)


</td><td>

This component renders a button to submit the query.


</td></tr>
<tr><td>

[SearchInput](./x-components.searchinput.md)


</td><td>

This component renders an input field that allows the user to type a query. It also reacts to query changes through event listening.


</td></tr>
<tr><td>

[SearchInputPlaceholder](./x-components.searchinputplaceholder.md)


</td><td>

. This component renders an animated placeholder for the search input in the shape of a list of iterating messages that can be configured to happen always or only when hovering the input


</td></tr>
<tr><td>

[searchQuery](./x-components.searchquery.md)


</td><td>

Default implementation for the search query getter.


</td></tr>
<tr><td>

[searchRequest](./x-components.searchrequest.md)


</td><td>

Default implementation for the [SearchGetters.request](./x-components.searchgetters.request.md) getter.


</td></tr>
<tr><td>

[searchXModule](./x-components.searchxmodule.md)


</td><td>

Search [XModule](./x-components.xmodule.md) implementation. This module is auto-registered as soon as you import any component from the `search` entry point.


</td></tr>
<tr><td>

[selectedFilters](./x-components.selectedfilters.md)


</td><td>

Default implementation for the [FacetsGetters.selectedFilters](./x-components.facetsgetters.selectedfilters.md) getter.


</td></tr>
<tr><td>

[SelectedFilters](./x-components.selectedfilters.md)


</td><td>

Provides a scoped slot with the selected filters from every facet, or from the facet which facet id is passed as property.

The default slot renders the length of the selected filters array. The property "alwaysVisible" handles if the component is rendered if no filters are selected.


</td></tr>
<tr><td>

[selectedFiltersByFacet](./x-components.selectedfiltersbyfacet.md)


</td><td>

Default implementation for the [FacetsGetters.selectedFiltersByFacet](./x-components.facetsgetters.selectedfiltersbyfacet.md) getter.


</td></tr>
<tr><td>

[SelectedFiltersList](./x-components.selectedfilterslist.md)


</td><td>

This component renders a list of selected filters from every facet, or from the facet ids passed as property. It uses the SelectedFilters component (state).

It provides two slots: a scoped one which name is the filter facet id; and a default one. Both exposes the filter and renders the filter label by default.

The property "alwaysVisible" handles if the component is rendered if no filters are selected.


</td></tr>
<tr><td>

[SemanticQueries](./x-components.semanticqueries.md)


</td><td>

Retrieves a list of semantic queries from the state and exposes them in the slots.


</td></tr>
<tr><td>

[semanticQueriesXModule](./x-components.semanticqueriesxmodule.md)


</td><td>

SemanticQueries [XModule](./x-components.xmodule.md) implementation. This module is auto-registered as soon as you import any component from the `semantic-queries`<!-- -->entry point.


</td></tr>
<tr><td>

[SemanticQuery](./x-components.semanticquery.md)


</td><td>

This component renders a semantic query. A semantic query is a recommended query that is similar in its meaning to another one. It contains the query and the distance, which indicates how similar the query is compared to the searched query.


</td></tr>
<tr><td>

[sessionHistoryQueries](./x-components.sessionhistoryqueries.md)


</td><td>

Default implementation for the [HistoryQueriesGetters.sessionHistoryQueries](./x-components.historyqueriesgetters.sessionhistoryqueries.md) getter.


</td></tr>
<tr><td>

[setAiUrlParams](./x-components.setaiurlparams.md)


</td><td>

Default implementation setUrlParams.


</td></tr>
<tr><td>

[setConsent](./x-components.setconsent.md)


</td><td>

Sets the tagging state `consent`<!-- -->.


</td></tr>
<tr><td>

[setExtraParams](./x-components.setextraparams.md)


</td><td>

Sets the extra params of the [ExtraParamsXModule](./x-components.extraparamsxmodule.md)<!-- -->.


</td></tr>
<tr><td>

[setFiltersFromHistoryQueries](./x-components.setfiltersfromhistoryqueries.md)


</td><td>

Sets the filters of the facets module from a selectedHistoryQuery's filters.


</td></tr>
<tr><td>

[setHistoryQueries](./x-components.sethistoryqueries.md)


</td><td>

Default implementation for the [HistoryQueriesActions.setHistoryQueries](./x-components.historyqueriesactions.sethistoryqueries.md)<!-- -->.


</td></tr>
<tr><td>

[setHistoryQueriesDisabled](./x-components.sethistoryqueriesdisabled.md)


</td><td>

Disables history queries.


</td></tr>
<tr><td>

[setHistoryQueriesEnabled](./x-components.sethistoryqueriesenabled.md)


</td><td>

Enables history queries.


</td></tr>
<tr><td>

[setHistoryQueriesQuery](./x-components.sethistoryqueriesquery.md)


</td><td>

Sets the query of the history queries module. Used for searching into the history queries.


</td></tr>
<tr><td>

[setHistoryQueriesQueryFromPreview](./x-components.sethistoryqueriesqueryfrompreview.md)


</td><td>

Sets the query of the history queries module from a selectedQueryPreview's query. Used for searching into the history queries.


</td></tr>
<tr><td>

[setIdentifierResultsExtraParams](./x-components.setidentifierresultsextraparams.md)


</td><td>

Sets the identifier result state `params`<!-- -->.


</td></tr>
<tr><td>

[setIdentifierResultsQuery](./x-components.setidentifierresultsquery.md)


</td><td>

Sets the identifier-results module query.


</td></tr>
<tr><td>

[setIdentifierResultsQueryFromPreview](./x-components.setidentifierresultsqueryfrompreview.md)


</td><td>

Sets the identifier-results module query from a selectedQueryPreview's query.


</td></tr>
<tr><td>

[setInitialExtraParams](./x-components.setinitialextraparams.md)


</td><td>

Sets the initial provided extra params.


</td></tr>
<tr><td>

[setName](./x-components.setname.md)


</td><td>

Sets the device of the [DeviceXModule](./x-components.devicexmodule.md)<!-- -->.


</td></tr>
<tr><td>

[setNextQueriesExtraParams](./x-components.setnextqueriesextraparams.md)


</td><td>

Sets the next queries state `params`<!-- -->.


</td></tr>
<tr><td>

[setNextQueriesExtraParamsFromPreview](./x-components.setnextqueriesextraparamsfrompreview.md)


</td><td>

Sets the next queries state `params` with a selectedQueryPreview's extraParams.


</td></tr>
<tr><td>

[setNextQueriesQuery](./x-components.setnextqueriesquery.md)


</td><td>

Sets the next queries state `query`<!-- -->.


</td></tr>
<tr><td>

[setNextQueriesQueryFromPreview](./x-components.setnextqueriesqueryfrompreview.md)


</td><td>

Sets the next queries state `query` with a selectedQueryPreview's query.


</td></tr>
<tr><td>

[setNextQueriesRelatedTags](./x-components.setnextqueriesrelatedtags.md)


</td><td>

Sets the next queries state `relatedTags`<!-- -->.


</td></tr>
<tr><td>

[setNoResultsTaggingEnabledWire](./x-components.setnoresultstaggingenabledwire.md)


</td><td>

Sets the tagging state `noResultsTaggingEnabled`<!-- -->.


</td></tr>
<tr><td>

[setParams](./x-components.setparams.md)


</td><td>

Sets the extra params of the url module.


</td></tr>
<tr><td>

[setPendingScrollToWire](./x-components.setpendingscrolltowire.md)


</td><td>

Saves the selector of the item that should be scrolled into the view.


</td></tr>
<tr><td>

[setPopularSearchesExtraParams](./x-components.setpopularsearchesextraparams.md)


</td><td>

Sets the popular searches state `params`<!-- -->.


</td></tr>
<tr><td>

[setQueriesPreviewExtraParamsWire](./x-components.setqueriespreviewextraparamswire.md)


</td><td>

Sets the queries preview state `params`<!-- -->.


</td></tr>
<tr><td>

[setQueryFromLastHistoryQuery](./x-components.setqueryfromlasthistoryquery.md)


</td><td>

Default implementation for the [NextQueriesActions.setQueryFromLastHistoryQuery](./x-components.nextqueriesactions.setqueryfromlasthistoryquery.md)<!-- -->.


</td></tr>
<tr><td>

[setQueryFromLastHistoryQueryWire](./x-components.setqueryfromlasthistoryquerywire.md)


</td><td>

Sets the next queries state `query` with the last query in history queries.


</td></tr>
<tr><td>

[setQueryFromPreview](./x-components.setqueryfrompreview.md)


</td><td>

Sets the query of the facets module from a queryPreview.


</td></tr>
<tr><td>

[setQueryFromSearchResponseChangedWire](./x-components.setqueryfromsearchresponsechangedwire.md)


</td><td>

Sets the query taking the [SearchXEvents.SearchResponseChanged](./x-components.searchxevents.searchresponsechanged.md) payload.


</td></tr>
<tr><td>

[setQuerySuggestionsExtraParams](./x-components.setquerysuggestionsextraparams.md)


</td><td>

Sets the query suggestions state `params`<!-- -->.


</td></tr>
<tr><td>

[setQuerySuggestionsExtraParamsFromPreview](./x-components.setquerysuggestionsextraparamsfrompreview.md)


</td><td>

Sets the query-suggestions module params from a selectedQueryPreview's extraParams.


</td></tr>
<tr><td>

[setQuerySuggestionsQuery](./x-components.setquerysuggestionsquery.md)


</td><td>

Sets the query-suggestions module query.


</td></tr>
<tr><td>

[setQuerySuggestionsQueryFromPreview](./x-components.setquerysuggestionsqueryfrompreview.md)


</td><td>

Sets the query-suggestions module query from a selectedQueryPreview's query.


</td></tr>
<tr><td>

[setQueryTaggingFromQueryPreview](./x-components.setquerytaggingfromquerypreview.md)


</td><td>

Sets the tagging state of the query tagging info using.


</td></tr>
<tr><td>

[setQueryTaggingInfo](./x-components.setquerytagginginfo.md)


</td><td>

Sets the tagging state of the query tagging info using a debounce which ends if the user accepts a query.


</td></tr>
<tr><td>

[setQueryWire](./x-components.setquerywire.md)


</td><td>

Sets the query.


</td></tr>
<tr><td>

[setRecommendationsExtraParams](./x-components.setrecommendationsextraparams.md)


</td><td>

Sets the recommendations state `params`<!-- -->.


</td></tr>
<tr><td>

[setRelatedTags](./x-components.setrelatedtags.md)


</td><td>

Sets the search state `relatedTags`<!-- -->.


</td></tr>
<tr><td>

[setRelatedTagsExtraParams](./x-components.setrelatedtagsextraparams.md)


</td><td>

Sets the related tags state `params`<!-- -->.


</td></tr>
<tr><td>

[setRelatedTagsExtraParamsFromPreview](./x-components.setrelatedtagsextraparamsfrompreview.md)


</td><td>

Sets the related tags state `params` from a selectedQueryPreview's extraParams.


</td></tr>
<tr><td>

[setRelatedTagsQuery](./x-components.setrelatedtagsquery.md)


</td><td>

Sets the related tags state `query`<!-- -->.


</td></tr>
<tr><td>

[setRelatedTagsQueryFromPreview](./x-components.setrelatedtagsqueryfrompreview.md)


</td><td>

Sets the related tags state `query` from a selectedQueryPreview's query.


</td></tr>
<tr><td>

[setScrollDirectionWire](./x-components.setscrolldirectionwire.md)


</td><td>

Saves the scroll direction of a container to the store.


</td></tr>
<tr><td>

[setScrollHasAlmostReachedEndWire](./x-components.setscrollhasalmostreachedendwire.md)


</td><td>

Saves a boolean indicating if the scroll has almost reached the end of a container to the store.


</td></tr>
<tr><td>

[setScrollHasReachedEndWire](./x-components.setscrollhasreachedendwire.md)


</td><td>

Saves a boolean indicating if the scroll has reached the end of a container to the store.


</td></tr>
<tr><td>

[setScrollHasReachedStartWire](./x-components.setscrollhasreachedstartwire.md)


</td><td>

Saves a boolean indicating if the scroll has reached the start of a container to the store.


</td></tr>
<tr><td>

[setScrollPositionWire](./x-components.setscrollpositionwire.md)


</td><td>

Saves the scroll position of a container to the store.


</td></tr>
<tr><td>

[setSearchedQueries](./x-components.setsearchedqueries.md)


</td><td>

Sets the next queries state `searchedQueries` with the list of history queries.


</td></tr>
<tr><td>

[setSearchedQueriesInPopularSearches](./x-components.setsearchedqueriesinpopularsearches.md)


</td><td>

Sets the popular searches state `searchedQueries` with the list of history queries.


</td></tr>
<tr><td>

[setSearchedQueriesInSuggestions](./x-components.setsearchedqueriesinsuggestions.md)


</td><td>

Sets the query suggestions state `searchedQueries` with the list of history queries.


</td></tr>
<tr><td>

[setSearchExtraParams](./x-components.setsearchextraparams.md)


</td><td>

Sets the search state `params`<!-- -->.


</td></tr>
<tr><td>

[setSearchExtraParamsFromPreview](./x-components.setsearchextraparamsfrompreview.md)


</td><td>

Sets the search state `params` with the selectedQueryPreview's extraParams.


</td></tr>
<tr><td>

[setSearchPage](./x-components.setsearchpage.md)


</td><td>

Sets the search state `page`<!-- -->.


</td></tr>
<tr><td>

[setSearchQuery](./x-components.setsearchquery.md)


</td><td>

Sets the search state `query`<!-- -->.


</td></tr>
<tr><td>

[setSearchQueryFromPreview](./x-components.setsearchqueryfrompreview.md)


</td><td>

Sets the search state `query` with the selectedQueryPreview's query.


</td></tr>
<tr><td>

[setSearchSelectedFilters](./x-components.setsearchselectedfilters.md)


</td><td>

Sets the history queries state `filters` with a selectedHistoryQuery's filters.


</td></tr>
<tr><td>

[setSearchSelectedFiltersFromHistoryQuery](./x-components.setsearchselectedfiltersfromhistoryquery.md)


</td><td>

Sets the search state `selectedFilters` with a selectedHistoryQuery's filters.


</td></tr>
<tr><td>

[setSearchSelectedFiltersFromPreview](./x-components.setsearchselectedfiltersfrompreview.md)


</td><td>

Sets the search state `selectedFilters` with the selectedQueryPreview's filters.


</td></tr>
<tr><td>

[setSearchUrlParams](./x-components.setsearchurlparams.md)


</td><td>

Default implementation for the [SearchActions.setUrlParams](./x-components.searchactions.seturlparams.md)<!-- -->.


</td></tr>
<tr><td>

[setSelectedFilters](./x-components.setselectedfilters.md)


</td><td>

Sets the search state `selectedFilters`<!-- -->.


</td></tr>
<tr><td>

[setSelectedFiltersFromPreview](./x-components.setselectedfiltersfrompreview.md)


</td><td>

Sets the filters of the facets module from a queryPreview's filters.


</td></tr>
<tr><td>

[setSelectedQueryPreviewWire](./x-components.setselectedquerypreviewwire.md)


</td><td>

Updates the state with the selected query preview object.


</td></tr>
<tr><td>

[setSemanticQueriesExtraParamsWire](./x-components.setsemanticqueriesextraparamswire.md)


</td><td>

Sets the semantic queries state `params`<!-- -->.


</td></tr>
<tr><td>

[setSort](./x-components.setsort.md)


</td><td>

Sets the search state `sort`<!-- -->.


</td></tr>
<tr><td>

[setTaggingConfig](./x-components.settaggingconfig.md)


</td><td>

Sets the tagging config state.


</td></tr>
<tr><td>

[setTotalResultsFromSearchResponseChangedWire](./x-components.settotalresultsfromsearchresponsechangedwire.md)


</td><td>

Sets the total results taking the [SearchXEvents.SearchResponseChanged](./x-components.searchxevents.searchresponsechanged.md) payload.


</td></tr>
<tr><td>

[setTotalResultsWire](./x-components.settotalresultswire.md)


</td><td>

Sets the total results.


</td></tr>
<tr><td>

[setUrlFilters](./x-components.seturlfilters.md)


</td><td>

Sets the filters of the url module.


</td></tr>
<tr><td>

[setUrlPage](./x-components.seturlpage.md)


</td><td>

Sets the page of the url module.


</td></tr>
<tr><td>

[setUrlParams](./x-components.seturlparams.md)


</td><td>

Sets the search state `query`<!-- -->.


</td></tr>
<tr><td>

[setUrlParamsFromPreview](./x-components.seturlparamsfrompreview.md)


</td><td>

Sets the extra params of the url module from a selectedQueryPreview's extraParams.


</td></tr>
<tr><td>

[setUrlParamsWire](./x-components.seturlparamswire.md)


</td><td>

Saves the params from the url.


</td></tr>
<tr><td>

[setUrlPrompt](./x-components.seturlprompt.md)


</td><td>

Sets the related prompt of the URL module.


</td></tr>
<tr><td>

[setUrlQuery](./x-components.seturlquery.md)


</td><td>

Sets the query of the url module.


</td></tr>
<tr><td>

[setUrlQueryFromPreview](./x-components.seturlqueryfrompreview.md)


</td><td>

Sets the url state `query` with a selectedQueryPreview's query.


</td></tr>
<tr><td>

[setUrlRelatedTags](./x-components.seturlrelatedtags.md)


</td><td>

Sets the [related tags](./x-components.relatedtag.md)<!-- -->.


</td></tr>
<tr><td>

[setUrlScroll](./x-components.seturlscroll.md)


</td><td>

Sets the scroll of the url module.


</td></tr>
<tr><td>

[setUrlSelectedFiltersFromPreview](./x-components.seturlselectedfiltersfrompreview.md)


</td><td>

Sets the filters of the url module from a selectedQueryPreview's filters.


</td></tr>
<tr><td>

[setUrlSort](./x-components.seturlsort.md)


</td><td>

Sets the sort of the url module.


</td></tr>
<tr><td>

[SimpleFilter](./x-components.simplefilter.md)


</td><td>

Renders a simple filter, emitting the needed events when clicked.


</td></tr>
<tr><td>

[SingleColumnLayout](./x-components.singlecolumnlayout.md)


</td><td>

Component for use as Layout to be filled with the rest of the Components.


</td></tr>
<tr><td>

[SlicedFilters](./x-components.slicedfilters.md)


</td><td>

Component that slices a list of filters and returns them using the default scoped slot, allowing the user to show the full list of them or slicing them again using the show more/less buttons.


</td></tr>
<tr><td>

[SlidingPanel](./x-components.slidingpanel.md)


</td><td>

This component allows for any other component or element inside it to be horizontally navigable. It also implements customizable buttons as well as other minor customizations to its general behavior.

Additionally, this component exposes the following props to modify the classes of the elements: `buttonClass`<!-- -->.


</td></tr>
<tr><td>

[SnippetCallbacks](./x-components.snippetcallbacks.md)


</td><td>

This component subscribes to any [XEvent](./x-components.xevent.md) with a custom callbacks provided by the snippet configuration.


</td></tr>
<tr><td>

[SnippetConfigExtraParams](./x-components.snippetconfigextraparams.md)


</td><td>


</td></tr>
<tr><td>

[SortDropdown](./x-components.sortdropdown.md)


</td><td>

The `SortDropdown` component allows user to select the search results order. This component also allows to change the selected sort programmatically.


</td></tr>
<tr><td>

[SortedFilters](./x-components.sortedfilters.md)


</td><td>

Component that sorts a list of filters and returns them using the default scoped slot.


</td></tr>
<tr><td>

[SortList](./x-components.sortlist.md)


</td><td>

The `SortList` component allows user to select the search results order. This component also allows to change the selected sort programmatically.


</td></tr>
<tr><td>

[SortPickerList](./x-components.sortpickerlist.md)


</td><td>

The `SortPickerList` component allows user to select the search results order. This component also allows to change the selected sort programmatically.


</td></tr>
<tr><td>

[Spellcheck](./x-components.spellcheck.md)


</td><td>

The `Spellcheck` component allows to inform the user with a friendly message that he might have misspelled the search query. This message can be set using the default slot of the component, which gives access to the searched query using the `query` scope property, and the spellchecked query proposal, using the `spellcheckedQuery` scope property.

The component will only render itself if the `spellcheckedQuery` property has value.


</td></tr>
<tr><td>

[SpellcheckButton](./x-components.spellcheckbutton.md)


</td><td>

A button that when pressed emits the [XEventsTypes.UserAcceptedAQuery](./x-components.xeventstypes.useracceptedaquery.md) and [XEventsTypes.UserAcceptedSpellcheckQuery](./x-components.xeventstypes.useracceptedspellcheckquery.md) events, expressing the user intention to set the spellchecked query.


</td></tr>
<tr><td>

[SPLIT\_WORDS\_REGEX](./x-components.split_words_regex.md)


</td><td>

Regex for splitting a query into its words.


</td></tr>
<tr><td>

[StaggeredFadeAndSlide](./x-components.staggeredfadeandslide.md)


</td><td>

Renders a transition group wrapping the elements passed in the default slot and animating them with a staggered fade and slide animation.


</td></tr>
<tr><td>

[storageKey](./x-components.storagekey.md)


</td><td>

Default implementation for the [HistoryQueriesGetters.storageKey](./x-components.historyqueriesgetters.storagekey.md) getter.


</td></tr>
<tr><td>

[Tagging](./x-components.tagging.md)


</td><td>

This component enables and manages the sending of information to the \[Empathy Tagging API\](https://docs.empathy.co/develop-empathy-platform/api-reference/tagging-api.html). It allows you to activate or deactivate the session id management through the `consent` prop.


</td></tr>
<tr><td>

[taggingXModule](./x-components.taggingxmodule.md)


</td><td>

Tagging [XModule](./x-components.xmodule.md) implementation. This module is auto-registered as soon as you import any component from the `empathize` entry point.


</td></tr>
<tr><td>

[toggleRelatedTag](./x-components.togglerelatedtag.md)


</td><td>

Default implementation for the [RelatedTagsActions.toggleRelatedTag](./x-components.relatedtagsactions.togglerelatedtag.md)<!-- -->.


</td></tr>
<tr><td>

[toggleRelatedTagWire](./x-components.togglerelatedtagwire.md)


</td><td>

Sets the selected related tags.


</td></tr>
<tr><td>

[track](./x-components.track.md)


</td><td>

Default implementation for the [TaggingActions.track](./x-components.taggingactions.track.md)<!-- -->.


</td></tr>
<tr><td>

[trackAddToCartWire](./x-components.trackaddtocartwire.md)


</td><td>

Performs a track of a result added to the cart.


</td></tr>
<tr><td>

[trackAiOverviewButtonClickedWire](./x-components.trackaioverviewbuttonclickedwire.md)


</td><td>

Performs a track of clicking the AI overview expand button when the playload (expanded) is false.


</td></tr>
<tr><td>

[trackAiSuggestionsSearchWire](./x-components.trackaisuggestionssearchwire.md)


</td><td>

Tracks query tagging of the AI suggestions-search.


</td></tr>
<tr><td>

[trackBannerClickedWire](./x-components.trackbannerclickedwire.md)


</td><td>

Tracks the tagging of the banner.


</td></tr>
<tr><td>

[trackDisplayClickedWire](./x-components.trackdisplayclickedwire.md)


</td><td>

Performs a track of a display result being clicked.


</td></tr>
<tr><td>

[trackElementDisplayedWire](./x-components.trackelementdisplayedwire.md)


</td><td>

Performs a track of a display element appearing.


</td></tr>
<tr><td>

[trackNoResultsQueryWithFallbackWire](./x-components.tracknoresultsquerywithfallbackwire.md)


</td><td>

Performs a track of a query with no results that used related prompts or semantic queries as fallback. The totalHits will be changed to -1 if related prompts or semantic queries are found in order to differentiate it from scenarios where the user encounters a no-results page without any related prompts or semantic queries.


</td></tr>
<tr><td>

[trackNoResultsQueryWithFallbackWireDebounced](./x-components.tracknoresultsquerywithfallbackwiredebounced.md)


</td><td>

. Debounced version of [trackNoResultsQueryWithFallbackWire](./x-components.tracknoresultsquerywithfallbackwire.md)


</td></tr>
<tr><td>

[trackNoResultsQueryWithSemanticsWire](./x-components.tracknoresultsquerywithsemanticswire.md)


</td><td>

Performs a track of a query with no results that used semantic queries as fallback. The totalHits will be changed to -1 if semantic queries are found in order to differentiate it from scenarios where the user encounters a no-results page without any semantic queries.


</td></tr>
<tr><td>

[trackNoResultsQueryWithSemanticsWireDebounced](./x-components.tracknoresultsquerywithsemanticswiredebounced.md)


</td><td>

Debounced version of [trackNoResultsQueryWithFallbackWire](./x-components.tracknoresultsquerywithfallbackwire.md)


</td></tr>
<tr><td>

[trackPromotedClickedWire](./x-components.trackpromotedclickedwire.md)


</td><td>

Tracks the click on a promoted result.


</td></tr>
<tr><td>

[trackQueryWire](./x-components.trackquerywire.md)


</td><td>

Tracks the tagging of the query.


</td></tr>
<tr><td>

[trackRelatedPromptToolingDisplayClickWire](./x-components.trackrelatedprompttoolingdisplayclickwire.md)


</td><td>

Performs a track of a clicked related prompt.


</td></tr>
<tr><td>

[trackResultClickedWire](./x-components.trackresultclickedwire.md)


</td><td>

Tracks the tagging of the result.


</td></tr>
<tr><td>

[trackToolingAdd2CartWire](./x-components.tracktoolingadd2cartwire.md)


</td><td>

Performs a track of a display result being clicked.


</td></tr>
<tr><td>

[trackToolingDisplayClickedWire](./x-components.tracktoolingdisplayclickedwire.md)


</td><td>

Performs a track of a display result being clicked.


</td></tr>
<tr><td>

[typing](./x-components.typing.md)


</td><td>

Typing directive.


</td></tr>
<tr><td>

[updateHistoryQueriesWithSearchResponse](./x-components.updatehistoryquerieswithsearchresponse.md)


</td><td>

Updates the history queries with the relevant info included in a search response.


</td></tr>
<tr><td>

[UrlHandler](./x-components.urlhandler.md)


</td><td>

This component manages the browser URL parameters to preserve them through reloads and browser history navigation. It allow to configure the default url parameter names using its attributes. This component doesn't render elements to the DOM.


</td></tr>
<tr><td>

[urlXModule](./x-components.urlxmodule.md)


</td><td>

URL [XModule](./x-components.xmodule.md) implementation. This module is auto-registered as soon as you import any component from the `url` entry point.


</td></tr>
<tr><td>

[useGetter](./x-components.usegetter.md)


</td><td>

Function which returns the requested getter's properties as a dictionary.


</td></tr>
<tr><td>

[xPlugin](./x-components.xplugin.md)


</td><td>

Vue plugin that modifies each component instance, extending them with the [X Component API](./x-components.xcomponentapi.md)<!-- -->.


</td></tr>
</tbody></table>

## Type Aliases

<table><thead><tr><th>

Type Alias


</th><th>

Description


</th></tr></thead>
<tbody><tr><td>

[ActionNamesFor](./x-components.actionnamesfor.md)


</td><td>

Returns the action names for a given module. They are the namespaced actions.


</td></tr>
<tr><td>

[ActionsClass](./x-components.actionsclass.md)


</td><td>

Type for implementing actions for a module with a class.


</td></tr>
<tr><td>

[ActionsDictionary](./x-components.actionsdictionary.md)


</td><td>

Util type for being used on generic constraints which will only accept an object containing actions.


</td></tr>
<tr><td>

[ActionsTree](./x-components.actionstree.md)


</td><td>

Type-safe actions definition type. An object with this type is what it is needed to define [Vuex](https://vuex.vuejs.org/) actions.


</td></tr>
<tr><td>

[AiActionContext](./x-components.aiactioncontext.md)


</td><td>

Alias type for actions context of the [AiXStoreModule](./x-components.aixstoremodule.md)<!-- -->.


</td></tr>
<tr><td>

[AiXModule](./x-components.aixmodule.md)


</td><td>

Ai [XModule](./x-components.xmodule.md) alias.


</td></tr>
<tr><td>

[AiXStoreModule](./x-components.aixstoremodule.md)


</td><td>

AI type safe store module.


</td></tr>
<tr><td>

[AnyActionsTree](./x-components.anyactionstree.md)


</td><td>

Alias for any actions tree. Use only when you really don't care about the actions type.


</td></tr>
<tr><td>

[AnyGettersTree](./x-components.anygetterstree.md)


</td><td>

Alias for any getters tree. Use only when you don't care about the type.


</td></tr>
<tr><td>

[AnyMutationsTree](./x-components.anymutationstree.md)


</td><td>

Alias for any mutations tree. Use only when the concrete type does not matter.


</td></tr>
<tr><td>

[AnySimpleStateSelector](./x-components.anysimplestateselector.md)


</td><td>

Alias for any simple state selector.


</td></tr>
<tr><td>

[AnyStateSelector](./x-components.anystateselector.md)


</td><td>

Alias for any state selector.


</td></tr>
<tr><td>

[AnyStoreEmitters](./x-components.anystoreemitters.md)


</td><td>

Alias for any store emitters.


</td></tr>
<tr><td>

[AnyWire](./x-components.anywire.md)


</td><td>

Alias for a wire of any type.


</td></tr>
<tr><td>

[AnyXModule](./x-components.anyxmodule.md)


</td><td>

Alias for any XModule. Use with caution.


</td></tr>
<tr><td>

[AnyXStoreModule](./x-components.anyxstoremodule.md)


</td><td>

Alias for an [XStoreModule](./x-components.xstoremodule.md) with any type. Use only when the state, getters, mutations and actions are not relevant.


</td></tr>
<tr><td>

[AnyXStoreModuleOption](./x-components.anyxstoremoduleoption.md)


</td><td>

Alias for any store module option. Use only when you don't care about the module concrete type.


</td></tr>
<tr><td>

[ArrowKey](./x-components.arrowkey.md)


</td><td>

Union type containing the existing arrow keys.


</td></tr>
<tr><td>

[DecoratorFor](./x-components.decoratorfor.md)


</td><td>

Creates a decorator that will only work for properties of the type passed. The decorator will only work if the property is public.


</td></tr>
<tr><td>

[DeviceXModule](./x-components.devicexmodule.md)


</td><td>

Device [XModule](./x-components.xmodule.md) alias.


</td></tr>
<tr><td>

[DeviceXStoreModule](./x-components.devicexstoremodule.md)


</td><td>

Device type safe store module.


</td></tr>
<tr><td>

[DocumentDirection](./x-components.documentdirection.md)


</td><td>

The HTML document direction orientation. Possible values: ltr (left to right) or rtl (right to left).


</td></tr>
<tr><td>

[Emitter](./x-components.emitter.md)


</td><td>

Alias representing a [Subject](https://rxjs.dev/api/index/class/Subject) parametrized with the [SubjectPayload](./x-components.subjectpayload.md) of an event.


</td></tr>
<tr><td>

[Emitters](./x-components.emitters.md)


</td><td>

Represents a dictionary where the key is an event name and its value is an [Emitter](./x-components.emitter.md)<!-- -->.


</td></tr>
<tr><td>

[EmpathizeXModule](./x-components.empathizexmodule.md)


</td><td>

Empathize [XModule](./x-components.xmodule.md) alias.


</td></tr>
<tr><td>

[EmpathizeXStoreModule](./x-components.empathizexstoremodule.md)


</td><td>

Empathize type safe store module.


</td></tr>
<tr><td>

[EventPayload](./x-components.eventpayload.md)


</td><td>

Extracts the payload type of the event.


</td></tr>
<tr><td>

[EventsForDirectionLimit](./x-components.eventsfordirectionlimit.md)


</td><td>

Events to emit when reaching the [direction](./x-components.arrowkey.md) limit.


</td></tr>
<tr><td>

[ExperienceControlsActionContext](./x-components.experiencecontrolsactioncontext.md)


</td><td>

Alias type for actions context of the [ExperienceControlsXStoreModule](./x-components.experiencecontrolsxstoremodule.md)<!-- -->.


</td></tr>
<tr><td>

[ExperienceControlsXModule](./x-components.experiencecontrolsxmodule.md)


</td><td>

Search [XModule](./x-components.xmodule.md) alias.


</td></tr>
<tr><td>

[ExperienceControlsXStoreModule](./x-components.experiencecontrolsxstoremodule.md)


</td><td>

Experience Controls type safe store module.


</td></tr>
<tr><td>

[ExtractActionPayload](./x-components.extractactionpayload.md)


</td><td>

Returns the payload for an action given the module name and the action name.


</td></tr>
<tr><td>

[ExtractActionReturn](./x-components.extractactionreturn.md)


</td><td>

Flattens the (probably) chained promises of an action type.


</td></tr>
<tr><td>

[ExtractActions](./x-components.extractactions.md)


</td><td>

Extracts the actions type from a XStoreModule.


</td></tr>
<tr><td>

[ExtractGetters](./x-components.extractgetters.md)


</td><td>

Util type for extracting the getter type of a module.


</td></tr>
<tr><td>

[ExtractMutationPayload](./x-components.extractmutationpayload.md)


</td><td>

Returns the payload for a mutation given the module name and the mutation name.


</td></tr>
<tr><td>

[ExtractMutations](./x-components.extractmutations.md)


</td><td>

Extracts the mutations type from a XStoreModule.


</td></tr>
<tr><td>

[ExtractPayload](./x-components.extractpayload.md)


</td><td>

Extracts the payload from any function with a single parameter.


</td></tr>
<tr><td>

[ExtractState](./x-components.extractstate.md)


</td><td>

Util type for extracting the state type of a module.


</td></tr>
<tr><td>

[ExtraParamsXModule](./x-components.extraparamsxmodule.md)


</td><td>

ExtraParams [XModule](./x-components.xmodule.md) alias.


</td></tr>
<tr><td>

[ExtraParamsXStoreModule](./x-components.extraparamsxstoremodule.md)


</td><td>

ExtraParams type safe store module.


</td></tr>
<tr><td>

[FacetsActionsContext](./x-components.facetsactionscontext.md)


</td><td>

The type of the context object for the facets module actions.


</td></tr>
<tr><td>

[FacetsXModule](./x-components.facetsxmodule.md)


</td><td>

Facets [XModule](./x-components.xmodule.md) alias.


</td></tr>
<tr><td>

[FacetsXStoreModule](./x-components.facetsxstoremodule.md)


</td><td>

Facets type safe store module.


</td></tr>
<tr><td>

[FeatureLocation](./x-components.featurelocation.md)


</td><td>

Indicates where the feature is placed.


</td></tr>
<tr><td>

[FiltersByFacet](./x-components.filtersbyfacet.md)


</td><td>

Dictionary grouping filters by facet id.


</td></tr>
<tr><td>

[filtersStrategyForRequest](./x-components.filtersstrategyforrequest.md)


</td><td>

Type for the filter strategy to use when providing the selected filters.


</td></tr>
<tr><td>

[FirstParameter](./x-components.firstparameter.md)


</td><td>

Alias to retrieve the first parameter type of a function.


</td></tr>
<tr><td>

[GettersClass](./x-components.gettersclass.md)


</td><td>

Type for implementing getters for a module with a class.


</td></tr>
<tr><td>

[GettersTree](./x-components.getterstree.md)


</td><td>

Type safe getters definition type. An object with this type is what it is needed to define [Vuex](https://vuex.vuejs.org/) getters.


</td></tr>
<tr><td>

[GroupId](./x-components.groupid.md)


</td><td>

Alias for GroupId.


</td></tr>
<tr><td>

[HistoryQueriesActionContext](./x-components.historyqueriesactioncontext.md)


</td><td>

Alias type for actions context of the [HistoryQueriesXStoreModule](./x-components.historyqueriesxstoremodule.md)<!-- -->.


</td></tr>
<tr><td>

[HistoryQueriesXModule](./x-components.historyqueriesxmodule.md)


</td><td>

HistoryQueries [XModule](./x-components.xmodule.md) alias.


</td></tr>
<tr><td>

[HistoryQueriesXStoreModule](./x-components.historyqueriesxstoremodule.md)


</td><td>

HistoryQueries type safe store module.


</td></tr>
<tr><td>

[IdentifierResultsActionsContext](./x-components.identifierresultsactionscontext.md)


</td><td>

Alias type for actions context of the [IdentifierResultsXStoreModule](./x-components.identifierresultsxstoremodule.md)<!-- -->.


</td></tr>
<tr><td>

[IdentifierResultsXModule](./x-components.identifierresultsxmodule.md)


</td><td>

IdentifierResults [XModule](./x-components.xmodule.md) alias.


</td></tr>
<tr><td>

[IdentifierResultsXStoreModule](./x-components.identifierresultsxstoremodule.md)


</td><td>

IdentifierResults type safe store module.


</td></tr>
<tr><td>

[ListItem](./x-components.listitem.md)


</td><td>

Type representing a grid item. It has to be an [Identifiable](./x-types.identifiable.md) object that can optionally contain a [modelName](./x-types.namedmodel.modelname.md)<!-- -->.


</td></tr>
<tr><td>

[MaybeArray](./x-components.maybearray.md)


</td><td>

Alias for a type that might be an array or not.


</td></tr>
<tr><td>

[MonadicFunction](./x-components.monadicfunction.md)


</td><td>

A function with a single parameter that can return anything.


</td></tr>
<tr><td>

[MutationNamesFor](./x-components.mutationnamesfor.md)


</td><td>

Returns the mutation names for a given module. They are the namespaced mutations.


</td></tr>
<tr><td>

[MutationsDictionary](./x-components.mutationsdictionary.md)


</td><td>

Util type for being used on generic constraints which will only accept an object containing mutations.


</td></tr>
<tr><td>

[MutationsTree](./x-components.mutationstree.md)


</td><td>

Type-safe mutations definition type. An object with this type is what it is needed to define [Vuex](https://vuex.vuejs.org/) mutations.


</td></tr>
<tr><td>

[NamespacedTimeSelector](./x-components.namespacedtimeselector.md)


</td><td>

Function type which receives the State and the Getters of the namespace [XStoreModule](./x-components.xstoremodule.md) to retrieve the time from there.


</td></tr>
<tr><td>

[NamespacedTimeWireOperator](./x-components.namespacedtimewireoperator.md)


</td><td>

Function type which receives the wire to modify and the [NamespacedTimeSelector](./x-components.namespacedtimeselector.md) to retrieve the time from the [XStoreModule](./x-components.xstoremodule.md)<!-- -->.


</td></tr>
<tr><td>

[NamespacedWireCommitPayload](./x-components.namespacedwirecommitpayload.md)


</td><td>

Namespaced payload to commit a mutation. Either a function that receives the [module state and getters](./x-components.storemodulestateandgetters.md) and returns the payload for the mutation, or a static action payload.


</td></tr>
<tr><td>

[NamespacedWireCommitWithoutPayload](./x-components.namespacedwirecommitwithoutpayload.md)


</td><td>

Namespaced type for the [wireCommitWithoutPayload()](./x-components.wirecommitwithoutpayload.md) which creates a wire without payload associated.


</td></tr>
<tr><td>

[NamespacedWireDispatchPayload](./x-components.namespacedwiredispatchpayload.md)


</td><td>

Namespaced payload to dispatch an action. Either a function that receives the [module state and getters](./x-components.storemodulestateandgetters.md) and returns the payload for the action, or a static action payload.


</td></tr>
<tr><td>

[NamespacedWireDispatchWithoutPayload](./x-components.namespacedwiredispatchwithoutpayload.md)


</td><td>

Namespaced type for the [wireDispatchWithoutPayload()](./x-components.wiredispatchwithoutpayload.md) which creates a wire without payload associated.


</td></tr>
<tr><td>

[NamespacedWiringData](./x-components.namespacedwiringdata.md)


</td><td>

Namespaced type safe which allows the access to the State, the Getters, the payload and metadata of a [XStoreModule](./x-components.xstoremodule.md)<!-- -->.


</td></tr>
<tr><td>

[NextQueriesActionContext](./x-components.nextqueriesactioncontext.md)


</td><td>

Alias type for actions context of the [NextQueriesXStoreModule](./x-components.nextqueriesxstoremodule.md)<!-- -->.


</td></tr>
<tr><td>

[NextQueriesXModule](./x-components.nextqueriesxmodule.md)


</td><td>

NextQueries [XModule](./x-components.xmodule.md) alias.


</td></tr>
<tr><td>

[NextQueriesXStoreModule](./x-components.nextqueriesxstoremodule.md)


</td><td>

Next queries store module.


</td></tr>
<tr><td>

[NiladicFunction](./x-components.niladicfunction.md)


</td><td>

A function with no parameters that can return anything.


</td></tr>
<tr><td>

[NormalisedSnippetConfig](./x-components.normalisedsnippetconfig.md)


</td><td>

A normalised version of the snippet config.


</td></tr>
<tr><td>

[NumberComparatorFn](./x-components.numbercomparatorfn.md)


</td><td>

Alias type representing a comparator function between two numbers.


</td></tr>
<tr><td>

[Pair](./x-components.pair.md)


</td><td>

Represents a pair of values of the same type in an array.


</td></tr>
<tr><td>

[PayloadFactoryData](./x-components.payloadfactorydata.md)


</td><td>

Type not safe which allows the access to the State, the Getters, the payload and metadata of a [XStoreModule](./x-components.xstoremodule.md)<!-- -->.


</td></tr>
<tr><td>

[PopularSearchesActionContext](./x-components.popularsearchesactioncontext.md)


</td><td>

Alias type for actions context of the [PopularSearchesXStoreModule](./x-components.popularsearchesxstoremodule.md)<!-- -->.


</td></tr>
<tr><td>

[PopularSearchesXModule](./x-components.popularsearchesxmodule.md)


</td><td>

PopularSearches [XModule](./x-components.xmodule.md) alias.


</td></tr>
<tr><td>

[PopularSearchesXStoreModule](./x-components.popularsearchesxstoremodule.md)


</td><td>

Popular searches store module.


</td></tr>
<tr><td>

[PrivateXModulesOptions](./x-components.privatexmodulesoptions.md)


</td><td>

Options for overriding the default store module and store emitters for each [XModule](./x-components.xmodule.md)<!-- -->.


</td></tr>
<tr><td>

[PropsWithType](./x-components.propswithtype.md)


</td><td>

Extracts the name of the properties of an object that match a type.


</td></tr>
<tr><td>

[QueriesPreviewActionContext](./x-components.queriespreviewactioncontext.md)


</td><td>

Alias type for actions context of the [QueriesPreviewXStoreModule](./x-components.queriespreviewxstoremodule.md)<!-- -->.


</td></tr>
<tr><td>

[QueriesPreviewXModule](./x-components.queriespreviewxmodule.md)


</td><td>

QueriesPreview [XModule](./x-components.xmodule.md) alias.


</td></tr>
<tr><td>

[QueriesPreviewXStoreModule](./x-components.queriespreviewxstoremodule.md)


</td><td>

QueriesPreview type safe store module.


</td></tr>
<tr><td>

[QueryFeature](./x-components.queryfeature.md)


</td><td>

The name of the tool that generated the query.


</td></tr>
<tr><td>

[QueryOrigin](./x-components.queryorigin.md)


</td><td>

Information to track the usefulness of the query in relation to the [QueryFeature](./x-components.queryfeature.md) that generated it, and the [FeatureLocation](./x-components.featurelocation.md) where it has been shown to the user.


</td></tr>
<tr><td>

[QueryOriginInit](./x-components.queryorigininit.md)


</td><td>

Parameters to create a [QueryOrigin](./x-components.queryorigin.md) or [ResultOrigin](./x-components.resultorigin.md)<!-- -->.


</td></tr>
<tr><td>

[QuerySuggestionsActionContext](./x-components.querysuggestionsactioncontext.md)


</td><td>

Alias type for actions context of the [QuerySuggestionsXStoreModule](./x-components.querysuggestionsxstoremodule.md)<!-- -->.


</td></tr>
<tr><td>

[QuerySuggestionsXModule](./x-components.querysuggestionsxmodule.md)


</td><td>

QuerySuggestions [XModule](./x-components.xmodule.md) alias.


</td></tr>
<tr><td>

[QuerySuggestionsXStoreModule](./x-components.querysuggestionsxstoremodule.md)


</td><td>

QuerySuggestions type safe store module.


</td></tr>
<tr><td>

[RecommendationsActionContext](./x-components.recommendationsactioncontext.md)


</td><td>

Alias type for actions context of the [RecommendationsXStoreModule](./x-components.recommendationsxstoremodule.md)<!-- -->.


</td></tr>
<tr><td>

[RecommendationsXModule](./x-components.recommendationsxmodule.md)


</td><td>

Recommendations [XModule](./x-components.xmodule.md) alias.


</td></tr>
<tr><td>

[RecommendationsXStoreModule](./x-components.recommendationsxstoremodule.md)


</td><td>

Recommendations type safe store module.


</td></tr>
<tr><td>

[RelatedPromptsActionContext](./x-components.relatedpromptsactioncontext.md)


</td><td>

Alias type for actions context of the [RelatedPromptsXStoreModule](./x-components.relatedpromptsxstoremodule.md)<!-- -->.


</td></tr>
<tr><td>

[RelatedPromptsXModule](./x-components.relatedpromptsxmodule.md)


</td><td>

RelatedPrompts [XModule](./x-components.xmodule.md) alias.


</td></tr>
<tr><td>

[RelatedPromptsXStoreModule](./x-components.relatedpromptsxstoremodule.md)


</td><td>

Related prompts store module.


</td></tr>
<tr><td>

[RelatedTagsActionContext](./x-components.relatedtagsactioncontext.md)


</td><td>

Alias type for actions context of the [RelatedTagsXStoreModule](./x-components.relatedtagsxstoremodule.md)<!-- -->.


</td></tr>
<tr><td>

[RelatedTagsXModule](./x-components.relatedtagsxmodule.md)


</td><td>

RelatedTags [XModule](./x-components.xmodule.md) alias.


</td></tr>
<tr><td>

[RelatedTagsXStoreModule](./x-components.relatedtagsxstoremodule.md)


</td><td>

RelatedTags type safe store module.


</td></tr>
<tr><td>

[RequestStatus](./x-components.requeststatus.md)


</td><td>

The possible status of a request: - Success: The request has resolved successfully. - Loading: The request is in process, waiting for a response. - Error: The request has failed.


</td></tr>
<tr><td>

[ResultFeature](./x-components.resultfeature.md)


</td><td>

The name of the tool that generated the results.


</td></tr>
<tr><td>

[ResultOrigin](./x-components.resultorigin.md)


</td><td>

Information to track the usefulness of a result in relation to the [ResultFeature](./x-components.resultfeature.md) that generated it, and the [FeatureLocation](./x-components.featurelocation.md) where it has been shown to the user.


</td></tr>
<tr><td>

[Returns](./x-components.returns.md)


</td><td>

Extracts the return type of each property of the T object.


</td></tr>
<tr><td>

[RootStoreStateAndGetters](./x-components.rootstorestateandgetters.md)


</td><td>

State and Getters Store type for [RootXStoreState](./x-components.rootxstorestate.md)<!-- -->.


</td></tr>
<tr><td>

[ScrollDirection](./x-components.scrolldirection.md)


</td><td>

Types allow for values of scroll direction.


</td></tr>
<tr><td>

[ScrollXModule](./x-components.scrollxmodule.md)


</td><td>

Scroll [XModule](./x-components.xmodule.md) alias.


</td></tr>
<tr><td>

[ScrollXStoreModule](./x-components.scrollxstoremodule.md)


</td><td>

Scroll type safe store module.


</td></tr>
<tr><td>

[SearchActionContext](./x-components.searchactioncontext.md)


</td><td>

Alias type for actions context of the [SearchXStoreModule](./x-components.searchxstoremodule.md)<!-- -->.


</td></tr>
<tr><td>

[SearchBoxXModule](./x-components.searchboxxmodule.md)


</td><td>

SearchBox [XModule](./x-components.xmodule.md) alias.


</td></tr>
<tr><td>

[SearchBoxXStoreModule](./x-components.searchboxxstoremodule.md)


</td><td>

SearchBox type safe store module.


</td></tr>
<tr><td>

[SearchXModule](./x-components.searchxmodule.md)


</td><td>

Search [XModule](./x-components.xmodule.md) alias.


</td></tr>
<tr><td>

[SearchXStoreModule](./x-components.searchxstoremodule.md)


</td><td>

Search type safe store module.


</td></tr>
<tr><td>

[SemanticQueriesActionContext](./x-components.semanticqueriesactioncontext.md)


</td><td>

Alias type for actions context of the [SemanticQueriesXStoreModule](./x-components.semanticqueriesxstoremodule.md)<!-- -->.


</td></tr>
<tr><td>

[SemanticQueriesXModule](./x-components.semanticqueriesxmodule.md)


</td><td>

SemanticQueries [XModule](./x-components.xmodule.md) alias.


</td></tr>
<tr><td>

[SemanticQueriesXStoreModule](./x-components.semanticqueriesxstoremodule.md)


</td><td>

SemanticQueries type safe store module.


</td></tr>
<tr><td>

[SimpleStateSelector](./x-components.simplestateselector.md)


</td><td>

Selects a part of the store state or getters (AKA "getter" inside [Vuex](https://vuex.vuejs.org/) watchers).


</td></tr>
<tr><td>

[StoreEmitters](./x-components.storeemitters.md)


</td><td>

Dictionary where the key is a [XEvent](./x-components.xevent.md)<!-- -->, and the value is [SimpleStateSelector](./x-components.simplestateselector.md) or [StateSelector](./x-components.stateselector.md)<!-- -->. This [SimpleStateSelector](./x-components.simplestateselector.md) or [StateSelector](./x-components.stateselector.md) can only access the state and getters from the [XStoreModule](./x-components.xstoremodule.md) passed as param type. This dictionary is used to emits a [XEvent](./x-components.xevent.md) when the part of the store selected by [SimpleStateSelector](./x-components.simplestateselector.md) changes.


</td></tr>
<tr><td>

[SubObject](./x-components.subobject.md)


</td><td>

Extracts a sub-type with the properties of `SomeObject` that have the `TargetPropertyType` type.


</td></tr>
<tr><td>

[TaggingXModule](./x-components.taggingxmodule.md)


</td><td>

Tagging [XModule](./x-components.xmodule.md) alias.


</td></tr>
<tr><td>

[TaggingXStoreModule](./x-components.taggingxstoremodule.md)


</td><td>

Tagging type safe store module.


</td></tr>
<tr><td>

[TimeSelector](./x-components.timeselector.md)


</td><td>

Function type which receives the whole store as parameter and retrieve the time from there.


</td></tr>
<tr><td>

[UrlActionContext](./x-components.urlactioncontext.md)


</td><td>

Alias type for actions context of the [UrlXStoreModule](./x-components.urlxstoremodule.md)<!-- -->.


</td></tr>
<tr><td>

[UrlParamKey](./x-components.urlparamkey.md)


</td><td>

The key of the parameter to store in the URL.


</td></tr>
<tr><td>

[UrlParamValue](./x-components.urlparamvalue.md)


</td><td>

The allowed values of the parameters to store in the URL.


</td></tr>
<tr><td>

[UrlXModule](./x-components.urlxmodule.md)


</td><td>

URL [XModule](./x-components.xmodule.md) alias.


</td></tr>
<tr><td>

[UrlXStoreModule](./x-components.urlxstoremodule.md)


</td><td>

URL type safe store module.


</td></tr>
<tr><td>

[UseDeviceFlags](./x-components.usedeviceflags.md)


</td><td>

The device flags type of the Return type of the composable returned by `createUseDevice`<!-- -->.


</td></tr>
<tr><td>

[UseDeviceReturn](./x-components.usedevicereturn.md)


</td><td>

The Return type of the composable returned by `createUseDevice`<!-- -->.


</td></tr>
<tr><td>

[VueCSSClasses](./x-components.vuecssclasses.md)


</td><td>

Union type containing supported Vue dynamic classes.


</td></tr>
<tr><td>

[Wire](./x-components.wire.md)


</td><td>

A Wire is a function that receives an observable, the store and the on function of the bus it will run in and returns a subscription.


</td></tr>
<tr><td>

[WireForEvent](./x-components.wireforevent.md)


</td><td>

Alias for a wire with the type of the event payload.


</td></tr>
<tr><td>

[Wiring](./x-components.wiring.md)


</td><td>

The Wiring is a record where each key is an EmpathyX event, and the value is a dictionary of wires.


</td></tr>
<tr><td>

[XEvent](./x-components.xevent.md)


</td><td>

Name of all available events.


</td></tr>
<tr><td>

[XEventListeners](./x-components.xeventlisteners.md)


</td><td>

Map type of every [XEvent](./x-components.xevent.md) and a callback with the payload and metadata for that event.


</td></tr>
<tr><td>

[XEventPayload](./x-components.xeventpayload.md)


</td><td>

Extracts the payload type of an event.


</td></tr>
<tr><td>

[XEventsOf](./x-components.xeventsof.md)


</td><td>

Selects events of the with a payload matching the provided type.


</td></tr>
<tr><td>

[XModuleName](./x-components.xmodulename.md)


</td><td>

Names of all of the [XModules](./x-components.xmodule.md) available.


</td></tr>
<tr><td>

[XModulesOptions](./x-components.xmodulesoptions.md)


</td><td>

Options for overriding the default config state and wiring for each [XModule](./x-components.xmodule.md)<!-- -->.


</td></tr>
<tr><td>

[XStoreModuleOptions](./x-components.xstoremoduleoptions.md)


</td><td>

Options for overriding a default [XStoreModule](./x-components.xstoremodule.md)<!-- -->.


</td></tr>
</tbody></table>

