@empathyco/x-components 6.0.0-alpha.4 → 6.0.0-alpha.40

package/docs/API-reference/api/x-components.empathize.md

@@ -19,8 +19,8 @@ _default: import("vue").DefineComponent<{
         default: () => string[];
     };
     animation: {
-        type: PropType<string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>>;
-        default: () => import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+        type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
+        default: () => import("vue").DefineComponent<{}, {}, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
     };
 }, {
     close: () => void;
@@ -38,12 +38,12 @@ _default: import("vue").DefineComponent<{
         default: () => string[];
     };
     animation: {
-        type: PropType<string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>>;
-        default: () => import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+        type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
+        default: () => import("vue").DefineComponent<{}, {}, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
     };
 }>>, {
     eventsToOpenEmpathize: (keyof import("../../../wiring").XEventsTypes)[];
     eventsToCloseEmpathize: (keyof import("../../../wiring").XEventsTypes)[];
-    animation: string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+    animation: string | Function | Record<string, any>;
 }, {}>
 ```

package/docs/API-reference/api/x-components.empathizemutations.md

@@ -11,7 +11,7 @@ Empathize store mutations.
 ```typescript
 export interface EmpathizeMutations extends ConfigMutations<EmpathizeState> 
 ```
-**Extends:** ConfigMutations&lt;[EmpathizeState](./x-components.empathizestate.md)<!-- -->&gt;
+**Extends:** [ConfigMutations](./x-components.configmutations.md)<!-- -->&lt;[EmpathizeState](./x-components.empathizestate.md)<!-- -->&gt;
 
 ## Methods
 

package/docs/API-reference/api/x-components.facets.md

@@ -13,7 +13,7 @@ _default: import("vue").DefineComponent<{
     facetsIds: PropType<(string | number)[]>;
     alwaysVisible: BooleanConstructor;
     animation: {
-        type: PropType<string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>>;
+        type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
         default: string;
     };
     renderableFacets: StringConstructor;
@@ -26,12 +26,12 @@ _default: import("vue").DefineComponent<{
     facetsIds: PropType<(string | number)[]>;
     alwaysVisible: BooleanConstructor;
     animation: {
-        type: PropType<string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>>;
+        type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
         default: string;
     };
     renderableFacets: StringConstructor;
 }>>, {
     alwaysVisible: boolean;
-    animation: string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+    animation: string | Function | Record<string, any>;
 }, {}>
 ```

package/docs/API-reference/api/x-components.facetsmutations.md

@@ -11,7 +11,7 @@ Facets store mutations.
 ```typescript
 export interface FacetsMutations extends QueryMutations, ConfigMutations<FacetsState> 
 ```
-**Extends:** QueryMutations, ConfigMutations&lt;[FacetsState](./x-components.facetsstate.md)<!-- -->&gt;
+**Extends:** [QueryMutations](./x-components.querymutations.md)<!-- -->, [ConfigMutations](./x-components.configmutations.md)<!-- -->&lt;[FacetsState](./x-components.facetsstate.md)<!-- -->&gt;
 
 ## Methods
 

package/docs/API-reference/api/x-components.featurelocation.md

@@ -9,7 +9,7 @@ Indicates where the feature is placed.
 **Signature:**
 
 ```typescript
-export type FeatureLocation = 'external' | 'my_history' | 'no_query' | 'results' | 'no_results' | 'low_results' | 'none' | 'predictive_layer' | 'pdp' | 'url_history' | 'url_history_pdp';
+export type FeatureLocation = 'external' | 'my_history' | 'no_query' | 'results' | 'no_results' | 'low_results' | 'none' | 'predictive_layer' | 'pdp' | 'url_history' | 'url_history_pdp' | 'related-prompts';
 ```
 
 ## Example 1

package/docs/API-reference/api/x-components.fetchandsaverelatedprompts.md

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [fetchAndSaveRelatedPrompts](./x-components.fetchandsaverelatedprompts.md)
+
+## fetchAndSaveRelatedPrompts variable
+
+Default implementation for [RelatedPromptsActions.fetchAndSaveRelatedPrompts()](./x-components.relatedpromptsactions.fetchandsaverelatedprompts.md) action.
+
+**Signature:**
+
+```typescript
+fetchAndSaveRelatedPrompts: (context: RelatedPromptsActionContext, request: RelatedPromptsRequest | null) => void | Promise<void>
+```

package/docs/API-reference/api/x-components.fetchrelatedprompts.md

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [fetchRelatedPrompts](./x-components.fetchrelatedprompts.md)
+
+## fetchRelatedPrompts variable
+
+Default implementation for the [RelatedPromptsActions.fetchRelatedPrompts()](./x-components.relatedpromptsactions.fetchrelatedprompts.md)<!-- -->.
+
+**Signature:**
+
+```typescript
+fetchRelatedPrompts: RelatedPromptsXStoreModule['actions']['fetchRelatedPrompts']
+```

package/docs/API-reference/api/x-components.filterslist.md

@@ -16,7 +16,7 @@ _default: import("vue").DefineComponent<{
         required: false;
     };
     animation: {
-        type: PropType<string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>>;
+        type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
         default: string;
     };
 }, {
@@ -30,10 +30,10 @@ _default: import("vue").DefineComponent<{
         required: false;
     };
     animation: {
-        type: PropType<string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>>;
+        type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
         default: string;
     };
 }>>, {
-    animation: string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+    animation: string | Function | Record<string, any>;
 }, {}>
 ```

package/docs/API-reference/api/x-components.globalxbus.md

@@ -154,6 +154,7 @@ _default: import("vue").DefineComponent<{
             UserClickedAPromoted: (payload: import("@empathyco/x-types").Promoted, metadata: import("..").WireMetadata) => unknown;
             UserClickedABanner: (payload: import("@empathyco/x-types").Banner, metadata: import("..").WireMetadata) => unknown;
             UserClickedAbortARedirection: (payload: undefined, metadata: import("..").WireMetadata) => unknown;
+            UserSelectedAPage: (payload: number, metadata: import("..").WireMetadata) => unknown;
             SemanticQueryRequestUpdated: (payload: import("@empathyco/x-types").SemanticQueriesRequest | null, metadata: import("..").WireMetadata) => unknown;
             SemanticQueriesResponseChanged: (payload: import("@empathyco/x-types").SemanticQuery[], metadata: import("..").WireMetadata) => unknown;
             UserSelectedASemanticQuery: (payload: import("@empathyco/x-types").SemanticQuery, metadata: import("..").WireMetadata) => unknown;
@@ -171,6 +172,11 @@ _default: import("vue").DefineComponent<{
             ExtraParamsLoadedFromUrl: (payload: import("@empathyco/x-utils").Dictionary<unknown>, metadata: import("..").WireMetadata) => unknown;
             PushableUrlStateUpdated: (payload: import("..").UrlParams, metadata: import("..").WireMetadata) => unknown;
             ReplaceableUrlStateUpdated: (payload: import("..").UrlParams, metadata: import("..").WireMetadata) => unknown;
+            RelatedPromptsRequestUpdated: (payload: import("@empathyco/x-types").RelatedPromptsRequest | null, metadata: import("..").WireMetadata) => unknown;
+            UserSelectedARelatedPrompt: (payload: number, metadata: import("..").WireMetadata) => unknown;
+            UserSelectedARelatedPromptQuery: (payload: number, metadata: import("..").WireMetadata) => unknown;
+            UserClickedARelatedPromptResult: (payload: import("@empathyco/x-types").Result, metadata: import("..").WireMetadata) => unknown;
+            UserClickedARelatedPromptAdd2Cart: (payload: import("@empathyco/x-types").Result, metadata: import("..").WireMetadata) => unknown;
         }>>;
         required: true;
     };
@@ -319,6 +325,7 @@ _default: import("vue").DefineComponent<{
             UserClickedAPromoted: (payload: import("@empathyco/x-types").Promoted, metadata: import("..").WireMetadata) => unknown;
             UserClickedABanner: (payload: import("@empathyco/x-types").Banner, metadata: import("..").WireMetadata) => unknown;
             UserClickedAbortARedirection: (payload: undefined, metadata: import("..").WireMetadata) => unknown;
+            UserSelectedAPage: (payload: number, metadata: import("..").WireMetadata) => unknown;
             SemanticQueryRequestUpdated: (payload: import("@empathyco/x-types").SemanticQueriesRequest | null, metadata: import("..").WireMetadata) => unknown;
             SemanticQueriesResponseChanged: (payload: import("@empathyco/x-types").SemanticQuery[], metadata: import("..").WireMetadata) => unknown;
             UserSelectedASemanticQuery: (payload: import("@empathyco/x-types").SemanticQuery, metadata: import("..").WireMetadata) => unknown;
@@ -336,6 +343,11 @@ _default: import("vue").DefineComponent<{
             ExtraParamsLoadedFromUrl: (payload: import("@empathyco/x-utils").Dictionary<unknown>, metadata: import("..").WireMetadata) => unknown;
             PushableUrlStateUpdated: (payload: import("..").UrlParams, metadata: import("..").WireMetadata) => unknown;
             ReplaceableUrlStateUpdated: (payload: import("..").UrlParams, metadata: import("..").WireMetadata) => unknown;
+            RelatedPromptsRequestUpdated: (payload: import("@empathyco/x-types").RelatedPromptsRequest | null, metadata: import("..").WireMetadata) => unknown;
+            UserSelectedARelatedPrompt: (payload: number, metadata: import("..").WireMetadata) => unknown;
+            UserSelectedARelatedPromptQuery: (payload: number, metadata: import("..").WireMetadata) => unknown;
+            UserClickedARelatedPromptResult: (payload: import("@empathyco/x-types").Result, metadata: import("..").WireMetadata) => unknown;
+            UserClickedARelatedPromptAdd2Cart: (payload: import("@empathyco/x-types").Result, metadata: import("..").WireMetadata) => unknown;
         }>>;
         required: true;
     };

package/docs/API-reference/api/x-components.hierarchicalfilter.md

@@ -14,7 +14,7 @@ _default: import("vue").DefineComponent<{
         type: PropType<HierarchicalFilterModel>;
         required: true;
     };
-    childrenAnimation: PropType<string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>>;
+    childrenAnimation: (ObjectConstructor | StringConstructor | FunctionConstructor)[];
     clickEvents: PropType<Partial<XEventsTypes>>;
     cssClasses: {
         type: PropType<(string | Dictionary<boolean>)[]>;
@@ -166,6 +166,7 @@ _default: import("vue").DefineComponent<{
         UserClickedAPromoted?: import("@empathyco/x-types").Promoted | undefined;
         UserClickedABanner?: import("@empathyco/x-types").Banner | undefined;
         UserClickedAbortARedirection?: void | undefined;
+        UserSelectedAPage?: number | undefined;
         SemanticQueryRequestUpdated?: import("@empathyco/x-types").SemanticQueriesRequest | null | undefined;
         SemanticQueriesResponseChanged?: import("@empathyco/x-types").SemanticQuery[] | undefined;
         UserSelectedASemanticQuery?: import("@empathyco/x-types").SemanticQuery | undefined;
@@ -183,6 +184,11 @@ _default: import("vue").DefineComponent<{
         ExtraParamsLoadedFromUrl?: Dictionary<unknown> | undefined;
         PushableUrlStateUpdated?: import("../../../../types").UrlParams | undefined;
         ReplaceableUrlStateUpdated?: import("../../../../types").UrlParams | undefined;
+        RelatedPromptsRequestUpdated?: import("@empathyco/x-types").RelatedPromptsRequest | null | undefined;
+        UserSelectedARelatedPrompt?: number | undefined;
+        UserSelectedARelatedPromptQuery?: number | undefined;
+        UserClickedARelatedPromptResult?: import("@empathyco/x-types").Result | undefined;
+        UserClickedARelatedPromptAdd2Cart?: import("@empathyco/x-types").Result | undefined;
     }>;
     innerCssClasses: import("vue").ComputedRef<(string | Dictionary<boolean>)[]>;
     renderedChildrenFilters: import("vue").ComputedRef<HierarchicalFilterModel[]>;
@@ -192,7 +198,7 @@ _default: import("vue").DefineComponent<{
         type: PropType<HierarchicalFilterModel>;
         required: true;
     };
-    childrenAnimation: PropType<string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>>;
+    childrenAnimation: (ObjectConstructor | StringConstructor | FunctionConstructor)[];
     clickEvents: PropType<Partial<XEventsTypes>>;
     cssClasses: {
         type: PropType<(string | Dictionary<boolean>)[]>;

package/docs/API-reference/api/x-components.historyqueriesmutations.md

@@ -11,7 +11,7 @@ HistoryQueries store mutations.
 ```typescript
 export interface HistoryQueriesMutations extends QueryMutations, ConfigMutations<HistoryQueriesState> 
 ```
-**Extends:** QueryMutations, ConfigMutations&lt;[HistoryQueriesState](./x-components.historyqueriesstate.md)<!-- -->&gt;
+**Extends:** [QueryMutations](./x-components.querymutations.md)<!-- -->, [ConfigMutations](./x-components.configmutations.md)<!-- -->&lt;[HistoryQueriesState](./x-components.historyqueriesstate.md)<!-- -->&gt;
 
 ## Methods
 

package/docs/API-reference/api/x-components.historyqueriesstate.md

@@ -11,7 +11,7 @@ HistoryQueries store state.
 ```typescript
 export interface HistoryQueriesState extends QueryState 
 ```
-**Extends:** QueryState
+**Extends:** [QueryState](./x-components.querystate.md)
 
 ## Properties
 

package/docs/API-reference/api/x-components.identifierresults.md

@@ -11,7 +11,7 @@ Paints the list of identifier results stored in the state. Each identifier resul
 ```typescript
 _default: import("vue").DefineComponent<{
     animation: {
-        type: import("vue").PropType<string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>>;
+        type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
         default: string;
     };
     maxItemsToRender: NumberConstructor;
@@ -20,11 +20,11 @@ _default: import("vue").DefineComponent<{
     identifierResultsToRender: import("vue").ComputedRef<Result[]>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     animation: {
-        type: import("vue").PropType<string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>>;
+        type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
         default: string;
     };
     maxItemsToRender: NumberConstructor;
 }>>, {
-    animation: string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+    animation: string | Function | Record<string, any>;
 }, {}>
 ```

package/docs/API-reference/api/x-components.identifierresultsmutations.md

@@ -11,7 +11,7 @@ IdentifierResults store mutations.
 ```typescript
 export interface IdentifierResultsMutations extends StatusMutations, QueryMutations, ConfigMutations<IdentifierResultsState> 
 ```
-**Extends:** [StatusMutations](./x-components.statusmutations.md)<!-- -->, QueryMutations, ConfigMutations&lt;[IdentifierResultsState](./x-components.identifierresultsstate.md)<!-- -->&gt;
+**Extends:** [StatusMutations](./x-components.statusmutations.md)<!-- -->, [QueryMutations](./x-components.querymutations.md)<!-- -->, [ConfigMutations](./x-components.configmutations.md)<!-- -->&lt;[IdentifierResultsState](./x-components.identifierresultsstate.md)<!-- -->&gt;
 
 ## Methods
 

package/docs/API-reference/api/x-components.identifierresultsstate.md

@@ -11,7 +11,7 @@ IdentifierResults store state.
 ```typescript
 export interface IdentifierResultsState extends StatusState, QueryState 
 ```
-**Extends:** [StatusState](./x-components.statusstate.md)<!-- -->, QueryState
+**Extends:** [StatusState](./x-components.statusstate.md)<!-- -->, [QueryState](./x-components.querystate.md)
 
 ## Properties
 

package/docs/API-reference/api/x-components.installxoptions.domelement.md

@@ -9,5 +9,5 @@ An Element \| string \| function to indicate the HTML element that will contain
 **Signature:**
 
 ```typescript
-domElement?: Element | string | ((snippetConfig: NormalisedSnippetConfig) => Element | string);
+domElement?: Element | ShadowRoot | string | ((snippetConfig: NormalisedSnippetConfig) => Element | ShadowRoot | string);
 ```

package/docs/API-reference/api/x-components.installxoptions.installextraplugins.md

@@ -9,7 +9,7 @@ Adds the option to install more Vue plugins, giving access to the [SnippetConfig
 **Signature:**
 
 ```typescript
-installExtraPlugins?(options: ExtraPluginsOptions): void;
+installExtraPlugins?(options: ExtraPluginsOptions): void | Promise<void>;
 ```
 
 ## Parameters
@@ -20,5 +20,5 @@ installExtraPlugins?(options: ExtraPluginsOptions): void;
 
 **Returns:**
 
-void
+void \| Promise&lt;void&gt;
 

package/docs/API-reference/api/x-components.installxoptions.md

@@ -19,7 +19,7 @@ export interface InstallXOptions<API extends XAPI = XAPI> extends XPluginOptions
 |  --- | --- | --- | --- |
 |  [api?](./x-components.installxoptions.api.md) |  | API \| false | _(Optional)_ The API to expose globally. If is not passed the default [BaseXAPI](./x-components.basexapi.md) will be used. If a <code>false</code> value is passed then the API is not created. |
 |  [bus?](./x-components.installxoptions.bus.md) |  | XBus&lt;[XEventsTypes](./x-components.xeventstypes.md)<!-- -->, [WireMetadata](./x-components.wiremetadata.md)<!-- -->&gt; | _(Optional)_ The  used in the [XPlugin](./x-components.xplugin.md)<!-- -->. If not passed an instance of The  will be used. |
-|  [domElement?](./x-components.installxoptions.domelement.md) |  | Element \| string \| ((snippetConfig: [NormalisedSnippetConfig](./x-components.normalisedsnippetconfig.md)<!-- -->) =&gt; Element \| string) | _(Optional)_ An Element \| string \| function to indicate the HTML element that will contain the Vue application. If it isn't passed, the [XInstaller](./x-components.xinstaller.md) will create the target element. |
+|  [domElement?](./x-components.installxoptions.domelement.md) |  | Element \| ShadowRoot \| string \| ((snippetConfig: [NormalisedSnippetConfig](./x-components.normalisedsnippetconfig.md)<!-- -->) =&gt; Element \| ShadowRoot \| string) | _(Optional)_ An Element \| string \| function to indicate the HTML element that will contain the Vue application. If it isn't passed, the [XInstaller](./x-components.xinstaller.md) will create the target element. |
 |  [onCreateApp?](./x-components.installxoptions.oncreateapp.md) |  | (app: App) =&gt; void | _(Optional)_ Callback to invoke after instantiating the app. |
 |  [plugin?](./x-components.installxoptions.plugin.md) |  | Plugin&lt;[XPluginOptions](./x-components.xpluginoptions.md)<!-- -->&gt; | _(Optional)_ The XPlugin which will be installed. If not passed, an instance of [XPlugin](./x-components.xplugin.md) will be installed. |
 |  [rootComponent?](./x-components.installxoptions.rootcomponent.md) |  | Component | _(Optional)_ The Vue component used as root of the application. If it is not passed, no Vue Application is initialized, only plugin installed. |

package/docs/API-reference/api/x-components.itemslist.md

@@ -11,7 +11,7 @@ It renders a list of [ListItem](./x-components.listitem.md) providing a slot for
 ```typescript
 _default: import("vue").DefineComponent<{
     animation: {
-        type: PropType<string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>>;
+        type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
         default: string;
     };
     items: {
@@ -29,7 +29,7 @@ _default: import("vue").DefineComponent<{
     }[]>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     animation: {
-        type: PropType<string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>>;
+        type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
         default: string;
     };
     items: {
@@ -38,6 +38,6 @@ _default: import("vue").DefineComponent<{
     };
     itemClass: StringConstructor;
 }>>, {
-    animation: string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+    animation: string | Function | Record<string, any>;
 }, {}>
 ```

package/docs/API-reference/api/x-components.mainmodal.md

@@ -11,7 +11,7 @@ A specialised version of a modal component, made to contain a full search applic
 ```typescript
 _default: import("vue").DefineComponent<{
     animation: {
-        type: PropType<string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>>;
+        type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
     };
     closeEvents: {
         type: PropType<(keyof import("../../wiring/events.types").XEventsTypes)[]>;
@@ -31,7 +31,7 @@ _default: import("vue").DefineComponent<{
     };
 }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     animation: {
-        type: PropType<string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>>;
+        type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
     };
     closeEvents: {
         type: PropType<(keyof import("../../wiring/events.types").XEventsTypes)[]>;

package/docs/API-reference/api/x-components.md

@@ -32,9 +32,12 @@ X-Components is a library usable everywhere not only for search experiences.
 |  [clone(something)](./x-components.clone.md) | Deeply clones an object or an array. |
 |  [createFetchAndSaveActions({ fetch, onSuccess, onError, onCancel })](./x-components.createfetchandsaveactions.md) | 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. |
 |  [createRawFilters(filterIds)](./x-components.createrawfilters.md) | Helper method which creates the filter entity from the filter ir of the url. |
+|  [createRelatedTagsQueryGetter({ getRelatedTags })](./x-components.createrelatedtagsquerygetter.md) | Creates a getter that combines the current selected related tags and the query of the module. |
 |  [createSetQueryTaggingFromQueryPreview()](./x-components.createsetquerytaggingfromquerypreview.md) | Factory helper to create a wire to set the queryTagging. |
 |  [createStoreEmitters(storeModule, emitters)](./x-components.createstoreemitters.md) | Helper function for creating type-safe [StoreEmitters](./x-components.storeemitters.md)<!-- -->. |
 |  [createTrackDisplayWire(property)](./x-components.createtrackdisplaywire.md) | Factory helper to create a wire for the track of the display click. |
+|  [createTrackToolingAdd2CartWire()](./x-components.createtracktoolingadd2cartwire.md) | Factory helper to create a wire for the track of the tooling display click. |
+|  [createTrackToolingDisplayWire()](./x-components.createtracktoolingdisplaywire.md) | Factory helper to create a wire for the track of the tooling display click. |
 |  [createTrackWire(property)](./x-components.createtrackwire.md) | Factory helper to create a wire for the track of a taggable element. |
 |  [createUseDevice(devices)](./x-components.createusedevice.md) | Factory function that creates a composable for device detection using the devices parameter to configure breakpoints. |
 |  [createWireFromFunction(fn)](./x-components.createwirefromfunction.md) | Creates a wire that executes the function passed. This function will receive a [WireParams](./x-components.wireparams.md) object. |
@@ -62,6 +65,7 @@ X-Components is a library usable everywhere not only for search experiences.
 |  [isStringEmpty(str)](./x-components.isstringempty.md) | Util used to return true if the string is empty, undefined or null. |
 |  [isXComponent(component)](./x-components.isxcomponent.md) | 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. |
 |  [mapWire(toWire, mapFn)](./x-components.mapwire.md) | Creates a [Wire](./x-components.wire.md) from other <code>toWire</code> wire. It uses <code>mapFn</code> to transform the <code>FromPayload</code> received to <code>ToPayload</code> which <code>toWire</code> requires. This is useful to reuse wires in different Events where the payload doesn't fit exactly. |
+|  [mergeConfig(state, config)](./x-components.mergeconfig.md) | Merges a new config with the current one. Can be used as a mutation. |
 |  [namespacedDebounce(moduleName)](./x-components.namespaceddebounce.md) | 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. |
 |  [namespacedThrottle(moduleName)](./x-components.namespacedthrottle.md) | 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. |
 |  [namespacedWireCommit(moduleName)](./x-components.namespacedwirecommit.md) | Creates a namespaced [wireCommit()](./x-components.wirecommit.md) for the module name passed. |
@@ -69,6 +73,8 @@ X-Components is a library usable everywhere not only for search experiences.
 |  [namespacedWireDispatch(moduleName)](./x-components.namespacedwiredispatch.md) | Creates a namespaced [wireDispatch()](./x-components.wiredispatch.md) for the module name passed. |
 |  [namespacedWireDispatchWithoutPayload(moduleName)](./x-components.namespacedwiredispatchwithoutpayload.md) | Creates a namespaced [wireDispatchWithoutPayload()](./x-components.wiredispatchwithoutpayload.md) for the module name passed. |
 |  [normalizeString(string)](./x-components.normalizestring.md) | Trims the string, transforms it to lower case, and removes [combining diacritical marks](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks) from it. |
+|  [setConfig(state, config)](./x-components.setconfig.md) | Sets the request config. Can be used as a mutation. |
+|  [setQuery(state, query)](./x-components.setquery.md) | Sets the query of the module. |
 |  [setStatus(state, status)](./x-components.setstatus.md) | Sets the request status. Can be used as a mutation. |
 |  [setupDevtools(app)](./x-components.setupdevtools.md) | **_(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. |
 |  [throttle(wire, timeInMs, options)](./x-components.throttle.md) | 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 <code>timeInMs</code> parameter. |
@@ -84,7 +90,6 @@ X-Components is a library usable everywhere not only for search experiences.
 |  [useOnDisplay({ element, callback, triggerOnce })](./x-components.useondisplay.md) | 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. |
 |  [useScroll(props, { emit }, scrollEl)](./x-components.usescroll.md) | Composable to share Scroll logic. |
 |  [useState(module, paths)](./x-components.usestate.md) | Function which returns the requested state's properties as a dictionary. |
-|  [useStore()](./x-components.usestore.md) | Function which returns the <code>$store</code> object from the current component instance. |
 |  [useXBus()](./x-components.usexbus.md) | Composable which injects the current location, returns the <code>on</code> and <code>emit</code> functions using the bus and applying component metadata. Also unsubscribe from events when components is unmounted. |
 |  [wireCommit(mutation, payloadFactory)](./x-components.wirecommit.md) | 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. |
 |  [wireCommit(mutation, staticPayload)](./x-components.wirecommit_1.md) | 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. |
@@ -101,6 +106,8 @@ X-Components is a library usable everywhere not only for search experiences.
 
 |  Interface | Description |
 |  --- | --- |
+|  [ConfigMutations](./x-components.configmutations.md) | Config mutations, containing a method to change the current config and other to merge a new one. |
+|  [CreateRelatedTagsQueryGetterOptions](./x-components.createrelatedtagsquerygetteroptions.md) | Options to create a getter that combines the query with the selected related tags. |
 |  [DebouncedFunction](./x-components.debouncedfunction.md) | 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 <code>cancel()</code> to cancel pending timeouts. |
 |  [DebounceOptions](./x-components.debounceoptions.md) | Debounce options for the strategies that the debounce would use. |
 |  [DeviceActions](./x-components.deviceactions.md) | Device store actions. |
@@ -160,6 +167,7 @@ X-Components is a library usable everywhere not only for search experiences.
 |  [NextQueriesActions](./x-components.nextqueriesactions.md) | Next queries module actions. |
 |  [NextQueriesConfig](./x-components.nextqueriesconfig.md) | Configuration options for the [NextQueriesXModule](./x-components.nextqueriesxmodule.md)<!-- -->. |
 |  [NextQueriesGetters](./x-components.nextqueriesgetters.md) | Next queries module getters. |
+|  [NextQueriesGroup](./x-components.nextqueriesgroup.md) | Next queries group interface for the NextQueries. |
 |  [NextQueriesMutations](./x-components.nextqueriesmutations.md) | Next queries module mutations. |
 |  [NextQueriesState](./x-components.nextqueriesstate.md) | Next queries module state. |
 |  [NextQueriesXEvents](./x-components.nextqueriesxevents.md) | Dictionary of the events of NextQueries XModule, where each key is the event name, and the value is the event payload type or <code>void</code> if it has no payload. |
@@ -177,9 +185,11 @@ X-Components is a library usable everywhere not only for search experiences.
 |  [QueriesPreviewMutations](./x-components.queriespreviewmutations.md) | QueriesPreview store mutations. |
 |  [QueriesPreviewState](./x-components.queriespreviewstate.md) | QueriesPreview store state. |
 |  [QueriesPreviewXEvents](./x-components.queriespreviewxevents.md) | Dictionary of the events of QueriesPreview XModule, where each key is the event name, and the value is the event payload type or <code>void</code> if it has no payload. |
+|  [QueryMutations](./x-components.querymutations.md) | The [QueryState](./x-components.querystate.md) mutations. |
 |  [QueryPreviewInfo](./x-components.querypreviewinfo.md) | Information to render or request a query preview with. |
 |  [QueryPreviewItem](./x-components.querypreviewitem.md) | QueriesPreview store state. |
 |  [QueryPreviewStatusPayload](./x-components.querypreviewstatuspayload.md) | Payload to use in the <code>setStatus</code> mutation. |
+|  [QueryState](./x-components.querystate.md) | Query state type, containing a property to hold the current query of the module. |
 |  [QuerySuggestionsActions](./x-components.querysuggestionsactions.md) | QuerySuggestions store actions. |
 |  [QuerySuggestionsConfig](./x-components.querysuggestionsconfig.md) | Configuration options for the [QuerySuggestionsXModule](./x-components.querysuggestionsxmodule.md)<!-- -->. |
 |  [QuerySuggestionsGetters](./x-components.querysuggestionsgetters.md) | QuerySuggestions store getters. |
@@ -192,6 +202,11 @@ X-Components is a library usable everywhere not only for search experiences.
 |  [RecommendationsMutations](./x-components.recommendationsmutations.md) | Recommendations store mutations. |
 |  [RecommendationsState](./x-components.recommendationsstate.md) | Recommendations store state. |
 |  [RecommendationsXEvents](./x-components.recommendationsxevents.md) | Dictionary of the events of Recommendations XModule, where each key is the event name, and the value is the event payload type or <code>void</code> if it has no payload. |
+|  [RelatedPromptsActions](./x-components.relatedpromptsactions.md) | Related prompts module actions. |
+|  [RelatedPromptsGetters](./x-components.relatedpromptsgetters.md) | Related prompts module getters. |
+|  [RelatedPromptsMutations](./x-components.relatedpromptsmutations.md) | Related prompts module mutations. |
+|  [RelatedPromptsState](./x-components.relatedpromptsstate.md) | Related prompts module state. |
+|  [RelatedPromptsXEvents](./x-components.relatedpromptsxevents.md) | Dictionary of the events of RelatedPrompts XModule, where each key is the event name, and the value is the event payload type or <code>void</code> if it has no payload. |
 |  [RelatedTagsActions](./x-components.relatedtagsactions.md) | RelatedTags store actions. |
 |  [RelatedTagsConfig](./x-components.relatedtagsconfig.md) | Configuration options for the [RelatedTagsXModule](./x-components.relatedtagsxmodule.md)<!-- -->. |
 |  [RelatedTagsGetters](./x-components.relatedtagsgetters.md) | RelatedTags store getters. |
@@ -237,6 +252,7 @@ X-Components is a library usable everywhere not only for search experiences.
 |  [TaggingXEvents](./x-components.taggingxevents.md) | Dictionary of the events of Tagging XModule, where each key is the event name, and the value is the event payload type or <code>void</code> if it has no payload. |
 |  [ThrottleFunction](./x-components.throttlefunction.md) | The type returned by the [throttle()](./x-components.throttle.md) function. Basically is the function the [throttle()](./x-components.throttle.md) receives but throttled. |
 |  [TimedWireOperatorOptions](./x-components.timedwireoperatoroptions.md) | Options for wire operators that delay subscribers. |
+|  [TypingOptions](./x-components.typingoptions.md) | TypingOptions interface. |
 |  [UrlActions](./x-components.urlactions.md) | URL store actions. |
 |  [UrlGetters](./x-components.urlgetters.md) | URL store getters. |
 |  [UrlMutations](./x-components.urlmutations.md) | URL store mutations. |
@@ -311,6 +327,7 @@ X-Components is a library usable everywhere not only for search experiences.
 |  [BaseResultPreviousPrice](./x-components.baseresultpreviousprice.md) | Component that renders the [Result](./x-types.result.md) previous price. |
 |  [BaseResultRating](./x-components.baseresultrating.md) | This component renders a [BaseRating](./x-components.baserating.md) for a result passed as prop. |
 |  [BaseScroll](./x-components.basescroll.md) | 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. |
+|  [BaseSlider](./x-components.baseslider.md) | <p>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.</p><p>It makes use of the nouslider library</p> |
 |  [BaseSuggestion](./x-components.basesuggestion.md) | <p>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.</p><p>The default slot receives the suggestion and the matched query has props.</p> |
 |  [BaseSuggestions](./x-components.basesuggestions.md) | Paints a list of suggestions passed in by prop. Requires a component for a single suggestion in the default slot for working. |
 |  [BaseSwitch](./x-components.baseswitch.md) | 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. |
@@ -325,6 +342,7 @@ X-Components is a library usable everywhere not only for search experiences.
 |  [cancelFetchAndSavePopularSearches](./x-components.cancelfetchandsavepopularsearches.md) | Default implementation for [PopularSearchesActions.cancelFetchAndSaveSuggestions()](./x-components.popularsearchesactions.cancelfetchandsavesuggestions.md) action. |
 |  [cancelFetchAndSaveQuerySuggestions](./x-components.cancelfetchandsavequerysuggestions.md) | Default implementation for [QuerySuggestionsActions.cancelFetchAndSaveSuggestions()](./x-components.querysuggestionsactions.cancelfetchandsavesuggestions.md) action. |
 |  [cancelFetchAndSaveRecommendations](./x-components.cancelfetchandsaverecommendations.md) | Default implementation for [RecommendationsActions.cancelFetchAndSaveRecommendations()](./x-components.recommendationsactions.cancelfetchandsaverecommendations.md) action. |
+|  [cancelFetchAndSaveRelatedPrompts](./x-components.cancelfetchandsaverelatedprompts.md) | Default implementation for [RelatedPromptsActions.cancelFetchAndSaveRelatedPrompts()](./x-components.relatedpromptsactions.cancelfetchandsaverelatedprompts.md) action. |
 |  [cancelFetchAndSaveRelatedTags](./x-components.cancelfetchandsaverelatedtags.md) | Default implementation for [RelatedTagsActions.fetchAndSaveRelatedTags()](./x-components.relatedtagsactions.fetchandsaverelatedtags.md) action. |
 |  [cancelFetchAndSaveRelatedTagsWire](./x-components.cancelfetchandsaverelatedtagswire.md) | Cancels the [RelatedTagsActions.fetchAndSaveRelatedTags()](./x-components.relatedtagsactions.fetchandsaverelatedtags.md) request promise. |
 |  [cancelFetchAndSaveSearchResponse](./x-components.cancelfetchandsavesearchresponse.md) | Default implementation for [SearchActions.cancelFetchAndSaveSearchResponse()](./x-components.searchactions.cancelfetchandsavesearchresponse.md) action. |
@@ -351,6 +369,7 @@ X-Components is a library usable everywhere not only for search experiences.
 |  [debounceFunction](./x-components.debouncefunction.md) | 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. |
 |  [DeviceDetector](./x-components.devicedetector.md) | 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. |
 |  [deviceXModule](./x-components.devicexmodule.md) | Device [XModule](./x-components.xmodule.md) implementation. This module is auto-registered as soon as you import any component from the <code>device</code> entry point. |
+|  [DisplayClickProvider](./x-components.displayclickprovider.md) |  |
 |  [DisplayEmitter](./x-components.displayemitter.md) | A component that emits a display event when it first appears in the viewport. |
 |  [EditableNumberRangeFilter](./x-components.editablenumberrangefilter.md) | <p>Renders an editable number range filter. It has two input fields to handle min and max values, emitting the needed events when clicked.</p><p>It provides a default slot, with some utils bind, to customize the whole component; and two named slots <code>apply-content</code> and <code>clear-content</code> to override each button content.</p><p>If <code>instant</code> prop is true, the needed events are emitted immediately; else, apply button is rendered to confirm to do it. False by default.</p><p>If <code>clear</code> prop is true, clear button, which sets to null component min and max values, is rendered. True by default.</p> |
 |  [Empathize](./x-components.empathize.md) | Component containing the empathize. It has a required slot to define its content and two props to define when to open and close it: <code>eventsToOpenEmpathize</code> and <code>eventsToCloseEmpathize</code>. |
@@ -380,6 +399,7 @@ X-Components is a library usable everywhere not only for search experiences.
 |  [fetchAndSaveQueryPreviewWire](./x-components.fetchandsavequerypreviewwire.md) | Requests and stores the cacheable query preview results. |
 |  [fetchAndSaveQuerySuggestions](./x-components.fetchandsavequerysuggestions.md) | Default implementation for [QuerySuggestionsActions.fetchAndSaveSuggestions()](./x-components.querysuggestionsactions.fetchandsavesuggestions.md) action. |
 |  [fetchAndSaveRecommendations](./x-components.fetchandsaverecommendations.md) | Default implementation for [RecommendationsActions.fetchAndSaveRecommendations()](./x-components.recommendationsactions.fetchandsaverecommendations.md) action. |
+|  [fetchAndSaveRelatedPrompts](./x-components.fetchandsaverelatedprompts.md) | Default implementation for [RelatedPromptsActions.fetchAndSaveRelatedPrompts()](./x-components.relatedpromptsactions.fetchandsaverelatedprompts.md) action. |
 |  [fetchAndSaveRelatedTags](./x-components.fetchandsaverelatedtags.md) | Default implementation for [RelatedTagsActions.fetchAndSaveRelatedTags()](./x-components.relatedtagsactions.fetchandsaverelatedtags.md) action. |
 |  [fetchAndSaveRelatedTagsWire](./x-components.fetchandsaverelatedtagswire.md) | Requests and stores the related tags. |
 |  [fetchAndSaveSearchResponse](./x-components.fetchandsavesearchresponse.md) | Default implementation for [SearchActions.fetchAndSaveSearchResponse()](./x-components.searchactions.fetchandsavesearchresponse.md) action. |
@@ -394,6 +414,7 @@ X-Components is a library usable everywhere not only for search experiences.
 |  [fetchQueryPreview](./x-components.fetchquerypreview.md) | Default implementation for the [QueriesPreviewActions.fetchQueryPreview()](./x-components.queriespreviewactions.fetchquerypreview.md)<!-- -->. |
 |  [fetchQuerySuggestions](./x-components.fetchquerysuggestions.md) | Default implementation for the [QuerySuggestionsActions.fetchSuggestions()](./x-components.querysuggestionsactions.fetchsuggestions.md)<!-- -->. |
 |  [fetchRecommendations](./x-components.fetchrecommendations.md) | Default implementation for the [RecommendationsActions.fetchRecommendations()](./x-components.recommendationsactions.fetchrecommendations.md)<!-- -->. |
+|  [fetchRelatedPrompts](./x-components.fetchrelatedprompts.md) | Default implementation for the [RelatedPromptsActions.fetchRelatedPrompts()](./x-components.relatedpromptsactions.fetchrelatedprompts.md)<!-- -->. |
 |  [fetchRelatedTags](./x-components.fetchrelatedtags.md) | Default implementation for the [RelatedTagsActions.fetchRelatedTags()](./x-components.relatedtagsactions.fetchrelatedtags.md)<!-- -->. |
 |  [fetchSearchResponse](./x-components.fetchsearchresponse.md) | Default implementation for the [SearchActions.fetchSearchResponse()](./x-components.searchactions.fetchsearchresponse.md)<!-- -->. |
 |  [fetchSemanticQuery](./x-components.fetchsemanticquery.md) | Default implementation for the [SemanticQueriesActions.fetchSemanticQuery()](./x-components.semanticqueriesactions.fetchsemanticquery.md)<!-- -->. |
@@ -440,6 +461,7 @@ X-Components is a library usable everywhere not only for search experiences.
 |  [NumberRangeFilter](./x-components.numberrangefilter.md) | Renders a number range filter, emitting the needed events when clicked. |
 |  [OpenMainModal](./x-components.openmainmodal.md) | Button to open the [MainModal](./x-components.mainmodal.md)<!-- -->. |
 |  [PageLoaderButton](./x-components.pageloaderbutton.md) | Component that renders a text with the number of rendered results and the remaining ones and a <code>&lt;BaseEventButton&gt;</code> with the logic of emitting the event "UserReachedResultsListEnd" to load more results on click. |
+|  [PageSelector](./x-components.pageselector.md) | 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. |
 |  [PartialQueryButton](./x-components.partialquerybutton.md) | 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. |
 |  [PartialResultsList](./x-components.partialresultslist.md) | 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. |
 |  [PopularSearch](./x-components.popularsearch.md) | 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. |
@@ -467,6 +489,11 @@ X-Components is a library usable everywhere not only for search experiences.
 |  [Redirection](./x-components.redirection.md) | A redirection is a component that sends the user to a link in the website. It is helpful when there are queries like <code>help</code>, <code>shipping costs</code>, <code>my account</code>, where a link to a section in the website will be more helpful than the set of results returned. |
 |  [refreshHistoryQueriesSession](./x-components.refreshhistoryqueriessession.md) | Triggers a session refresh, extending its validity for the time configured in the [HistoryQueriesConfig.sessionTTLInMs](./x-components.historyqueriesconfig.sessionttlinms.md)<!-- -->. |
 |  [refreshSession](./x-components.refreshsession.md) | Default implementation for the [HistoryQueriesActions.refreshSession()](./x-components.historyqueriesactions.refreshsession.md)<!-- -->. |
+|  [RelatedPrompt](./x-components.relatedprompt.md) | This component shows a suggested related prompt. |
+|  [relatedPromptRequest](./x-components.relatedpromptrequest.md) | Default implementation for the [RelatedPromptsGetters.request](./x-components.relatedpromptsgetters.request.md) getter. |
+|  [RelatedPromptsList](./x-components.relatedpromptslist.md) | Component that inserts groups of related prompts in different positions of the injected search items list, based on the provided configuration. |
+|  [RelatedPromptsTagList](./x-components.relatedpromptstaglist.md) | <p>This component shows the list of <code>RelatedPrompts</code> components.</p><p>If the default slot is reimplemented in the consumer, <code>onSelect</code> function will be necessary to handle the selection of the related prompt and to trigger the stagger-fade-slide animation.</p> |
+|  [relatedPromptsXModule](./x-components.relatedpromptsxmodule.md) | Related Prompts [XModule](./x-components.xmodule.md) implementation. This module is auto-registered as soon as you import any component from the <code>related-prompts</code> entry point. |
 |  [RelatedTag](./x-components.relatedtag.md) | 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\*. |
 |  [relatedTags](./x-components.relatedtags.md) | Default implementation for the [RelatedTagsGetters.relatedTags](./x-components.relatedtagsgetters.relatedtags.md) getter. |
 |  [RelatedTags](./x-components.relatedtags.md) | This component renders a set of \[<code>RelatedTag</code>\](./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\*. |
@@ -621,6 +648,8 @@ X-Components is a library usable everywhere not only for search experiences.
 |  [trackNoResultsQueryWithSemanticsWireDebounced](./x-components.tracknoresultsquerywithsemanticswiredebounced.md) | . Debounced version of [trackNoResultsQueryWithSemanticsWire](./x-components.tracknoresultsquerywithsemanticswire.md) |
 |  [trackQueryWire](./x-components.trackquerywire.md) | Tracks the tagging of the query. |
 |  [trackResultClickedWire](./x-components.trackresultclickedwire.md) | Tracks the tagging of the result. |
+|  [trackToolingAdd2CartWire](./x-components.tracktoolingadd2cartwire.md) | Performs a track of a display result being clicked. |
+|  [trackToolingDisplayClickedWire](./x-components.tracktoolingdisplayclickedwire.md) | Performs a track of a display result being clicked. |
 |  [updateHistoryQueriesWithSearchResponse](./x-components.updatehistoryquerieswithsearchresponse.md) | Updates the history queries with the relevant info included in a search response. |
 |  [UrlHandler](./x-components.urlhandler.md) | 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. |
 |  [urlXModule](./x-components.urlxmodule.md) | URL [XModule](./x-components.xmodule.md) implementation. This module is auto-registered as soon as you import any component from the <code>url</code> entry point. |
@@ -719,6 +748,9 @@ X-Components is a library usable everywhere not only for search experiences.
 |  [RecommendationsActionContext](./x-components.recommendationsactioncontext.md) | Alias type for actions context of the [RecommendationsXStoreModule](./x-components.recommendationsxstoremodule.md)<!-- -->. |
 |  [RecommendationsXModule](./x-components.recommendationsxmodule.md) | Recommendations [XModule](./x-components.xmodule.md) alias. |
 |  [RecommendationsXStoreModule](./x-components.recommendationsxstoremodule.md) | Recommendations type safe store module. |
+|  [RelatedPromptsActionContext](./x-components.relatedpromptsactioncontext.md) | Alias type for actions context of the [RelatedPromptsXStoreModule](./x-components.relatedpromptsxstoremodule.md)<!-- -->. |
+|  [RelatedPromptsXModule](./x-components.relatedpromptsxmodule.md) | RelatedPrompts [XModule](./x-components.xmodule.md) alias. |
+|  [RelatedPromptsXStoreModule](./x-components.relatedpromptsxstoremodule.md) | Related prompts store module. |
 |  [RelatedTagsActionContext](./x-components.relatedtagsactioncontext.md) | Alias type for actions context of the [RelatedTagsXStoreModule](./x-components.relatedtagsxstoremodule.md)<!-- -->. |
 |  [RelatedTagsXModule](./x-components.relatedtagsxmodule.md) | RelatedTags [XModule](./x-components.xmodule.md) alias. |
 |  [RelatedTagsXStoreModule](./x-components.relatedtagsxstoremodule.md) | RelatedTags type safe store module. |

package/docs/API-reference/api/x-components.mergeconfig.md

@@ -0,0 +1,27 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [mergeConfig](./x-components.mergeconfig.md)
+
+## mergeConfig() function
+
+Merges a new config with the current one. Can be used as a mutation.
+
+**Signature:**
+
+```typescript
+export declare function mergeConfig<T extends {
+    config: T['config'];
+}>(state: T, config: Partial<T['config']>): void;
+```
+
+## Parameters
+
+|  Parameter | Type | Description |
+|  --- | --- | --- |
+|  state | T | The [state](https://vuex.vuejs.org/guide/state.html) provided by Vuex. |
+|  config | Partial&lt;T\['config'\]&gt; | The config to be merged. |
+
+**Returns:**
+
+void
+