@empathyco/x-components 3.0.0-alpha.29 → 3.0.0-alpha.32

package/docs/build-search-ui/x-architecture/README.md

@@ -0,0 +1,133 @@
+---
+id: x-components.README
+title: README
+sidebar_label: README
+---
+---
+title: How Interface X works
+tags:
+  - x components
+  - interface x
+  - x architecture
+  - architecture
+---
+
+# How Interface X works
+
+<img :src="$withBase('/assets/media/interfacex-architecture.svg')" alt="Interface X architecture">
+
+<FootNote>
+
+Data journey: The frontend components collect user interactions or events. The wiring orchestrates
+the UI events by emitting actions for the client API through the adapter. The API returns the
+required data, travelling to the Vuex store through actions that can modify the app data state in
+the Vuex store with mutation objects. The UI components are bound to the data state, so that they
+render the new state to the user.
+
+</FootNote>
+
+## Understand how the pieces work together
+
+The Interface&nbsp;X architecture is designed into separate tiers and elements:
+
+1.  **Presentation tier**. Mainly represented by the UI **components**, responsible for determining
+    how to display the data. It not only presents data in an understandable manner to users, but
+    also monitors user interactions, emitting events to the Interface&nbsp;X application.
+
+    Components can be customised according to client requirements, even allowing custom CSS styles.
+
+2.  **Orchestration tier**. The x-factor in charge of orchestrating all the event wiring. When an
+    event is emitted, other components are listening to it to react. This behavioural connection
+    between components through events is the **wiring**. Then, the wiring decides what happens when
+    an event is emitted in the Presentation layer.
+
+    The wiring is customisable and flexible to meet client requirements. The behaviour can change
+    without modifying the entire application. The event-driven operators in charge of the wiring
+    routing logic enable different wiring configurations per event.
+
+3.  **Business logic tier**. The heart of the app in charge of keeping all the data processing,
+    where:
+    - UI events emit **actions** for the client API. These actions can modify the state of the
+      store.
+    - The **store** holds all the app data that should be presented to the user at any given time.
+      It acts as a single source of truth, providing great performance and reactivity.
+
+The Interface&nbsp;X app needs an **adapter** to handle all client API communications. The API
+adapter mainly translates the related app data and use models to the client API and vice versa,
+solving any incompatibility issues. It is the entry point for all external data into the
+application.
+
+The API adapter can be customised and extended to meet the client requirements. It’s a plug-in
+element that can be changed and adjusted to the specific client API, even when using other search
+services not based on the Empathy search API.
+
+::: note Architecture patterns  
+If you’re already experienced in the Vue universe, you’ll find the Interface&nbsp;X architecture
+somewhat familiar. Although the [ViewModel layer](https://012.vuejs.org/guide/#Introduction) of the
+**MVVM pattern** sprinkles traces all over the presentation tier, the Interface X architecture is
+basically inspired by the
+[**Flux pattern**](https://vuex.vuejs.org/#what-is-a-state-management-pattern) behind the state. As
+the X&nbsp;Components emit events that dispatch actions in the business logic tier, these actions
+can commit mutations to modify the state of the store.  
+To sum up, the design of Interface&nbsp;X takes advantage of the MVVM and Flux patterns to design,
+develop, and configure each tier separately and independently. :::
+
+## Technical stack
+
+- [Vue.js](https://vuejs.org/) framework
+- JavaScript + [TypeScript](https://www.typescriptlang.org/) languages
+- [RxJS](https://rxjs.dev/) for the wiring configuration logic
+
+**The story so far**  
+Not long ago, exploring alternative options for the architecture design and technical stack became a
+must. There were several design challenges that needed to be overcome to make the frontend service
+easier to configure:
+
+- Improve reusability and performance that were hindered by the logic in components and the bundle
+  size
+- Facilitate setup by solving synchronicity and extendability problems
+- Provide easier maintenance over time, reducing regression issues
+
+After studying different approaches to build fast and reusable components, **Vue.js** (also Vue)
+seemed to be the best fit for the technical requirements and the level of abstraction required.
+
+Revamping the architecture and technical stack has helped the former frontend services to evolve
+into the latest Interface&nbsp;X application. Now, all the required **attributes and design
+principles** are combined to make the solution easy to implement, change, test, and reuse:
+
+- **Flexible**. Make changes to any element without impacting the rest of the app. For example, you
+  can modify a visual component without impacting the business logic.
+- **Customizable & extensible**. Add new custom components andor features.
+- **Lightweight**. The bundle includes only the modules you want. You’ll get only the code you
+  really need.
+- **Incremental**. The modules interact and communicate automatically with each other. The more
+  modules you use, the more features you get.
+- **Easy-to-integrate**. Install the library as an NPM dependency in Vue and React projects.
+  Interface X can be used in any webpage, as long as it is integrated as an isolated search layer.
+
+**Why Vue?**  
+Due to the flexibility required, using a library for the presentation layer instead of a
+full-fledged framework is the best choice. Among the state-of-the-art technologies available for
+building component-based UIs, Vue meets all the requirements:
+
+- Lightweight, flexible, and stand-alone library
+- Easy to learn and use with a user-friendly template syntax
+- Smooth dynamic components and composition creation
+- Outperformance with reactive approach, proxies, and interceptors
+- Out-of-the-box solution, allowing you to focus just on developing features
+- Small bundle size with no dependencies
+
+**How does Vue meet the design challenges?**
+
+- Stateless components. Centralised management through the Vuex library reduces the logic in
+  components.
+- Smooth setups. Dynamic component creation helps to track the modified data and re-render only the
+  required components.
+- Improved performance out of the box
+- Seamless maintenance. Framework or library-agnostic
+
+::: note  
+Interface&nbsp;X can potentially be integrated in commerce shops built with React. In any case,
+Interface&nbsp;X can be used in any webpage, as long as it is integrated as an isolated search
+layer.  
+:::

package/docs/sidebar.json

@@ -1 +1 @@
-{"API Reference":[{"Components":[{"Common":[{"Animations":["front/xcomponents/API-reference/components/common/animations/x-components.x-components.animate-width","front/xcomponents/API-reference/components/common/animations/x-components.x-components.collapse-from-top","front/xcomponents/API-reference/components/common/animations/x-components.x-components.collapse-height","front/xcomponents/API-reference/components/common/animations/x-components.x-components.collapse-width","front/xcomponents/API-reference/components/common/animations/x-components.x-components.cross-fade","front/xcomponents/API-reference/components/common/animations/x-components.x-components.fade-and-slide","front/xcomponents/API-reference/components/common/animations/x-components.x-components.staggered-fade-and-slide","front/xcomponents/API-reference/components/common/animations/x-components.x-components.translate-from-left","front/xcomponents/API-reference/components/common/animations/x-components.x-components.translate-from-right"]},{"Column Picker":["front/xcomponents/API-reference/components/common/column-picker/x-components.x-components.base-column-picker-dropdown","front/xcomponents/API-reference/components/common/column-picker/x-components.x-components.base-column-picker-list"]},{"Currency":["front/xcomponents/API-reference/components/common/currency/x-components.x-components.base-currency"]},{"Filters":[{"Labels":["front/xcomponents/API-reference/components/common/filters/labels/x-components.x-components.base-price-filter-label","front/xcomponents/API-reference/components/common/filters/labels/x-components.x-components.base-rating-filter-label"]}]},{"Icons":["front/xcomponents/API-reference/components/common/icons/x-components.x-components.arrow","front/xcomponents/API-reference/components/common/icons/x-components.x-components.bag","front/xcomponents/API-reference/components/common/icons/x-components.x-components.bar-code","front/xcomponents/API-reference/components/common/icons/x-components.x-components.barcode-tiny","front/xcomponents/API-reference/components/common/icons/x-components.x-components.cart","front/xcomponents/API-reference/components/common/icons/x-components.x-components.check-tiny","front/xcomponents/API-reference/components/common/icons/x-components.x-components.check","front/xcomponents/API-reference/components/common/icons/x-components.x-components.checkbox-card-selected","front/xcomponents/API-reference/components/common/icons/x-components.x-components.checkbox-card-unselected","front/xcomponents/API-reference/components/common/icons/x-components.x-components.checkbox-selected","front/xcomponents/API-reference/components/common/icons/x-components.x-components.checkbox-unselected","front/xcomponents/API-reference/components/common/icons/x-components.x-components.chevron-down","front/xcomponents/API-reference/components/common/icons/x-components.x-components.chevron-left","front/xcomponents/API-reference/components/common/icons/x-components.x-components.chevron-right","front/xcomponents/API-reference/components/common/icons/x-components.x-components.chevron-tiny-down","front/xcomponents/API-reference/components/common/icons/x-components.x-components.chevron-tiny-left","front/xcomponents/API-reference/components/common/icons/x-components.x-components.chevron-tiny-right","front/xcomponents/API-reference/components/common/icons/x-components.x-components.chevron-tiny-up","front/xcomponents/API-reference/components/common/icons/x-components.x-components.chevron-up","front/xcomponents/API-reference/components/common/icons/x-components.x-components.cross-tiny","front/xcomponents/API-reference/components/common/icons/x-components.x-components.cross","front/xcomponents/API-reference/components/common/icons/x-components.x-components.filters","front/xcomponents/API-reference/components/common/icons/x-components.x-components.grid-1-col","front/xcomponents/API-reference/components/common/icons/x-components.x-components.grid-2-col","front/xcomponents/API-reference/components/common/icons/x-components.x-components.hide","front/xcomponents/API-reference/components/common/icons/x-components.x-components.history-tiny","front/xcomponents/API-reference/components/common/icons/x-components.x-components.history","front/xcomponents/API-reference/components/common/icons/x-components.x-components.menu","front/xcomponents/API-reference/components/common/icons/x-components.x-components.minus-tiny","front/xcomponents/API-reference/components/common/icons/x-components.x-components.minus","front/xcomponents/API-reference/components/common/icons/x-components.x-components.nq-1","front/xcomponents/API-reference/components/common/icons/x-components.x-components.nq-2","front/xcomponents/API-reference/components/common/icons/x-components.x-components.nq-3","front/xcomponents/API-reference/components/common/icons/x-components.x-components.nq-4","front/xcomponents/API-reference/components/common/icons/x-components.x-components.plus","front/xcomponents/API-reference/components/common/icons/x-components.x-components.search-tiny","front/xcomponents/API-reference/components/common/icons/x-components.x-components.search","front/xcomponents/API-reference/components/common/icons/x-components.x-components.show","front/xcomponents/API-reference/components/common/icons/x-components.x-components.star","front/xcomponents/API-reference/components/common/icons/x-components.x-components.trash-open","front/xcomponents/API-reference/components/common/icons/x-components.x-components.trash","front/xcomponents/API-reference/components/common/icons/x-components.x-components.trending-tiny","front/xcomponents/API-reference/components/common/icons/x-components.x-components.trending","front/xcomponents/API-reference/components/common/icons/x-components.x-components.user"]},{"Layouts":["front/xcomponents/API-reference/components/common/layouts/x-components.x-components.fixed-header-and-asides-layout","front/xcomponents/API-reference/components/common/layouts/x-components.x-components.multi-column-max-width-layout","front/xcomponents/API-reference/components/common/layouts/x-components.x-components.single-column-layout"]},{"Modals":["front/xcomponents/API-reference/components/common/modals/x-components.x-components.base-events-modal-close","front/xcomponents/API-reference/components/common/modals/x-components.x-components.base-events-modal-open","front/xcomponents/API-reference/components/common/modals/x-components.x-components.base-events-modal","front/xcomponents/API-reference/components/common/modals/x-components.x-components.base-id-modal-close","front/xcomponents/API-reference/components/common/modals/x-components.x-components.base-id-modal-open","front/xcomponents/API-reference/components/common/modals/x-components.x-components.base-id-modal","front/xcomponents/API-reference/components/common/modals/x-components.x-components.base-modal"]},{"Panels":["front/xcomponents/API-reference/components/common/panels/x-components.x-components.base-header-toggle-panel","front/xcomponents/API-reference/components/common/panels/x-components.x-components.base-id-toggle-panel-button","front/xcomponents/API-reference/components/common/panels/x-components.x-components.base-id-toggle-panel","front/xcomponents/API-reference/components/common/panels/x-components.x-components.base-toggle-panel"]},{"Result":["front/xcomponents/API-reference/components/common/result/x-components.x-components.base-result-add-to-cart","front/xcomponents/API-reference/components/common/result/x-components.x-components.base-result-current-price","front/xcomponents/API-reference/components/common/result/x-components.x-components.base-result-fallback-image","front/xcomponents/API-reference/components/common/result/x-components.x-components.base-result-image","front/xcomponents/API-reference/components/common/result/x-components.x-components.base-result-link","front/xcomponents/API-reference/components/common/result/x-components.x-components.base-result-placeholder-image","front/xcomponents/API-reference/components/common/result/x-components.x-components.base-result-previous-price"]},{"Scroll":["front/xcomponents/API-reference/components/common/scroll/x-components.x-components.base-id-scroll","front/xcomponents/API-reference/components/common/scroll/x-components.x-components.base-main-scroll","front/xcomponents/API-reference/components/common/scroll/x-components.x-components.base-scroll-to-top","front/xcomponents/API-reference/components/common/scroll/x-components.x-components.base-scroll"]},{"Suggestions":["front/xcomponents/API-reference/components/common/suggestions/x-components.x-components.base-suggestion","front/xcomponents/API-reference/components/common/suggestions/x-components.x-components.base-suggestions"]},"front/xcomponents/API-reference/components/common/x-components.x-components.auto-progress-bar","front/xcomponents/API-reference/components/common/x-components.x-components.base-dropdown","front/xcomponents/API-reference/components/common/x-components.x-components.base-event-button","front/xcomponents/API-reference/components/common/x-components.x-components.base-grid","front/xcomponents/API-reference/components/common/x-components.x-components.base-keyboard-navigation","front/xcomponents/API-reference/components/common/x-components.x-components.base-rating","front/xcomponents/API-reference/components/common/x-components.x-components.base-variable-column-grid","front/xcomponents/API-reference/components/common/x-components.x-components.items-list","front/xcomponents/API-reference/components/common/x-components.x-components.sliding-panel","front/xcomponents/API-reference/components/common/x-components.x-components.staggering-transition-group"]},{"Device":["front/xcomponents/API-reference/components/device/x-components.x-components.device-detector"]},{"Empathize":["front/xcomponents/API-reference/components/empathize/x-components.x-components.empathize"]},{"Extra Params":["front/xcomponents/API-reference/components/extra-params/x-components.x-components.extra-params","front/xcomponents/API-reference/components/extra-params/x-components.x-components.renderless-extra-param","front/xcomponents/API-reference/components/extra-params/x-components.x-components.snippet-config-extra-params"]},{"Facets":["front/xcomponents/API-reference/components/facets/x-components.x-components.clear-filters",{"Facets":["front/xcomponents/API-reference/components/facets/x-components.facets/x-components.facets-provider","front/xcomponents/API-reference/components/facets/x-components.facets/x-components.facets"]},{"Filters":["front/xcomponents/API-reference/components/facets/x-components.filters/x-components.all-filter","front/xcomponents/API-reference/components/facets/x-components.filters/x-components.base-filter","front/xcomponents/API-reference/components/facets/x-components.filters/x-components.editable-number-range-filter","front/xcomponents/API-reference/components/facets/x-components.filters/x-components.hierarchical-filter","front/xcomponents/API-reference/components/facets/x-components.filters/x-components.number-range-filter","front/xcomponents/API-reference/components/facets/x-components.filters/x-components.renderless-filter","front/xcomponents/API-reference/components/facets/x-components.filters/x-components.simple-filter"]},{"Lists":["front/xcomponents/API-reference/components/facets/x-components.lists/x-components.exclude-filters-with-no-results","front/xcomponents/API-reference/components/facets/x-components.lists/x-components.filters-list","front/xcomponents/API-reference/components/facets/x-components.lists/x-components.filters-search","front/xcomponents/API-reference/components/facets/x-components.lists/x-components.selected-filters-list","front/xcomponents/API-reference/components/facets/x-components.lists/x-components.selected-filters","front/xcomponents/API-reference/components/facets/x-components.lists/x-components.sliced-filters","front/xcomponents/API-reference/components/facets/x-components.lists/x-components.sorted-filters"]}]},{"History Queries":["front/xcomponents/API-reference/components/history-queries/x-components.x-components.clear-history-queries","front/xcomponents/API-reference/components/history-queries/x-components.x-components.history-queries","front/xcomponents/API-reference/components/history-queries/x-components.x-components.history-query","front/xcomponents/API-reference/components/history-queries/x-components.x-components.remove-history-query"]},{"Identifier Results":["front/xcomponents/API-reference/components/identifier-results/x-components.x-components.identifier-result","front/xcomponents/API-reference/components/identifier-results/x-components.x-components.identifier-results"]},{"Next Queries":["front/xcomponents/API-reference/components/next-queries/x-components.x-components.next-queries-list","front/xcomponents/API-reference/components/next-queries/x-components.x-components.next-queries","front/xcomponents/API-reference/components/next-queries/x-components.x-components.next-query"]},{"Popular Searches":["front/xcomponents/API-reference/components/popular-searches/x-components.x-components.popular-search","front/xcomponents/API-reference/components/popular-searches/x-components.x-components.popular-searches"]},{"Query Suggestions":["front/xcomponents/API-reference/components/query-suggestions/x-components.x-components.query-suggestion","front/xcomponents/API-reference/components/query-suggestions/x-components.x-components.query-suggestions"]},{"Recommendations":["front/xcomponents/API-reference/components/recommendations/x-components.x-components.recommendations"]},{"Related Tags":["front/xcomponents/API-reference/components/related-tags/x-components.x-components.related-tag","front/xcomponents/API-reference/components/related-tags/x-components.x-components.related-tags"]},{"Search Box":["front/xcomponents/API-reference/components/search-box/x-components.x-components.clear-search-input","front/xcomponents/API-reference/components/search-box/x-components.x-components.search-button","front/xcomponents/API-reference/components/search-box/x-components.x-components.search-input"]},{"Search":["front/xcomponents/API-reference/components/search/x-components.x-components.banner","front/xcomponents/API-reference/components/search/x-components.x-components.banners-list","front/xcomponents/API-reference/components/search/x-components.x-components.partial-query-button","front/xcomponents/API-reference/components/search/x-components.x-components.partial-results-list","front/xcomponents/API-reference/components/search/x-components.x-components.promoted","front/xcomponents/API-reference/components/search/x-components.x-components.promoteds-list","front/xcomponents/API-reference/components/search/x-components.x-components.redirection","front/xcomponents/API-reference/components/search/x-components.x-components.results-list","front/xcomponents/API-reference/components/search/x-components.x-components.sort-dropdown","front/xcomponents/API-reference/components/search/x-components.x-components.sort-list","front/xcomponents/API-reference/components/search/x-components.x-components.spellcheck-button","front/xcomponents/API-reference/components/search/x-components.x-components.spellcheck"]},{"Url":["front/xcomponents/API-reference/components/url/x-components.x-components.url-handler"]}]}],"Guide":[{"Getting Started":[{"Components":["front/xcomponents/guide/getting-started/components/x-components.clear-search-input","front/xcomponents/guide/getting-started/components/x-components.live-examples","front/xcomponents/guide/getting-started/components/x-components.query-suggestions","front/xcomponents/guide/getting-started/components/x-components.search-button","front/xcomponents/guide/getting-started/components/x-components.search-input"]},"front/xcomponents/guide/getting-started/x-components.install-xplugin","front/xcomponents/guide/getting-started/x-components.use-components"]},"front/xcomponents/guide/x-components.install"]}
+{"API Reference":[{"Components":[{"Common":[{"Animations":["front/xcomponents/API-reference/components/common/animations/x-components.x-components.animate-width","front/xcomponents/API-reference/components/common/animations/x-components.x-components.collapse-from-top","front/xcomponents/API-reference/components/common/animations/x-components.x-components.collapse-height","front/xcomponents/API-reference/components/common/animations/x-components.x-components.collapse-width","front/xcomponents/API-reference/components/common/animations/x-components.x-components.cross-fade","front/xcomponents/API-reference/components/common/animations/x-components.x-components.fade-and-slide","front/xcomponents/API-reference/components/common/animations/x-components.x-components.staggered-fade-and-slide","front/xcomponents/API-reference/components/common/animations/x-components.x-components.translate-from-left","front/xcomponents/API-reference/components/common/animations/x-components.x-components.translate-from-right"]},{"Column Picker":["front/xcomponents/API-reference/components/common/column-picker/x-components.x-components.base-column-picker-dropdown","front/xcomponents/API-reference/components/common/column-picker/x-components.x-components.base-column-picker-list"]},{"Currency":["front/xcomponents/API-reference/components/common/currency/x-components.x-components.base-currency"]},{"Filters":[{"Labels":["front/xcomponents/API-reference/components/common/filters/labels/x-components.x-components.base-price-filter-label","front/xcomponents/API-reference/components/common/filters/labels/x-components.x-components.base-rating-filter-label"]}]},{"Icons":["front/xcomponents/API-reference/components/common/icons/x-components.x-components.arrow","front/xcomponents/API-reference/components/common/icons/x-components.x-components.bag","front/xcomponents/API-reference/components/common/icons/x-components.x-components.bar-code","front/xcomponents/API-reference/components/common/icons/x-components.x-components.barcode-tiny","front/xcomponents/API-reference/components/common/icons/x-components.x-components.cart","front/xcomponents/API-reference/components/common/icons/x-components.x-components.check-tiny","front/xcomponents/API-reference/components/common/icons/x-components.x-components.check","front/xcomponents/API-reference/components/common/icons/x-components.x-components.checkbox-card-selected","front/xcomponents/API-reference/components/common/icons/x-components.x-components.checkbox-card-unselected","front/xcomponents/API-reference/components/common/icons/x-components.x-components.checkbox-selected","front/xcomponents/API-reference/components/common/icons/x-components.x-components.checkbox-unselected","front/xcomponents/API-reference/components/common/icons/x-components.x-components.chevron-down","front/xcomponents/API-reference/components/common/icons/x-components.x-components.chevron-left","front/xcomponents/API-reference/components/common/icons/x-components.x-components.chevron-right","front/xcomponents/API-reference/components/common/icons/x-components.x-components.chevron-tiny-down","front/xcomponents/API-reference/components/common/icons/x-components.x-components.chevron-tiny-left","front/xcomponents/API-reference/components/common/icons/x-components.x-components.chevron-tiny-right","front/xcomponents/API-reference/components/common/icons/x-components.x-components.chevron-tiny-up","front/xcomponents/API-reference/components/common/icons/x-components.x-components.chevron-up","front/xcomponents/API-reference/components/common/icons/x-components.x-components.cross-tiny","front/xcomponents/API-reference/components/common/icons/x-components.x-components.cross","front/xcomponents/API-reference/components/common/icons/x-components.x-components.filters","front/xcomponents/API-reference/components/common/icons/x-components.x-components.grid-1-col","front/xcomponents/API-reference/components/common/icons/x-components.x-components.grid-2-col","front/xcomponents/API-reference/components/common/icons/x-components.x-components.hide","front/xcomponents/API-reference/components/common/icons/x-components.x-components.history-tiny","front/xcomponents/API-reference/components/common/icons/x-components.x-components.history","front/xcomponents/API-reference/components/common/icons/x-components.x-components.menu","front/xcomponents/API-reference/components/common/icons/x-components.x-components.minus-tiny","front/xcomponents/API-reference/components/common/icons/x-components.x-components.minus","front/xcomponents/API-reference/components/common/icons/x-components.x-components.nq-1","front/xcomponents/API-reference/components/common/icons/x-components.x-components.nq-2","front/xcomponents/API-reference/components/common/icons/x-components.x-components.nq-3","front/xcomponents/API-reference/components/common/icons/x-components.x-components.nq-4","front/xcomponents/API-reference/components/common/icons/x-components.x-components.plus","front/xcomponents/API-reference/components/common/icons/x-components.x-components.search-tiny","front/xcomponents/API-reference/components/common/icons/x-components.x-components.search","front/xcomponents/API-reference/components/common/icons/x-components.x-components.show","front/xcomponents/API-reference/components/common/icons/x-components.x-components.star","front/xcomponents/API-reference/components/common/icons/x-components.x-components.trash-open","front/xcomponents/API-reference/components/common/icons/x-components.x-components.trash","front/xcomponents/API-reference/components/common/icons/x-components.x-components.trending-tiny","front/xcomponents/API-reference/components/common/icons/x-components.x-components.trending","front/xcomponents/API-reference/components/common/icons/x-components.x-components.user"]},{"Layouts":["front/xcomponents/API-reference/components/common/layouts/x-components.x-components.fixed-header-and-asides-layout","front/xcomponents/API-reference/components/common/layouts/x-components.x-components.multi-column-max-width-layout","front/xcomponents/API-reference/components/common/layouts/x-components.x-components.single-column-layout"]},{"Modals":["front/xcomponents/API-reference/components/common/modals/x-components.x-components.base-events-modal-close","front/xcomponents/API-reference/components/common/modals/x-components.x-components.base-events-modal-open","front/xcomponents/API-reference/components/common/modals/x-components.x-components.base-events-modal","front/xcomponents/API-reference/components/common/modals/x-components.x-components.base-id-modal-close","front/xcomponents/API-reference/components/common/modals/x-components.x-components.base-id-modal-open","front/xcomponents/API-reference/components/common/modals/x-components.x-components.base-id-modal","front/xcomponents/API-reference/components/common/modals/x-components.x-components.base-modal"]},{"Panels":["front/xcomponents/API-reference/components/common/panels/x-components.x-components.base-header-toggle-panel","front/xcomponents/API-reference/components/common/panels/x-components.x-components.base-id-toggle-panel-button","front/xcomponents/API-reference/components/common/panels/x-components.x-components.base-id-toggle-panel","front/xcomponents/API-reference/components/common/panels/x-components.x-components.base-toggle-panel"]},{"Result":["front/xcomponents/API-reference/components/common/result/x-components.x-components.base-result-add-to-cart","front/xcomponents/API-reference/components/common/result/x-components.x-components.base-result-current-price","front/xcomponents/API-reference/components/common/result/x-components.x-components.base-result-fallback-image","front/xcomponents/API-reference/components/common/result/x-components.x-components.base-result-image","front/xcomponents/API-reference/components/common/result/x-components.x-components.base-result-link","front/xcomponents/API-reference/components/common/result/x-components.x-components.base-result-placeholder-image","front/xcomponents/API-reference/components/common/result/x-components.x-components.base-result-previous-price"]},{"Scroll":["front/xcomponents/API-reference/components/common/scroll/x-components.x-components.base-scroll"]},{"Suggestions":["front/xcomponents/API-reference/components/common/suggestions/x-components.x-components.base-suggestion","front/xcomponents/API-reference/components/common/suggestions/x-components.x-components.base-suggestions"]},"front/xcomponents/API-reference/components/common/x-components.x-components.auto-progress-bar","front/xcomponents/API-reference/components/common/x-components.x-components.base-dropdown","front/xcomponents/API-reference/components/common/x-components.x-components.base-event-button","front/xcomponents/API-reference/components/common/x-components.x-components.base-grid","front/xcomponents/API-reference/components/common/x-components.x-components.base-keyboard-navigation","front/xcomponents/API-reference/components/common/x-components.x-components.base-rating","front/xcomponents/API-reference/components/common/x-components.x-components.base-variable-column-grid","front/xcomponents/API-reference/components/common/x-components.x-components.global-x-bus","front/xcomponents/API-reference/components/common/x-components.x-components.items-list","front/xcomponents/API-reference/components/common/x-components.x-components.location-provider","front/xcomponents/API-reference/components/common/x-components.x-components.sliding-panel","front/xcomponents/API-reference/components/common/x-components.x-components.snippet-callbacks","front/xcomponents/API-reference/components/common/x-components.x-components.staggering-transition-group"]},{"Device":["front/xcomponents/API-reference/components/device/x-components.x-components.device-detector"]},{"Empathize":["front/xcomponents/API-reference/components/empathize/x-components.x-components.empathize"]},{"Extra Params":["front/xcomponents/API-reference/components/extra-params/x-components.x-components.extra-params","front/xcomponents/API-reference/components/extra-params/x-components.x-components.renderless-extra-param","front/xcomponents/API-reference/components/extra-params/x-components.x-components.snippet-config-extra-params"]},{"Facets":["front/xcomponents/API-reference/components/facets/x-components.x-components.clear-filters",{"Facets":["front/xcomponents/API-reference/components/facets/x-components.facets/x-components.facets-provider","front/xcomponents/API-reference/components/facets/x-components.facets/x-components.facets"]},{"Filters":["front/xcomponents/API-reference/components/facets/x-components.filters/x-components.all-filter","front/xcomponents/API-reference/components/facets/x-components.filters/x-components.base-filter","front/xcomponents/API-reference/components/facets/x-components.filters/x-components.editable-number-range-filter","front/xcomponents/API-reference/components/facets/x-components.filters/x-components.hierarchical-filter","front/xcomponents/API-reference/components/facets/x-components.filters/x-components.number-range-filter","front/xcomponents/API-reference/components/facets/x-components.filters/x-components.renderless-filter","front/xcomponents/API-reference/components/facets/x-components.filters/x-components.simple-filter"]},{"Lists":["front/xcomponents/API-reference/components/facets/x-components.lists/x-components.exclude-filters-with-no-results","front/xcomponents/API-reference/components/facets/x-components.lists/x-components.filters-list","front/xcomponents/API-reference/components/facets/x-components.lists/x-components.filters-search","front/xcomponents/API-reference/components/facets/x-components.lists/x-components.selected-filters-list","front/xcomponents/API-reference/components/facets/x-components.lists/x-components.selected-filters","front/xcomponents/API-reference/components/facets/x-components.lists/x-components.sliced-filters","front/xcomponents/API-reference/components/facets/x-components.lists/x-components.sorted-filters"]}]},{"History Queries":["front/xcomponents/API-reference/components/history-queries/x-components.x-components.clear-history-queries","front/xcomponents/API-reference/components/history-queries/x-components.x-components.history-queries","front/xcomponents/API-reference/components/history-queries/x-components.x-components.history-query","front/xcomponents/API-reference/components/history-queries/x-components.x-components.remove-history-query"]},{"Identifier Results":["front/xcomponents/API-reference/components/identifier-results/x-components.x-components.identifier-result","front/xcomponents/API-reference/components/identifier-results/x-components.x-components.identifier-results"]},{"Next Queries":["front/xcomponents/API-reference/components/next-queries/x-components.x-components.next-queries-list","front/xcomponents/API-reference/components/next-queries/x-components.x-components.next-queries","front/xcomponents/API-reference/components/next-queries/x-components.x-components.next-query"]},{"Popular Searches":["front/xcomponents/API-reference/components/popular-searches/x-components.x-components.popular-search","front/xcomponents/API-reference/components/popular-searches/x-components.x-components.popular-searches"]},{"Query Suggestions":["front/xcomponents/API-reference/components/query-suggestions/x-components.x-components.query-suggestion","front/xcomponents/API-reference/components/query-suggestions/x-components.x-components.query-suggestions"]},{"Recommendations":["front/xcomponents/API-reference/components/recommendations/x-components.x-components.recommendations"]},{"Related Tags":["front/xcomponents/API-reference/components/related-tags/x-components.x-components.related-tag","front/xcomponents/API-reference/components/related-tags/x-components.x-components.related-tags"]},{"Scroll":["front/xcomponents/API-reference/components/scroll/x-components.x-components.main-scroll-item","front/xcomponents/API-reference/components/scroll/x-components.x-components.main-scroll","front/xcomponents/API-reference/components/scroll/x-components.x-components.scroll-to-top","front/xcomponents/API-reference/components/scroll/x-components.x-components.scroll","front/xcomponents/API-reference/components/scroll/x-components.x-components.window-scroll"]},{"Search Box":["front/xcomponents/API-reference/components/search-box/x-components.x-components.clear-search-input","front/xcomponents/API-reference/components/search-box/x-components.x-components.search-button","front/xcomponents/API-reference/components/search-box/x-components.x-components.search-input"]},{"Search":["front/xcomponents/API-reference/components/search/x-components.x-components.banner","front/xcomponents/API-reference/components/search/x-components.x-components.banners-list","front/xcomponents/API-reference/components/search/x-components.x-components.partial-query-button","front/xcomponents/API-reference/components/search/x-components.x-components.partial-results-list","front/xcomponents/API-reference/components/search/x-components.x-components.promoted","front/xcomponents/API-reference/components/search/x-components.x-components.promoteds-list","front/xcomponents/API-reference/components/search/x-components.x-components.redirection","front/xcomponents/API-reference/components/search/x-components.x-components.results-list","front/xcomponents/API-reference/components/search/x-components.x-components.sort-dropdown","front/xcomponents/API-reference/components/search/x-components.x-components.sort-list","front/xcomponents/API-reference/components/search/x-components.x-components.spellcheck-button","front/xcomponents/API-reference/components/search/x-components.x-components.spellcheck"]},{"Tagging":["front/xcomponents/API-reference/components/tagging/x-components.x-components.tagging"]},{"Url":["front/xcomponents/API-reference/components/url/x-components.x-components.url-handler"]}]}],"Build Search Ui":["front/xcomponents/build-search-ui/x-components.README","front/xcomponents/build-search-ui/x-components.web-archetype-integration-guide","front/xcomponents/build-search-ui/x-components.web-use-x-components-guide","front/xcomponents/build-search-ui/x-components.web-x-components-integration-guide",{"X Architecture":["front/xcomponents/build-search-ui/x-architecture/x-components.README"]}]}

package/identifier-results/index.js

@@ -1,12 +1,13 @@
 export { cancelFetchAndSaveIdentifierResults, fetchAndSaveIdentifierResults } from '../js/x-modules/identifier-results/store/actions/fetch-and-save-identifier-results.action.js';
 export { fetchIdentifierResults } from '../js/x-modules/identifier-results/store/actions/fetch-identifier-results.action.js';
+export { saveOrigin } from '../js/x-modules/identifier-results/store/actions/save-origin.action.js';
 export { saveQuery } from '../js/x-modules/identifier-results/store/actions/save-query.action.js';
 export { identifierDetectionRegexp } from '../js/x-modules/identifier-results/store/getters/identifier-detection-regexp.getter.js';
 export { identifierHighlightRegexp } from '../js/x-modules/identifier-results/store/getters/identifier-highlight-regexp.getter.js';
 export { identifierResultsRequest } from '../js/x-modules/identifier-results/store/getters/identifier-results-request.getter.js';
 export { identifierResultsXStoreModule } from '../js/x-modules/identifier-results/store/module.js';
 export { identifierResultsEmitters } from '../js/x-modules/identifier-results/store/emitters.js';
-export { cancelFetchAndSaveIdentifierResultsWire, clearIdentifierResultsQuery, fetchAndSaveIdentifierResultsWire, identifierResultsWiring, setIdentifierResultsQuery } from '../js/x-modules/identifier-results/wiring.js';
+export { cancelFetchAndSaveIdentifierResultsWire, clearIdentifierResultsQuery, fetchAndSaveIdentifierResultsWire, identifierResultsWiring, saveIdentifierResultsOriginWire, setIdentifierResultsExtraParams, setIdentifierResultsQuery } from '../js/x-modules/identifier-results/wiring.js';
 export { identifierResultsXModule } from '../js/x-modules/identifier-results/x-module.js';
 export { default as IdentifierResult } from '../js/x-modules/identifier-results/components/identifier-result.vue.js';
 export { default as IdentifierResults } from '../js/x-modules/identifier-results/components/identifier-results.vue.js';

package/js/components/animations/animate-width.vue.js

@@ -6,7 +6,7 @@ import __vue_create_injector__ from 'vue-runtime-helpers/dist/inject-style/brows
 var __vue_script__ = script;
 
 /* template */
-var __vue_render__ = function() {
+var __vue_render__ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;

package/js/components/animations/collapse-from-top.vue.js

@@ -6,7 +6,7 @@ import script from './collapse-from-top.vue_rollup-plugin-vue=script.js';
 var __vue_script__ = script;
 
 /* template */
-var __vue_render__ = function() {
+var __vue_render__ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;

package/js/components/animations/collapse-height.vue.js

@@ -6,7 +6,7 @@ import script from './collapse-height.vue_rollup-plugin-vue=script.js';
 var __vue_script__ = script;
 
 /* template */
-var __vue_render__ = function() {
+var __vue_render__ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -18,8 +18,8 @@ var __vue_render__ = function() {
         on: {
           enter: _vm.expand,
           "after-enter": _vm.cleanUpAnimationStyles,
-          leave: _vm.collapse
-        }
+          leave: _vm.collapse,
+        },
       },
       _vm.$listeners
     ),

package/js/components/animations/collapse-width.vue.js

@@ -6,7 +6,7 @@ import script from './collapse-width.vue_rollup-plugin-vue=script.js';
 var __vue_script__ = script;
 
 /* template */
-var __vue_render__ = function() {
+var __vue_render__ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -18,8 +18,8 @@ var __vue_render__ = function() {
         on: {
           enter: _vm.expand,
           "after-enter": _vm.cleanUpAnimationStyles,
-          leave: _vm.collapse
-        }
+          leave: _vm.collapse,
+        },
       },
       _vm.$listeners
     ),

package/js/components/animations/cross-fade.vue.js

@@ -6,7 +6,7 @@ import script from './cross-fade.vue_rollup-plugin-vue=script.js';
 var __vue_script__ = script;
 
 /* template */
-var __vue_render__ = function() {
+var __vue_render__ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;

package/js/components/animations/fade-and-slide.vue.js

@@ -6,7 +6,7 @@ import script from './fade-and-slide.vue_rollup-plugin-vue=script.js';
 var __vue_script__ = script;
 
 /* template */
-var __vue_render__ = function() {
+var __vue_render__ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -15,7 +15,7 @@ var __vue_render__ = function() {
     _vm._g(
       {
         staticClass: "x-fade-and-slide",
-        attrs: { appear: "", name: "x-fade-and-slide-", tag: _vm.tag }
+        attrs: { appear: "", name: "x-fade-and-slide-", tag: _vm.tag },
       },
       _vm.$listeners
     ),

package/js/components/animations/staggered-fade-and-slide.vue.js

@@ -6,7 +6,7 @@ import script from './staggered-fade-and-slide.vue_rollup-plugin-vue=script.js';
 var __vue_script__ = script;
 
 /* template */
-var __vue_render__ = function() {
+var __vue_render__ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -16,7 +16,7 @@ var __vue_render__ = function() {
       _vm._b(
         {
           staticClass: "x-staggered-fade-and-slide",
-          attrs: { appear: "", name: "x-staggered-fade-and-slide-" }
+          attrs: { appear: "", name: "x-staggered-fade-and-slide-" },
         },
         "staggering-transition-group",
         _vm.$attrs,

package/js/components/animations/translate-from-left.vue.js

@@ -6,7 +6,7 @@ import script from './translate-from-left.vue_rollup-plugin-vue=script.js';
 var __vue_script__ = script;
 
 /* template */
-var __vue_render__ = function() {
+var __vue_render__ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;

package/js/components/animations/translate-from-right.vue.js

@@ -6,7 +6,7 @@ import script from './translate-from-right.vue_rollup-plugin-vue=script.js';
 var __vue_script__ = script;
 
 /* template */
-var __vue_render__ = function() {
+var __vue_render__ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;

package/js/components/auto-progress-bar.vue.js

@@ -6,7 +6,7 @@ import script from './auto-progress-bar.vue_rollup-plugin-vue=script.js';
 var __vue_script__ = script;
 
 /* template */
-var __vue_render__ = function() {
+var __vue_render__ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -15,15 +15,14 @@ var __vue_render__ = function() {
         "div",
         {
           staticClass: "x-progress-bar",
-          attrs: { "data-test": "progress-bar", role: "progressbar" }
+          attrs: { "data-test": "progress-bar", role: "progressbar" },
         },
         [
           _c("div", {
             staticClass: "x-progress-bar__line",
             style: _vm.cssStyles,
-            attrs: { "data-test": "progress-bar-line" }
-          })
-        ]
+            attrs: { "data-test": "progress-bar-line" },
+          }) ]
       )
     : _vm._e()
 };

package/js/components/auto-progress-bar.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"auto-progress-bar.vue.js","sources":["../../../src/components/auto-progress-bar.vue"],"sourcesContent":["<template>\n  <div v-if=\"isLoading\" class=\"x-progress-bar\" data-test=\"progress-bar\" role=\"progressbar\">\n    <div class=\"x-progress-bar__line\" :style=\"cssStyles\" data-test=\"progress-bar-line\"></div>\n  </div>\n</template>\n\n<script lang=\"ts\">\n  import Vue from 'vue';\n  import { Component, Prop } from 'vue-property-decorator';\n\n  /**\n   * An auto progress bar component.\n   *\n   * @public\n   */\n  @Component\n  export default class AutoProgressBar extends Vue {\n    /**\n     * A boolean flag indicating if the bar is loading.\n     *\n     * @public\n     */\n    @Prop({ default: true })\n    public isLoading!: boolean;\n\n    /**\n     * The duration in seconds of the progress bar.\n     *\n     * @public\n     */\n    @Prop({ default: 5 })\n    public durationInSeconds!: number;\n\n    /**\n     * Computed property to calculate the animation's duration.\n     *\n     * @returns The CSS styles of the animation.\n     *\n     * @internal\n     */\n    protected get cssStyles(): Partial<CSSStyleDeclaration> {\n      return { animationDuration: `${this.durationInSeconds}s` };\n    }\n  }\n</script>\n\n<style lang=\"scss\">\n  .x-progress-bar {\n    display: inline-block;\n    overflow: hidden;\n    background-color: var(--x-color-background-progress-bar-default, #b3b3b3);\n    border-radius: var(--x-size-border-radius-progress-bar-default, 24px);\n\n    &__line {\n      height: var(--x-size-height-progress-bar-line-default, 4px);\n      width: var(--x-size-width-progress-bar-line-default, 272px);\n      background-color: var(--x-color-background-progress-bar-line-default, #1a1a1a);\n      border-radius: var(--x-size-border-radius-progress-bar-default, 24px);\n      animation: slide linear;\n      transform-origin: left;\n    }\n  }\n  @keyframes slide {\n    0% {\n      transform: translateX(-100%);\n    }\n    100% {\n      transform: translateX(0);\n    }\n  }\n</style>\n\n<docs lang=\"mdx\">\n## See it in action\n\nHere you have a basic example of how the auto progress bar is rendered.\n\n```vue\n<template>\n  <AutoProgressBar :isLoading=\"isLoading\" :durationInSeconds=\"delayInSeconds\" />\n</template>\n\n<script>\n  export default {\n    name: 'AutoProgressBarDemo',\n    data() {\n      return {\n        isLoading: true,\n        durationInSeconds: 100\n      };\n    }\n  };\n</script>\n```\n\n### Play with props\n\nIn this example, the auto progress bar has been set to do an animation for 5 seconds. There is a way\nto cancel the animation by sending the isLoading prop to false.\n\n```vue\n<template>\n  <AutoProgressBar :durationInSeconds=\"5\" :isLoading=\"true\" />\n</template>\n\n<script>\n  export default {\n    name: 'AutoProgressBarDemo'\n  };\n</script>\n```\n\n## Events\n\nThis component emits the following events:\n\n- `UserClickedARedirection` after the user clicks the redirection button.\n- `UserClickedAbortARedirection` after the user clicks the abort redirection button.\n</docs>\n"],"names":["const"],"mappings":";;;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"auto-progress-bar.vue.js","sources":["../../../src/components/auto-progress-bar.vue"],"sourcesContent":["<template>\n  <div v-if=\"isLoading\" class=\"x-progress-bar\" data-test=\"progress-bar\" role=\"progressbar\">\n    <div class=\"x-progress-bar__line\" :style=\"cssStyles\" data-test=\"progress-bar-line\"></div>\n  </div>\n</template>\n\n<script lang=\"ts\">\n  import Vue from 'vue';\n  import { Component, Prop } from 'vue-property-decorator';\n\n  /**\n   * An auto progress bar component.\n   *\n   * @public\n   */\n  @Component\n  export default class AutoProgressBar extends Vue {\n    /**\n     * A boolean flag indicating if the bar is loading.\n     *\n     * @public\n     */\n    @Prop({ default: true })\n    public isLoading!: boolean;\n\n    /**\n     * The duration in seconds of the progress bar.\n     *\n     * @public\n     */\n    @Prop({ default: 5 })\n    public durationInSeconds!: number;\n\n    /**\n     * Computed property to calculate the animation's duration.\n     *\n     * @returns The CSS styles of the animation.\n     *\n     * @internal\n     */\n    protected get cssStyles(): Partial<CSSStyleDeclaration> {\n      return { animationDuration: `${this.durationInSeconds}s` };\n    }\n  }\n</script>\n\n<style lang=\"scss\">\n  .x-progress-bar {\n    display: inline-block;\n    overflow: hidden;\n    background-color: var(--x-color-background-progress-bar-default, #b3b3b3);\n    border-radius: var(--x-size-border-radius-progress-bar-default, 24px);\n\n    &__line {\n      height: var(--x-size-height-progress-bar-line-default, 4px);\n      width: var(--x-size-width-progress-bar-line-default, 272px);\n      background-color: var(--x-color-background-progress-bar-line-default, #1a1a1a);\n      border-radius: var(--x-size-border-radius-progress-bar-default, 24px);\n      animation: slide linear;\n      transform-origin: left;\n    }\n  }\n  @keyframes slide {\n    0% {\n      transform: translateX(-100%);\n    }\n    100% {\n      transform: translateX(0);\n    }\n  }\n</style>\n\n<docs lang=\"mdx\">\n## See it in action\n\nHere you have a basic example of how the auto progress bar is rendered.\n\n```vue\n<template>\n  <AutoProgressBar :isLoading=\"isLoading\" :durationInSeconds=\"delayInSeconds\" />\n</template>\n\n<script>\n  export default {\n    name: 'AutoProgressBarDemo',\n    data() {\n      return {\n        isLoading: true,\n        durationInSeconds: 100\n      };\n    }\n  };\n</script>\n```\n\n### Play with props\n\nIn this example, the auto progress bar has been set to do an animation for 5 seconds. There is a way\nto cancel the animation by sending the isLoading prop to false.\n\n```vue\n<template>\n  <AutoProgressBar :durationInSeconds=\"5\" :isLoading=\"true\" />\n</template>\n\n<script>\n  export default {\n    name: 'AutoProgressBarDemo'\n  };\n</script>\n```\n\n## Events\n\nThis component emits the following events:\n\n- `UserClickedARedirection` after the user clicks the redirection button.\n- `UserClickedAbortARedirection` after the user clicks the abort redirection button.\n</docs>\n"],"names":["const"],"mappings":";;;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/components/base-dropdown.vue.js

@@ -6,7 +6,7 @@ import script from './base-dropdown.vue_rollup-plugin-vue=script.js';
 var __vue_script__ = script;
 
 /* template */
-var __vue_render__ = function() {
+var __vue_render__ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -18,20 +18,19 @@ var __vue_render__ = function() {
       on: {
         keydown: [
           _vm.updateSearchBuffer,
-          function($event) {
+          function ($event) {
             if (
               !$event.type.indexOf("key") &&
               _vm._k($event.keyCode, "down", 40, $event.key, [
                 "Down",
-                "ArrowDown"
-              ])
+                "ArrowDown" ])
             ) {
               return null
             }
             $event.preventDefault();
             return _vm.highlightNextItem.apply(null, arguments)
           },
-          function($event) {
+          function ($event) {
             if (
               !$event.type.indexOf("key") &&
               _vm._k($event.keyCode, "up", 38, $event.key, ["Up", "ArrowUp"])
@@ -40,9 +39,8 @@ var __vue_render__ = function() {
             }
             $event.preventDefault();
             return _vm.highlightPreviousItem.apply(null, arguments)
-          }
-        ]
-      }
+          } ],
+      },
     },
     [
       _c(
@@ -52,43 +50,40 @@ var __vue_render__ = function() {
           attrs: { "aria-haspopup": "listbox", "data-test": "dropdown-toggle" },
           on: {
             click: _vm.toggle,
-            keydown: function($event) {
+            keydown: function ($event) {
               if (
                 !$event.type.indexOf("key") &&
                 _vm._k($event.keyCode, "up", 38, $event.key, [
                   "Up",
-                  "ArrowUp"
-                ]) &&
+                  "ArrowUp" ]) &&
                 _vm._k($event.keyCode, "down", 40, $event.key, [
                   "Down",
-                  "ArrowDown"
-                ])
+                  "ArrowDown" ])
               ) {
                 return null
               }
               $event.preventDefault();
               $event.stopPropagation();
               return _vm.open.apply(null, arguments)
-            }
-          }
+            },
+          },
         },
         [
           _vm.$scopedSlots.toggle
             ? _vm._t(
                 "toggle",
-                function() {
+                function () {
                   return [_vm._v("\n      " + _vm._s(_vm.value) + "\n    ")]
                 },
                 { isOpen: _vm.isOpen, item: _vm.value }
               )
             : _vm._t(
                 "item",
-                function() {
+                function () {
                   return [_vm._v(_vm._s(_vm.value))]
                 },
                 { item: _vm.value }
-              )
-        ],
+              ) ],
         2
       ),
       _vm._v(" "),
@@ -100,11 +95,11 @@ var __vue_render__ = function() {
                 staticClass: "x-dropdown__items-list",
                 attrs: {
                   "aria-expanded": _vm.isOpen.toString(),
-                  role: "listbox"
+                  role: "listbox",
                 },
                 on: {
                   keydown: [
-                    function($event) {
+                    function ($event) {
                       if (
                         !$event.type.indexOf("key") &&
                         _vm._k(
@@ -119,19 +114,18 @@ var __vue_render__ = function() {
                       }
                       return _vm.highlightLastItem.apply(null, arguments)
                     },
-                    function($event) {
+                    function ($event) {
                       if (
                         !$event.type.indexOf("key") &&
                         _vm._k($event.keyCode, "esc", 27, $event.key, [
                           "Esc",
-                          "Escape"
-                        ])
+                          "Escape" ])
                       ) {
                         return null
                       }
                       return _vm.close.apply(null, arguments)
                     },
-                    function($event) {
+                    function ($event) {
                       if (
                         !$event.type.indexOf("key") &&
                         _vm._k(
@@ -145,16 +139,15 @@ var __vue_render__ = function() {
                         return null
                       }
                       return _vm.highlightFirstItem.apply(null, arguments)
-                    }
-                  ]
-                }
+                    } ],
+                },
               },
-              _vm._l(_vm.items, function(item, index) {
+              _vm._l(_vm.items, function (item, index) {
                 return _c(
                   "li",
                   {
                     key: item.id || item,
-                    staticClass: "x-dropdown__list-item"
+                    staticClass: "x-dropdown__list-item",
                   },
                   [
                     _c(
@@ -171,41 +164,36 @@ var __vue_render__ = function() {
                           "aria-current": (item === _vm.value).toString(),
                           "data-test": "dropdown-item",
                           role: "option",
-                          tabindex: "-1"
+                          tabindex: "-1",
                         },
                         on: {
-                          click: function($event) {
+                          click: function ($event) {
                             return _vm.emitSelectedItemChanged(item)
-                          }
-                        }
+                          },
+                        },
                       },
                       [
                         _vm._t(
                           "item",
-                          function() {
+                          function () {
                             return [
                               _vm._v(
                                 "\n            " + _vm._s(item) + "\n          "
-                              )
-                            ]
+                              ) ]
                           },
                           {
                             isHighlighted: index === _vm.highlightedItemIndex,
                             isSelected: item === _vm.value,
-                            item: item
+                            item: item,
                           }
-                        )
-                      ],
+                        ) ],
                       2
-                    )
-                  ]
+                    ) ]
                 )
               }),
               0
             )
-          : _vm._e()
-      ])
-    ],
+          : _vm._e() ]) ],
     1
   )
 };