@empathyco/x-components 6.0.0-alpha.2 → 6.0.0-alpha.20

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

@@ -0,0 +1,20 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-types](./x-types.md) &gt; [RelatedPromptsResponse](./x-types.relatedpromptsresponse.md)
+
+## RelatedPromptsResponse interface
+
+Response for the related prompts endpoint.
+
+**Signature:**
+
+```typescript
+export interface RelatedPromptsResponse 
+```
+
+## Properties
+
+|  Property | Modifiers | Type | Description |
+|  --- | --- | --- | --- |
+|  [relatedPrompts](./x-types.relatedpromptsresponse.relatedprompts.md) |  | [RelatedPrompt](./x-types.relatedprompt.md)<!-- -->\[\] |  |
+

package/docs/API-reference/api/x-types.relatedpromptsresponse.relatedprompts.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; [RelatedPromptsResponse](./x-types.relatedpromptsresponse.md) &gt; [relatedPrompts](./x-types.relatedpromptsresponse.relatedprompts.md)
+
+## RelatedPromptsResponse.relatedPrompts property
+
+**Signature:**
+
+```typescript
+relatedPrompts: RelatedPrompt[];
+```

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

@@ -25,5 +25,6 @@ export interface SearchResponse
 |  [redirections?](./x-types.searchresponse.redirections.md) |  | [Redirection](./x-types.redirection.md)<!-- -->\[\] | _(Optional)_ |
 |  [results](./x-types.searchresponse.results.md) |  | [Result](./x-types.result.md)<!-- -->\[\] |  |
 |  [spellcheck?](./x-types.searchresponse.spellcheck.md) |  | string | _(Optional)_ |
+|  [stats?](./x-types.searchresponse.stats.md) |  | [Stats](./x-types.stats.md) | _(Optional)_ |
 |  [totalResults](./x-types.searchresponse.totalresults.md) |  | number |  |
 

package/docs/API-reference/api/x-types.searchresponse.stats.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; [SearchResponse](./x-types.searchresponse.md) &gt; [stats](./x-types.searchresponse.stats.md)
+
+## SearchResponse.stats property
+
+**Signature:**
+
+```typescript
+stats?: Stats;
+```

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

@@ -0,0 +1,22 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-types](./x-types.md) &gt; [Stats](./x-types.stats.md)
+
+## Stats interface
+
+Statistics for the current search results.
+
+Price - interval of the prices of the results.
+
+**Signature:**
+
+```typescript
+export interface Stats 
+```
+
+## Properties
+
+|  Property | Modifiers | Type | Description |
+|  --- | --- | --- | --- |
+|  [price](./x-types.stats.price.md) |  | { min: number \| undefined; max: number \| undefined; } |  |
+

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

@@ -0,0 +1,14 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-types](./x-types.md) &gt; [Stats](./x-types.stats.md) &gt; [price](./x-types.stats.price.md)
+
+## Stats.price property
+
+**Signature:**
+
+```typescript
+price: {
+        min: number | undefined;
+        max: number | undefined;
+    };
+```

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

@@ -20,6 +20,7 @@ export interface XComponentsAdapter
 |  [popularSearches](./x-types.xcomponentsadapter.popularsearches.md) |  | EndpointAdapter&lt;[PopularSearchesRequest](./x-types.popularsearchesrequest.md)<!-- -->, [PopularSearchesResponse](./x-types.popularsearchesresponse.md)<!-- -->&gt; |  |
 |  [querySuggestions](./x-types.xcomponentsadapter.querysuggestions.md) |  | EndpointAdapter&lt;[QuerySuggestionsRequest](./x-types.querysuggestionsrequest.md)<!-- -->, [QuerySuggestionsResponse](./x-types.querysuggestionsresponse.md)<!-- -->&gt; |  |
 |  [recommendations](./x-types.xcomponentsadapter.recommendations.md) |  | EndpointAdapter&lt;[RecommendationsRequest](./x-types.recommendationsrequest.md)<!-- -->, [RecommendationsResponse](./x-types.recommendationsresponse.md)<!-- -->&gt; |  |
+|  [relatedPrompts](./x-types.xcomponentsadapter.relatedprompts.md) |  | EndpointAdapter&lt;[RelatedPromptsRequest](./x-types.relatedpromptsrequest.md)<!-- -->, [RelatedPromptsResponse](./x-types.relatedpromptsresponse.md)<!-- -->&gt; |  |
 |  [relatedTags](./x-types.xcomponentsadapter.relatedtags.md) |  | EndpointAdapter&lt;[RelatedTagsRequest](./x-types.relatedtagsrequest.md)<!-- -->, [RelatedTagsResponse](./x-types.relatedtagsresponse.md)<!-- -->&gt; |  |
 |  [search](./x-types.xcomponentsadapter.search.md) |  | EndpointAdapter&lt;[SearchRequest](./x-types.searchrequest.md)<!-- -->, [SearchResponse](./x-types.searchresponse.md)<!-- -->&gt; |  |
 |  [semanticQueries](./x-types.xcomponentsadapter.semanticqueries.md) |  | EndpointAdapter&lt;[SemanticQueriesRequest](./x-types.semanticqueriesrequest.md)<!-- -->, [SemanticQueriesResponse](./x-types.semanticqueriesresponse.md)<!-- -->&gt; |  |

package/docs/API-reference/api/x-types.xcomponentsadapter.relatedprompts.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; [relatedPrompts](./x-types.xcomponentsadapter.relatedprompts.md)
+
+## XComponentsAdapter.relatedPrompts property
+
+**Signature:**
+
+```typescript
+relatedPrompts: EndpointAdapter<RelatedPromptsRequest, RelatedPromptsResponse>;
+```

package/docs/API-reference/components/common/result/x-components.base-result-image.md

@@ -13,8 +13,8 @@ Component to be reused that renders an `<img>`.
 | Name                              | Description                                                                                                   | Type                       | Default                        |
 | --------------------------------- | ------------------------------------------------------------------------------------------------------------- | -------------------------- | ------------------------------ |
 | <code>result</code>               | (Required) The @empathyco/x-types#Result information.                                                         | <code>Result</code>        | <code></code>                  |
-| <code>loadAnimation</code>        | Animation to use when switching between the placeholder, the loaded image, or the failed<br />image fallback. | <code>animationProp</code> | <code>() => NoAnimation</code> |
-| <code>hoverAnimation</code>       | Animation to use when switching between the loaded image and the hover image.                                 | <code>animationProp</code> | <code></code>                  |
+| <code>loadAnimation</code>        | Animation to use when switching between the placeholder, the loaded image, or the failed<br />image fallback. | <code>AnimationProp</code> | <code>() => NoAnimation</code> |
+| <code>hoverAnimation</code>       | Animation to use when switching between the loaded image and the hover image.                                 | <code>AnimationProp</code> | <code></code>                  |
 | <code>showNextImageOnHover</code> | Indicates if the next valid image should be displayed on hover.                                               | <code>boolean</code>       | <code>false</code>             |
 
 ## Slots

package/docs/API-reference/components/common/x-components.base-slider.md

@@ -0,0 +1,189 @@
+---
+
+title: BaseSlider
+
+---
+
+# BaseSlider
+
+This component implements a range slider and prints the selected values. It receives a threshold
+prop to set the limits and uses v-model to get and set the selected values.
+
+It makes use of the nouslider library @see https://refreshless.com/nouislider/ for the slider
+implementation.
+
+## Props
+
+| Name                      | Description                                                 | Type                                      | Default                                                       |
+| ------------------------- | ----------------------------------------------------------- | ----------------------------------------- | ------------------------------------------------------------- |
+| <code>threshold</code>    | The threshold prop sets the limits for the slider.          | <code>{ min: number; max: number }</code> | <code>() => ({ min: 0, max: Number.MAX_SAFE_INTEGER })</code> |
+| <code>modelValue</code>   | The modelValue prop sets the initial values for the slider. | <code>{ min: number; max: number }</code> | <code></code>                                                 |
+| <code>contentClass</code> | Class to be able to customize slider styles.                | <code>string</code>                       | <code>''</code>                                               |
+
+## Events
+
+| Event name        | Properties | Description |
+| ----------------- | ---------- | ----------- |
+| update:modelValue |            |
+
+## Slots
+
+| Name                 | Description                                                                       | Bindings<br />(name - type - description)                                                            |
+| -------------------- | --------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------- |
+| <code>default</code> | Default selected range rendering. This slot will be used by default for rendering | **rangeSelected** <code>number[]</code> - The selected range values. Min position 0, Max position 1. |
+
+## Examples
+
+This component renders a slider and the selected values. The component needs the threshold for the
+slider, although is not required (If not passed, fallback is min: 0, max: Number.MAX_SAFE_INTEGER ),
+which are passed using the `threshold` prop and the selected range, which is passed in using the
+v-model.
+
+### Default usage
+
+It is required to send the value prop which holds the selected values.
+
+```vue live
+<template>
+  <BaseSlider v-model="selectedRange" />
+</template>
+
+<script>
+  import { BaseSlider } from '@empathyco/x-components';
+
+  export default {
+    name: 'BaseSliderDemo',
+    components: {
+      BaseSlider
+    },
+    setup() {
+      const selectedRange = ref({ min: 0, max: 1000 });
+
+      return {
+        selectedRange
+      };
+    }
+  };
+</script>
+```
+
+#### With threshold
+
+```vue live
+<template>
+  <BaseSlider v-model="selectedRange" :threshold="threshold" />
+</template>
+
+<script>
+  import { BaseSlider } from '@empathyco/x-components';
+
+  export default {
+    name: 'BaseSliderDemo',
+    components: {
+      BaseSliderDemo
+    },
+    setup() {
+      const threshold = ref({ min: 0, max: 1000 });
+      const selectedRange = ref(threshold.value);
+
+      return {
+        selectedRange,
+        threshold
+      };
+    }
+  };
+</script>
+```
+
+### Customized usage
+
+#### Overriding the slots
+
+It is possible to override the default slot to customize the layout for the selected values.
+
+```vue live
+<template>
+  <BaseSlider v-model="selectedRange" :threshold="threshold" v-slot="{ rangeSelected }">
+    <p class="x-base-slider__selected-min">
+      <span>min value</span>
+      <span>
+        {{ rangeSelected[0] }}
+      </span>
+    </p>
+    <p class="x-base-slider__selected-max">
+      <span>max value</span>
+      <span>
+        {{ rangeSelected[1] }}
+      </span>
+    </p>
+  </BaseSlider>
+</template>
+
+<script>
+  import { BaseSlider } from '@empathyco/x-components';
+
+  export default {
+    name: 'BaseSliderDemo',
+    components: {
+      BaseSliderDemo
+    },
+    setup() {
+      const threshold = ref({ min: 0, max: 1000 });
+      const selectedRange = ref(threshold.value);
+
+      return {
+        selectedRange,
+        threshold
+      };
+    }
+  };
+</script>
+```
+
+It is also possible to add inputs to complement the slider and allow to change the selected values
+manually.
+
+```vue live
+<template>
+  <BaseSlider v-model="selectedRange" :threshold="threshold">
+    <input
+      @change="selectedRange.min = $event.target?.valueAsNumber || 0"
+      class="x-input"
+      name="min"
+      type="number"
+      :value="selectedRange.min"
+      :aria-label="'min'"
+    />
+
+    <input
+      @change="selectedRange.max = $event.target?.valueAsNumber || 1000000"
+      style="display: block"
+      class="x-input"
+      name="max"
+      type="number"
+      :value="selectedRange.max"
+      :aria-label="'max'"
+    />
+  </BaseSlider>
+</template>
+
+<script>
+  import { BaseSlider } from '@empathyco/x-components';
+
+  export default {
+    name: 'BaseSliderDemo',
+    components: {
+      BaseSliderDemo
+    },
+    setup() {
+      const threshold = ref({ min: 0, max: 1000 });
+      const selectedRange = ref(threshold.value);
+
+      return {
+        selectedRange,
+        threshold
+      };
+    }
+  };
+</script>
+```

package/docs/API-reference/components/common/x-components.items-list.md

@@ -13,7 +13,7 @@ It renders a list of ListItem providing a slot for each `slotName` which depends
 
 | Name                   | Description                                                | Type                       | Default           |
 | ---------------------- | ---------------------------------------------------------- | -------------------------- | ----------------- |
-| <code>animation</code> | Animation component that will be used to animate the list. | <code>animationProp</code> | <code>'ul'</code> |
+| <code>animation</code> | Animation component that will be used to animate the list. | <code>AnimationProp</code> | <code>'ul'</code> |
 | <code>items</code>     | List of items.                                             | <code>ListItem[]</code>    | <code></code>     |
 | <code>itemClass</code> | Item's classes.                                            | <code>string</code>        | <code></code>     |
 

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

@@ -19,7 +19,7 @@ differently based on their purpose and this can be achieved using the exposed sl
 | ----------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------- | ----------------- |
 | <code>facetsIds</code>        | Array of facets ids used to get the selected filters for those facets.                                                                                                                                                                                                              | <code>Array<Facet['id']></code> | <code></code>     |
 | <code>alwaysVisible</code>    | Flag to render the component even if there are no filters selected.                                                                                                                                                                                                                 | <code>boolean</code>            | <code></code>     |
-| <code>animation</code>        | Animation component that will be used to animate the facets.                                                                                                                                                                                                                        | <code>animationProp</code>      | <code>'ul'</code> |
+| <code>animation</code>        | Animation component that will be used to animate the facets.                                                                                                                                                                                                                        | <code>AnimationProp</code>      | <code>'ul'</code> |
 | <code>renderableFacets</code> | Discriminates the facets rendered by this component. It expects a string containing facets<br />ids, comma separated. This property will include or exclude facets based on its value.<br />The default value is an empty string and the component will render all existing facets. | <code>string</code>             | <code></code>     |
 
 ## Slots

package/docs/API-reference/components/facets/x-components.lists/selected-filters-list.md

@@ -20,7 +20,7 @@ The property "alwaysVisible" handles if the component is rendered if no filters
 | -------------------------- | --------------------------------------------------------------------------- | ------------------------------- | ----------------- |
 | <code>facetsIds</code>     | Array of facets ids used to get the selected filters for those facets.      | <code>Array<Facet['id']></code> | <code></code>     |
 | <code>alwaysVisible</code> | Flag to render the component even if there are no filters selected.         | <code>boolean</code>            | <code></code>     |
-| <code>animation</code>     | Animation component that will be used to animate the selected filters list. | <code>animationProp</code>      | <code>'ul'</code> |
+| <code>animation</code>     | Animation component that will be used to animate the selected filters list. | <code>AnimationProp</code>      | <code>'ul'</code> |
 
 ## Slots
 

package/docs/API-reference/components/related-prompts/x-components.related-prompt.md

@@ -0,0 +1,29 @@
+---
+
+title: RelatedPrompt
+
+---
+
+# RelatedPrompt
+
+This component shows a suggested related prompt with the associated next queries. It allows to
+select one of the next query and show it.
+
+It provide slots to customize the header, the next queries list, the individual next query inside
+the list and the selected query.
+
+## Props
+
+| Name                              | Description | Type                       | Default                          |
+| --------------------------------- | ----------- | -------------------------- | -------------------------------- |
+| <code>relatedPrompt</code>        |             | <code>RelatedPrompt</code> | <code></code>                    |
+| <code>nextQueryButtonClass</code> |             | <code>string</code>        | <code>'x-button-outlined'</code> |
+
+## Slots
+
+| Name                        | Description | Bindings<br />(name - type - description) |
+| --------------------------- | ----------- | ----------------------------------------- |
+| <code>header</code>         |             |                                           |
+| <code>next-queries</code>   |             |                                           |
+| <code>next-query</code>     |             |                                           |
+| <code>selected-query</code> |             |                                           |

package/docs/API-reference/components/related-prompts/x-components.related-prompts-list.md

@@ -0,0 +1,196 @@
+---
+
+title: RelatedPromptsList
+
+---
+
+# RelatedPromptsList
+
+Component that inserts groups of related prompts in different positions of the injected search items
+list, based on the provided configuration.
+
+## Props
+
+| Name                                   | Description                                                                                                            | Type                       | Default                |
+| -------------------------------------- | ---------------------------------------------------------------------------------------------------------------------- | -------------------------- | ---------------------- |
+| <code>animation</code>                 | Animation component that will be used to animate the related prompts groups.                                           | <code>AnimationProp</code> | <code>'ul'</code>      |
+| <code>offset</code>                    | The first index to insert a group of related prompts at.                                                               | <code>number</code>        | <code>24</code>        |
+| <code>frequency</code>                 | The items cycle size to keep inserting related prompts groups at.                                                      | <code>number</code>        | <code>24</code>        |
+| <code>maxRelatedPromptsPerGroup</code> | The maximum amount of related prompts to add in a single group.                                                        | <code>number</code>        | <code>4</code>         |
+| <code>maxGroups</code>                 | The maximum number of groups to insert into the injected list items list.                                              | <code>number</code>        | <code>undefined</code> |
+| <code>showOnlyAfterOffset</code>       | Determines if a group is added to the injected items list in case the number<br />of items is smaller than the offset. | <code>boolean</code>       | <code>false</code>     |
+
+## Events
+
+This component emits no events.
+
+## See it in action
+
+  <!-- prettier-ignore-start -->
+
+:::warning Backend microservice required To use this component, the <b>QuerySignals</b> microservice
+must be implemented. :::
+
+  <!-- prettier-ignore-end -->
+
+Usually, this component is going to be used together with the `ResultsList` one. Related prompts
+groups will be inserted between the results, guiding users to discover new searches directly from
+the results list.
+
+```vue live
+<template>
+  <div>
+    <SearchInput />
+    <ResultsList>
+      <RelatedPromptsList />
+    </ResultsList>
+  </div>
+</template>
+
+<script>
+  import { RelatedPromptsList } from '@empathyco/x-components/related-prompts';
+  import { ResultsList } from '@empathyco/x-components/search';
+  import { SearchInput } from '@empathyco/x-components/search-box';
+
+  export default {
+    name: 'RelatedPromptsListDemo',
+    components: {
+      RelatedPromptsList,
+      ResultsList,
+      SearchInput
+    }
+  };
+</script>
+```
+
+### Play with the index that related prompts groups are inserted at
+
+The component allows to customise where are the related prompts groups inserted. In the following
+example, the first group of related prompts will be inserted at the index `48` (`offset`), and then
+a second group will be inserted at index `120` because of the `frequency` prop configured to `72`.
+Finally, a third group will be inserted at index `192`. Because `maxGroups` is configured to `3`, no
+more groups will be inserted. Each one of this groups will have up to `6` related prompts
+(`maxRelatedPromptsPerGroup`).
+
+```vue live
+<template>
+  <div>
+    <SearchInput />
+    <ResultsList>
+      <RelatedPromptsList
+        :offset="48"
+        :frequency="72"
+        :maxRelatedPromptsPerGroup="6"
+        :maxGroups="3"
+      />
+    </ResultsList>
+  </div>
+</template>
+
+<script>
+  import { RelatedPromptsList } from '@empathyco/x-components/related-prompts';
+  import { ResultsList } from '@empathyco/x-components/search';
+  import { SearchInput } from '@empathyco/x-components/search-box';
+
+  export default {
+    name: 'RelatedPromptsListDemo',
+    components: {
+      RelatedPromptsList,
+      ResultsList,
+      SearchInput
+    }
+  };
+</script>
+```
+
+### Showing/hiding first related prompts group when no more items
+
+By default, the first related prompts group will be inserted when the total number of results is
+smaller than the offset, but this behavior can be deactivated by setting the `showOnlyAfterOffset`
+to `true`.
+
+```vue live
+<template>
+  <div>
+    <SearchInput />
+    <ResultsList>
+      <RelatedPromptsList
+        :offset="48"
+        :frequency="72"
+        :maxRelatedPromptsPerGroup="1"
+        :showOnlyAfterOffset="true"
+      />
+    </ResultsList>
+  </div>
+</template>
+
+<script>
+  import { RelatedPromptsList } from '@empathyco/x-components/related-prompts';
+  import { ResultsList } from '@empathyco/x-components/search';
+  import { SearchInput } from '@empathyco/x-components/search-box';
+
+  export default {
+    name: 'RelatedPromptsListDemo',
+    components: {
+      RelatedPromptsList,
+      ResultsList,
+      SearchInput
+    }
+  };
+</script>
+```
+
+### Customise the layout of the component
+
+This component will render by default the `id` of each search item, both the injected, and for the
+groups of related prompts generated, but the common case is to integrate it with another layout
+component, for example the `BaseGrid`. To do so, you can use the `default` slot
+
+```vue
+<template>
+  <div>
+    <SearchInput />
+    <ResultsList>
+      <RelatedPromptsList
+        :offset="48"
+        :frequency="72"
+        :maxRelatedPromptsPerGroup="6"
+        :maxGroups="3"
+        #default="{ items }"
+      >
+        <BaseGrid :items="items" :animation="animation">
+          <template #related-prompts-group="{ item }">
+            <span v-for="const prompt of items.relatedPrompts">
+              RelatedPromptsGroup:
+              <pre>{{ prompt }}</pre>
+            </span>
+          </template>
+          <template #result="{ item }">
+            <span>Result: {{ item.name }}</span>
+          </template>
+          <template #default="{ item }">
+            <span>Default: {{ item }}</span>
+          </template>
+        </BaseGrid>
+      </RelatedPromptsList>
+    </ResultsList>
+  </div>
+</template>
+
+<script>
+  import { RelatedPromptsList } from '@empathyco/x-components/related-prompts';
+  import { ResultsList } from '@empathyco/x-components/search';
+  import { SearchInput } from '@empathyco/x-components/search-box';
+  import { BaseGrid } from '@empathyco/x-components';
+
+  export default {
+    name: 'RelatedPromptsListDemo',
+    components: {
+      RelatedPromptsLis,
+      ResultsList,
+      BaseGrid,
+      SearchInput
+    }
+  };
+</script>
+```

package/docs/API-reference/components/search/x-components.results-list.md

@@ -17,7 +17,7 @@ result bound.
 
 | Name                   | Description                                                   | Type                       | Default           |
 | ---------------------- | ------------------------------------------------------------- | -------------------------- | ----------------- |
-| <code>animation</code> | Animation component that will be used to animate the results. | <code>animationProp</code> | <code>'ul'</code> |
+| <code>animation</code> | Animation component that will be used to animate the results. | <code>AnimationProp</code> | <code>'ul'</code> |
 
 ## Events
 

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

@@ -17,8 +17,8 @@ It allows you to activate or deactivate the session id management through the `c
 | <code>clickedResultStorageTTLMs</code> | The TTL in milliseconds for storing the clicked result info.                                                                                               | <code>number</code>  | <code>30000</code> |
 | <code>clickedResultStorageKey</code>   | The Object key of the @empathyco/x-types#Result clicked by the user<br />that will be used as id for the storage. By default, the Result url will be used. | <code>string</code>  | <code>'url'</code> |
 | <code>sessionTTLMs</code>              | The session TTL in milliseconds.                                                                                                                           | <code>number</code>  | <code></code>      |
-| <code>queryTaggingDebounceMs</code>    | The debounce time in milliseconds to track the query.                                                                                                      | <code>number</code>  | <code></code>      |
-| <code>consent</code>                   | The consent to be emitted.                                                                                                                                 | <code>boolean</code> | <code></code>      |
+| <code>queryTaggingDebounceMs</code>    | The debounce time in milliseconds to track the query.                                                                                                      | <code>number</code>  | <code>2000</code>  |
+| <code>consent</code>                   | The consent to be emitted.                                                                                                                                 | <code>boolean</code> | <code>null</code>  |
 
 ## Events