@empathyco/x-components 3.0.0-alpha.156 → 3.0.0-alpha.159

package/CHANGELOG.md

@@ -3,6 +3,53 @@
 All notable changes to this project will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.0.0-alpha.159](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.158...@empathyco/x-components@3.0.0-alpha.159) (2022-08-24)
+
+### Documentation
+
+- update functional docs callout formatting (#671)
+  ([5f1de74](https://github.com/empathyco/x/commit/5f1de74c2e86adb638d692781483cac1ccf70a71))
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## [3.0.0-alpha.158](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.156...@empathyco/x-components@3.0.0-alpha.158) (2022-08-24)
+
+### Features
+
+- **adapter:** disable cancel http client (#658)
+  ([3b5b86d](https://github.com/empathyco/x/commit/3b5b86d4725edefa084181a704df716a389eecbc)),
+  closes [EX-6875](https://searchbroker.atlassian.net/browse/EX-6875)
+- **queries-preview:** create `queriesPreview` module (#670)
+  ([317d961](https://github.com/empathyco/x/commit/317d961e94b0b7454cb4d858d401c4264c74cf0e)),
+  closes [EX-6638](https://searchbroker.atlassian.net/browse/EX-6638)
+
+### Bug Fixes
+
+- conflict version (#673)
+  ([fb74dd0](https://github.com/empathyco/x/commit/fb74dd0b992522a9441da1daabe5a8789426324f)),
+  closes [EX-6896](https://searchbroker.atlassian.net/browse/EX-6896)
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## [3.0.0-alpha.157](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.156...@empathyco/x-components@3.0.0-alpha.157) (2022-08-24)
+
+### Features
+
+- **queries-preview:** create `queriesPreview` module (#670)
+  ([317d961](https://github.com/empathyco/x/commit/317d961e94b0b7454cb4d858d401c4264c74cf0e)),
+  closes [EX-6638](https://searchbroker.atlassian.net/browse/EX-6638)
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
 ## [3.0.0-alpha.156](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.155...@empathyco/x-components@3.0.0-alpha.156) (2022-08-19)
 
 **Note:** Version bump only for package @empathyco/x-components

package/core/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/design-system/full-theme.css

@@ -1310,6 +1310,47 @@
 [dir="rtl"] .x-input-group > .x-input-group__action:last-child {
   margin-left: calc(var(--x-size-border-width-right-input-group-default) * -1);
 }
+.x-input-group--line .x-input-group,
+.x-input-group--line.x-input-group {
+  --x-size-border-width-top-input-group-default: var(--x-size-border-width-top-input-group-line);
+  --x-size-border-width-right-input-group-default: var(
+    --x-size-border-width-right-input-group-line
+  );
+  --x-size-border-width-bottom-input-group-default: var(
+    --x-size-border-width-bottom-input-group-line
+  );
+  --x-size-border-width-left-input-group-default: var(--x-size-border-width-left-input-group-line);
+}
+.x-input-group--line .x-input-group > *:not(.x-input-group__action),
+.x-input-group--line.x-input-group > *:not(.x-input-group__action) {
+  --x-size-padding-right-input-group-default: var(--x-size-padding-right-input-group-line);
+  --x-size-padding-left-input-group-default: var(--x-size-padding-left-input-group-line);
+}
+[dir="ltr"] .x-input-group--line .x-input-group > .x-input-group__action,[dir="ltr"] 
+.x-input-group--line.x-input-group > .x-input-group__action {
+  margin-right: calc(var(--x-size-border-width-right-input-group-line) * -1) !important;
+}
+[dir="rtl"] .x-input-group--line .x-input-group > .x-input-group__action,[dir="rtl"] 
+.x-input-group--line.x-input-group > .x-input-group__action {
+  margin-left: calc(var(--x-size-border-width-right-input-group-line) * -1) !important;
+}
+[dir="ltr"] .x-input-group--line .x-input-group > .x-input-group__action,[dir="ltr"] 
+.x-input-group--line.x-input-group > .x-input-group__action {
+  margin-left: calc(
+      var(--x-size-border-width-inline-input-group-line) * -1
+    ) !important;
+}
+[dir="rtl"] .x-input-group--line .x-input-group > .x-input-group__action,[dir="rtl"] 
+.x-input-group--line.x-input-group > .x-input-group__action {
+  margin-right: calc(
+      var(--x-size-border-width-inline-input-group-line) * -1
+    ) !important;
+}
+.x-input-group--line .x-input-group > .x-input-group__action,
+.x-input-group--line.x-input-group > .x-input-group__action {
+  margin-top: calc(var(--x-size-border-width-top-input-group-line) * -1) !important;
+  margin-bottom: calc(var(--x-size-border-width-bottom-input-group-line) * -1) !important;
+}
 :root {
   --x-color-background-input-group-default: var(--x-color-background-input-default);
   --x-color-border-input-group-default: var(--x-color-border-input-default);
@@ -1353,47 +1394,6 @@
   );
   --x-number-font-weight-input-group-default-button: var(--x-number-font-weight-base-light);
 }
-.x-input-group--line .x-input-group,
-.x-input-group--line.x-input-group {
-  --x-size-border-width-top-input-group-default: var(--x-size-border-width-top-input-group-line);
-  --x-size-border-width-right-input-group-default: var(
-    --x-size-border-width-right-input-group-line
-  );
-  --x-size-border-width-bottom-input-group-default: var(
-    --x-size-border-width-bottom-input-group-line
-  );
-  --x-size-border-width-left-input-group-default: var(--x-size-border-width-left-input-group-line);
-}
-.x-input-group--line .x-input-group > *:not(.x-input-group__action),
-.x-input-group--line.x-input-group > *:not(.x-input-group__action) {
-  --x-size-padding-right-input-group-default: var(--x-size-padding-right-input-group-line);
-  --x-size-padding-left-input-group-default: var(--x-size-padding-left-input-group-line);
-}
-[dir="ltr"] .x-input-group--line .x-input-group > .x-input-group__action,[dir="ltr"] 
-.x-input-group--line.x-input-group > .x-input-group__action {
-  margin-right: calc(var(--x-size-border-width-right-input-group-line) * -1) !important;
-}
-[dir="rtl"] .x-input-group--line .x-input-group > .x-input-group__action,[dir="rtl"] 
-.x-input-group--line.x-input-group > .x-input-group__action {
-  margin-left: calc(var(--x-size-border-width-right-input-group-line) * -1) !important;
-}
-[dir="ltr"] .x-input-group--line .x-input-group > .x-input-group__action,[dir="ltr"] 
-.x-input-group--line.x-input-group > .x-input-group__action {
-  margin-left: calc(
-      var(--x-size-border-width-inline-input-group-line) * -1
-    ) !important;
-}
-[dir="rtl"] .x-input-group--line .x-input-group > .x-input-group__action,[dir="rtl"] 
-.x-input-group--line.x-input-group > .x-input-group__action {
-  margin-right: calc(
-      var(--x-size-border-width-inline-input-group-line) * -1
-    ) !important;
-}
-.x-input-group--line .x-input-group > .x-input-group__action,
-.x-input-group--line.x-input-group > .x-input-group__action {
-  margin-top: calc(var(--x-size-border-width-top-input-group-line) * -1) !important;
-  margin-bottom: calc(var(--x-size-border-width-bottom-input-group-line) * -1) !important;
-}
 :root {
   --x-size-padding-left-input-group-line: 0;
   --x-size-padding-right-input-group-line: 0;

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

@@ -272,6 +272,11 @@ X-Components is a library usable everywhere not only for search experiences.
 |  [PopularSearchesState](./x-components.popularsearchesstate.md) | Popular searches module state. |
 |  [PopularSearchesXEvents](./x-components.popularsearchesxevents.md) | Dictionary of the events of PopularSearches 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. |
 |  [PrivateXModuleOptions](./x-components.privatexmoduleoptions.md) | Options for overriding the default store module and store emitters for a [XModule](./x-components.xmodule.md)<!-- -->. |
+|  [QueriesPreviewActions](./x-components.queriespreviewactions.md) | QueriesPreview store actions. |
+|  [QueriesPreviewGetters](./x-components.queriespreviewgetters.md) | QueriesPreview store getters. |
+|  [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. |
 |  [QueryPreview](./x-components.querypreview.md) | Information to render a query preview with. |
 |  [QuerySuggestionsActions](./x-components.querysuggestionsactions.md) | QuerySuggestions store actions. |
 |  [QuerySuggestionsConfig](./x-components.querysuggestionsconfig.md) | Configuration options for the [QuerySuggestionsXModule](./x-components.querysuggestionsxmodule.md)<!-- -->. |
@@ -470,6 +475,7 @@ X-Components is a library usable everywhere not only for search experiences.
 |  [popularSearches](./x-components.popularsearches.md) | Default implementation for the [PopularSearchesGetters.popularSearches](./x-components.popularsearchesgetters.popularsearches.md) getter. |
 |  [popularSearchesRequest](./x-components.popularsearchesrequest.md) | Default implementation for the [PopularSearchesGetters.request](./x-components.popularsearchesgetters.request.md) getter. |
 |  [popularSearchesXModule](./x-components.popularsearchesxmodule.md) | Popular searches [XModule](./x-components.xmodule.md) implementation. This module is auto-registered as soon as you import any component from the <code>popular-searches</code> entry point. |
+|  [queriesPreviewXModule](./x-components.queriespreviewxmodule.md) | QueriesPreview [XModule](./x-components.xmodule.md) implementation. This module is auto-registered as soon as you import any component from the <code>queries-preview</code> entry point. |
 |  [querySuggestions](./x-components.querysuggestions.md) | Default implementation for the [QuerySuggestionsGetter.querySuggestions()](./x-components.querysuggestionsgetter.querysuggestions.md) getter. |
 |  [querySuggestionsRequest](./x-components.querysuggestionsrequest.md) | Default implementation for the [QuerySuggestionsGetters.request](./x-components.querysuggestionsgetters.request.md) getter. |
 |  [querySuggestionsXModule](./x-components.querysuggestionsxmodule.md) | QuerySuggestions [XModule](./x-components.xmodule.md) implementation. This module is auto-registered as soon as you import any component from the <code>query-suggestions</code> entry point. |
@@ -652,6 +658,9 @@ X-Components is a library usable everywhere not only for search experiences.
 |  [PopularSearchesXStoreModule](./x-components.popularsearchesxstoremodule.md) | Popular searches store module. |
 |  [PrivateXModulesOptions](./x-components.privatexmodulesoptions.md) | Options for overriding the default store module and store emitters for each [XModule](./x-components.xmodule.md)<!-- -->. |
 |  [PropsWithType](./x-components.propswithtype.md) | Extracts the name of the properties of an object that match a type. |
+|  [QueriesPreviewActionContext](./x-components.queriespreviewactioncontext.md) | Alias type for actions context of the [QueriesPreviewXStoreModule](./x-components.queriespreviewxstoremodule.md)<!-- -->. |
+|  [QueriesPreviewXModule](./x-components.queriespreviewxmodule.md) | QueriesPreview [XModule](./x-components.xmodule.md) alias. |
+|  [QueriesPreviewXStoreModule](./x-components.queriespreviewxstoremodule.md) | QueriesPreview type safe store module. |
 |  [QueryFeature](./x-components.queryfeature.md) | The name of the tool that generated the query. |
 |  [QueryOrigin](./x-components.queryorigin.md) | 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. |
 |  [QueryOriginInit](./x-components.queryorigininit.md) | Parameters to create a [QueryOrigin](./x-components.queryorigin.md) or [ResultOrigin](./x-components.resultorigin.md)<!-- -->. |

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

@@ -0,0 +1,15 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [QueriesPreviewActionContext](./x-components.queriespreviewactioncontext.md)
+
+## QueriesPreviewActionContext type
+
+Alias type for actions context of the [QueriesPreviewXStoreModule](./x-components.queriespreviewxstoremodule.md)<!-- -->.
+
+<b>Signature:</b>
+
+```typescript
+export declare type QueriesPreviewActionContext = XActionContext<QueriesPreviewState, QueriesPreviewGetters, QueriesPreviewMutations, QueriesPreviewActions>;
+```
+<b>References:</b> [XActionContext](./x-components.xactioncontext.md)<!-- -->, [QueriesPreviewState](./x-components.queriespreviewstate.md)<!-- -->, [QueriesPreviewGetters](./x-components.queriespreviewgetters.md)<!-- -->, [QueriesPreviewMutations](./x-components.queriespreviewmutations.md)<!-- -->, [QueriesPreviewActions](./x-components.queriespreviewactions.md)
+

package/docs/API-reference/api/x-components.queriespreviewactions.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; [QueriesPreviewActions](./x-components.queriespreviewactions.md)
+
+## QueriesPreviewActions interface
+
+QueriesPreview store actions.
+
+<b>Signature:</b>
+
+```typescript
+export interface QueriesPreviewActions 
+```

package/docs/API-reference/api/x-components.queriespreviewgetters.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; [QueriesPreviewGetters](./x-components.queriespreviewgetters.md)
+
+## QueriesPreviewGetters interface
+
+QueriesPreview store getters.
+
+<b>Signature:</b>
+
+```typescript
+export interface QueriesPreviewGetters 
+```

package/docs/API-reference/api/x-components.queriespreviewmutations.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; [QueriesPreviewMutations](./x-components.queriespreviewmutations.md)
+
+## QueriesPreviewMutations interface
+
+QueriesPreview store mutations.
+
+<b>Signature:</b>
+
+```typescript
+export interface QueriesPreviewMutations 
+```

package/docs/API-reference/api/x-components.queriespreviewstate.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; [QueriesPreviewState](./x-components.queriespreviewstate.md)
+
+## QueriesPreviewState interface
+
+QueriesPreview store state.
+
+<b>Signature:</b>
+
+```typescript
+export interface QueriesPreviewState 
+```

package/docs/API-reference/api/x-components.queriespreviewxevents.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; [QueriesPreviewXEvents](./x-components.queriespreviewxevents.md)
+
+## QueriesPreviewXEvents interface
+
+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.
+
+<b>Signature:</b>
+
+```typescript
+export interface QueriesPreviewXEvents 
+```

package/docs/API-reference/api/x-components.queriespreviewxmodule.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; [queriesPreviewXModule](./x-components.queriespreviewxmodule.md)
+
+## queriesPreviewXModule variable
+
+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.
+
+<b>Signature:</b>
+
+```typescript
+queriesPreviewXModule: QueriesPreviewXModule
+```

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

@@ -0,0 +1,15 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [QueriesPreviewXStoreModule](./x-components.queriespreviewxstoremodule.md)
+
+## QueriesPreviewXStoreModule type
+
+QueriesPreview type safe store module.
+
+<b>Signature:</b>
+
+```typescript
+export declare type QueriesPreviewXStoreModule = XStoreModule<QueriesPreviewState, QueriesPreviewGetters, QueriesPreviewMutations, QueriesPreviewActions>;
+```
+<b>References:</b> [XStoreModule](./x-components.xstoremodule.md)<!-- -->, [QueriesPreviewState](./x-components.queriespreviewstate.md)<!-- -->, [QueriesPreviewGetters](./x-components.queriespreviewgetters.md)<!-- -->, [QueriesPreviewMutations](./x-components.queriespreviewmutations.md)<!-- -->, [QueriesPreviewActions](./x-components.queriespreviewactions.md)
+

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

@@ -9,13 +9,13 @@ Dictionary of all the [XEvents](./x-components.xevent.md)<!-- -->, where each ke
 <b>Signature:</b>
 
 ```typescript
-export interface XEventsTypes extends DeviceXEvents, EmpathizeXEvents, ExtraParamsXEvents, FacetsXEvents, HistoryQueriesXEvents, IdentifierResultsXEvents, NextQueriesXEvents, PopularSearchesXEvents, QuerySuggestionsXEvents, RecommendationsXEvents, RelatedTagsXEvents, ScrollXEvents, SearchBoxXEvents, SearchXEvents, TaggingXEvents, UrlXEvents 
+export interface XEventsTypes extends DeviceXEvents, EmpathizeXEvents, ExtraParamsXEvents, FacetsXEvents, HistoryQueriesXEvents, IdentifierResultsXEvents, NextQueriesXEvents, PopularSearchesXEvents, QueriesPreviewXEvents, QuerySuggestionsXEvents, RecommendationsXEvents, RelatedTagsXEvents, ScrollXEvents, SearchBoxXEvents, SearchXEvents, TaggingXEvents, UrlXEvents 
 ```
-<b>Extends:</b> [DeviceXEvents](./x-components.devicexevents.md)<!-- -->, [EmpathizeXEvents](./x-components.empathizexevents.md)<!-- -->, [ExtraParamsXEvents](./x-components.extraparamsxevents.md)<!-- -->, [FacetsXEvents](./x-components.facetsxevents.md)<!-- -->, [HistoryQueriesXEvents](./x-components.historyqueriesxevents.md)<!-- -->, [IdentifierResultsXEvents](./x-components.identifierresultsxevents.md)<!-- -->, [NextQueriesXEvents](./x-components.nextqueriesxevents.md)<!-- -->, [PopularSearchesXEvents](./x-components.popularsearchesxevents.md)<!-- -->, [QuerySuggestionsXEvents](./x-components.querysuggestionsxevents.md)<!-- -->, [RecommendationsXEvents](./x-components.recommendationsxevents.md)<!-- -->, [RelatedTagsXEvents](./x-components.relatedtagsxevents.md)<!-- -->, [ScrollXEvents](./x-components.scrollxevents.md)<!-- -->, [SearchBoxXEvents](./x-components.searchboxxevents.md)<!-- -->, [SearchXEvents](./x-components.searchxevents.md)<!-- -->, [TaggingXEvents](./x-components.taggingxevents.md)<!-- -->, [UrlXEvents](./x-components.urlxevents.md)
+<b>Extends:</b> [DeviceXEvents](./x-components.devicexevents.md)<!-- -->, [EmpathizeXEvents](./x-components.empathizexevents.md)<!-- -->, [ExtraParamsXEvents](./x-components.extraparamsxevents.md)<!-- -->, [FacetsXEvents](./x-components.facetsxevents.md)<!-- -->, [HistoryQueriesXEvents](./x-components.historyqueriesxevents.md)<!-- -->, [IdentifierResultsXEvents](./x-components.identifierresultsxevents.md)<!-- -->, [NextQueriesXEvents](./x-components.nextqueriesxevents.md)<!-- -->, [PopularSearchesXEvents](./x-components.popularsearchesxevents.md)<!-- -->, [QueriesPreviewXEvents](./x-components.queriespreviewxevents.md)<!-- -->, [QuerySuggestionsXEvents](./x-components.querysuggestionsxevents.md)<!-- -->, [RecommendationsXEvents](./x-components.recommendationsxevents.md)<!-- -->, [RelatedTagsXEvents](./x-components.relatedtagsxevents.md)<!-- -->, [ScrollXEvents](./x-components.scrollxevents.md)<!-- -->, [SearchBoxXEvents](./x-components.searchboxxevents.md)<!-- -->, [SearchXEvents](./x-components.searchxevents.md)<!-- -->, [TaggingXEvents](./x-components.taggingxevents.md)<!-- -->, [UrlXEvents](./x-components.urlxevents.md)
 
 ## Remarks
 
-Aside from common [XEvents](./x-components.xevent.md)<!-- -->, this interface also extends the different XModule's XEventsTypes: [DeviceXEvents](./x-components.devicexevents.md) [EmpathizeXEvents](./x-components.empathizexevents.md) [ExtraParamsXEvents](./x-components.extraparamsxevents.md) [FacetsXEvents](./x-components.facetsxevents.md) [HistoryQueriesXEvents](./x-components.historyqueriesxevents.md) [IdentifierResultsXEvents](./x-components.identifierresultsxevents.md) [NextQueriesXEvents](./x-components.nextqueriesxevents.md) [PopularSearchesXEvents](./x-components.popularsearchesxevents.md) [QuerySuggestionsXEvents](./x-components.querysuggestionsxevents.md)<!-- -->, [RecommendationsXEvents](./x-components.recommendationsxevents.md) [RelatedTagsXEvents](./x-components.relatedtagsxevents.md) [ScrollXEvents](./x-components.scrollxevents.md)<!-- -->, [SearchBoxXEvents](./x-components.searchboxxevents.md) [SearchXEvents](./x-components.searchxevents.md) [TaggingXEvents](./x-components.taggingxevents.md) [UrlXEvents](./x-components.urlxevents.md)
+Aside from common [XEvents](./x-components.xevent.md)<!-- -->, this interface also extends the different XModule's XEventsTypes: [DeviceXEvents](./x-components.devicexevents.md) [EmpathizeXEvents](./x-components.empathizexevents.md) [ExtraParamsXEvents](./x-components.extraparamsxevents.md) [FacetsXEvents](./x-components.facetsxevents.md) [HistoryQueriesXEvents](./x-components.historyqueriesxevents.md) [IdentifierResultsXEvents](./x-components.identifierresultsxevents.md) [NextQueriesXEvents](./x-components.nextqueriesxevents.md) [PopularSearchesXEvents](./x-components.popularsearchesxevents.md) [QueriesPreviewXEvents](./x-components.queriespreviewxevents.md)<!-- -->, [QuerySuggestionsXEvents](./x-components.querysuggestionsxevents.md)<!-- -->, [RecommendationsXEvents](./x-components.recommendationsxevents.md) [RelatedTagsXEvents](./x-components.relatedtagsxevents.md) [ScrollXEvents](./x-components.scrollxevents.md)<!-- -->, [SearchBoxXEvents](./x-components.searchboxxevents.md) [SearchXEvents](./x-components.searchxevents.md) [TaggingXEvents](./x-components.taggingxevents.md) [UrlXEvents](./x-components.urlxevents.md)
 
 ## Properties
 

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

@@ -24,6 +24,7 @@ export interface XModulesTree
 |  [identifierResults](./x-components.xmodulestree.identifierresults.md) | [IdentifierResultsXModule](./x-components.identifierresultsxmodule.md) |  |
 |  [nextQueries](./x-components.xmodulestree.nextqueries.md) | [NextQueriesXModule](./x-components.nextqueriesxmodule.md) |  |
 |  [popularSearches](./x-components.xmodulestree.popularsearches.md) | [PopularSearchesXModule](./x-components.popularsearchesxmodule.md) |  |
+|  [queriesPreview](./x-components.xmodulestree.queriespreview.md) | [QueriesPreviewXModule](./x-components.queriespreviewxmodule.md) |  |
 |  [querySuggestions](./x-components.xmodulestree.querysuggestions.md) | [QuerySuggestionsXModule](./x-components.querysuggestionsxmodule.md) |  |
 |  [recommendations](./x-components.xmodulestree.recommendations.md) | [RecommendationsXModule](./x-components.recommendationsxmodule.md) |  |
 |  [relatedTags](./x-components.xmodulestree.relatedtags.md) | [RelatedTagsXModule](./x-components.relatedtagsxmodule.md) |  |

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

@@ -0,0 +1,11 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [XModulesTree](./x-components.xmodulestree.md) &gt; [queriesPreview](./x-components.xmodulestree.queriespreview.md)
+
+## XModulesTree.queriesPreview property
+
+<b>Signature:</b>
+
+```typescript
+queriesPreview: QueriesPreviewXModule;
+```

package/docs/build-search-ui/web-how-to-use-x-components-guide.md

@@ -111,7 +111,7 @@ The `search-box` module contains these components:
 ::: interact
 
 Learn more about the
-[Search Box UI](/explore-empathy-platform/experience-search-&-discovery/search-box.md)
+[Search Box UI](/explore-empathy-platform/experience-search-and-discovery/search-box.md)
 
 :::
 

package/docs/{experience-search-&-discovery → experience-search-and-discovery}/README.md

@@ -30,7 +30,8 @@ Apps cover everything and even go beyond, thanks to their standalone, configurab
 that allow you to quickly construct the search UI for your store:
 **Interface X Components** and **Interface X Components for Apps**.
 
-**Mix and match your experience** Each X Component represents a graphical part of the UI, with
+**Mix and match your experience**  
+Each X Component represents a graphical part of the UI, with
 its own unique view and behavior. They’ve been smartly designed to **work together yet
 independently**, so a single component adds real value to your UI by itself. The more components you
 add and combine, the more functionality you get.
@@ -53,7 +54,9 @@ choose the modules and components that best suit your needs.
 - Mix & match. Customize to satisfy any design or behavior requirement
 - Mobile-ready. Designed both for web and native apps
 - Adapt to different search services
-- Easy-to-use. Intuitive search and discovery :::
+- Easy-to-use. Intuitive search and discovery
+
+:::
 
 ## Try X Components to…
 
@@ -67,13 +70,19 @@ choose the modules and components that best suit your needs.
 - Enhance the shopping experience by adding **additional features to the SERP** such as add-to-cart
   buttons or product rating information.
 
-:::warning Some X Components are supported by Empathy Platform search and discovery features.
-If you’re using a different search engine, make sure it supports all the functionalities you need.
+::: warning
+
+Some X Components are supported by Empathy Platform search and discovery features. If you’re
+using a different search engine, make sure it supports all the functionalities you need.
+
 :::
 
-::: interact Explore the Empathy Platform
-[interactive map](/explore-empathy-platform/diagram/interface/) for a sneak peak of the
-X Components available! :::
+::: interact
+
+Explore the Empathy Platform [interactive map](/explore-empathy-platform/diagram/interface/) for a
+sneak peak of the X Components available!
+
+:::
 
 ---
 
@@ -96,8 +105,12 @@ want to make the difference!
     'x_facets']"
 />
 
-::: note Check out the **Interface X for web [open-source project](https://github.com/empathyco/x)**
-on GitHub! :::
+::: note
+
+Check out the **Interface X for web [open-source project](https://github.com/empathyco/x)** on
+GitHub!
+
+:::
 
 ---
 

package/docs/{experience-search-&-discovery → experience-search-and-discovery}/empathize.md

@@ -11,7 +11,9 @@ experience that is usually displayed below the search box. Consider it the natur
 
 ![Empathize](/assets/media/xcomponents_func_empathize.gif)
 
-**Placement matters** One of the characteristics of X Components is that you can place them
+**Placement matters** 
+
+One of the characteristics of X Components is that you can place them
 wherever you want. However, you know that the placement of the search box in your shop matters. So,
 why have search suggestions and recommendations spread all over the page, far away from the search
 box? The Empathize container brings everything together so that your shoppers perceive a smooth,
@@ -92,11 +94,9 @@ search capabilities, such as Query Suggestions and Popular Searches. Don’t get
 - Determine when Empathize appears and disappears.
 - Animate how the component opens and closes.
 
-::: interact Want to know more? Learn how to [configure](/empathy-for-developers/ui-reference/) your
-web experience. :::
+::: interact
+
+Want to know more? Learn how to [configure](/develop-empathy-platform/ui-reference/) your web
+experience.
 
-<!---
-::: note
-To see Empathize in action, play with our showcase.
 :::
---->

package/docs/{experience-search-&-discovery → experience-search-and-discovery}/facets-and-filters.md

@@ -24,8 +24,12 @@ discovery**. You can guide shoppers through your product catalogue faster, allow
 and browse different product classifications directly from the faceted menu in your shop, without
 having to search.-->
 
-::: interact Can't quite capture the concept? Learn more about
-[Facets and Filters](../overview/facets-and-filters-overview.md). :::
+::: interact
+
+Can't quite capture the concept? Learn more about
+[Facets and Filters](../overview/facets-and-filters-overview.md).
+
+:::
 
 ## Build a faceted experience with X Components
 
@@ -41,7 +45,7 @@ results **clearer and more accessible**, meeting different types of faceting lay
 
 <img :src="$withBase('/assets/media/x-components_func_facets.png')" alt="Facets" />
 
-:::details Rendering facets and filters
+::: details Rendering facets and filters
 
 X&nbsp;Components for facets and filters not only enhances your shoppers’ experience by supporting
 and rendering faceted search and navigation, but also provides different ways to display a faceted
@@ -61,9 +65,11 @@ experience:
   attributes. For example, the _Price_ facet in a grocery store can display “< €0.99”, “€1 – €4.99”,
   “€5 – €9.99”, or “€10 – €19.99”. Implement **editable number range facets** and let your shoppers
   define the numerical ranges they want to filter by. Shoppers can type the desired price range to
-  filter by in the _From_ - _To_ or _Min_ - _Max_ input fields available. :::
+  filter by in the _From_ - _To_ or _Min_ - _Max_ input fields available.
 
-:::details Extending facets and filters UI
+:::
+
+::: details Extending facets and filters UI
 
 Apart from the main X&nbsp;Components for facets and filters that render product categories and
 their corresponding attributes in different ways, there are components available offering advanced
@@ -101,6 +107,7 @@ into icons or images such as stars for average rating-based filtering, for examp
 
 You can also change the default single-select behavior and activate **multi-select** controls so
 that shoppers can select more than one filter value at a time from the same facet to expand results.
+
 :::
 
 ## Tailor the web experience
@@ -129,10 +136,17 @@ that shoppers can select more than one filter value at a time from the same face
 - Customize facet data at your ease. You can opt to render facets defined in your product catalogue
   automatically, display custom facets, or even render a mix of them.
 
-::: warning Make sure your current Search microservice is compatible with this kind of
-configuration. :::
+::: warning
+
+Make sure your current Search microservice is compatible with this kind of configuration.
+
+:::
+
+::: interact
+
+Want to know more? Learn how to [configure](/develop-empathy-platform/ui-reference/) your web
+experience.
+
+:::
 
-::: interact Want to know more? Learn how to [configure](/develop-empathy-platform/ui-reference/)
-your web experience. :::
 
-[//]: # 'To see Facets and Filters in action, play with our showcase'

package/docs/{experience-search-&-discovery → experience-search-and-discovery}/history-queries.md

@@ -9,8 +9,11 @@ searches and revisit products they’ve viewed before in a few clicks.
 
 ![History Queries](/assets/media/xcomponents_func_historyqueries.gif)
 
-::: interact Can't quite capture the concept? Learn more about
-[History Queries](../features/history-queries-overview.md).  
+::: interact
+
+Can't quite capture the concept? Learn more about
+[History Queries](../features/history-queries-overview.md).
+
 :::
 
 ## Tailor the web experience
@@ -31,9 +34,11 @@ searches and revisit products they’ve viewed before in a few clicks.
   search, and it’s narrowed down using “long dress”, the history queries list only displays “long
   dress” since it represents the shopper’s real intention.
 
-::: interact  
+::: interact
+
 Want to know more? Learn how to [configure](/develop-empathy-platform/ui-reference/) your web
-experience.  
+experience.
+
 :::
 
 ## Extend the performance
@@ -43,14 +48,12 @@ component. All suggestions for shoppers about what to look next can be filtered
 shopper’s search history so that only those suggestions that haven’t been used before in that
 session will display.
 
-[//]: # 'Link only when available to Search module page in UI reference'
-
-Combine History Queries with the Search X module to ease shoppers' frustrations. That way, you can
+Combine History Queries with the [Search module](/develop-empathy-platform/ui-reference/components/search/) to ease shoppers' frustrations. That way, you can
 configure it to display only successful history searches.
 
-[//]:
-  #
-  'TIP: To know more about which data is stored in the browser’s data storage, read [page title to be defined].'
-[//]:
-  #
-  'To see History Queries in action, [play with our interactive examples](/develop-empathy-platform/ui-reference/history-queries/history-queries.md#see-it-in-action'
+
+::: interact 
+
+To know more about which data is stored in the browser’s data storage, check out [nterface X data privacy and browser local storage](/web-local-storage.md).'
+
+:::

package/docs/{experience-search-&-discovery → experience-search-and-discovery}/id-results.md

@@ -14,12 +14,16 @@ the list, they go directly to the product detail page (PDP).
 :::warning
 
 ID Results are generated using a Search service that searches the product catalogue by ID. For a
-correct performance, make sure that your current search service supports this type of feature. :::
+correct performance, make sure that your current search service supports this type of feature.
+
+:::
 
 ::: interact
 
 Don't quite understand ID results? Learn more about
-[ID Results](../features/id-results-overview.md). :::
+[ID Results](../features/id-results-overview.md).
+
+:::
 
 ## Tailor the web experience
 
@@ -29,12 +33,13 @@ Don't quite understand ID results? Learn more about
 - Show as many ID Results as you want.
 - Animate the display of ID Results at your ease.
 - Customize content. Show whatever you need: text, images, icons.
-- Extend the performance with [results-related components](results-display.md).
+- Extend the performance with [results-related components](product-results-ui.md).
 - Meet your own code reference conventions and standards with multiple product reference patterns.
 
-::: interact Want to know more? Learn how to [configure](/develop-empathy-platform/ui-reference/)
-your web experience.
+::: interact
+
+Want to know more? Learn how to [configure](/develop-empathy-platform/ui-reference/) your web
+experience.
 
 :::
 
-<!-- (To see Identifier Results in action, play with our interactive examples) -->