@empathyco/x-components 5.0.0-alpha.9 → 6.0.0-alpha.2

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

@@ -2,31 +2,41 @@
 
 [Home](./index.md) > [@empathyco/x-components](./x-components.md) > [RenderlessFilter](./x-components.renderlessfilter.md)
 
-## RenderlessFilter class
+## RenderlessFilter variable
 
-Renders default slot content. It binds to the default slot a [BooleanFilter](./x-types.booleanfilter.md)<!-- -->, the [XEvent](./x-components.xevent.md) that will be emitted when clicking the content, the css classes and if the content should be deactivated.
+Renders default slot content. It binds to the default slot a [BooleanFilter](./x-types.booleanfilter.md)<!-- -->, the [XEvent](./x-components.xevent.md) that will be emitted when clicking the content, the CSS classes and if the content should be deactivated.
 
 **Signature:**
 
 ```typescript
-export default class RenderlessFilter extends Vue 
+_default: import("vue").DefineComponent<{
+    filter: {
+        type: PropType<BooleanFilter>;
+        required: true;
+    };
+    clickEvents: PropType<Partial<XEventsTypes>>;
+    cssClasses: {
+        type: PropType<(string | Dictionary<boolean>)[]>;
+        default: () => never[];
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | "", unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    filter: {
+        type: PropType<BooleanFilter>;
+        required: true;
+    };
+    clickEvents: PropType<Partial<XEventsTypes>>;
+    cssClasses: {
+        type: PropType<(string | Dictionary<boolean>)[]>;
+        default: () => never[];
+    };
+}>>, {
+    cssClasses: (string | Dictionary<boolean>)[];
+}, {}>
 ```
-**Extends:** Vue
 
 ## Remarks
 
-The default slot expects a root element, if it receives a list of elements, it will renders the first element.
-
-## Properties
-
-|  Property | Modifiers | Type | Description |
-|  --- | --- | --- | --- |
-|  [clickEvents?](./x-components.renderlessfilter.clickevents.md) |  | Partial&lt;[XEventsTypes](./x-components.xeventstypes.md)<!-- -->&gt; | _(Optional)_ Additional events with its payload to emit when the filter is clicked. |
-|  [filter](./x-components.renderlessfilter.filter.md) |  | BooleanFilter | The filter data to render. |
-
-## Methods
-
-|  Method | Modifiers | Description |
-|  --- | --- | --- |
-|  [render(h)](./x-components.renderlessfilter.render.md) |  |  |
+The default slot expects a root element, if it receives a list of elements, it will render the first element.
 

package/docs/API-reference/api/x-components.resetstateforreloadwire.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; [resetStateForReloadWire](./x-components.resetstateforreloadwire.md)
+
+## resetStateForReloadWire variable
+
+Resets the search state to reload the current search.
+
+**Signature:**
+
+```typescript
+resetStateForReloadWire: import("../../wiring").AnyWire
+```

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

@@ -15,21 +15,19 @@ It also provides the slot result to customize the item, which is within the defa
 ```typescript
 _default: import("vue").DefineComponent<{
     animation: {
-        type: import("vue").PropType<string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComponentComputedOptions, import("vue").ComponentMethodOptions, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
+        type: import("vue").PropType<string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>>;
         default: string;
     };
-}, {
-    items: ComputedRef<Result[]>;
-    onInfiniteScrollEnd: () => void;
-    slots: import("vue/types/v3-setup-context").Slots;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "UserReachedResultsListEnd"[], string, Readonly<import("vue").ExtractPropTypes<{
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "UserReachedResultsListEnd"[], "UserReachedResultsListEnd", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     animation: {
-        type: import("vue").PropType<string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComponentComputedOptions, import("vue").ComponentMethodOptions, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
+        type: import("vue").PropType<string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>>;
         default: string;
     };
-}>>, {
-    animation: string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComponentComputedOptions, import("vue").ComponentMethodOptions, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}> | (import("vue/types/v3-component-public-instance").ComponentPublicInstanceConstructor<import("vue/types/v3-component-public-instance").Vue3Instance<{}, Readonly<import("vue").ExtractPropTypes<{}>>, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, true, import("vue/types/v3-component-options").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<import("vue").ExtractPropTypes<{}>>> & import("vue").ShallowUnwrapRef<{}> & import("vue/types/v3-component-options").ExtractComputedReturns<import("vue").ComponentComputedOptions> & import("vue").ComponentMethodOptions & import("vue").ComponentCustomProperties & Readonly<import("vue").ExtractPropTypes<{}>>, any, any, any, import("vue").ComponentComputedOptions, import("vue").ComponentMethodOptions> & import("vue/types/v3-component-options").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, import("vue").ComponentComputedOptions, import("vue").ComponentMethodOptions, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, {}> & {
-        props: {};
-    });
-}>
+}>> & {
+    onUserReachedResultsListEnd?: ((...args: any[]) => any) | undefined;
+}, {
+    animation: string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+}, {}>
 ```

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

@@ -16,16 +16,15 @@ _default: import("vue").DefineComponent<{
     };
 }, {
     result: Ref<Result> | undefined;
-    selectedVariant: import("vue").ComputedRef<ResultVariant | undefined>;
-    selectVariant: (variant: ResultVariant) => void;
-    variantIsSelected: (variant: ResultVariant) => boolean;
     variants: import("vue").ComputedRef<ResultVariant[] | undefined>;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    variantIsSelected: (variant: ResultVariant) => boolean;
+    selectVariant: (variant: ResultVariant) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     level: {
         type: NumberConstructor;
         default: number;
     };
 }>>, {
     level: number;
-}>
+}, {}>
 ```

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

@@ -22,34 +22,9 @@ _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-}, {
-    props: Readonly<Readonly<import("vue/types/common").LooseRequired<{
-        result: Result;
-        autoSelectDepth: number;
-    } & {}>>>;
-    selectedVariants: Ref<{
-        name?: string | undefined;
-        url?: string | undefined;
-        type?: string | undefined;
-        images?: string[] | undefined;
-        price?: {
-            originalValue: number;
-            value: number;
-            futureValue: number;
-            hasDiscount: boolean;
-        } | undefined;
-        rating?: {
-            value: number | null;
-        } | undefined;
-        identifier?: {
-            value: string;
-        } | undefined;
-        isWishlisted?: boolean | undefined;
-        variants?: any[] | undefined;
-    }[]>;
-    selectResultVariant: (variant: ResultVariant, level?: number) => void;
-    resultToProvide: import("vue").ComputedRef<Result>;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | "", unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     result: {
         type: PropType<Result>;
         required: true;
@@ -60,5 +35,5 @@ _default: import("vue").DefineComponent<{
     };
 }>>, {
     autoSelectDepth: number;
-}>
+}, {}>
 ```

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

@@ -9,7 +9,9 @@ State and Getters Store type for [RootXStoreState](./x-components.rootxstorestat
 **Signature:**
 
 ```typescript
-export type RootStoreStateAndGetters = Pick<Store<RootXStoreState>, 'state' | 'getters'>;
+export type RootStoreStateAndGetters = Pick<Store<RootXStoreState>, 'state'> & {
+    getters: Dictionary;
+};
 ```
 **References:** [RootXStoreState](./x-components.rootxstorestate.md)
 

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

@@ -2,20 +2,31 @@
 
 [Home](./index.md) > [@empathyco/x-components](./x-components.md) > [Scroll](./x-components.scroll.md)
 
-## Scroll class
+## Scroll variable
 
 Scrollable container that emits scroll related X Events. It exposes all the listeners and props from the [BaseScroll](./x-components.basescroll.md) component.
 
 **Signature:**
 
 ```typescript
-export default class Scroll extends Vue 
+_default: import("vue").DefineComponent<{
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    scrollRef: import("vue").Ref<ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | undefined>;
+    emitScrollAtEnd: (isAtEnd: boolean) => void;
+    emitScrollAlmostAtEnd: (isAlmostAtEnd: boolean) => void;
+    emitScrollAtStart: (isAtStart: boolean) => void;
+    emitScrollDirectionChange: (direction: ScrollDirection) => void;
+    emitScroll: (position: number) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    id: string;
+}, {}>
 ```
-**Extends:** Vue
-
-## Properties
-
-|  Property | Modifiers | Type | Description |
-|  --- | --- | --- | --- |
-|  [id](./x-components.scroll.id.md) |  | string | Id to identify the component. |
-

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

@@ -2,22 +2,38 @@
 
 [Home](./index.md) > [@empathyco/x-components](./x-components.md) > [ScrollToTop](./x-components.scrolltotop.md)
 
-## ScrollToTop class
+## ScrollToTop variable
 
 The `ScrollToTop` component is a button that the user can click to make a container scroll up to its initial position.
 
 **Signature:**
 
 ```typescript
-export default class ScrollToTop extends Vue 
+_default: import("vue").DefineComponent<{
+    animation: {
+        type: import("vue").PropType<string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>>;
+        default: () => import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+    };
+    thresholdPx: NumberConstructor;
+    scrollId: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    events: import("vue").ComputedRef<Partial<XEventsTypes>>;
+    isVisible: import("vue").ComputedRef<any>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    animation: {
+        type: import("vue").PropType<string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>>;
+        default: () => import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+    };
+    thresholdPx: NumberConstructor;
+    scrollId: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    animation: string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+    scrollId: string;
+}, {}>
 ```
-**Extends:** Vue
-
-## Properties
-
-|  Property | Modifiers | Type | Description |
-|  --- | --- | --- | --- |
-|  [animation](./x-components.scrolltotop.animation.md) |  | Vue \| string | Animation to use for showing/hiding the button. |
-|  [scrollId](./x-components.scrolltotop.scrollid.md) |  | string | Id of the target scroll component. |
-|  [thresholdPx?](./x-components.scrolltotop.thresholdpx.md) |  | number | _(Optional)_ Threshold in pixels from the top to show the button. |
-

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

@@ -2,32 +2,21 @@
 
 [Home](./index.md) > [@empathyco/x-components](./x-components.md) > [SearchButton](./x-components.searchbutton.md)
 
-## SearchButton class
+## SearchButton variable
 
 This component renders a button to submit the query.
 
 **Signature:**
 
 ```typescript
-export default class SearchButton extends Vue 
+_default: import("vue").DefineComponent<{}, {
+    dynamicClasses: ComputedRef<VueCSSClasses>;
+    buttonRef: import("vue").Ref<HTMLElement | null>;
+    emitEvents: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>
 ```
-**Extends:** Vue
 
 ## Remarks
 
 If query is not empty, it emits [XEventsTypes.UserAcceptedAQuery](./x-components.xeventstypes.useracceptedaquery.md) and [SearchBoxXEvents.UserPressedSearchButton](./x-components.searchboxxevents.userpressedsearchbutton.md) events with the query as payload. It also adds `x-search-button--has-empty-query` as class when there is no query.
 
-## Properties
-
-|  Property | Modifiers | Type | Description |
-|  --- | --- | --- | --- |
-|  [dynamicClasses](./x-components.searchbutton.dynamicclasses.md) | <p><code>protected</code></p><p><code>readonly</code></p> | [VueCSSClasses](./x-components.vuecssclasses.md) |  |
-|  [isQueryEmpty](./x-components.searchbutton.isqueryempty.md) | <p><code>protected</code></p><p><code>readonly</code></p> | boolean |  |
-|  [query](./x-components.searchbutton.query.md) |  | string |  |
-
-## Methods
-
-|  Method | Modifiers | Description |
-|  --- | --- | --- |
-|  [emitEvents()](./x-components.searchbutton.emitevents.md) | <code>protected</code> | Emits events when the button is clicked. |
-

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

@@ -2,35 +2,63 @@
 
 [Home](./index.md) > [@empathyco/x-components](./x-components.md) > [SearchInput](./x-components.searchinput.md)
 
-## SearchInput class
+## SearchInput variable
 
 This component renders an input field that allows the user to type a query. It also reacts to query changes through event listening.
 
 **Signature:**
 
 ```typescript
-export default class SearchInput extends Vue 
+_default: import("vue").DefineComponent<{
+    maxLength: {
+        type: NumberConstructor;
+        default: number;
+    };
+    autofocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    instant: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    instantDebounceInMs: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, {
+    query: import("vue").ComputedRef<any>;
+    inputElement: import("vue").Ref<HTMLInputElement | undefined>;
+    emitUserHoveredInSearchBox: () => void;
+    emitUserHoveredOutSearchBox: () => void;
+    emitUserBlurredSearchBox: () => void;
+    emitUserClickedSearchBox: () => void;
+    emitUserFocusedSearchBox: () => void;
+    emitUserIsTypingAQueryEvents: () => void;
+    emitUserPressedEnterKey: () => void;
+    emitUserPressedArrowKey: (event: KeyboardEvent) => void;
+    preventSpecialKey: (event: InputEvent) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    maxLength: {
+        type: NumberConstructor;
+        default: number;
+    };
+    autofocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    instant: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    instantDebounceInMs: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>>, {
+    maxLength: number;
+    autofocus: boolean;
+    instant: boolean;
+    instantDebounceInMs: number;
+}, {}>
 ```
-**Extends:** Vue
-
-## Properties
-
-|  Property | Modifiers | Type | Description |
-|  --- | --- | --- | --- |
-|  [$refs](./x-components.searchinput._refs.md) |  | { input: HTMLInputElement; } |  |
-|  [autocompleteKeyboardKeys](./x-components.searchinput.autocompletekeyboardkeys.md) | <code>protected</code> | string\[\] | Keyboard keys to accept the autocomplete suggestion. |
-|  [autocompleteSuggestionsEvent](./x-components.searchinput.autocompletesuggestionsevent.md) | <code>protected</code> | [PropsWithType](./x-components.propswithtype.md)<!-- -->&lt;[XEventsTypes](./x-components.xeventstypes.md)<!-- -->, Suggestion\[\]&gt; | Event that retrieves the autocomplete suggestion. |
-|  [autofocus](./x-components.searchinput.autofocus.md) | <code>protected</code> | boolean | Allows input autofocus when the search field is rendered. |
-|  [debouncedUserAcceptedAQuery](./x-components.searchinput.debounceduseracceptedaquery.md) | <code>protected</code> | [DebouncedFunction](./x-components.debouncedfunction.md)<!-- -->&lt;\[string\]&gt; |  |
-|  [instant](./x-components.searchinput.instant.md) | <code>protected</code> | boolean | Enables the auto-accept query after debounce. |
-|  [instantDebounceInMs](./x-components.searchinput.instantdebounceinms.md) | <code>protected</code> | number | Debounce time for the instant. |
-|  [maxLength](./x-components.searchinput.maxlength.md) | <code>protected</code> | number | Maximum characters allowed in the input search. |
-|  [query](./x-components.searchinput.query.md) |  | string |  |
-|  [searchInputMessage](./x-components.searchinput.searchinputmessage.md) | <code>protected</code> | string |  |
-
-## Methods
-
-|  Method | Modifiers | Description |
-|  --- | --- | --- |
-|  [mounted()](./x-components.searchinput.mounted.md) |  |  |
-

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

@@ -2,33 +2,47 @@
 
 [Home](./index.md) > [@empathyco/x-components](./x-components.md) > [SearchInputPlaceholder](./x-components.searchinputplaceholder.md)
 
-## SearchInputPlaceholder class
+## SearchInputPlaceholder variable
 
 . This component renders an animated placeholder for the search input in the shape of a list of iterating messages that can be configured to happen always or only when hovering the input
 
 **Signature:**
 
 ```typescript
-export default class SearchInputPlaceholder extends Vue 
+_default: import("vue").DefineComponent<{
+    messages: {
+        type: PropType<string[]>;
+        required: true;
+    };
+    animation: {
+        type: PropType<string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>>;
+        default: () => import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+    };
+    animationIntervalMs: {
+        type: NumberConstructor;
+        default: number;
+    };
+    animateOnlyOnHover: BooleanConstructor;
+}, {
+    isVisible: import("vue").ComputedRef<boolean>;
+    message: import("vue").ComputedRef<string | undefined>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    messages: {
+        type: PropType<string[]>;
+        required: true;
+    };
+    animation: {
+        type: PropType<string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>>;
+        default: () => import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+    };
+    animationIntervalMs: {
+        type: NumberConstructor;
+        default: number;
+    };
+    animateOnlyOnHover: BooleanConstructor;
+}>>, {
+    animation: string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+    animationIntervalMs: number;
+    animateOnlyOnHover: boolean;
+}, {}>
 ```
-**Extends:** Vue
-
-## Properties
-
-|  Property | Modifiers | Type | Description |
-|  --- | --- | --- | --- |
-|  [animateOnlyOnHover](./x-components.searchinputplaceholder.animateonlyonhover.md) | <code>protected</code> | boolean | Whether the messages animation is active only when hovering the search input or always. |
-|  [animation](./x-components.searchinputplaceholder.animation.md) | <code>protected</code> | Vue | Animation component used for the messages. |
-|  [animationIntervalMs](./x-components.searchinputplaceholder.animationintervalms.md) | <code>protected</code> | number | Time in milliseconds during which each message is visible. |
-|  [messages](./x-components.searchinputplaceholder.messages.md) | <code>protected</code> | Array&lt;string&gt; | List of messages to animate. |
-
-## Methods
-
-|  Method | Modifiers | Description |
-|  --- | --- | --- |
-|  [beforeDestroy()](./x-components.searchinputplaceholder.beforedestroy.md) |  |  |
-|  [onUserBlurredSearchBox()](./x-components.searchinputplaceholder.onuserblurredsearchbox.md) |  |  |
-|  [onUserFocusedSearchBox()](./x-components.searchinputplaceholder.onuserfocusedsearchbox.md) |  |  |
-|  [onUserHoveredInSearchBox()](./x-components.searchinputplaceholder.onuserhoveredinsearchbox.md) |  |  |
-|  [onUserHoveredOutSearchBox()](./x-components.searchinputplaceholder.onuserhoveredoutsearchbox.md) |  |  |
-

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

@@ -19,6 +19,7 @@ export interface SearchMutations extends StatusMutations, QueryMutations, Config
 |  --- | --- |
 |  [appendResults(results)](./x-components.searchmutations.appendresults.md) | Append the results to the results state. |
 |  [resetState()](./x-components.searchmutations.resetstate.md) | Resets the "resettable" part of the Search state to the initial state. See the  for details. |
+|  [resetStateForReload()](./x-components.searchmutations.resetstateforreload.md) | Resets the "resettable" part of the Search state like [SearchMutations.resetState()](./x-components.searchmutations.resetstate.md) but maintains the values required to perform the search request again. |
 |  [setBanners(banners)](./x-components.searchmutations.setbanners.md) | Sets the banners of the module. |
 |  [setDisplayTagging(DisplayTagging)](./x-components.searchmutations.setdisplaytagging.md) | Sets the display tagging of the module. |
 |  [setFacets(facets)](./x-components.searchmutations.setfacets.md) | Sets the facets of the module. |

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

@@ -0,0 +1,17 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [SearchMutations](./x-components.searchmutations.md) &gt; [resetStateForReload](./x-components.searchmutations.resetstateforreload.md)
+
+## SearchMutations.resetStateForReload() method
+
+Resets the "resettable" part of the Search state like [SearchMutations.resetState()](./x-components.searchmutations.resetstate.md) but maintains the values required to perform the search request again.
+
+**Signature:**
+
+```typescript
+resetStateForReload(): void;
+```
+**Returns:**
+
+void
+

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

@@ -18,6 +18,7 @@ export interface SearchXEvents
 |  --- | --- | --- | --- |
 |  [FacetsChanged](./x-components.searchxevents.facetschanged.md) |  | Facet\[\] | The facets have changed. Payload: The [facets](./x-types.facet.md) array. |
 |  [PageChanged](./x-components.searchxevents.pagechanged.md) |  | number | Page has been changed. Payload: The new page number. |
+|  [ReloadSearchRequested](./x-components.searchxevents.reloadsearchrequested.md) |  | void | Reload the current search has been requested. |
 |  [ResultsChanged](./x-components.searchxevents.resultschanged.md) |  | Result\[\] | Results have been changed. Payload: The new [results](./x-types.result.md)<!-- -->. |
 |  [SearchRequestChanged](./x-components.searchxevents.searchrequestchanged.md) |  | [InternalSearchRequest](./x-components.internalsearchrequest.md) \| null | Any property of the search request has changed. Payload: The new search request or <code>null</code> if there is not enough data in the state to conform a valid request. |
 |  [SearchRequestUpdated](./x-components.searchxevents.searchrequestupdated.md) |  | [InternalSearchRequest](./x-components.internalsearchrequest.md) \| null | Any property of the search request has been updated. Payload: The new search request or <code>null</code> if there is not enough data in the state to conform a valid request. |

package/docs/API-reference/api/x-components.searchxevents.reloadsearchrequested.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; [SearchXEvents](./x-components.searchxevents.md) &gt; [ReloadSearchRequested](./x-components.searchxevents.reloadsearchrequested.md)
+
+## SearchXEvents.ReloadSearchRequested property
+
+Reload the current search has been requested.
+
+**Signature:**
+
+```typescript
+ReloadSearchRequested: void;
+```

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

@@ -1,13 +1,25 @@
 <!-- Do not edit this file. It is automatically generated by API Documenter. -->
 
-[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [selectedFilters](./x-components.selectedfilters.md)
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [SelectedFilters](./x-components.selectedfilters.md)
 
-## selectedFilters variable
+## SelectedFilters variable
 
-Default implementation for the [FacetsGetters.selectedFilters](./x-components.facetsgetters.selectedfilters.md) getter.
+Provides a scoped slot with the selected filters from every facet, or from the facet which facet id is passed as property.
+
+The default slot renders the length of the selected filters array. The property "alwaysVisible" handles if the component is rendered if no filters are selected.
 
 **Signature:**
 
 ```typescript
-selectedFilters: FacetsXStoreModule['getters']['selectedFilters']
+_default: import("vue").DefineComponent<{
+    facetsIds: PropType<(string | number)[]>;
+    alwaysVisible: BooleanConstructor;
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | "", unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    facetsIds: PropType<(string | number)[]>;
+    alwaysVisible: BooleanConstructor;
+}>>, {
+    alwaysVisible: boolean;
+}, {}>
 ```

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

@@ -2,7 +2,7 @@
 
 [Home](./index.md) > [@empathyco/x-components](./x-components.md) > [SelectedFiltersList](./x-components.selectedfilterslist.md)
 
-## SelectedFiltersList class
+## SelectedFiltersList variable
 
 This component renders a list of selected filters from every facet, or from the facet ids passed as property. It uses the SelectedFilters component (state).
 
@@ -13,17 +13,26 @@ The property "alwaysVisible" handles if the component is rendered if no filters
 **Signature:**
 
 ```typescript
-export default class SelectedFiltersList extends FacetsMixin 
+_default: import("vue").DefineComponent<{
+    facetsIds: PropType<(string | number)[]>;
+    alwaysVisible: BooleanConstructor;
+    animation: {
+        type: PropType<string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>>;
+        default: string;
+    };
+}, {
+    selectedFilters: import("vue").ComputedRef<Filter[]>;
+    mapSlot: (selectedFilters: Filter[]) => RenderFilter[];
+    hasSlot: (name: string) => boolean;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    facetsIds: PropType<(string | number)[]>;
+    alwaysVisible: BooleanConstructor;
+    animation: {
+        type: PropType<string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>>;
+        default: string;
+    };
+}>>, {
+    alwaysVisible: boolean;
+    animation: string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+}, {}>
 ```
-**Extends:** [FacetsMixin](./x-components.facetsmixin.md)
-
-## Remarks
-
-It extends [FacetsMixin](./x-components.facetsmixin.md)<!-- -->.
-
-## Properties
-
-|  Property | Modifiers | Type | Description |
-|  --- | --- | --- | --- |
-|  [animation](./x-components.selectedfilterslist.animation.md) | <code>protected</code> | Vue \| string | Animation component that will be used to animate the selected filters list. |
-