@empathyco/x-components 3.0.0-alpha.7 → 3.0.0-alpha.70

package/docs/guide/getting-started/components/search-button.md

@@ -1,98 +0,0 @@
----
-id: x-components.search-button
-title: Search Button
-sidebar_label: Search Button
----
-import { NextItem } from '../../../react-components/Utils';
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
-import { ReactSearchButton, ReactSearchInput, doMagic } from '../../../react-components/ReactComponents';
-
-Search button component which emits on its click
-[UserAcceptedAQuery](../../x-components.xeventstypes.useracceptedaquery) and
-[UserAcceptedAQuery](../../x-components.searchboxxevents.userpressedsearchbutton)
-events with the query as payload while there is query.
-If the query is empty, the component won't emit any event. The component has also a
-dynamic class to flag the HTML button when the query is empty (to hide the button when the
-query is empty for instance).
-
-  ## Usage
-
-<Tabs
-  defaultValue="vue"
-  values={[
-    {label: 'Vue', value: 'vue'},
-    {label: 'Live', value: 'live'},
-  ]}>
-  <TabItem value="vue">
-
-  ```jsx
-  <SearchButton />
-  ```
-
-  </TabItem>
-  <TabItem value="live">
-
-<ReactSearchButton> Search </ReactSearchButton>
-
-  </TabItem>
-</Tabs>
-
- ## Overriding slot
-
-  If you need to add custom content inside this component. You only need to pass a new
-  component in the default slot:
-
-<Tabs
-  defaultValue="vue"
-  values={[
-    {label: 'Vue', value: 'vue'},
-    {label: 'Live', value: 'live'},
-  ]}>
-  <TabItem value="vue">
-
-  ```jsx
-<SearchButton>
-    <img src="./my-awesome-clear-icon.svg" />
-</SearchButton>
-  ```
-
-  </TabItem>
-  <TabItem value="live">
-   <ReactSearchButton><img style={{height:'16px',margin:'0',border:'0'}}
-   src="https://image.flaticon.com/icons/svg/483/483356.svg" /></ReactSearchButton>
-  </TabItem>
-</Tabs>
-
-## Using the events
-
-:::info
-There is a list of events that can be emitted. [XEvents](../../x-components.xeventstypes)
-:::
-
-Exist the possibility of call methods to do something when an event is emitted:
-
-<Tabs
-  defaultValue="vue"
-  values={[
-    {label: 'Vue', value: 'vue'},
-    {label: 'Live', value: 'live'},
-  ]}>
-  <TabItem value="vue">
-
-  ```jsx
-<SearchButton @UserPressedSearchButton="doMagic()" />
-  ```
-
-  </TabItem>
-   <TabItem value="live">
-     <ReactSearchButton on={ {UserPressedSearchButton: doMagic} }> Search </ReactSearchButton>
-    </TabItem>
-</Tabs>
-
-
-## Up next
-
-Ready for more? Continue reading with:
-
-<NextItem color="#e77962" font="white" next="query-suggestions">Query Suggestions</NextItem>

package/docs/guide/getting-started/components/search-input.md

@@ -1,105 +0,0 @@
----
-id: x-components.search-input
-title: Search Input
-sidebar_label: Search Input
----
-import { NextItem } from '../../../react-components/Utils';
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
-import { ReactSearchInput, doMagic } from '../../../react-components/ReactComponents';
-
-The Search input is a component that reacts to user interaction emitting events:
-[SearchBoxQueryChanged](../../x-components.searchboxxevents.searchboxquerychanged),
-[UserBlurredSearchBox](../../x-components.searchboxxevents.userblurredsearchbox),
-[UserFocusedSearchBox](../../x-components.searchboxxevents.userfocusedsearchbox),
-[UserIsTypingAQuery](../../x-components.searchboxxevents.useristypingaquery) and
-[UserPressedEnterKey](../../x-components.searchboxxevents.userpressedenterkey)
-
-## Basic usage
-
-Search input lets you to type a query and emits events to other components. This will allow to other components to use this query.
-
-<Tabs
-  defaultValue="vue"
-  values={[
-    {label: 'Vue', value: 'vue'},
-    {label: 'Live', value: 'live'}
-  ]
-}>
-  <TabItem value="vue">
-
-  ```jsx
-  <SearchInput />
-  ```
-
-  </TabItem>
-  <TabItem value="live">
-  <ReactSearchInput />
-  </TabItem>
-</Tabs>
-
-## Configuring component by props
-
-By prop, you can configure `maxLength`, `autofocus`, `instant`, `instantDebounceInMs`, `autocompleteKeyboardKeys` and `autocompleteSuggestionsEvent` of the component.
-
-<Tabs
-  defaultValue="vue"
-  values={[
-    {label: 'Vue', value: 'vue'},
-    {label: 'Live', value: 'live'},
-  ]
-}>
-  <TabItem value="vue">
-
-  ```jsx
-  <SearchInput :maxLength="5"
-               :autofocus="false"
-               :instant="true"
-               :instantDebounceInMs="1000"
-               :autocompleteKeyboardKeys="['ArrowDown']"
-               :autocompleteSuggestionsEvent="'NextQueriesChanged'"/>
-  ```
-
-  </TabItem>
-  <TabItem value="live">
-  <ReactSearchInput maxLength="5"
-                  autofocus="false"
-                  instant="true"
-                  instantDebounceInMs="1000"
-                  autocompleteKeyboardKeys="['ArrowDown']"
-                  autocompleteSuggestionsEvent="'NextQueriesChanged'"/>
-  </TabItem>
-</Tabs>
-
-## Using the events
-
-:::info
-There is a list of events that can be emitted. [XEvents](../../x-components.xeventstypes)
-:::
-
-Exist the possibility of call methods to do something when an event is emitted:
-
-<Tabs
-  defaultValue="vue"
-  values={[
-    {label: 'Vue', value: 'vue'},
-    {label: 'Live', value: 'live'},
-  ]
-}>
-  <TabItem value="vue">
-
-  ```jsx
-    <SearchInput @UserPressedEnterKey="doMagic()" />
-  ```
-
-  </TabItem>
-  <TabItem value="live">
-  <ReactSearchInput on={{ UserPressedEnterKey: doMagic }} />
-  </TabItem>
-</Tabs>
-
-## Up next
-
-Ready for more? Continue reading with:
-
-<NextItem color="#e77962" font='white' next="clear-search-input">Clear Search Input</NextItem>

package/docs/guide/getting-started/install-xplugin.md

@@ -1,72 +0,0 @@
----
-id: x-components.install-xplugin
-title: Install Xplugin
-sidebar_label: Install Xplugin
----
-import { NextItem } from '../../react-components/Utils';
-
-## How to install XPlugin
-
-:::caution
-You have to install the XComponents dependency first.[Install](https://bitbucket.org/colbenson/x-components/src/master/CHANGELOG.md)
-:::
-
-After this you need to install the plugin before create your vue instance.
-
-:::caution
-The adapter is mandatory. You should use your own adapter or the one that we provide you.
-:::
-
-```js
-import { installX } from '@empathyco/x-components';
-
-installX({adapter});
-
-new Vue({
-  render: h => h(App)
-}).$mount('#app');
-```
-
-In this case we use our own adapter, to use it you should install it:
-
-:::caution
-This is a private dependency you will need credentials to use it: [NPM Repository](https://searchbroker.atlassian.net/wiki/spaces/EAF/pages/172753015/Setting+up+EmpathyBroker+s+private+npm+repository+locally)
-:::
-:::note
-You can check the current search adapter version here: [Search Adapter](https://bitbucket.org/colbenson/search-adapter/src/master/CHANGELOG.md)
-:::
-
-```jsx
-npm install @empathyco/x-adapter
-```
-
-And after that you will import it where you install the plugin:
-
-:::info
-The instance id will be the one that we will provide you to use our search services.
-:::
-:::caution
-It is mandatory to import 'reflect-metadata' if you use our adapter!
-:::
-
-```js
-import 'reflect-metadata';
-import { EmpathyAdapterBuilder } from '@empathyco/x-adapter';
-import { installX } from '@empathyco/x-components';
-
-const adapter = new EmpathyAdapterBuilder()
-  .withConfiguration({instance: 'my-instance-id'})
-  .build();
-
-installX({adapter});
-
-new Vue({
-  render: h => h(App)
-}).$mount('#app');
-```
-
- ## Up next
-
-Before this steps, you will be ready to use the components in your project.
-
-<NextItem color="#e77962" font='white' next="use-components">How to use components</NextItem>

package/docs/guide/getting-started/use-components.md

@@ -1,75 +0,0 @@
----
-id: x-components.use-components
-title: Use Components
-sidebar_label: Use Components
----
-import { NextItem } from '../../react-components/Utils';
-import Tabs from '@theme/Tabs';
-import TabItem from '@theme/TabItem';
-import { ReactQuerySuggestions, ReactSearchInput, ReactClearSearchInput, ReactFadeAndSlide } from '../../react-components/ReactComponents';
-import { FadeAndSlide } from '@empathyco/x-components/core';
-
-:::caution
-Before start you should install the [XPlugin](./install-xplugin)
-:::
-
-## First steps
-
-To start using our components it is as easy as importing the component as if it were any other component created by yourself and
-using it in your template.
-
-## Examples
-
-  ```jsx
-<template>
-  <div id="app">
-    <SearchInput />
-  </div>
-</template>
-
-<script>
-  import { SearchInput} from '@empathyco/x-components/search-box';
-
-  export default {
-    name: 'App',
-    components: {
-      SearchInput
-    }
-  }
-  </script>
-  ```
-
-## Basic example
-
-This example shows the `Search Input`, `Clear Search Input` and `Query Suggestions` working together.
-
-<Tabs
-  defaultValue="vue"
-  values={[
-   {label: 'Vue', value: 'vue'},
-   {label: 'Live', value: 'live'}
-   ]}>
-   <TabItem value="vue">
-
-```jsx
-<SearchInput />
-<ClearSearchInput>Clear</ClearSearchInput>
-<QuerySuggestions animation={FadeAndSlide} />
-```
-
-   </TabItem>
-  <TabItem value="live">
-    <div class='x-playground'>
-        <ReactSearchInput />
-        <ReactClearSearchInput>Clear</ReactClearSearchInput>
-        <ReactQuerySuggestions animation={FadeAndSlide} />
-   </div>
-  </TabItem>
-</Tabs>
-
-
- ## Up next
-
-To know more about the components that you can use, continue reading this section about each component:
-
-<NextItem color="#e77962" font='white' next="../getting-started/components/search-input">Search Input</NextItem>

package/docs/guide/install.md

@@ -1,30 +0,0 @@
----
-id: x-components.install
-title: Install
-sidebar_label: Install
----
-import { NextItem } from '../react-components/Utils';
-
-## How to install XComponents
-:::caution
-This is a private dependency you will need credentials to use it: [NPM Repository](https://searchbroker.atlassian.net/wiki/spaces/EAF/pages/172753015/Setting+up+EmpathyBroker+s+private+npm+repository+locally)
-:::
-
-The first step to install XComponents in your project is to install the dependency.
-
-:::note
-You can check the current x-components version here: [X-Components](https://bitbucket.org/colbenson/x-components/src/master/CHANGELOG.md)
-:::
-
-Run this command:
-
-```jsx
-  npm install @empathyco/x-components
-```
-
- ## Up next
-
-After this step, you will be ready to install the XPlugin to start to use the components.
-
-<NextItem color="#e77962" font='white' next="getting-started/install-xplugin">Install XPlugin</NextItem>
-

package/docs/react-components/ReactComponents.jsx

@@ -1,46 +0,0 @@
-import 'reflect-metadata';
-import { XInstaller } from '@empathyco/x-components';
-import { NextQueries } from '@empathyco/x-components/next-queries';
-import { QuerySuggestions } from '@empathyco/x-components/query-suggestions';
-import React from 'react';
-import { SearchInput, ClearSearchInput, SearchButton } from '@empathyco/x-components/search-box';
-import { ReactWrapper } from '@empathy/react-wrapper';
-import { EmpathyAdapterBuilder } from '@empathyco/x-adapter';
-
-if (typeof window !== 'undefined' && window.localStorage) {
-  const adapter = new EmpathyAdapterBuilder()
-    .setFeatureConfig('search', {
-      endpoint: 'https://api.empathybroker.com/search/v1/query/juguettos/searchv2'
-    })
-    .build();
-  new XInstaller({ adapter }).init({
-    instance: 'juguettos',
-    env: 'staging',
-    lang: 'es',
-    scope: 'default'
-  });
-}
-
-export function ReactSearchInput(props) {
-  return <ReactWrapper component={SearchInput} {...props} />;
-}
-
-export function ReactClearSearchInput(props) {
-  return <ReactWrapper component={ClearSearchInput} {...props} />;
-}
-
-export function ReactSearchButton(props) {
-  return <ReactWrapper component={SearchButton} {...props} />;
-}
-
-export function ReactNextQueries(props) {
-  return <ReactWrapper component={NextQueries} {...props} on={{}} />;
-}
-
-export function ReactQuerySuggestions(props) {
-  return <ReactWrapper component={QuerySuggestions} {...props} on={{}} />;
-}
-
-export function doMagic() {
-  return alert('Magic!');
-}

package/docs/react-components/Utils.jsx

@@ -1,34 +0,0 @@
-import React from 'react';
-import '../css/utils/utils.scss';
-
-export const Highlight = ({ children, color }) => (
-  <span
-    style={ {
-      backgroundColor: color,
-      borderRadius: '2px',
-      color: '#fff',
-      padding: '0.2rem'
-    } }>
-    { children }
-  </span>
-);
-
-export const Table = ({ children }) => (
-  <div>
-    { [...children] }
-  </div>
-);
-
-export const NextItem = ({ children, color, next, font }) => {
-  return <a className="next-item"
-            href={ next }
-            style={ {
-              backgroundColor: color,
-              color: font
-            } }>
-    <img className="next-item__image" src={ 'https://cdn.onlinewebfonts.com/svg/img_16651.png' }/>
-    <span className="next-item__text">{ children }</span>
-    <img className="next-item__arrow" src={'https://image.flaticon.com/icons/svg/748/748073.svg'}/>
-  </a>;
-};
-

package/docs/sidebar.json

@@ -1 +0,0 @@
-{"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.fade-and-slide","front/xcomponents/API-reference/components/common/animations/x-components.x-components.staggered-fade-and-slide"]},{"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.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"]}]},{"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"]},{"Facets":["front/xcomponents/API-reference/components/facets/x-components.x-components.clear-filters","front/xcomponents/API-reference/components/facets/x-components.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-search","front/xcomponents/API-reference/components/facets/x-components.lists/x-components.filters","front/xcomponents/API-reference/components/facets/x-components.lists/x-components.multi-select-filters","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.sliced-filters","front/xcomponents/API-reference/components/facets/x-components.lists/x-components.sorted-filters"]},"front/xcomponents/API-reference/components/facets/x-components.x-components.selected-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","front/xcomponents/API-reference/components/next-queries/x-components.x-components.next-query"]},{"No Suggestions":["front/xcomponents/API-reference/components/no-suggestions/x-components.x-components.no-suggestions"]},{"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.results-list","front/xcomponents/API-reference/components/search/x-components.x-components.search-items-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"]}]}],"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"]}

package/js/components/animations/animate-width.vue_rollup-plugin-vue=script.js

@@ -1,22 +0,0 @@
-import { __extends, __decorate } from 'tslib';
-import Vue from 'vue';
-import { Component } from 'vue-property-decorator';
-
-/**
- * Renders a transition wrapping an element passed in the default slot and animating its width.
- *
- * @public
- */
-var AnimateWidth = /** @class */ (function (_super) {
-    __extends(AnimateWidth, _super);
-    function AnimateWidth() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    AnimateWidth = __decorate([
-        Component
-    ], AnimateWidth);
-    return AnimateWidth;
-}(Vue));
-
-export default AnimateWidth;
-//# sourceMappingURL=animate-width.vue_rollup-plugin-vue=script.js.map

package/js/components/animations/animate-width.vue_rollup-plugin-vue=script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"animate-width.vue_rollup-plugin-vue=script.js","sources":["../../../../src/components/animations/animate-width.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\nimport Vue from 'vue';\nimport { Component } from 'vue-property-decorator';\n\n/**\n * Renders a transition wrapping an element passed in the default slot and animating its width.\n *\n * @public\n */\n@Component\nexport default class AnimateWidth extends Vue {}\n"],"names":[],"mappings":";;;;AAWA;;;;;AAMA;IAA0C,gCAAG;IAA7C;;KAAgD;IAA3B,YAAY;QADhC,SAAS;OACW,YAAY,CAAe;IAAD,mBAAC;CAAA,CAAN,GAAG;;;;"}

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

@@ -1,58 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-import __vue_create_injector__ from 'vue-runtime-helpers/dist/inject-style/browser.js';
-import script from './collapse-from-top.vue_rollup-plugin-vue=script.js';
-
-/* script */
-var __vue_script__ = script;
-
-/* template */
-var __vue_render__ = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c(
-    "transition",
-    _vm._g(
-      { attrs: { appear: "", name: "x-collapse-from-top-" } },
-      _vm.$listeners
-    ),
-    [_vm._t("default")],
-    2
-  )
-};
-var __vue_staticRenderFns__ = [];
-__vue_render__._withStripped = true;
-
-  /* style */
-  var __vue_inject_styles__ = function (inject) {
-    if (!inject) { return }
-    inject("data-v-a0040588_0", { source: ".x-collapse-from-top--enter-active[data-v-a0040588], .x-collapse-from-top--leave-active[data-v-a0040588], .x-collapse-from-top--enter-active[data-v-a0040588]  > *, .x-collapse-from-top--leave-active[data-v-a0040588]  > * {\n  transform-origin: top center;\n  animation-duration: 0.4s;\n  animation-timing-function: linear;\n}\n.x-collapse-from-top--enter-active[data-v-a0040588], .x-collapse-from-top--leave-active[data-v-a0040588] {\n  animation-name: containerAnimation-data-v-a0040588;\n  overflow: hidden;\n}\n.x-collapse-from-top--enter-active[data-v-a0040588]  > *, .x-collapse-from-top--leave-active[data-v-a0040588]  > * {\n  animation-name: contentAnimation-data-v-a0040588;\n}\n.x-collapse-from-top--leave-active[data-v-a0040588], .x-collapse-from-top--leave-active[data-v-a0040588] >  * {\n  animation-direction: reverse;\n}\n@keyframes containerAnimation-data-v-a0040588 {\n0% {\n    transform: scaleY(0);\n}\n1% {\n    transform: scaleY(8.);\n}\n2% {\n    transform: scaleY(0.00000128);\n}\n3% {\n    transform: scaleY(0.00000648);\n}\n4% {\n    transform: scaleY(0.00002048);\n}\n5% {\n    transform: scaleY(0.00005);\n}\n6% {\n    transform: scaleY(0.00010368);\n}\n7% {\n    transform: scaleY(0.00019208);\n}\n8% {\n    transform: scaleY(0.00032768);\n}\n9% {\n    transform: scaleY(0.00052488);\n}\n10% {\n    transform: scaleY(0.0008);\n}\n11% {\n    transform: scaleY(0.00117128);\n}\n12% {\n    transform: scaleY(0.00165888);\n}\n13% {\n    transform: scaleY(0.00228488);\n}\n14% {\n    transform: scaleY(0.00307328);\n}\n15% {\n    transform: scaleY(0.00405);\n}\n16% {\n    transform: scaleY(0.00524288);\n}\n17% {\n    transform: scaleY(0.00668168);\n}\n18% {\n    transform: scaleY(0.00839808);\n}\n19% {\n    transform: scaleY(0.01042568);\n}\n20% {\n    transform: scaleY(0.0128);\n}\n21% {\n    transform: scaleY(0.01555848);\n}\n22% {\n    transform: scaleY(0.01874048);\n}\n23% {\n    transform: scaleY(0.02238728);\n}\n24% {\n    transform: scaleY(0.02654208);\n}\n25% {\n    transform: scaleY(0.03125);\n}\n26% {\n    transform: scaleY(0.03655808);\n}\n27% {\n    transform: scaleY(0.04251528);\n}\n28% {\n    transform: scaleY(0.04917248);\n}\n29% {\n    transform: scaleY(0.05658248);\n}\n30% {\n    transform: scaleY(0.0648);\n}\n31% {\n    transform: scaleY(0.07388168);\n}\n32% {\n    transform: scaleY(0.08388608);\n}\n33% {\n    transform: scaleY(0.09487368);\n}\n34% {\n    transform: scaleY(0.10690688);\n}\n35% {\n    transform: scaleY(0.12005);\n}\n36% {\n    transform: scaleY(0.13436928);\n}\n37% {\n    transform: scaleY(0.14993288);\n}\n38% {\n    transform: scaleY(0.16681088);\n}\n39% {\n    transform: scaleY(0.18507528);\n}\n40% {\n    transform: scaleY(0.2048);\n}\n41% {\n    transform: scaleY(0.22606088);\n}\n42% {\n    transform: scaleY(0.24893568);\n}\n43% {\n    transform: scaleY(0.27350408);\n}\n44% {\n    transform: scaleY(0.29984768);\n}\n45% {\n    transform: scaleY(0.32805);\n}\n46% {\n    transform: scaleY(0.35819648);\n}\n47% {\n    transform: scaleY(0.39037448);\n}\n48% {\n    transform: scaleY(0.42467328);\n}\n49% {\n    transform: scaleY(0.46118408);\n}\n50% {\n    transform: scaleY(0.5);\n}\n51% {\n    transform: scaleY(0.53881592);\n}\n52% {\n    transform: scaleY(0.57532672);\n}\n53% {\n    transform: scaleY(0.60962552);\n}\n54% {\n    transform: scaleY(0.64180352);\n}\n55% {\n    transform: scaleY(0.67195);\n}\n56% {\n    transform: scaleY(0.70015232);\n}\n57% {\n    transform: scaleY(0.72649592);\n}\n58% {\n    transform: scaleY(0.75106432);\n}\n59% {\n    transform: scaleY(0.77393912);\n}\n60% {\n    transform: scaleY(0.7952);\n}\n61% {\n    transform: scaleY(0.81492472);\n}\n62% {\n    transform: scaleY(0.83318912);\n}\n63% {\n    transform: scaleY(0.85006712);\n}\n64% {\n    transform: scaleY(0.86563072);\n}\n65% {\n    transform: scaleY(0.87995);\n}\n66% {\n    transform: scaleY(0.89309312);\n}\n67% {\n    transform: scaleY(0.90512632);\n}\n68% {\n    transform: scaleY(0.91611392);\n}\n69% {\n    transform: scaleY(0.92611832);\n}\n70% {\n    transform: scaleY(0.9352);\n}\n71% {\n    transform: scaleY(0.94341752);\n}\n72% {\n    transform: scaleY(0.95082752);\n}\n73% {\n    transform: scaleY(0.95748472);\n}\n74% {\n    transform: scaleY(0.96344192);\n}\n75% {\n    transform: scaleY(0.96875);\n}\n76% {\n    transform: scaleY(0.97345792);\n}\n77% {\n    transform: scaleY(0.97761272);\n}\n78% {\n    transform: scaleY(0.98125952);\n}\n79% {\n    transform: scaleY(0.98444152);\n}\n80% {\n    transform: scaleY(0.9872);\n}\n81% {\n    transform: scaleY(0.98957432);\n}\n82% {\n    transform: scaleY(0.99160192);\n}\n83% {\n    transform: scaleY(0.99331832);\n}\n84% {\n    transform: scaleY(0.99475712);\n}\n85% {\n    transform: scaleY(0.99595);\n}\n86% {\n    transform: scaleY(0.99692672);\n}\n87% {\n    transform: scaleY(0.99771512);\n}\n88% {\n    transform: scaleY(0.99834112);\n}\n89% {\n    transform: scaleY(0.99882872);\n}\n90% {\n    transform: scaleY(0.9992);\n}\n91% {\n    transform: scaleY(0.99947512);\n}\n92% {\n    transform: scaleY(0.99967232);\n}\n93% {\n    transform: scaleY(0.99980792);\n}\n94% {\n    transform: scaleY(0.99989632);\n}\n95% {\n    transform: scaleY(0.99995);\n}\n96% {\n    transform: scaleY(0.99997952);\n}\n97% {\n    transform: scaleY(0.99999352);\n}\n98% {\n    transform: scaleY(0.99999872);\n}\n99% {\n    transform: scaleY(0.99999992);\n}\n100% {\n    transform: scaleY(1);\n}\n}\n@keyframes contentAnimation-data-v-a0040588 {\n0% {\n    transform: scaleY(99999999);\n}\n1% {\n    transform: scaleY(12499999.999999998);\n}\n2% {\n    transform: scaleY(781249.9999999999);\n}\n3% {\n    transform: scaleY(154320.987654321);\n}\n4% {\n    transform: scaleY(48828.125);\n}\n5% {\n    transform: scaleY(20000);\n}\n6% {\n    transform: scaleY(9645.0617283951);\n}\n7% {\n    transform: scaleY(5206.1640982924);\n}\n8% {\n    transform: scaleY(3051.7578125);\n}\n9% {\n    transform: scaleY(1905.1973784484);\n}\n10% {\n    transform: scaleY(1250);\n}\n11% {\n    transform: scaleY(853.7668192063);\n}\n12% {\n    transform: scaleY(602.8163580247);\n}\n13% {\n    transform: scaleY(437.6597458072);\n}\n14% {\n    transform: scaleY(325.3852561433);\n}\n15% {\n    transform: scaleY(246.9135802469);\n}\n16% {\n    transform: scaleY(190.7348632812);\n}\n17% {\n    transform: scaleY(149.6629590163);\n}\n18% {\n    transform: scaleY(119.074836153);\n}\n19% {\n    transform: scaleY(95.917004934);\n}\n20% {\n    transform: scaleY(78.125);\n}\n21% {\n    transform: scaleY(64.2736308431);\n}\n22% {\n    transform: scaleY(53.3604262004);\n}\n23% {\n    transform: scaleY(44.668222312);\n}\n24% {\n    transform: scaleY(37.6760223765);\n}\n25% {\n    transform: scaleY(32);\n}\n26% {\n    transform: scaleY(27.353734113);\n}\n27% {\n    transform: scaleY(23.5209552895);\n}\n28% {\n    transform: scaleY(20.336578509);\n}\n29% {\n    transform: scaleY(17.6733151322);\n}\n30% {\n    transform: scaleY(15.4320987654);\n}\n31% {\n    transform: scaleY(13.5351551291);\n}\n32% {\n    transform: scaleY(11.9209289551);\n}\n33% {\n    transform: scaleY(10.5403311013);\n}\n34% {\n    transform: scaleY(9.3539349385);\n}\n35% {\n    transform: scaleY(8.3298625573);\n}\n36% {\n    transform: scaleY(7.4421772596);\n}\n37% {\n    transform: scaleY(6.6696511132);\n}\n38% {\n    transform: scaleY(5.9948128084);\n}\n39% {\n    transform: scaleY(5.4032067384);\n}\n40% {\n    transform: scaleY(4.8828125);\n}\n41% {\n    transform: scaleY(4.4235871328);\n}\n42% {\n    transform: scaleY(4.0171019277);\n}\n43% {\n    transform: scaleY(3.6562525868);\n}\n44% {\n    transform: scaleY(3.3350266375);\n}\n45% {\n    transform: scaleY(3.0483158055);\n}\n46% {\n    transform: scaleY(2.7917638945);\n}\n47% {\n    transform: scaleY(2.5616428615);\n}\n48% {\n    transform: scaleY(2.3547513985);\n}\n49% {\n    transform: scaleY(2.1683315695);\n}\n50% {\n    transform: scaleY(2);\n}\n51% {\n    transform: scaleY(1.8559214063);\n}\n52% {\n    transform: scaleY(1.7381428069);\n}\n53% {\n    transform: scaleY(1.6403512766);\n}\n54% {\n    transform: scaleY(1.5581092481);\n}\n55% {\n    transform: scaleY(1.4882059677);\n}\n56% {\n    transform: scaleY(1.4282606391);\n}\n57% {\n    transform: scaleY(1.3764702216);\n}\n58% {\n    transform: scaleY(1.3314438902);\n}\n59% {\n    transform: scaleY(1.2920912952);\n}\n60% {\n    transform: scaleY(1.2575452716);\n}\n61% {\n    transform: scaleY(1.2271072106);\n}\n62% {\n    transform: scaleY(1.2002077031);\n}\n63% {\n    transform: scaleY(1.1763776959);\n}\n64% {\n    transform: scaleY(1.1552270234);\n}\n65% {\n    transform: scaleY(1.1364282061);\n}\n66% {\n    transform: scaleY(1.1197040685);\n}\n67% {\n    transform: scaleY(1.104818165);\n}\n68% {\n    transform: scaleY(1.091567302);\n}\n69% {\n    transform: scaleY(1.0797756382);\n}\n70% {\n    transform: scaleY(1.0692899914);\n}\n71% {\n    transform: scaleY(1.0599760751);\n}\n72% {\n    transform: scaleY(1.0517154573);\n}\n73% {\n    transform: scaleY(1.0444030898);\n}\n74% {\n    transform: scaleY(1.0379452868);\n}\n75% {\n    transform: scaleY(1.0322580645);\n}\n76% {\n    transform: scaleY(1.0272657703);\n}\n77% {\n    transform: scaleY(1.0228999475);\n}\n78% {\n    transform: scaleY(1.0190983931);\n}\n79% {\n    transform: scaleY(1.015804372);\n}\n80% {\n    transform: scaleY(1.0129659643);\n}\n81% {\n    transform: scaleY(1.01053552);\n}\n82% {\n    transform: scaleY(1.0084692051);\n}\n83% {\n    transform: scaleY(1.0067266252);\n}\n84% {\n    transform: scaleY(1.0052705127);\n}\n85% {\n    transform: scaleY(1.0040664692);\n}\n86% {\n    transform: scaleY(1.0030827542);\n}\n87% {\n    transform: scaleY(1.0022901126);\n}\n88% {\n    transform: scaleY(1.0016616365);\n}\n89% {\n    transform: scaleY(1.0011726535);\n}\n90% {\n    transform: scaleY(1.0008006405);\n}\n91% {\n    transform: scaleY(1.0005251556);\n}\n92% {\n    transform: scaleY(1.0003277874);\n}\n93% {\n    transform: scaleY(1.0001921169);\n}\n94% {\n    transform: scaleY(1.0001036908);\n}\n95% {\n    transform: scaleY(1.0000500025);\n}\n96% {\n    transform: scaleY(1.0000204804);\n}\n97% {\n    transform: scaleY(1.00000648);\n}\n98% {\n    transform: scaleY(1.00000128);\n}\n99% {\n    transform: scaleY(1.00000008);\n}\n100% {\n    transform: scaleY(1);\n}\n}", map: undefined, media: undefined });
-
-  };
-  /* scoped */
-  var __vue_scope_id__ = "data-v-a0040588";
-  /* module identifier */
-  var __vue_module_identifier__ = undefined;
-  /* functional template */
-  var __vue_is_functional_template__ = false;
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  var __vue_component__ = /*#__PURE__*/__vue_normalize__(
-    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
-    __vue_inject_styles__,
-    __vue_script__,
-    __vue_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    __vue_create_injector__,
-    undefined,
-    undefined
-  );
-
-export default __vue_component__;
-//# sourceMappingURL=collapse-from-top.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"collapse-from-top.vue.js","sources":["../../../../src/components/animations/collapse-from-top.vue"],"sourcesContent":["<template>\n  <transition v-on=\"$listeners\" appear name=\"x-collapse-from-top-\">\n    <!-- @slot (Required) to add content to the transition -->\n    <slot />\n  </transition>\n</template>\n\n<script lang=\"ts\">\n  import Vue from 'vue';\n  import { Component } from 'vue-property-decorator';\n\n  /**\n   * Renders a transition group wrapping the element passed in the default slot and animating\n   * it with a scale.\n   *\n   * @public\n   */\n  @Component\n  export default class CollapseFromTop extends Vue {}\n</script>\n\n<style lang=\"scss\" scoped>\n  .x-collapse-from-top {\n    &--enter-active,\n    &--leave-active,\n    &--enter-active ::v-deep > *,\n    &--leave-active ::v-deep > * {\n      transform-origin: top center;\n      animation-duration: 0.4s;\n      animation-timing-function: linear;\n    }\n\n    &--enter-active,\n    &--leave-active {\n      animation-name: containerAnimation;\n      overflow: hidden;\n    }\n\n    &--enter-active ::v-deep > *,\n    &--leave-active ::v-deep > * {\n      animation-name: contentAnimation;\n    }\n\n    &--leave-active,\n    &--leave-active > ::v-deep * {\n      animation-direction: reverse;\n    }\n  }\n\n  @function easeInOut($x) {\n    @if $x < 0.5 {\n      @return 8 * $x * $x * $x * $x;\n    } @else {\n      $x: $x - 1;\n      @return 1 - (8 * $x * $x * $x * $x);\n    }\n  }\n\n  @keyframes containerAnimation {\n    @for $step from 0 through 100 {\n      $scale: easeInOut($step / 100);\n      #{$step}% {\n        transform: scaleY(#{$scale});\n      }\n    }\n  }\n\n  @keyframes contentAnimation {\n    @for $step from 0 through 100 {\n      $scale: easeInOut($step / 100);\n      $invScale: if($scale > 0, 1 / $scale, 99999999);\n      #{$step}% {\n        transform: scaleY(#{$invScale});\n      }\n    }\n  }\n</style>\n\n<docs>\n#Example\nThe CollapseTop component is intended to be used as animation to wrap an element with\nv-if or v-show and animate it. The animation consists on scale its vertical size from 0 to 1, and\nafter this show the content with an opacity transition\n\nUsed wrapping a component:\n```vue\n<CollapseFromTop>\n  <ComponentOrElement v-if=\"open\"/>\n</CollapseFromTop>\n```\n\nUsed changing the origin of the animation:\n```vue\n<CollapseFromTop>\n  <ComponentOrElement v-if=\"open\"/>\n</CollapseFromTop>\n```\n</docs>\n"],"names":["const"],"mappings":";;;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/components/animations/collapse-from-top.vue_rollup-plugin-vue=script.js

@@ -1,23 +0,0 @@
-import { __extends, __decorate } from 'tslib';
-import Vue from 'vue';
-import { Component } from 'vue-property-decorator';
-
-/**
- * Renders a transition group wrapping the element passed in the default slot and animating
- * it with a scale.
- *
- * @public
- */
-var CollapseFromTop = /** @class */ (function (_super) {
-    __extends(CollapseFromTop, _super);
-    function CollapseFromTop() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    CollapseFromTop = __decorate([
-        Component
-    ], CollapseFromTop);
-    return CollapseFromTop;
-}(Vue));
-
-export default CollapseFromTop;
-//# sourceMappingURL=collapse-from-top.vue_rollup-plugin-vue=script.js.map

package/js/components/animations/collapse-from-top.vue_rollup-plugin-vue=script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"collapse-from-top.vue_rollup-plugin-vue=script.js","sources":["../../../../src/components/animations/collapse-from-top.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\nimport Vue from 'vue';\nimport { Component } from 'vue-property-decorator';\n\n/**\n * Renders a transition group wrapping the element passed in the default slot and animating\n * it with a scale.\n *\n * @public\n */\n@Component\nexport default class CollapseFromTop extends Vue {}\n"],"names":[],"mappings":";;;;AAWA;;;;;;AAOA;IAA6C,mCAAG;IAAhD;;KAAmD;IAA9B,eAAe;QADnC,SAAS;OACW,eAAe,CAAe;IAAD,sBAAC;CAAA,CAAN,GAAG;;;;"}