@empathyco/x-components 3.0.0-alpha.130 → 3.0.0-alpha.133

package/CHANGELOG.md

@@ -3,6 +3,45 @@
 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.133](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.132...@empathyco/x-components@3.0.0-alpha.133) (2022-07-15)
+
+### Bug Fixes
+
+- **components:** Add option to extend transitions with listeners and attributes (#600)
+  ([16d5262](https://github.com/empathyco/x/commit/16d5262ab2213d53c736e89774089313755abeff)),
+  closes [EX-6457](https://searchbroker.atlassian.net/browse/EX-6457)
+
+# 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.132](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.131...@empathyco/x-components@3.0.0-alpha.132) (2022-07-14)
+
+### Features
+
+- **history-queries:** add `UserClickedDismissDisableHistoryQueries` event
+  ([ea0bddc](https://github.com/empathyco/x/commit/ea0bddce87ec1e87b753bb39863cbee903fb9eed)),
+  closes [EX-6682](https://searchbroker.atlassian.net/browse/EX-6682)
+
+# 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.131](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.130...@empathyco/x-components@3.0.0-alpha.131) (2022-07-13)
+
+### Features
+
+- **history-queries:** add `HistoryQueriesSwitch` component (#593)
+  ([8c87cc3](https://github.com/empathyco/x/commit/8c87cc3a35336720d3da79ab7347e52caa4cd922)),
+  closes [EX-6515](https://searchbroker.atlassian.net/browse/EX-6515)
+
+# 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.130](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.129...@empathyco/x-components@3.0.0-alpha.130) (2022-07-12)
 
 ### Features

package/core/index.js

@@ -2,6 +2,7 @@ export { default as AnimateWidth } from '../js/components/animations/animate-wid
 export { default as CollapseHeight } from '../js/components/animations/collapse-height.vue.js';
 export { default as CollapseWidth } from '../js/components/animations/collapse-width.vue.js';
 export { default as CrossFade } from '../js/components/animations/cross-fade.vue.js';
+export { default as Fade } from '../js/components/animations/fade.vue.js';
 export { default as FadeAndSlide } from '../js/components/animations/fade-and-slide.vue.js';
 export { default as StaggeredFadeAndSlide } from '../js/components/animations/staggered-fade-and-slide.vue.js';
 export { default as StaggeringTransitionGroup } from '../js/components/animations/staggering-transition-group.vue.js';

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

@@ -1567,149 +1567,6 @@
   --x-size-border-radius-bottom-right-input-pill: var(--x-size-border-radius-input-pill);
   --x-size-border-radius-bottom-left-input-pill: var(--x-size-border-radius-input-pill);
 }
-.x-list {
-  display: flex;
-  flex-flow: var(--x-string-flow-list);
-  list-style: none;
-  gap: var(--x-size-gap-list);
-  margin: 0;
-  padding: var(--x-size-padding-list);
-  justify-content: var(--x-size-justify-list);
-  align-items: var(--x-size-align-list);
-  min-width: 0;
-}
-@media not all and (min-resolution: 0.001dpcm) {
-  .x-list:not(.x-list--horizontal), .x-list.x-list--vertical {
-    gap: 0;
-  }
-  .x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list.x-list--vertical > *:not(:last-child) {
-    margin-bottom: var(--x-size-gap-list);
-  }
-}
-@media not all and (min-resolution: 0.001dpcm) {
-  .x-list.x-list--horizontal {
-    gap: 0;
-  }
-  .x-list.x-list--horizontal > *:not(:last-child) {
-    margin-right: var(--x-size-gap-list);
-  }
-}
-@media not all and (min-resolution: 0.001dpcm) {
-  .x-list.x-list--wrap, .x-list.x-list--wrap-reverse {
-    gap: 0;
-  }
-  .x-list.x-list--wrap > *:not(:last-child), .x-list.x-list--wrap-reverse > *:not(:last-child) {
-    margin-right: var(--x-size-gap-list);
-    margin-bottom: var(--x-size-gap-list);
-  }
-}
-
-.x-list--vertical.x-list {
-  flex-flow: column nowrap;
-}
-
-.x-list--horizontal.x-list {
-  flex-flow: row nowrap;
-}
-
-.x-list--wrap.x-list {
-  flex-flow: row wrap;
-}
-
-.x-list--wrap-reverse.x-list {
-  flex-flow: row wrap-reverse;
-}
-
-.x-list--justify-stretch.x-list {
-  justify-content: stretch;
-}
-
-.x-list--justify-center.x-list {
-  justify-content: center;
-}
-
-.x-list--justify-end.x-list {
-  justify-content: flex-end;
-}
-
-.x-list--justify-start.x-list {
-  justify-content: flex-start;
-}
-
-.x-list--align-stretch.x-list {
-  align-items: stretch;
-}
-
-.x-list--align-center.x-list {
-  align-items: center;
-}
-
-.x-list--align-baseline.x-list {
-  align-items: baseline;
-}
-
-.x-list--align-end.x-list {
-  align-items: flex-end;
-}
-
-.x-list--align-start.x-list {
-  align-items: flex-start;
-}
-
-.x-list > .x-list__item--expand {
-  flex: 1 1 auto;
-}
-.x-list > .x-list__item--no-expand {
-  flex: 0 0 auto;
-}
-.x-list.x-list--horizontal > .x-list__item--expand {
-  min-width: 0;
-}
-.x-list:not(.x-list--horizontal) > .x-list__item--expand {
-  min-height: 0;
-}
-.x-list > .x-list__item--stretch {
-  align-self: stretch;
-}
-.x-list > .x-list__item--flex-none {
-  flex: none;
-}
-.x-list > .x-list__item--01 {
-  flex: 1 12 auto;
-}
-.x-list > .x-list__item--02 {
-  flex: 2 11 auto;
-}
-.x-list > .x-list__item--03 {
-  flex: 3 10 auto;
-}
-.x-list > .x-list__item--04 {
-  flex: 4 9 auto;
-}
-.x-list > .x-list__item--05 {
-  flex: 5 8 auto;
-}
-.x-list > .x-list__item--06 {
-  flex: 6 7 auto;
-}
-.x-list > .x-list__item--07 {
-  flex: 7 6 auto;
-}
-.x-list > .x-list__item--08 {
-  flex: 8 5 auto;
-}
-.x-list > .x-list__item--09 {
-  flex: 9 4 auto;
-}
-.x-list > .x-list__item--10 {
-  flex: 10 3 auto;
-}
-.x-list > .x-list__item--11 {
-  flex: 11 2 auto;
-}
-.x-list > .x-list__item--12 {
-  flex: 12 1 auto;
-}
 :root {
   --x-string-flow-list: column nowrap;
   --x-size-padding-list: 0;
@@ -7613,3 +7470,147 @@
 .x-normal-case {
   text-transform: none;
 }
+
+.x-list {
+  display: flex;
+  flex-flow: var(--x-string-flow-list);
+  list-style: none;
+  gap: var(--x-size-gap-list);
+  margin: 0;
+  padding: var(--x-size-padding-list);
+  justify-content: var(--x-size-justify-list);
+  align-items: var(--x-size-align-list);
+  min-width: 0;
+}
+@media not all and (min-resolution: 0.001dpcm) {
+  .x-list:not(.x-list--horizontal), .x-list.x-list--vertical {
+    gap: 0;
+  }
+  .x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list.x-list--vertical > *:not(:last-child) {
+    margin-bottom: var(--x-size-gap-list);
+  }
+}
+@media not all and (min-resolution: 0.001dpcm) {
+  .x-list.x-list--horizontal {
+    gap: 0;
+  }
+  .x-list.x-list--horizontal > *:not(:last-child) {
+    margin-right: var(--x-size-gap-list);
+  }
+}
+@media not all and (min-resolution: 0.001dpcm) {
+  .x-list.x-list--wrap, .x-list.x-list--wrap-reverse {
+    gap: 0;
+  }
+  .x-list.x-list--wrap > *:not(:last-child), .x-list.x-list--wrap-reverse > *:not(:last-child) {
+    margin-right: var(--x-size-gap-list);
+    margin-bottom: var(--x-size-gap-list);
+  }
+}
+
+.x-list--vertical.x-list {
+  flex-flow: column nowrap;
+}
+
+.x-list--horizontal.x-list {
+  flex-flow: row nowrap;
+}
+
+.x-list--wrap.x-list {
+  flex-flow: row wrap;
+}
+
+.x-list--wrap-reverse.x-list {
+  flex-flow: row wrap-reverse;
+}
+
+.x-list--justify-stretch.x-list {
+  justify-content: stretch;
+}
+
+.x-list--justify-center.x-list {
+  justify-content: center;
+}
+
+.x-list--justify-end.x-list {
+  justify-content: flex-end;
+}
+
+.x-list--justify-start.x-list {
+  justify-content: flex-start;
+}
+
+.x-list--align-stretch.x-list {
+  align-items: stretch;
+}
+
+.x-list--align-center.x-list {
+  align-items: center;
+}
+
+.x-list--align-baseline.x-list {
+  align-items: baseline;
+}
+
+.x-list--align-end.x-list {
+  align-items: flex-end;
+}
+
+.x-list--align-start.x-list {
+  align-items: flex-start;
+}
+
+.x-list > .x-list__item--expand {
+  flex: 1 1 auto;
+}
+.x-list > .x-list__item--no-expand {
+  flex: 0 0 auto;
+}
+.x-list.x-list--horizontal > .x-list__item--expand {
+  min-width: 0;
+}
+.x-list:not(.x-list--horizontal) > .x-list__item--expand {
+  min-height: 0;
+}
+.x-list > .x-list__item--stretch {
+  align-self: stretch;
+}
+.x-list > .x-list__item--flex-none {
+  flex: none;
+}
+.x-list > .x-list__item--01 {
+  flex: 1 12 auto;
+}
+.x-list > .x-list__item--02 {
+  flex: 2 11 auto;
+}
+.x-list > .x-list__item--03 {
+  flex: 3 10 auto;
+}
+.x-list > .x-list__item--04 {
+  flex: 4 9 auto;
+}
+.x-list > .x-list__item--05 {
+  flex: 5 8 auto;
+}
+.x-list > .x-list__item--06 {
+  flex: 6 7 auto;
+}
+.x-list > .x-list__item--07 {
+  flex: 7 6 auto;
+}
+.x-list > .x-list__item--08 {
+  flex: 8 5 auto;
+}
+.x-list > .x-list__item--09 {
+  flex: 9 4 auto;
+}
+.x-list > .x-list__item--10 {
+  flex: 10 3 auto;
+}
+.x-list > .x-list__item--11 {
+  flex: 11 2 auto;
+}
+.x-list > .x-list__item--12 {
+  flex: 12 1 auto;
+}

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

@@ -4,7 +4,7 @@
 
 ## BaseModal.animation property
 
-Animation to use for opening/closing the modal.
+Animation to use for opening/closing the modal. This animation only affects the content.
 
 <b>Signature:</b>
 

package/docs/API-reference/api/x-components.basemodal.iswaitingforleave.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; [BaseModal](./x-components.basemodal.md) &gt; [isWaitingForLeave](./x-components.basemodal.iswaitingforleave.md)
+
+## BaseModal.isWaitingForLeave property
+
+Boolean to delay the leave animation until it has completed.
+
+<b>Signature:</b>
+
+```typescript
+protected isWaitingForLeave: boolean;
+```

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

@@ -18,11 +18,12 @@ export default class BaseModal extends Vue
 |  Property | Modifiers | Type | Description |
 |  --- | --- | --- | --- |
 |  [$refs](./x-components.basemodal._refs.md) |  | { modal: HTMLDivElement; } |  |
-|  [animation](./x-components.basemodal.animation.md) |  | Vue \| string | Animation to use for opening/closing the modal. |
+|  [animation](./x-components.basemodal.animation.md) |  | Vue \| string | Animation to use for opening/closing the modal. This animation only affects the content. |
+|  [isWaitingForLeave](./x-components.basemodal.iswaitingforleave.md) |  | boolean | Boolean to delay the leave animation until it has completed. |
 |  [open](./x-components.basemodal.open.md) |  | boolean | Determines if the modal is open or not. |
+|  [overlayAnimation](./x-components.basemodal.overlayanimation.md) |  | Vue \| string | Animation to use for the overlay (backdrop) part of the modal. By default, it uses a fade transition. |
 |  [previousBodyOverflow](./x-components.basemodal.previousbodyoverflow.md) |  | string | The previous value of the body overflow style. |
 |  [previousHTMLOverflow](./x-components.basemodal.previoushtmloverflow.md) |  | string | The previous value of the HTML element overflow style. |
-|  [showOverlay](./x-components.basemodal.showoverlay.md) |  | boolean | To animate the overlay opacity after and before the animation. |
 
 ## Methods
 

package/docs/API-reference/api/x-components.basemodal.overlayanimation.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; [BaseModal](./x-components.basemodal.md) &gt; [overlayAnimation](./x-components.basemodal.overlayanimation.md)
+
+## BaseModal.overlayAnimation property
+
+Animation to use for the overlay (backdrop) part of the modal. By default, it uses a fade transition.
+
+<b>Signature:</b>
+
+```typescript
+overlayAnimation: Vue | string;
+```

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

@@ -4,7 +4,7 @@
 
 ## CrossFade class
 
-Renders a transition wrapping the element passed in the default slo. The transition fades between the two toggled elements at the same time.
+Renders a transition wrapping the element passed in the default slot. The transition fades between the two toggled elements at the same time.
 
 <b>Signature:</b>
 

package/docs/API-reference/api/x-components.fade.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; [Fade](./x-components.fade.md)
+
+## Fade class
+
+Renders a transition wrapping the element passed in the default slot. The animation just fades in/out the element by changing its opacity.
+
+<b>Signature:</b>
+
+```typescript
+export default class Fade extends Vue 
+```
+<b>Extends:</b> Vue
+

package/docs/API-reference/api/x-components.historyqueriesswitch.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; [HistoryQueriesSwitch](./x-components.historyqueriesswitch.md)
+
+## HistoryQueriesSwitch class
+
+History Queries Switch is a component to enable or disable the history queries. This component emits events depending on the `isEnabled` value.
+
+<b>Signature:</b>
+
+```typescript
+export default class HistoryQueriesSwitch extends Vue 
+```
+<b>Extends:</b> Vue
+

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

@@ -4,7 +4,7 @@
 
 ## HistoryQueriesXEvents.HistoryQueriesDisplayed property
 
-The current history queries have been displayed to the user. \* Payload: The displayed history queries.
+The current history queries have been displayed to the user. Payload: The displayed history queries.
 
 <b>Signature:</b>
 

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

@@ -4,7 +4,7 @@
 
 ## HistoryQueriesXEvents.HistoryQueriesQueryChanged property
 
-The query for searching inside the history-queries has changed. \* Payload: The history-queries query.
+The query for searching inside the history-queries has changed. Payload: The history-queries query.
 
 <b>Signature:</b>
 

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

@@ -4,7 +4,7 @@
 
 ## HistoryQueriesXEvents.HistoryQueriesStorageKeyChanged property
 
-The key for saving the history queries in to the browser storage has changed. \* Payload: The new history-queries storage key.
+The key for saving the history queries in to the browser storage has changed. Payload: The new history-queries storage key.
 
 <b>Signature:</b>
 

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

@@ -16,12 +16,15 @@ export interface HistoryQueriesXEvents
 
 |  Property | Type | Description |
 |  --- | --- | --- |
-|  [HistoryQueriesDisplayed](./x-components.historyqueriesxevents.historyqueriesdisplayed.md) | HistoryQuery\[\] | The current history queries have been displayed to the user. \* Payload: The displayed history queries. |
-|  [HistoryQueriesQueryChanged](./x-components.historyqueriesxevents.historyqueriesquerychanged.md) | string | The query for searching inside the history-queries has changed. \* Payload: The history-queries query. |
-|  [HistoryQueriesStorageKeyChanged](./x-components.historyqueriesxevents.historyqueriesstoragekeychanged.md) | string | The key for saving the history queries in to the browser storage has changed. \* Payload: The new history-queries storage key. |
-|  [SessionHistoryQueriesChanged](./x-components.historyqueriesxevents.sessionhistoryquerieschanged.md) | HistoryQuery\[\] | The queries made in the current session have changed \* Payload: The session history queries. |
-|  [UserPressedClearHistoryQueries](./x-components.historyqueriesxevents.userpressedclearhistoryqueries.md) | void | The user pressed the button for clearing all the history queries. \* Payload: none. |
-|  [UserPressedRemoveHistoryQuery](./x-components.historyqueriesxevents.userpressedremovehistoryquery.md) | HistoryQuery | The user pressed the button for removing a single [history query](./x-types.historyquery.md)<!-- -->. \* Payload: The <code>HistoryQuery</code> to remove. |
-|  [UserSelectedAHistoryQuery](./x-components.historyqueriesxevents.userselectedahistoryquery.md) | HistoryQuery | The user has selected a history-query. \* Payload: The [history query](./x-types.historyquery.md) selected. |
-|  [UserToggledHistoryQueries](./x-components.historyqueriesxevents.usertoggledhistoryqueries.md) | boolean | The user has toggled the history queries. \* Payload: whether it has been set to enable or disable. |
+|  [HistoryQueriesDisplayed](./x-components.historyqueriesxevents.historyqueriesdisplayed.md) | HistoryQuery\[\] | The current history queries have been displayed to the user. Payload: The displayed history queries. |
+|  [HistoryQueriesQueryChanged](./x-components.historyqueriesxevents.historyqueriesquerychanged.md) | string | The query for searching inside the history-queries has changed. Payload: The history-queries query. |
+|  [HistoryQueriesStorageKeyChanged](./x-components.historyqueriesxevents.historyqueriesstoragekeychanged.md) | string | The key for saving the history queries in to the browser storage has changed. Payload: The new history-queries storage key. |
+|  [SessionHistoryQueriesChanged](./x-components.historyqueriesxevents.sessionhistoryquerieschanged.md) | HistoryQuery\[\] | The queries made in the current session have changed Payload: The session history queries. |
+|  [UserClickedConfirmDisableHistoryQueries](./x-components.historyqueriesxevents.userclickedconfirmdisablehistoryqueries.md) | void | The user has clicked the confirm button to disable the history queries. Payload: None. |
+|  [UserClickedDisableHistoryQueries](./x-components.historyqueriesxevents.userclickeddisablehistoryqueries.md) | void | The user has clicked a control to disable the history queries. Payload: None. |
+|  [UserClickedDismissDisableHistoryQueries](./x-components.historyqueriesxevents.userclickeddismissdisablehistoryqueries.md) | void | The user has clicked the dismiss button to keep enabled the history queries. Payload: None. |
+|  [UserClickedEnableHistoryQueries](./x-components.historyqueriesxevents.userclickedenablehistoryqueries.md) | void | The user has clicked a control to enable the history queries. Payload: None. |
+|  [UserPressedClearHistoryQueries](./x-components.historyqueriesxevents.userpressedclearhistoryqueries.md) | void | The user pressed the button for clearing all the history queries. Payload: none. |
+|  [UserPressedRemoveHistoryQuery](./x-components.historyqueriesxevents.userpressedremovehistoryquery.md) | HistoryQuery | The user pressed the button for removing a single [history query](./x-types.historyquery.md)<!-- -->. Payload: The <code>HistoryQuery</code> to remove. |
+|  [UserSelectedAHistoryQuery](./x-components.historyqueriesxevents.userselectedahistoryquery.md) | HistoryQuery | The user has selected a history-query. Payload: The [history query](./x-types.historyquery.md) selected. |
 

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

@@ -4,7 +4,7 @@
 
 ## HistoryQueriesXEvents.SessionHistoryQueriesChanged property
 
-The queries made in the current session have changed \* Payload: The session history queries.
+The queries made in the current session have changed Payload: The session history queries.
 
 <b>Signature:</b>
 

package/docs/API-reference/api/x-components.historyqueriesxevents.userclickedconfirmdisablehistoryqueries.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; [HistoryQueriesXEvents](./x-components.historyqueriesxevents.md) &gt; [UserClickedConfirmDisableHistoryQueries](./x-components.historyqueriesxevents.userclickedconfirmdisablehistoryqueries.md)
+
+## HistoryQueriesXEvents.UserClickedConfirmDisableHistoryQueries property
+
+The user has clicked the confirm button to disable the history queries. Payload: None.
+
+<b>Signature:</b>
+
+```typescript
+UserClickedConfirmDisableHistoryQueries: void;
+```

package/docs/API-reference/api/x-components.historyqueriesxevents.userclickeddisablehistoryqueries.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; [HistoryQueriesXEvents](./x-components.historyqueriesxevents.md) &gt; [UserClickedDisableHistoryQueries](./x-components.historyqueriesxevents.userclickeddisablehistoryqueries.md)
+
+## HistoryQueriesXEvents.UserClickedDisableHistoryQueries property
+
+The user has clicked a control to disable the history queries. Payload: None.
+
+<b>Signature:</b>
+
+```typescript
+UserClickedDisableHistoryQueries: void;
+```

package/docs/API-reference/api/x-components.historyqueriesxevents.userclickeddismissdisablehistoryqueries.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; [HistoryQueriesXEvents](./x-components.historyqueriesxevents.md) &gt; [UserClickedDismissDisableHistoryQueries](./x-components.historyqueriesxevents.userclickeddismissdisablehistoryqueries.md)
+
+## HistoryQueriesXEvents.UserClickedDismissDisableHistoryQueries property
+
+The user has clicked the dismiss button to keep enabled the history queries. Payload: None.
+
+<b>Signature:</b>
+
+```typescript
+UserClickedDismissDisableHistoryQueries: void;
+```

package/docs/API-reference/api/x-components.historyqueriesxevents.userclickedenablehistoryqueries.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; [HistoryQueriesXEvents](./x-components.historyqueriesxevents.md) &gt; [UserClickedEnableHistoryQueries](./x-components.historyqueriesxevents.userclickedenablehistoryqueries.md)
+
+## HistoryQueriesXEvents.UserClickedEnableHistoryQueries property
+
+The user has clicked a control to enable the history queries. Payload: None.
+
+<b>Signature:</b>
+
+```typescript
+UserClickedEnableHistoryQueries: void;
+```

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

@@ -4,7 +4,7 @@
 
 ## HistoryQueriesXEvents.UserPressedClearHistoryQueries property
 
-The user pressed the button for clearing all the history queries. \* Payload: none.
+The user pressed the button for clearing all the history queries. Payload: none.
 
 <b>Signature:</b>
 

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

@@ -4,7 +4,7 @@
 
 ## HistoryQueriesXEvents.UserPressedRemoveHistoryQuery property
 
-The user pressed the button for removing a single [history query](./x-types.historyquery.md)<!-- -->. \* Payload: The `HistoryQuery` to remove.
+The user pressed the button for removing a single [history query](./x-types.historyquery.md)<!-- -->. Payload: The `HistoryQuery` to remove.
 
 <b>Signature:</b>
 

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

@@ -4,7 +4,7 @@
 
 ## HistoryQueriesXEvents.UserSelectedAHistoryQuery property
 
-The user has selected a history-query. \* Payload: The [history query](./x-types.historyquery.md) selected.
+The user has selected a history-query. Payload: The [history query](./x-types.historyquery.md) selected.
 
 <b>Signature:</b>
 

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

@@ -56,7 +56,7 @@ X-Components is a library usable everywhere not only for search experiences.
 |  [CollapseHeight](./x-components.collapseheight.md) | Renders a transition wrapping the element passed in the default slot and animating it with a height animation. |
 |  [CollapseWidth](./x-components.collapsewidth.md) | Renders a transition wrapping the element passed in the default slot and animating it with a width animation. |
 |  [ColumnPickerMixin](./x-components.columnpickermixin.md) | Mixin to share Column Pickers logic. |
-|  [CrossFade](./x-components.crossfade.md) | Renders a transition wrapping the element passed in the default slo. The transition fades between the two toggled elements at the same time. |
+|  [CrossFade](./x-components.crossfade.md) | Renders a transition wrapping the element passed in the default slot. The transition fades between the two toggled elements at the same time. |
 |  [DefaultFacetsService](./x-components.defaultfacetsservice.md) | Default implementation for the [FacetsService](./x-components.facetsservice.md)<!-- -->. |
 |  [DefaultPDPAddToCartService](./x-components.defaultpdpaddtocartservice.md) | Default implementation for the [PDPAddToCartService](./x-components.pdpaddtocartservice.md)<!-- -->. |
 |  [DeviceDetector](./x-components.devicedetector.md) | This component helps detecting 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. |
@@ -68,6 +68,7 @@ X-Components is a library usable everywhere not only for search experiences.
 |  [Facets](./x-components.facets.md) | This component renders the list of facets stored in the Facets module. Facets can be rendered differently based on their purpose and this can be achieved using the exposed slots: - A default and required slot. - A custom slot for each facet with the facetId as its name. This allows each facet to be rendered differently based on its needs. |
 |  [FacetsMixin](./x-components.facetsmixin.md) | Mixin to share Facets logic. |
 |  [FacetsProvider](./x-components.facetsprovider.md) | This component allows to provide facets by prop, to add them to the state of the <code>Facets X-Module</code>. These facets will be added to the <code>Facets X-Module</code> state together with the facets emitted by the <code>Search X-Module</code> through the [SearchXEvents.FacetsChanged](./x-components.searchxevents.facetschanged.md) event. |
+|  [Fade](./x-components.fade.md) | Renders a transition wrapping the element passed in the default slot. The animation just fades in/out the element by changing its opacity. |
 |  [FadeAndSlide](./x-components.fadeandslide.md) | Renders a transition group wrapping the elements passed in the default slot and animating them with a fade and slide animation. |
 |  [FiltersInjectionMixin](./x-components.filtersinjectionmixin.md) | Mixin to share filters injection logic. |
 |  [FiltersList](./x-components.filterslist.md) | Renders a list with a list item per each [BooleanFilter](./x-types.booleanfilter.md) in the filters prop array. Each list item has a scoped slot, passing the filter as slot prop. |
@@ -77,6 +78,7 @@ X-Components is a library usable everywhere not only for search experiences.
 |  [HierarchicalFilter](./x-components.hierarchicalfilter.md) | Renders a hierarchical filter recursively, emitting the needed events when clicked. |
 |  [HistoryQueries](./x-components.historyqueries.md) | This component renders a list of suggestions coming from the user queries history. |
 |  [HistoryQueriesGetter](./x-components.historyqueriesgetter.md) | Class implementation for the [HistoryQueriesGetters.historyQueries](./x-components.historyqueriesgetters.historyqueries.md) getter. |
+|  [HistoryQueriesSwitch](./x-components.historyqueriesswitch.md) | History Queries Switch is a component to enable or disable the history queries. This component emits events depending on the <code>isEnabled</code> value. |
 |  [HistoryQuery](./x-components.historyquery.md) | This component renders a history query suggestion combining two buttons: one for selecting this suggestion as the search query, and another one to remove this query suggestion from the history queries. |
 |  [IdentifierResult](./x-components.identifierresult.md) | This component renders an identifier result value and highlights its matching part with the query from the state. Receives as prop the [result data](./x-types.result.md)<!-- -->. |
 |  [IdentifierResults](./x-components.identifierresults.md) | Paints the list of identifier results stored in the state. Each identifier result should be represented by a [identifier result component](./x-components.identifierresult.md) besides any other component. |
@@ -500,6 +502,8 @@ X-Components is a library usable everywhere not only for search experiences.
 |  [setConsent](./x-components.setconsent.md) | Sets the tagging state <code>consent</code>. |
 |  [setExtraParams](./x-components.setextraparams.md) | Sets the extra params of the [ExtraParamsXModule](./x-components.extraparamsxmodule.md)<!-- -->. |
 |  [setHistoryQueries](./x-components.sethistoryqueries.md) | Default implementation for the [HistoryQueriesActions.setHistoryQueries()](./x-components.historyqueriesactions.sethistoryqueries.md)<!-- -->. |
+|  [setHistoryQueriesDisabled](./x-components.sethistoryqueriesdisabled.md) | Disables history queries. |
+|  [setHistoryQueriesEnabled](./x-components.sethistoryqueriesenabled.md) | Enables history queries. |
 |  [setHistoryQueriesQuery](./x-components.sethistoryqueriesquery.md) | Sets the query of the history queries module. Used for searching into the history queries. |
 |  [setIdentifierResultsExtraParams](./x-components.setidentifierresultsextraparams.md) | Sets the identifier result state <code>params</code>. |
 |  [setIdentifierResultsQuery](./x-components.setidentifierresultsquery.md) | Sets the identifier-results module query. |
@@ -548,7 +552,6 @@ X-Components is a library usable everywhere not only for search experiences.
 |  [taggingXModule](./x-components.taggingxmodule.md) | Tagging [XModule](./x-components.xmodule.md) implementation. This module is auto-registered as soon as you import any component from the <code>empathize</code> entry point. |
 |  [TagIcon](./x-components.tagicon.md) |  |
 |  [throttleFunction](./x-components.throttlefunction.md) | Util function that returns a throttled version of the function passed as parameter. |
-|  [toggleHistoryQueries](./x-components.togglehistoryqueries.md) | Enables or disables history queries. |
 |  [toggleRelatedTag](./x-components.togglerelatedtag.md) | Default implementation for the [RelatedTagsActions.toggleRelatedTag()](./x-components.relatedtagsactions.togglerelatedtag.md)<!-- -->. |
 |  [toggleRelatedTagWire](./x-components.togglerelatedtagwire.md) | Sets the selected related tags. |
 |  [track](./x-components.track.md) | Default implementation for the [TaggingActions.track()](./x-components.taggingactions.track.md)<!-- -->. |