@empathyco/x-components 3.0.0-alpha.413 → 3.0.0-alpha.415

package/CHANGELOG.md

@@ -3,6 +3,29 @@
 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.415](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.414...@empathyco/x-components@3.0.0-alpha.415) (2023-10-04)
+
+
+### Features
+
+* **experience-controls:** experience controls module and adapter (#1307) ([6ae3f6b](https://github.com/empathyco/x/commit/6ae3f6b3d537910781dbfebf3b2e670eff391911))
+
+
+
+## [3.0.0-alpha.414](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.413...@empathyco/x-components@3.0.0-alpha.414) (2023-09-22)
+
+
+### Features
+
+* filter query preview (#1296) ([9543c47](https://github.com/empathyco/x/commit/9543c477cd8a305fd89edb9b24d046c774537c9b))
+
+
+### Documentation
+
+* **components:** fix column picker vue examples (#1293) ([fa0e817](https://github.com/empathyco/x/commit/fa0e817402261a5e7bddc9af6438ef0b3d1c7448))
+
+
+
 ## [3.0.0-alpha.413](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.412...@empathyco/x-components@3.0.0-alpha.413) (2023-09-20)
 
 

package/design-system/deprecated-full-theme.css

@@ -3550,9 +3550,6 @@
   overflow: hidden;
   white-space: nowrap;
 }
-:root {
-  --x-color-text-accent: var(--x-color-base-accent);
-}
 .x-text--bold.x-text {
   --x-number-font-weight-text: var(--x-number-font-weight-base-bold);
 }
@@ -3568,6 +3565,9 @@
 .x-text--bold.x-small {
   --x-number-font-weight-small: var(--x-number-font-weight-base-bold);
 }
+:root {
+  --x-color-text-accent: var(--x-color-base-accent);
+}
 .x-text--accent {
   --x-color-text-default: var(--x-color-text-accent);
 }
@@ -3578,6 +3578,13 @@
   --x-size-border-radius-bottom-right-tag-pill: var(--x-size-border-radius-tag-pill);
   --x-size-border-radius-bottom-left-tag-pill: var(--x-size-border-radius-tag-pill);
 }
+:root {
+  --x-size-border-radius-tag-pill: var(--x-size-border-radius-base-pill);
+  --x-size-border-radius-top-left-tag-pill: var(--x-size-border-radius-tag-pill);
+  --x-size-border-radius-top-right-tag-pill: var(--x-size-border-radius-tag-pill);
+  --x-size-border-radius-bottom-right-tag-pill: var(--x-size-border-radius-tag-pill);
+  --x-size-border-radius-bottom-left-tag-pill: var(--x-size-border-radius-tag-pill);
+}
 
 .x-tag--pill.x-tag,
 .x-tag--pill .x-tag {
@@ -3589,13 +3596,6 @@
   );
   --x-size-border-radius-bottom-left-tag-default: var(--x-size-border-radius-bottom-left-tag-pill);
 }
-:root {
-  --x-size-border-radius-tag-pill: var(--x-size-border-radius-base-pill);
-  --x-size-border-radius-top-left-tag-pill: var(--x-size-border-radius-tag-pill);
-  --x-size-border-radius-top-right-tag-pill: var(--x-size-border-radius-tag-pill);
-  --x-size-border-radius-bottom-right-tag-pill: var(--x-size-border-radius-tag-pill);
-  --x-size-border-radius-bottom-left-tag-pill: var(--x-size-border-radius-tag-pill);
-}
 :root {
   --x-color-background-tag-ghost: transparent;
   --x-color-border-tag-ghost: transparent;
@@ -5560,6 +5560,15 @@
   --x-modal-overlay-color: rgb(0, 0, 0);
   --x-modal-overlay-opacity: 0.7;
 }
+:root {
+  --x-modal-overlay-color: rgb(0, 0, 0);
+  --x-modal-overlay-opacity: 0.7;
+}
+
+.x-modal__overlay {
+  background-color: var(--x-modal-overlay-color) !important;
+  opacity: var(--x-modal-overlay-opacity) !important;
+}
 :root {
   --x-string-justify-message-default: center;
   --x-size-gap-message-default: var(--x-size-base-03);
@@ -5652,15 +5661,6 @@
 .x-message > p {
   margin: 0;
 }
-:root {
-  --x-modal-overlay-color: rgb(0, 0, 0);
-  --x-modal-overlay-opacity: 0.7;
-}
-
-.x-modal__overlay {
-  background-color: var(--x-modal-overlay-color) !important;
-  opacity: var(--x-modal-overlay-opacity) !important;
-}
 /* @deprecated */
 :root {
   --x-size-padding-list-01: var(--x-size-base-01);
@@ -6761,6 +6761,49 @@
   --x-size-border-width-bottom-input-group-line: var(--x-size-border-width-input-group-line);
   --x-size-border-width-left-input-group-line: 0;
 }
+: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);
+  --x-color-border-input-group-default-focus: var(--x-color-border-input-default-focus);
+  --x-color-text-input-group-default: var(--x-color-text-input-default);
+  --x-color-text-input-group-placeholder-default: var(--x-color-text-input-placeholder-default);
+  --x-size-height-input-group-default: var(--x-size-height-input-default);
+  --x-size-gap-input-group-default: var(--x-size-base-03);
+  --x-size-padding-left-input-group-default: var(--x-size-base-06);
+  --x-size-padding-right-input-group-default: var(--x-size-padding-left-input-group-default);
+  --x-size-padding-input-group-default-action: var(--x-size-base-03);
+  --x-size-border-width-input-group-default: var(--x-size-border-width-input-default);
+  --x-size-border-width-top-input-group-default: var(--x-size-border-width-input-group-default);
+  --x-size-border-width-right-input-group-default: var(--x-size-border-width-input-group-default);
+  --x-size-border-width-bottom-input-group-default: var(--x-size-border-width-input-group-default);
+  --x-size-border-width-left-input-group-default: var(--x-size-border-width-input-group-default);
+  --x-size-border-radius-input-group-default: var(--x-size-border-radius-input-default);
+  --x-size-border-radius-top-left-input-group-default: var(
+    --x-size-border-radius-input-group-default
+  );
+  --x-size-border-radius-top-right-input-group-default: var(
+    --x-size-border-radius-input-group-default
+  );
+  --x-size-border-radius-bottom-right-input-group-default: var(
+    --x-size-border-radius-input-group-default
+  );
+  --x-size-border-radius-bottom-left-input-group-default: var(
+    --x-size-border-radius-input-group-default
+  );
+  --x-font-family-input-group-default: var(--x-font-family-input-default);
+  --x-size-font-input-group-default: var(--x-size-font-input-default);
+  --x-size-line-height-input-group-default: var(--x-size-line-height-input-default);
+  --x-number-font-weight-input-group-default: var(--x-number-font-weight-input-default);
+  --x-font-family-input-group-placeholder-default: var(--x-font-family-input-group-default);
+  --x-size-font-input-group-placeholder-default: var(--x-size-font-input-group-default);
+  --x-size-line-height-input-group-placeholder-default: var(
+    --x-size-line-height-input-group-default
+  );
+  --x-number-font-weight-input-group-placeholder-default: var(
+    --x-number-font-weight-input-group-default
+  );
+  --x-number-font-weight-input-group-default-button: var(--x-number-font-weight-base-light);
+}
 :root {
   --x-size-padding-left-input-group-line: 0;
   --x-size-padding-right-input-group-line: 0;
@@ -6855,49 +6898,6 @@
   );
   --x-number-font-weight-input-group-default-button: var(--x-number-font-weight-base-light);
 }
-: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);
-  --x-color-border-input-group-default-focus: var(--x-color-border-input-default-focus);
-  --x-color-text-input-group-default: var(--x-color-text-input-default);
-  --x-color-text-input-group-placeholder-default: var(--x-color-text-input-placeholder-default);
-  --x-size-height-input-group-default: var(--x-size-height-input-default);
-  --x-size-gap-input-group-default: var(--x-size-base-03);
-  --x-size-padding-left-input-group-default: var(--x-size-base-06);
-  --x-size-padding-right-input-group-default: var(--x-size-padding-left-input-group-default);
-  --x-size-padding-input-group-default-action: var(--x-size-base-03);
-  --x-size-border-width-input-group-default: var(--x-size-border-width-input-default);
-  --x-size-border-width-top-input-group-default: var(--x-size-border-width-input-group-default);
-  --x-size-border-width-right-input-group-default: var(--x-size-border-width-input-group-default);
-  --x-size-border-width-bottom-input-group-default: var(--x-size-border-width-input-group-default);
-  --x-size-border-width-left-input-group-default: var(--x-size-border-width-input-group-default);
-  --x-size-border-radius-input-group-default: var(--x-size-border-radius-input-default);
-  --x-size-border-radius-top-left-input-group-default: var(
-    --x-size-border-radius-input-group-default
-  );
-  --x-size-border-radius-top-right-input-group-default: var(
-    --x-size-border-radius-input-group-default
-  );
-  --x-size-border-radius-bottom-right-input-group-default: var(
-    --x-size-border-radius-input-group-default
-  );
-  --x-size-border-radius-bottom-left-input-group-default: var(
-    --x-size-border-radius-input-group-default
-  );
-  --x-font-family-input-group-default: var(--x-font-family-input-default);
-  --x-size-font-input-group-default: var(--x-size-font-input-default);
-  --x-size-line-height-input-group-default: var(--x-size-line-height-input-default);
-  --x-number-font-weight-input-group-default: var(--x-number-font-weight-input-default);
-  --x-font-family-input-group-placeholder-default: var(--x-font-family-input-group-default);
-  --x-size-font-input-group-placeholder-default: var(--x-size-font-input-group-default);
-  --x-size-line-height-input-group-placeholder-default: var(
-    --x-size-line-height-input-group-default
-  );
-  --x-number-font-weight-input-group-placeholder-default: var(
-    --x-number-font-weight-input-group-default
-  );
-  --x-number-font-weight-input-group-default-button: var(--x-number-font-weight-base-light);
-}
 
 [dir="ltr"] .x-input-group {
   border-right-width: var(--x-size-border-width-right-input-group-default);
@@ -8631,6 +8631,29 @@
   --x-number-font-weight-button-default: var(--x-number-font-weight-base-bold);
   --x-size-line-height-button-default: var(--x-size-line-height-text);
 }
+:root {
+  --x-color-background-button-default: var(--x-color-base-lead);
+  --x-color-border-button-default: var(--x-color-background-button-default);
+  --x-color-text-button-default: var(--x-color-base-neutral-100);
+  --x-size-border-radius-button-default: var(--x-size-border-radius-base-none);
+  --x-size-border-radius-top-left-button-default: var(--x-size-border-radius-button-default);
+  --x-size-border-radius-top-right-button-default: var(--x-size-border-radius-button-default);
+  --x-size-border-radius-bottom-right-button-default: var(--x-size-border-radius-button-default);
+  --x-size-border-radius-bottom-left-button-default: var(--x-size-border-radius-button-default);
+  --x-size-border-width-button-default: var(--x-size-border-width-base);
+  --x-size-border-width-top-button-default: var(--x-size-border-width-button-default);
+  --x-size-border-width-right-button-default: var(--x-size-border-width-button-default);
+  --x-size-border-width-bottom-button-default: var(--x-size-border-width-button-default);
+  --x-size-border-width-left-button-default: var(--x-size-border-width-button-default);
+  --x-size-height-button-default: var(--x-size-base-08);
+  --x-size-padding-right-button-default: var(--x-size-base-05);
+  --x-size-padding-left-button-default: var(--x-size-base-05);
+  --x-size-gap-button-default: var(--x-size-base-03);
+  --x-font-family-button-default: var(--x-font-family-text);
+  --x-size-font-button-default: var(--x-size-font-text);
+  --x-number-font-weight-button-default: var(--x-number-font-weight-base-bold);
+  --x-size-line-height-button-default: var(--x-size-line-height-text);
+}
 
 [dir="ltr"] .x-button {
   padding-right: var(--x-size-padding-right-button-default);
@@ -8822,27 +8845,4 @@
   --x-size-border-radius-base-m: var(--x-size-base-06);
   --x-size-border-radius-base-pill: 99999px;
   --x-size-border-width-base: 1px;
-}
-:root {
-  --x-color-background-button-default: var(--x-color-base-lead);
-  --x-color-border-button-default: var(--x-color-background-button-default);
-  --x-color-text-button-default: var(--x-color-base-neutral-100);
-  --x-size-border-radius-button-default: var(--x-size-border-radius-base-none);
-  --x-size-border-radius-top-left-button-default: var(--x-size-border-radius-button-default);
-  --x-size-border-radius-top-right-button-default: var(--x-size-border-radius-button-default);
-  --x-size-border-radius-bottom-right-button-default: var(--x-size-border-radius-button-default);
-  --x-size-border-radius-bottom-left-button-default: var(--x-size-border-radius-button-default);
-  --x-size-border-width-button-default: var(--x-size-border-width-base);
-  --x-size-border-width-top-button-default: var(--x-size-border-width-button-default);
-  --x-size-border-width-right-button-default: var(--x-size-border-width-button-default);
-  --x-size-border-width-bottom-button-default: var(--x-size-border-width-button-default);
-  --x-size-border-width-left-button-default: var(--x-size-border-width-button-default);
-  --x-size-height-button-default: var(--x-size-base-08);
-  --x-size-padding-right-button-default: var(--x-size-base-05);
-  --x-size-padding-left-button-default: var(--x-size-base-05);
-  --x-size-gap-button-default: var(--x-size-base-03);
-  --x-font-family-button-default: var(--x-font-family-text);
-  --x-size-font-button-default: var(--x-size-font-text);
-  --x-number-font-weight-button-default: var(--x-number-font-weight-base-bold);
-  --x-size-line-height-button-default: var(--x-size-line-height-text);
 }

package/docs/API-reference/api/x-adapter-platform.experiencecontrolsendpointadapter.md

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-adapter-platform](./x-adapter-platform.md) &gt; [experienceControlsEndpointAdapter](./x-adapter-platform.experiencecontrolsendpointadapter.md)
+
+## experienceControlsEndpointAdapter variable
+
+. Default adapter for the experience controls endpoint.
+
+**Signature:**
+
+```typescript
+experienceControlsEndpointAdapter: import("@empathyco/x-adapter").ExtendableEndpointAdapter<ExperienceControlsRequest, ExperienceControlsResponse>
+```

package/docs/API-reference/api/x-adapter-platform.experiencecontrolsrequestmapper.md

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-adapter-platform](./x-adapter-platform.md) &gt; [experienceControlsRequestMapper](./x-adapter-platform.experiencecontrolsrequestmapper.md)
+
+## experienceControlsRequestMapper variable
+
+Default implementation for the ExperienceControlsRequestMapper.
+
+**Signature:**
+
+```typescript
+experienceControlsRequestMapper: import("@empathyco/x-adapter").Mapper<ExperienceControlsRequest, PlatformExperienceControlsRequest>
+```

package/docs/API-reference/api/x-adapter-platform.experiencecontrolsrequestschema.md

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-adapter-platform](./x-adapter-platform.md) &gt; [experienceControlsRequestSchema](./x-adapter-platform.experiencecontrolsrequestschema.md)
+
+## experienceControlsRequestSchema variable
+
+Default implementation for the ExperienceControlsRequestSchema.
+
+**Signature:**
+
+```typescript
+experienceControlsRequestSchema: import("@empathyco/x-adapter").MutableSchema<ExperienceControlsRequest, PlatformExperienceControlsRequest>
+```

package/docs/API-reference/api/x-adapter-platform.experiencecontrolsresponsemapper.md

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-adapter-platform](./x-adapter-platform.md) &gt; [experienceControlsResponseMapper](./x-adapter-platform.experiencecontrolsresponsemapper.md)
+
+## experienceControlsResponseMapper variable
+
+Default implementation for the ExperienceControlsResponseMapper.
+
+**Signature:**
+
+```typescript
+experienceControlsResponseMapper: import("@empathyco/x-adapter").Mapper<PlatformExperienceControlsResponse, ExperienceControlsResponse>
+```

package/docs/API-reference/api/x-adapter-platform.experiencecontrolsresponseschema.md

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-adapter-platform](./x-adapter-platform.md) &gt; [experienceControlsResponseSchema](./x-adapter-platform.experiencecontrolsresponseschema.md)
+
+## experienceControlsResponseSchema variable
+
+Default implementation for the ExperienceControlsResponseSchema.
+
+**Signature:**
+
+```typescript
+experienceControlsResponseSchema: import("@empathyco/x-adapter").MutableSchema<PlatformExperienceControlsResponse, ExperienceControlsResponse>
+```

package/docs/API-reference/api/x-adapter-platform.md

@@ -20,6 +20,8 @@
 |  [FacetConfig](./x-adapter-platform.facetconfig.md) | Facet configuration containing the model name and the schema. |
 |  [PlatformAdapter](./x-adapter-platform.platformadapter.md) | Platform adapter interface. |
 |  [PlatformBanner](./x-adapter-platform.platformbanner.md) | Banner model for the <code>platform</code> API. |
+|  [PlatformExperienceControlsRequest](./x-adapter-platform.platformexperiencecontrolsrequest.md) | Request for the <code>experience controls</code> endpoint. |
+|  [PlatformExperienceControlsResponse](./x-adapter-platform.platformexperiencecontrolsresponse.md) | Response for the <code>experience controls</code> endpoint. |
 |  [PlatformFacet](./x-adapter-platform.platformfacet.md) | Facet model for the <code>platform</code> API. |
 |  [PlatformFilter](./x-adapter-platform.platformfilter.md) | Filter model for the <code>platform</code> API. |
 |  [PlatformHierarchicalFilter](./x-adapter-platform.platformhierarchicalfilter.md) | HierarchicalFilter model for the <code>platform</code> API. |
@@ -54,6 +56,11 @@
 |  Variable | Description |
 |  --- | --- |
 |  [bannerSchema](./x-adapter-platform.bannerschema.md) | Default implementation for the BannerSchema. |
+|  [experienceControlsEndpointAdapter](./x-adapter-platform.experiencecontrolsendpointadapter.md) | . Default adapter for the experience controls endpoint. |
+|  [experienceControlsRequestMapper](./x-adapter-platform.experiencecontrolsrequestmapper.md) | Default implementation for the ExperienceControlsRequestMapper. |
+|  [experienceControlsRequestSchema](./x-adapter-platform.experiencecontrolsrequestschema.md) | Default implementation for the ExperienceControlsRequestSchema. |
+|  [experienceControlsResponseMapper](./x-adapter-platform.experiencecontrolsresponsemapper.md) | Default implementation for the ExperienceControlsResponseMapper. |
+|  [experienceControlsResponseSchema](./x-adapter-platform.experiencecontrolsresponseschema.md) | Default implementation for the ExperienceControlsResponseSchema. |
 |  [facetSchema](./x-adapter-platform.facetschema.md) | Default implementation for the FacetSchema. |
 |  [hierarchicalFilterSchema](./x-adapter-platform.hierarchicalfilterschema.md) | Default implementation for the HierarchicalFilterSchema. |
 |  [identifierResultsEndpointAdapter](./x-adapter-platform.identifierresultsendpointadapter.md) | Default adapter for the identifier results endpoint. |

package/docs/API-reference/api/x-adapter-platform.platformadapter.experiencecontrols.md

@@ -0,0 +1,11 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-adapter-platform](./x-adapter-platform.md) &gt; [PlatformAdapter](./x-adapter-platform.platformadapter.md) &gt; [experienceControls](./x-adapter-platform.platformadapter.experiencecontrols.md)
+
+## PlatformAdapter.experienceControls property
+
+**Signature:**
+
+```typescript
+experienceControls: ExtendableEndpointAdapter<ExperienceControlsRequest, ExperienceControlsResponse>;
+```

package/docs/API-reference/api/x-adapter-platform.platformexperiencecontrolsrequest.md

@@ -0,0 +1,15 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-adapter-platform](./x-adapter-platform.md) &gt; [PlatformExperienceControlsRequest](./x-adapter-platform.platformexperiencecontrolsrequest.md)
+
+## PlatformExperienceControlsRequest interface
+
+Request for the `experience controls` endpoint.
+
+**Signature:**
+
+```typescript
+export interface PlatformExperienceControlsRequest extends PlatformExtraParamsRequest 
+```
+**Extends:** PlatformExtraParamsRequest
+

package/docs/API-reference/api/x-adapter-platform.platformexperiencecontrolsresponse.md

@@ -0,0 +1,15 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-adapter-platform](./x-adapter-platform.md) &gt; [PlatformExperienceControlsResponse](./x-adapter-platform.platformexperiencecontrolsresponse.md)
+
+## PlatformExperienceControlsResponse interface
+
+Response for the `experience controls` endpoint.
+
+**Signature:**
+
+```typescript
+export interface PlatformExperienceControlsResponse extends Dictionary<unknown> 
+```
+**Extends:** Dictionary&lt;unknown&gt;
+

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

@@ -619,8 +619,10 @@ X-Components is a library usable everywhere not only for search experiences.
 |  [setSearchPage](./x-components.setsearchpage.md) | Sets the search state <code>page</code>. |
 |  [setSearchQuery](./x-components.setsearchquery.md) | Sets the search state <code>query</code>. |
 |  [setSearchQueryFromPreview](./x-components.setsearchqueryfrompreview.md) | Sets the search state <code>query</code> with the selectedQueryPreview's query. |
+|  [setSearchSelectedFiltersFromPreview](./x-components.setsearchselectedfiltersfrompreview.md) | Sets the search state <code>selectedFilters</code> with the selectedQueryPreview's filters. |
 |  [setSearchUrlParams](./x-components.setsearchurlparams.md) | Default implementation for the [SearchActions.setUrlParams()](./x-components.searchactions.seturlparams.md)<!-- -->. |
 |  [setSelectedFilters](./x-components.setselectedfilters.md) | Sets the search state <code>selectedFilters</code>. |
+|  [setSelectedFiltersFromPreview](./x-components.setselectedfiltersfrompreview.md) | Sets the filters of the facets module from a selectedQueryPreview's filters. |
 |  [setSelectedQueryPreviewWire](./x-components.setselectedquerypreviewwire.md) | Updates the state with the selected query preview object. |
 |  [setSemanticQueriesExtraParamsWire](./x-components.setsemanticqueriesextraparamswire.md) | Sets the semantic queries state <code>params</code>. |
 |  [setSort](./x-components.setsort.md) | Sets the search state <code>sort</code>. |
@@ -637,6 +639,7 @@ X-Components is a library usable everywhere not only for search experiences.
 |  [setUrlQueryFromPreview](./x-components.seturlqueryfrompreview.md) | Sets the url state <code>query</code> with a selectedQueryPreview's query. |
 |  [setUrlRelatedTags](./x-components.seturlrelatedtags.md) | Sets the [related tags](./x-components.relatedtag.md)<!-- -->. |
 |  [setUrlScroll](./x-components.seturlscroll.md) | Sets the scroll of the url module. |
+|  [setUrlSelectedFiltersFromPreview](./x-components.seturlselectedfiltersfrompreview.md) | Sets the filters of the url module from a selectedQueryPreview's filters. |
 |  [setUrlSort](./x-components.seturlsort.md) | Sets the sort of the url module. |
 |  [ShowIcon](./x-components.showicon.md) |  |
 |  [SortAZIcon](./x-components.sortazicon.md) |  |

package/docs/API-reference/api/x-components.setsearchselectedfiltersfrompreview.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; [setSearchSelectedFiltersFromPreview](./x-components.setsearchselectedfiltersfrompreview.md)
+
+## setSearchSelectedFiltersFromPreview variable
+
+Sets the search state `selectedFilters` with the selectedQueryPreview's filters.
+
+**Signature:**
+
+```typescript
+setSearchSelectedFiltersFromPreview: import("../../wiring").AnyWire
+```

package/docs/API-reference/api/x-components.setselectedfiltersfrompreview.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; [setSelectedFiltersFromPreview](./x-components.setselectedfiltersfrompreview.md)
+
+## setSelectedFiltersFromPreview variable
+
+Sets the filters of the facets module from a selectedQueryPreview's filters.
+
+**Signature:**
+
+```typescript
+setSelectedFiltersFromPreview: import("../../wiring/wiring.types").AnyWire
+```

package/docs/API-reference/api/x-components.seturlselectedfiltersfrompreview.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; [setUrlSelectedFiltersFromPreview](./x-components.seturlselectedfiltersfrompreview.md)
+
+## setUrlSelectedFiltersFromPreview variable
+
+Sets the filters of the url module from a selectedQueryPreview's filters.
+
+**Signature:**
+
+```typescript
+setUrlSelectedFiltersFromPreview: import("../..").AnyWire
+```

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

@@ -9,9 +9,9 @@
 **Signature:**
 
 ```typescript
-export interface XEventsTypes extends DeviceXEvents, EmpathizeXEvents, ExtraParamsXEvents, FacetsXEvents, HistoryQueriesXEvents, IdentifierResultsXEvents, NextQueriesXEvents, PopularSearchesXEvents, QueriesPreviewXEvents, QuerySuggestionsXEvents, RecommendationsXEvents, RelatedTagsXEvents, ScrollXEvents, SearchBoxXEvents, SearchXEvents, SemanticQueriesXEvents, TaggingXEvents, UrlXEvents 
+export interface XEventsTypes extends DeviceXEvents, EmpathizeXEvents, ExtraParamsXEvents, FacetsXEvents, HistoryQueriesXEvents, IdentifierResultsXEvents, NextQueriesXEvents, PopularSearchesXEvents, QueriesPreviewXEvents, QuerySuggestionsXEvents, RecommendationsXEvents, RelatedTagsXEvents, ScrollXEvents, SearchBoxXEvents, SearchXEvents, SemanticQueriesXEvents, TaggingXEvents, ExperienceControlsXEvents, UrlXEvents 
 ```
-**Extends:** [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)<!-- -->, [SemanticQueriesXEvents](./x-components.semanticqueriesxevents.md)<!-- -->, [TaggingXEvents](./x-components.taggingxevents.md)<!-- -->, [UrlXEvents](./x-components.urlxevents.md)
+**Extends:** [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)<!-- -->, [SemanticQueriesXEvents](./x-components.semanticqueriesxevents.md)<!-- -->, [TaggingXEvents](./x-components.taggingxevents.md)<!-- -->, ExperienceControlsXEvents, [UrlXEvents](./x-components.urlxevents.md)
 
 ## Remarks
 

package/docs/API-reference/api/x-components.xmodulestree.experiencecontrols.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; [experienceControls](./x-components.xmodulestree.experiencecontrols.md)
+
+## XModulesTree.experienceControls property
+
+**Signature:**
+
+```typescript
+experienceControls: ExperienceControlsXModule;
+```

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

@@ -18,6 +18,7 @@ export interface XModulesTree
 |  --- | --- | --- | --- |
 |  [device](./x-components.xmodulestree.device.md) |  | [DeviceXModule](./x-components.devicexmodule.md) |  |
 |  [empathize](./x-components.xmodulestree.empathize.md) |  | [EmpathizeXModule](./x-components.empathizexmodule.md) |  |
+|  [experienceControls](./x-components.xmodulestree.experiencecontrols.md) |  | ExperienceControlsXModule |  |
 |  [extraParams](./x-components.xmodulestree.extraparams.md) |  | [ExtraParamsXModule](./x-components.extraparamsxmodule.md) |  |
 |  [facets](./x-components.xmodulestree.facets.md) |  | [FacetsXModule](./x-components.facetsxmodule.md) |  |
 |  [historyQueries](./x-components.xmodulestree.historyqueries.md) |  | [HistoryQueriesXModule](./x-components.historyqueriesxmodule.md) |  |

package/docs/API-reference/api/x-types.experiencecontrolsrequest.md

@@ -0,0 +1,15 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-types](./x-types.md) &gt; [ExperienceControlsRequest](./x-types.experiencecontrolsrequest.md)
+
+## ExperienceControlsRequest interface
+
+Request for Experience Controls endpoint.
+
+**Signature:**
+
+```typescript
+export interface ExperienceControlsRequest extends ExtraParamsRequest 
+```
+**Extends:** [ExtraParamsRequest](./x-types.extraparamsrequest.md)
+

package/docs/API-reference/api/x-types.experiencecontrolsresponse.controls.md

@@ -0,0 +1,11 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-types](./x-types.md) &gt; [ExperienceControlsResponse](./x-types.experiencecontrolsresponse.md) &gt; [controls](./x-types.experiencecontrolsresponse.controls.md)
+
+## ExperienceControlsResponse.controls property
+
+**Signature:**
+
+```typescript
+controls: Dictionary<unknown>;
+```

package/docs/API-reference/api/x-types.experiencecontrolsresponse.events.md

@@ -0,0 +1,11 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-types](./x-types.md) &gt; [ExperienceControlsResponse](./x-types.experiencecontrolsresponse.md) &gt; [events](./x-types.experiencecontrolsresponse.events.md)
+
+## ExperienceControlsResponse.events property
+
+**Signature:**
+
+```typescript
+events: Dictionary<unknown>;
+```

package/docs/API-reference/api/x-types.experiencecontrolsresponse.md

@@ -0,0 +1,21 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-types](./x-types.md) &gt; [ExperienceControlsResponse](./x-types.experiencecontrolsresponse.md)
+
+## ExperienceControlsResponse interface
+
+Response for the experience controls endpoint.
+
+**Signature:**
+
+```typescript
+export interface ExperienceControlsResponse 
+```
+
+## Properties
+
+|  Property | Modifiers | Type | Description |
+|  --- | --- | --- | --- |
+|  [controls](./x-types.experiencecontrolsresponse.controls.md) |  | Dictionary&lt;unknown&gt; |  |
+|  [events](./x-types.experiencecontrolsresponse.events.md) |  | Dictionary&lt;unknown&gt; |  |
+

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

@@ -34,6 +34,8 @@ Entry point to export search-type models and testing schemas in a unified api-ex
 |  [BooleanFilter](./x-types.booleanfilter.md) | A boolean filter used in a [FacetFilter](./x-types.facetfilter.md)<!-- -->, which status can be selected or not and it may contains the total results number that the filter should return. |
 |  [EditableNumberRangeFacet](./x-types.editablenumberrangefacet.md) | Editable Number Range Facet is a trait for filtering results using user editable [RangeValue](./x-types.rangevalue.md)<!-- -->.Editable means that the value max and min can be changed by the user instead of havingseveral boolean filters with different values. It extends from [Facet](./x-types.facet.md)<!-- -->,changes the modelName and uses [EditableNumberRangeFilter](./x-types.editablenumberrangefilter.md) as filters. |
 |  [EditableNumberRangeFilter](./x-types.editablenumberrangefilter.md) | A type of filter used in [EditableNumberRangeFacet](./x-types.editablenumberrangefacet.md) and extends from [FacetFilter](./x-types.facetfilter.md)<!-- -->. This filter has the particularity that its [RangeValue](./x-types.rangevalue.md) is editable by the user. Editable means that the value max and min can be changed by the user instead of having several boolean filters with different values. |
+|  [ExperienceControlsRequest](./x-types.experiencecontrolsrequest.md) | Request for Experience Controls endpoint. |
+|  [ExperienceControlsResponse](./x-types.experiencecontrolsresponse.md) | Response for the experience controls endpoint. |
 |  [ExtraParamsRequest](./x-types.extraparamsrequest.md) | Interface to support extra params in any request. |
 |  [Facet](./x-types.facet.md) | Facet is a trait for filtering results. It uses [Filter](./x-types.filter.md) as filters. |
 |  [FacetFilter](./x-types.facetfilter.md) | A filter which is associated with a [Facet](./x-types.facet.md)<!-- -->. |

package/docs/API-reference/api/x-types.xcomponentsadapter.experiencecontrols.md

@@ -0,0 +1,11 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-types](./x-types.md) &gt; [XComponentsAdapter](./x-types.xcomponentsadapter.md) &gt; [experienceControls](./x-types.xcomponentsadapter.experiencecontrols.md)
+
+## XComponentsAdapter.experienceControls property
+
+**Signature:**
+
+```typescript
+experienceControls: EndpointAdapter<ExperienceControlsRequest, ExperienceControlsResponse>;
+```

package/docs/API-reference/api/x-types.xcomponentsadapter.md

@@ -14,6 +14,7 @@ export interface XComponentsAdapter
 
 |  Property | Modifiers | Type | Description |
 |  --- | --- | --- | --- |
+|  [experienceControls](./x-types.xcomponentsadapter.experiencecontrols.md) |  | EndpointAdapter&lt;[ExperienceControlsRequest](./x-types.experiencecontrolsrequest.md)<!-- -->, [ExperienceControlsResponse](./x-types.experiencecontrolsresponse.md)<!-- -->&gt; |  |
 |  [identifierResults](./x-types.xcomponentsadapter.identifierresults.md) |  | EndpointAdapter&lt;[IdentifierResultsRequest](./x-types.identifierresultsrequest.md)<!-- -->, [IdentifierResultsResponse](./x-types.identifierresultsresponse.md)<!-- -->&gt; |  |
 |  [nextQueries](./x-types.xcomponentsadapter.nextqueries.md) |  | EndpointAdapter&lt;[NextQueriesRequest](./x-types.nextqueriesrequest.md)<!-- -->, [NextQueriesResponse](./x-types.nextqueriesresponse.md)<!-- -->&gt; |  |
 |  [popularSearches](./x-types.xcomponentsadapter.popularsearches.md) |  | EndpointAdapter&lt;[PopularSearchesRequest](./x-types.popularsearchesrequest.md)<!-- -->, [PopularSearchesResponse](./x-types.popularsearchesresponse.md)<!-- -->&gt; |  |

package/docs/API-reference/components/common/column-picker/x-components.base-column-picker-dropdown.md

@@ -55,7 +55,7 @@ unlike the `toggle`, which renders the same `item` slot defined by default.
 
 #### Default usage
 
-```vue
+```vue live
 <template>
   <BaseColumnPickerDropdown v-model="selectedColumns" :columns="[2, 4, 6]">
     <template #item="{ item, isSelected, isHighlighted }">
@@ -85,7 +85,7 @@ unlike the `toggle`, which renders the same `item` slot defined by default.
 
 #### Customizing toggle button
 
-```vue
+```vue live
 <template>
   <BaseColumnPickerDropdown v-model="selectedColumns" :columns="[2, 4, 6]">
     <template #toggle="{ item, isOpen }">Selected: {{ item }} {{ isOpen ? '🔼' : '🔽' }}️</template>
@@ -120,7 +120,7 @@ The component emits an X Event, `UserClickedColumnPicker`, on column change and
 that event from outside, so you don't need to store the current column value to keep it synchronized
 with other column pickers.
 
-```vue
+```vue live
 <template>
   <BaseColumnPickerDropdown :columns="[2, 4, 6]">
     <template #toggle="{ item, isOpen }">Selected: {{ item }} {{ isOpen ? '🔼' : '🔽' }}️</template>