@empathyco/x-components 3.0.0-alpha.352 → 3.0.0-alpha.353

package/CHANGELOG.md

@@ -3,6 +3,21 @@
 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.353](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.352...@empathyco/x-components@3.0.0-alpha.353) (2023-04-19)
+
+### Features
+
+- **search:** add fallback disclaimer component (#1122)
+  ([206db77](https://github.com/empathyco/x/commit/206db772b80cfe8a4cab23db19842ea8bd909733)),
+  closes [EX-8080](https://searchbroker.atlassian.net/browse/EX-8080)
+- **sliced-filters:** add dynamic prop to show more/less buttons (#1146)
+  ([08de5f8](https://github.com/empathyco/x/commit/08de5f827d4ce6b33f04c60655628dabeb19a3bd))
+
+# 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.352](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.351...@empathyco/x-components@3.0.0-alpha.352) (2023-04-18)
 
 ### Documentation

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

@@ -2285,84 +2285,25 @@
   --x-size-span-row-item: 1;
   --x-size-start-row-item: 0;
 }
-.x-row--gap-01 {
-  --x-size-gap-row: var(--x-size-gap-row-01);
-}
-
-.x-row--gap-02 {
-  --x-size-gap-row: var(--x-size-gap-row-02);
-}
-
-.x-row--gap-03 {
-  --x-size-gap-row: var(--x-size-gap-row-03);
-}
-
-.x-row--gap-04 {
-  --x-size-gap-row: var(--x-size-gap-row-04);
-}
-
-.x-row--gap-05 {
-  --x-size-gap-row: var(--x-size-gap-row-05);
-}
-
-.x-row--gap-06 {
-  --x-size-gap-row: var(--x-size-gap-row-06);
-}
-
-.x-row--gap-07 {
-  --x-size-gap-row: var(--x-size-gap-row-07);
-}
-
-.x-row--gap-08 {
-  --x-size-gap-row: var(--x-size-gap-row-08);
-}
-
-.x-row--gap-09 {
-  --x-size-gap-row: var(--x-size-gap-row-09);
-}
-
-.x-row--gap-10 {
-  --x-size-gap-row: var(--x-size-gap-row-10);
-}
-
-.x-row--gap-11 {
-  --x-size-gap-row: var(--x-size-gap-row-11);
-}
-
-.x-row--gap-12 {
-  --x-size-gap-row: var(--x-size-gap-row-12);
-}
-
-.x-row--gap-13 {
-  --x-size-gap-row: var(--x-size-gap-row-13);
-}
-
-.x-row--gap-14 {
-  --x-size-gap-row: var(--x-size-gap-row-14);
-}
-
-.x-row--gap-15 {
-  --x-size-gap-row: var(--x-size-gap-row-15);
-}
-
-.x-row--gap-16 {
-  --x-size-gap-row: var(--x-size-gap-row-16);
+/* @deprecated */
+.x-row--padding-02 {
+  --x-size-padding-row: var(--x-size-padding-row-02);
 }
 
-.x-row--gap-17 {
-  --x-size-gap-row: var(--x-size-gap-row-17);
+.x-row--padding-03 {
+  --x-size-padding-row: var(--x-size-padding-row-03);
 }
 
-.x-row--gap-18 {
-  --x-size-gap-row: var(--x-size-gap-row-18);
+.x-row--padding-04 {
+  --x-size-padding-row: var(--x-size-padding-row-04);
 }
 
-.x-row--gap-19 {
-  --x-size-gap-row: var(--x-size-gap-row-19);
+.x-row--padding-05 {
+  --x-size-padding-row: var(--x-size-padding-row-05);
 }
 
-.x-row--gap-20 {
-  --x-size-gap-row: var(--x-size-gap-row-20);
+.x-row--padding-06 {
+  --x-size-padding-row: var(--x-size-padding-row-06);
 }
 :root {
   --x-size-gap-row-01: var(--x-size-base-01);
@@ -2387,26 +2328,6 @@
   --x-size-gap-row-20: var(--x-size-base-20);
 }
 /* @deprecated */
-.x-row--padding-02 {
-  --x-size-padding-row: var(--x-size-padding-row-02);
-}
-
-.x-row--padding-03 {
-  --x-size-padding-row: var(--x-size-padding-row-03);
-}
-
-.x-row--padding-04 {
-  --x-size-padding-row: var(--x-size-padding-row-04);
-}
-
-.x-row--padding-05 {
-  --x-size-padding-row: var(--x-size-padding-row-05);
-}
-
-.x-row--padding-06 {
-  --x-size-padding-row: var(--x-size-padding-row-06);
-}
-/* @deprecated */
 :root {
   --x-size-padding-row-02: var(--x-size-base-02);
   --x-size-padding-row-03: var(--x-size-base-03);
@@ -5510,6 +5431,7 @@
 [dir="rtl"] .x-padding--left-20 {
   padding-right: var(--x-size-base-20) !important;
 }
+
 .x-static {
   position: static !important;
 }
@@ -5529,3 +5451,82 @@
 .x-sticky {
   position: sticky !important;
 }
+.x-row--gap-01 {
+  --x-size-gap-row: var(--x-size-gap-row-01);
+}
+
+.x-row--gap-02 {
+  --x-size-gap-row: var(--x-size-gap-row-02);
+}
+
+.x-row--gap-03 {
+  --x-size-gap-row: var(--x-size-gap-row-03);
+}
+
+.x-row--gap-04 {
+  --x-size-gap-row: var(--x-size-gap-row-04);
+}
+
+.x-row--gap-05 {
+  --x-size-gap-row: var(--x-size-gap-row-05);
+}
+
+.x-row--gap-06 {
+  --x-size-gap-row: var(--x-size-gap-row-06);
+}
+
+.x-row--gap-07 {
+  --x-size-gap-row: var(--x-size-gap-row-07);
+}
+
+.x-row--gap-08 {
+  --x-size-gap-row: var(--x-size-gap-row-08);
+}
+
+.x-row--gap-09 {
+  --x-size-gap-row: var(--x-size-gap-row-09);
+}
+
+.x-row--gap-10 {
+  --x-size-gap-row: var(--x-size-gap-row-10);
+}
+
+.x-row--gap-11 {
+  --x-size-gap-row: var(--x-size-gap-row-11);
+}
+
+.x-row--gap-12 {
+  --x-size-gap-row: var(--x-size-gap-row-12);
+}
+
+.x-row--gap-13 {
+  --x-size-gap-row: var(--x-size-gap-row-13);
+}
+
+.x-row--gap-14 {
+  --x-size-gap-row: var(--x-size-gap-row-14);
+}
+
+.x-row--gap-15 {
+  --x-size-gap-row: var(--x-size-gap-row-15);
+}
+
+.x-row--gap-16 {
+  --x-size-gap-row: var(--x-size-gap-row-16);
+}
+
+.x-row--gap-17 {
+  --x-size-gap-row: var(--x-size-gap-row-17);
+}
+
+.x-row--gap-18 {
+  --x-size-gap-row: var(--x-size-gap-row-18);
+}
+
+.x-row--gap-19 {
+  --x-size-gap-row: var(--x-size-gap-row-19);
+}
+
+.x-row--gap-20 {
+  --x-size-gap-row: var(--x-size-gap-row-20);
+}

package/docs/API-reference/api/x-components.fallbackdisclaimer.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; [FallbackDisclaimer](./x-components.fallbackdisclaimer.md)
+
+## FallbackDisclaimer class
+
+The `FallbackDisclaimer` component shows a message if the filters have been removed from the current search because there were no results.
+
+**Signature:**
+
+```typescript
+export default class FallbackDisclaimer extends Vue 
+```
+**Extends:** Vue
+

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

@@ -71,6 +71,7 @@ X-Components is a library usable everywhere not only for search experiences.
 |  [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. |
+|  [FallbackDisclaimer](./x-components.fallbackdisclaimer.md) | The <code>FallbackDisclaimer</code> component shows a message if the filters have been removed from the current search because there were no results. |
 |  [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. |
 |  [FiltersSearch](./x-components.filterssearch.md) | Renders the filters sifted with the input query. |
@@ -527,6 +528,8 @@ X-Components is a library usable everywhere not only for search experiences.
 |  [removeFromHistory](./x-components.removefromhistory.md) | Default implementation for the [HistoryQueriesActions.removeFromHistory()](./x-components.historyqueriesactions.removefromhistory.md)<!-- -->. |
 |  [removeHistoryQuery](./x-components.removehistoryquery.md) | Removes a single history query from the history queries. |
 |  [resetAppending](./x-components.resetappending.md) | Resets the search state <code>isAppendingResults</code>. |
+|  [resetFromNoResultsWithFilters](./x-components.resetfromnoresultswithfilters.md) | Resets the search state <code>fromNoResultsWithFilters</code>. |
+|  [resetIsNoResults](./x-components.resetisnoresults.md) | Resets the search state <code>isNoResults</code>. |
 |  [resetRequestOnRefinement](./x-components.resetrequestonrefinement.md) | Default implementation for the [SearchActions.resetRequestOnRefinement()](./x-components.searchactions.resetrequestonrefinement.md)<!-- -->. |
 |  [resetRequestOnRefinementWire](./x-components.resetrequestonrefinementwire.md) | Resets the [SearchGetters.request](./x-components.searchgetters.request.md) parameters when refining request and before the actual request is launched. |
 |  [resetResultsPreviewWire](./x-components.resetresultspreviewwire.md) | Resets the next query preview results. |

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

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

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

@@ -21,7 +21,9 @@ export interface SearchMutations extends StatusMutations, QueryMutations
 |  [resetState()](./x-components.searchmutations.resetstate.md) | Resets the "resettable" part of the Search state to the initial state. See the  for details. |
 |  [setBanners(banners)](./x-components.searchmutations.setbanners.md) | Sets the banners of the module. |
 |  [setFacets(facets)](./x-components.searchmutations.setfacets.md) | Sets the facets of the module. |
+|  [setFromNoResultsWithFilters(fromNoResultsWithFilters)](./x-components.searchmutations.setfromnoresultswithfilters.md) | Sets the <code>fromNoResultsWithFilters</code> flag value. |
 |  [setIsAppendResults(isAppendResults)](./x-components.searchmutations.setisappendresults.md) | Set the <code>isAppendResuls</code> flag value. |
+|  [setIsNoResults(isNoResults)](./x-components.searchmutations.setisnoresults.md) | Sets the <code>isNoResults</code> flag value. |
 |  [setOrigin(origin)](./x-components.searchmutations.setorigin.md) | Sets the origin of the module. |
 |  [setPage(page)](./x-components.searchmutations.setpage.md) | Sets the page of the module. |
 |  [setPageSize(pageSize)](./x-components.searchmutations.setpagesize.md) | Sets the page size of the module. |

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

@@ -0,0 +1,24 @@
+<!-- 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; [setFromNoResultsWithFilters](./x-components.searchmutations.setfromnoresultswithfilters.md)
+
+## SearchMutations.setFromNoResultsWithFilters() method
+
+Sets the `fromNoResultsWithFilters` flag value.
+
+**Signature:**
+
+```typescript
+setFromNoResultsWithFilters(fromNoResultsWithFilters: boolean): void;
+```
+
+## Parameters
+
+|  Parameter | Type | Description |
+|  --- | --- | --- |
+|  fromNoResultsWithFilters | boolean | The new flag value. |
+
+**Returns:**
+
+void
+

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

@@ -0,0 +1,24 @@
+<!-- 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; [setIsNoResults](./x-components.searchmutations.setisnoresults.md)
+
+## SearchMutations.setIsNoResults() method
+
+Sets the `isNoResults` flag value.
+
+**Signature:**
+
+```typescript
+setIsNoResults(isNoResults: boolean): void;
+```
+
+## Parameters
+
+|  Parameter | Type | Description |
+|  --- | --- | --- |
+|  isNoResults | boolean | The new flag value. |
+
+**Returns:**
+
+void
+

package/docs/API-reference/api/x-components.searchstate.fromnoresultswithfilters.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; [SearchState](./x-components.searchstate.md) &gt; [fromNoResultsWithFilters](./x-components.searchstate.fromnoresultswithfilters.md)
+
+## SearchState.fromNoResultsWithFilters property
+
+Flag indicating if there is a no results situation with filters selected
+
+**Signature:**
+
+```typescript
+fromNoResultsWithFilters: boolean;
+```

package/docs/API-reference/api/x-components.searchstate.isnoresults.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; [SearchState](./x-components.searchstate.md) &gt; [isNoResults](./x-components.searchstate.isnoresults.md)
+
+## SearchState.isNoResults property
+
+Flag indicating if there is a no results situation
+
+**Signature:**
+
+```typescript
+isNoResults: boolean;
+```

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

@@ -20,7 +20,9 @@ export interface SearchState extends StatusState, QueryState
 |  [banners](./x-components.searchstate.banners.md) |  | Banner\[\] | The list of the banners, related to the <code>query</code> property of the state. |
 |  [config](./x-components.searchstate.config.md) |  | [SearchConfig](./x-components.searchconfig.md) | The configuration of the search module. |
 |  [facets](./x-components.searchstate.facets.md) |  | Facet\[\] | The list of the facets, related to the <code>query</code> property of the state. |
+|  [fromNoResultsWithFilters](./x-components.searchstate.fromnoresultswithfilters.md) |  | boolean | Flag indicating if there is a no results situation with filters selected |
 |  [isAppendResults](./x-components.searchstate.isappendresults.md) |  | boolean | A flag to indicate if new results are append to the current instead of replacing them. |
+|  [isNoResults](./x-components.searchstate.isnoresults.md) |  | boolean | Flag indicating if there is a no results situation |
 |  [origin](./x-components.searchstate.origin.md) |  | [QueryOrigin](./x-components.queryorigin.md) \| null | The origin property of the request. |
 |  [page](./x-components.searchstate.page.md) |  | number | The current page of the request. |
 |  [params](./x-components.searchstate.params.md) |  | Dictionary&lt;unknown&gt; | The extra params property of the state. |

package/docs/API-reference/api/x-components.xcomponentaliasapi.fromnoresultswithfilters.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; [XComponentAliasAPI](./x-components.xcomponentaliasapi.md) &gt; [fromNoResultsWithFilters](./x-components.xcomponentaliasapi.fromnoresultswithfilters.md)
+
+## XComponentAliasAPI.fromNoResultsWithFilters property
+
+The [SearchXModule](./x-components.searchxmodule.md) no results with filters flag.
+
+**Signature:**
+
+```typescript
+readonly fromNoResultsWithFilters: Readonly<boolean>;
+```

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

@@ -18,6 +18,7 @@ export interface XComponentAliasAPI
 |  --- | --- | --- | --- |
 |  [device](./x-components.xcomponentaliasapi.device.md) | <code>readonly</code> | string \| null | The [DeviceXModule](./x-components.devicexmodule.md) detected device. |
 |  [facets](./x-components.xcomponentaliasapi.facets.md) | <code>readonly</code> | Record&lt;Facet\['id'\], Facet&gt; | The [FacetsXModule](./x-components.facetsxmodule.md) facets. |
+|  [fromNoResultsWithFilters](./x-components.xcomponentaliasapi.fromnoresultswithfilters.md) | <code>readonly</code> | Readonly&lt;boolean&gt; | The [SearchXModule](./x-components.searchxmodule.md) no results with filters flag. |
 |  [fullHistoryQueries](./x-components.xcomponentaliasapi.fullhistoryqueries.md) | <code>readonly</code> | ReadonlyArray&lt;HistoryQuery&gt; | The [HistoryQueriesXModule](./x-components.historyqueriesxmodule.md) history queries. |
 |  [historyQueries](./x-components.xcomponentaliasapi.historyqueries.md) | <code>readonly</code> | ReadonlyArray&lt;HistoryQuery&gt; | The [HistoryQueriesXModule](./x-components.historyqueriesxmodule.md) history queries matching the query. |
 |  [historyQueriesWithResults](./x-components.xcomponentaliasapi.historyquerieswithresults.md) | <code>readonly</code> | ReadonlyArray&lt;HistoryQuery&gt; | The [HistoryQueriesXModule](./x-components.historyqueriesxmodule.md) history queries with 1 or more results. |

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

@@ -97,3 +97,19 @@ filters list to their children, it is mandatory to send it as prop.
   </SlicedFilters>
 </Facets>
 ```
+
+### Customizing the items with classes
+
+The `buttonClass` prop can be used to add classes to the show more/less buttons.
+
+```vue live
+<Facets v-slot="{ facet }">
+  <SlicedFilters :filters="facet.filters" :max="4" buttonClass="x-facet-filter-lg">
+    <Filters v-slot="{ filter }">
+      <SimpleFilter :filter="filter"/>
+    </Filters>
+    <template #show-more="{ difference }">Show {{ difference }} more filters</template>
+    <template #show-less="{ difference }">Show {{ difference }} less filters</template>
+  </SlicedFilters>
+</Facets>
+```

package/docs/API-reference/components/history-queries/x-components.my-history.md

@@ -192,3 +192,24 @@ icon to remove the history query.
   };
 </script>
 ```
+
+### Customizing the items with classes
+
+The `queriesListClass` prop can be used to add classes to the suggestions list.
+
+```vue live
+<template>
+  <MyHistory #date="{ date }" queriesListClass="x-gap-16" />
+</template>
+
+<script>
+  import { MyHistory } from '@empathyco/x-components/history-queries';
+
+  export default {
+    name: 'MyHistoryDemo',
+    components: {
+      MyHistory
+    }
+  };
+</script>
+```

package/docs/API-reference/components/search/x-components.fallback-disclaimer.md

@@ -0,0 +1,44 @@
+---
+
+title: FallbackDisclaimer
+
+---
+
+# FallbackDisclaimer
+
+## Slots
+
+| Name                 | Description | Bindings<br />(name - type - description) |
+| -------------------- | ----------- | ----------------------------------------- |
+| <code>default</code> |             |                                           |
+
+## Examples
+
+This default fallback disclaimer component reads the query from the search state and passes it to
+its default slot. This component will be rendered if there is a no results with filters situation.
+
+### Basic usage
+
+```vue
+<FallbackDisclaimer />
+```
+
+### Customizing its contents
+
+```vue
+<FallbackDisclaimer>
+  <template #default="{ query }">
+    No results found for '{{ query }}' with the selected filters. The filters have been unselected.
+  </template>
+</FallbackDisclaimer>
+
+<script>
+  import { FallbackDisclaimer } from '@empathyco/x-components/search';
+
+  export default {
+    components: {
+      FallbackDisclaimer
+    }
+  };
+</script>
+```

package/js/index.js

@@ -345,6 +345,7 @@ export { clearPendingScrollToWire, scrollWiring, setPendingScrollToWire, setScro
 export { scrollXModule } from './x-modules/scroll/x-module.js';
 export { default as Banner } from './x-modules/search/components/banner.vue.js';
 export { default as BannersList } from './x-modules/search/components/banners-list.vue.js';
+export { default as FallbackDisclaimer } from './x-modules/search/components/fallback-disclaimer.vue.js';
 export { default as PartialQueryButton } from './x-modules/search/components/partial-query-button.vue.js';
 export { default as PartialResultsList } from './x-modules/search/components/partial-results-list.vue.js';
 export { default as Promoted } from './x-modules/search/components/promoted.vue.js';
@@ -367,7 +368,7 @@ export { searchEmitters } from './x-modules/search/store/emitters.js';
 export { request as searchRequest } from './x-modules/search/store/getters/request.getter.js';
 export { query as searchQuery } from './x-modules/search/store/getters/query.getter.js';
 export { resettableState, searchXStoreModule } from './x-modules/search/store/module.js';
-export { cancelFetchAndSaveSearchResponseWire, clearSearchQuery, fetchAndSaveSearchResponseWire, increasePageAppendingResultsWire, resetAppending, resetRequestOnRefinementWire, resetSpellcheckQuery, resetStateIfNoRequestWire, saveOriginWire, searchWiring, setRelatedTags, setSearchExtraParams, setSearchPage, setSearchQuery, setSelectedFilters, setSort, setUrlParams } from './x-modules/search/wiring.js';
+export { cancelFetchAndSaveSearchResponseWire, clearSearchQuery, fetchAndSaveSearchResponseWire, increasePageAppendingResultsWire, resetAppending, resetFromNoResultsWithFilters, resetIsNoResults, resetRequestOnRefinementWire, resetSpellcheckQuery, resetStateIfNoRequestWire, saveOriginWire, searchWiring, setRelatedTags, setSearchExtraParams, setSearchPage, setSearchQuery, setSelectedFilters, setSort, setUrlParams } from './x-modules/search/wiring.js';
 export { searchXModule } from './x-modules/search/x-module.js';
 export { default as ClearSearchInput } from './x-modules/search-box/components/clear-search-input.vue.js';
 export { default as SearchButton } from './x-modules/search-box/components/search-button.vue.js';

package/js/index.js.map

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

package/js/plugins/x-plugin.alias.js

@@ -63,6 +63,9 @@ function getAliasAPI(component) {
         get isHistoryQueriesEnabled() {
             return component.$store.state.x.historyQueries?.isEnabled ?? false;
         },
+        get fromNoResultsWithFilters() {
+            return component.$store.state.x.search?.fromNoResultsWithFilters ?? false;
+        },
         get identifierResults() {
             return component.$store.state.x.identifierResults?.identifierResults ?? [];
         },
@@ -76,7 +79,7 @@ function getAliasAPI(component) {
             return component.$store.getters[getGetterPath('nextQueries', 'nextQueries')] ?? [];
         },
         get noResults() {
-            return !this.totalResults && !!this.query.search && this.status.search === 'success';
+            return component.$store.state.x.search?.isNoResults ?? false;
         },
         get partialResults() {
             return component.$store.state.x.search?.partialResults ?? [];

package/js/plugins/x-plugin.alias.js.map

@@ -1 +1 @@
-{"version":3,"file":"x-plugin.alias.js","sources":["../../../src/plugins/x-plugin.alias.ts"],"sourcesContent":["import Vue from 'vue';\nimport { RequestStatus } from '../store/utils/status-store.utils';\nimport {\n  XComponentAliasAPI,\n  XComponentAliasQueryAPI,\n  XComponentAliasStatusAPI\n} from './x-plugin.types';\nimport { getGetterPath } from './x-plugin.utils';\n\n/**\n * Creates an object containing the alias part of {@link XComponentAPI}.\n *\n * @param component - The component with the store from which retrieve the data.\n * @returns An object containing the alias part of the {@link XComponentAPI}.\n *\n * @internal\n */\nexport function getAliasAPI(component: Vue): XComponentAliasAPI {\n  const queryModules = [\n    'facets',\n    'searchBox',\n    'nextQueries',\n    'querySuggestions',\n    'relatedTags',\n    'search'\n  ] as const;\n  const statusModules = [\n    'identifierResults',\n    'nextQueries',\n    'popularSearches',\n    'querySuggestions',\n    'recommendations',\n    'relatedTags',\n    'search'\n  ] as const;\n\n  const query = queryModules.reduce((acc, moduleName) => {\n    return Object.defineProperty(acc, moduleName, {\n      get(): string {\n        return component.$store.state.x[moduleName]?.query ?? '';\n      },\n      enumerable: true\n    });\n  }, {} as XComponentAliasQueryAPI);\n  const status = statusModules.reduce((acc, moduleName) => {\n    return Object.defineProperty(acc, moduleName, {\n      get(): RequestStatus | undefined {\n        return component.$store.state.x[moduleName]?.status;\n      },\n      enumerable: true\n    });\n  }, {} as XComponentAliasStatusAPI);\n\n  return {\n    query,\n    status,\n    get device() {\n      return component.$store.state.x.device?.name ?? null;\n    },\n    get facets() {\n      return component.$store.getters[getGetterPath('facets', 'facets')] ?? {};\n    },\n    get historyQueries() {\n      return component.$store.getters[getGetterPath('historyQueries', 'historyQueries')] ?? [];\n    },\n    get historyQueriesWithResults() {\n      return (\n        component.$store.getters[getGetterPath('historyQueries', 'historyQueriesWithResults')] ?? []\n      );\n    },\n    get fullHistoryQueries() {\n      return component.$store.state.x.historyQueries?.historyQueries ?? [];\n    },\n    get isHistoryQueriesEnabled() {\n      return component.$store.state.x.historyQueries?.isEnabled ?? false;\n    },\n    get identifierResults() {\n      return component.$store.state.x.identifierResults?.identifierResults ?? [];\n    },\n    get searchBoxStatus() {\n      return component.$store.state.x.searchBox?.inputStatus ?? undefined;\n    },\n    get isEmpathizeOpen() {\n      return component.$store.state.x.empathize?.isOpen ?? false;\n    },\n    get nextQueries() {\n      return component.$store.getters[getGetterPath('nextQueries', 'nextQueries')] ?? [];\n    },\n    get noResults() {\n      return !this.totalResults && !!this.query.search && this.status.search === 'success';\n    },\n    get partialResults() {\n      return component.$store.state.x.search?.partialResults ?? [];\n    },\n    get popularSearches() {\n      return component.$store.state.x.popularSearches?.popularSearches ?? [];\n    },\n    get querySuggestions() {\n      return component.$store.state.x.querySuggestions?.suggestions ?? [];\n    },\n    get recommendations() {\n      return component.$store.state.x.recommendations?.recommendations ?? [];\n    },\n    get redirections() {\n      return component.$store.state.x.search?.redirections ?? [];\n    },\n    get relatedTags() {\n      return component.$store.getters[getGetterPath('relatedTags', 'relatedTags')] ?? [];\n    },\n    get results() {\n      return component.$store.state.x.search?.results ?? [];\n    },\n    get scroll() {\n      return component.$store.state.x.scroll?.data ?? {};\n    },\n    get selectedFilters() {\n      return component.$store.getters[getGetterPath('facets', 'selectedFilters')] ?? [];\n    },\n    get selectedRelatedTags() {\n      return component.$store.state.x.relatedTags?.selectedRelatedTags ?? [];\n    },\n    get spellcheckedQuery() {\n      return component.$store.state.x.search?.spellcheckedQuery ?? null;\n    },\n    get totalResults() {\n      return component.$store.state.x.search?.totalResults ?? 0;\n    },\n    get selectedSort() {\n      return component.$store.state.x.search?.sort ?? '';\n    }\n  };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"x-plugin.alias.js","sources":["../../../src/plugins/x-plugin.alias.ts"],"sourcesContent":["import Vue from 'vue';\nimport { RequestStatus } from '../store/utils/status-store.utils';\nimport {\n  XComponentAliasAPI,\n  XComponentAliasQueryAPI,\n  XComponentAliasStatusAPI\n} from './x-plugin.types';\nimport { getGetterPath } from './x-plugin.utils';\n\n/**\n * Creates an object containing the alias part of {@link XComponentAPI}.\n *\n * @param component - The component with the store from which retrieve the data.\n * @returns An object containing the alias part of the {@link XComponentAPI}.\n *\n * @internal\n */\nexport function getAliasAPI(component: Vue): XComponentAliasAPI {\n  const queryModules = [\n    'facets',\n    'searchBox',\n    'nextQueries',\n    'querySuggestions',\n    'relatedTags',\n    'search'\n  ] as const;\n  const statusModules = [\n    'identifierResults',\n    'nextQueries',\n    'popularSearches',\n    'querySuggestions',\n    'recommendations',\n    'relatedTags',\n    'search'\n  ] as const;\n\n  const query = queryModules.reduce((acc, moduleName) => {\n    return Object.defineProperty(acc, moduleName, {\n      get(): string {\n        return component.$store.state.x[moduleName]?.query ?? '';\n      },\n      enumerable: true\n    });\n  }, {} as XComponentAliasQueryAPI);\n  const status = statusModules.reduce((acc, moduleName) => {\n    return Object.defineProperty(acc, moduleName, {\n      get(): RequestStatus | undefined {\n        return component.$store.state.x[moduleName]?.status;\n      },\n      enumerable: true\n    });\n  }, {} as XComponentAliasStatusAPI);\n\n  return {\n    query,\n    status,\n    get device() {\n      return component.$store.state.x.device?.name ?? null;\n    },\n    get facets() {\n      return component.$store.getters[getGetterPath('facets', 'facets')] ?? {};\n    },\n    get historyQueries() {\n      return component.$store.getters[getGetterPath('historyQueries', 'historyQueries')] ?? [];\n    },\n    get historyQueriesWithResults() {\n      return (\n        component.$store.getters[getGetterPath('historyQueries', 'historyQueriesWithResults')] ?? []\n      );\n    },\n    get fullHistoryQueries() {\n      return component.$store.state.x.historyQueries?.historyQueries ?? [];\n    },\n    get isHistoryQueriesEnabled() {\n      return component.$store.state.x.historyQueries?.isEnabled ?? false;\n    },\n    get fromNoResultsWithFilters() {\n      return component.$store.state.x.search?.fromNoResultsWithFilters ?? false;\n    },\n    get identifierResults() {\n      return component.$store.state.x.identifierResults?.identifierResults ?? [];\n    },\n    get searchBoxStatus() {\n      return component.$store.state.x.searchBox?.inputStatus ?? undefined;\n    },\n    get isEmpathizeOpen() {\n      return component.$store.state.x.empathize?.isOpen ?? false;\n    },\n    get nextQueries() {\n      return component.$store.getters[getGetterPath('nextQueries', 'nextQueries')] ?? [];\n    },\n    get noResults() {\n      return component.$store.state.x.search?.isNoResults ?? false;\n    },\n    get partialResults() {\n      return component.$store.state.x.search?.partialResults ?? [];\n    },\n    get popularSearches() {\n      return component.$store.state.x.popularSearches?.popularSearches ?? [];\n    },\n    get querySuggestions() {\n      return component.$store.state.x.querySuggestions?.suggestions ?? [];\n    },\n    get recommendations() {\n      return component.$store.state.x.recommendations?.recommendations ?? [];\n    },\n    get redirections() {\n      return component.$store.state.x.search?.redirections ?? [];\n    },\n    get relatedTags() {\n      return component.$store.getters[getGetterPath('relatedTags', 'relatedTags')] ?? [];\n    },\n    get results() {\n      return component.$store.state.x.search?.results ?? [];\n    },\n    get scroll() {\n      return component.$store.state.x.scroll?.data ?? {};\n    },\n    get selectedFilters() {\n      return component.$store.getters[getGetterPath('facets', 'selectedFilters')] ?? [];\n    },\n    get selectedRelatedTags() {\n      return component.$store.state.x.relatedTags?.selectedRelatedTags ?? [];\n    },\n    get spellcheckedQuery() {\n      return component.$store.state.x.search?.spellcheckedQuery ?? null;\n    },\n    get totalResults() {\n      return component.$store.state.x.search?.totalResults ?? 0;\n    },\n    get selectedSort() {\n      return component.$store.state.x.search?.sort ?? '';\n    }\n  };\n}\n"],"names":[],"mappings":"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"}

package/js/x-modules/facets/components/lists/sliced-filters.vue.js

@@ -26,6 +26,7 @@ var __vue_render__ = function () {
                   {
                     staticClass:
                       "x-facet-filter x-sliced-filters__button x-sliced-filters__button--show-more",
+                    class: _vm.buttonClass,
                     attrs: { "data-test": "sliced-filters-show-more-button" },
                     on: { click: _vm.toggleShowMoreFilters },
                   },
@@ -53,6 +54,7 @@ var __vue_render__ = function () {
                   {
                     staticClass:
                       "x-facet-filter x-sliced-filters__button x-sliced-filters__button--show-less",
+                    class: _vm.buttonClass,
                     attrs: { "data-test": "sliced-filters-show-less-button" },
                     on: { click: _vm.toggleShowMoreFilters },
                   },