@empathyco/x-components 3.0.0-alpha.33 → 3.0.0-alpha.34

package/CHANGELOG.md

@@ -3,6 +3,31 @@
 All notable changes to this project will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.0.0-alpha.34](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.33...@empathyco/x-components@3.0.0-alpha.34) (2021-12-03)
+
+### Features
+
+- **search-box:** focus search input after clicking clear search button
+  ([d28994c](https://github.com/empathyco/x/commit/d28994c1995834a1adb19798060051089200d7f7)),
+  closes [EX-2242](https://searchbroker.atlassian.net/browse/EX-2242)
+- **tagging:** move `origin` from `request.getter` to `fetchAndSave.action`
+  ([b0bb40d](https://github.com/empathyco/x/commit/b0bb40de5e2ae7f65e2e2df032a1da9a51f0cb4d)),
+  closes [EX-5079](https://searchbroker.atlassian.net/browse/EX-5079)
+- **url:** set `origin` when navigating
+  ([02aa766](https://github.com/empathyco/x/commit/02aa7661a15c3718f4809d094a01b0f684a1f55d)),
+  closes [EX-3541](https://searchbroker.atlassian.net/browse/EX-3541)
+
+### Documentation
+
+- Remove docusaurus headers
+  ([6252165](https://github.com/empathyco/x/commit/62521658374eb5c78112314502606e2d82113a95)),
+  closes [EX-5081](https://searchbroker.atlassian.net/browse/EX-5081)
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
 ## [3.0.0-alpha.33](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.32...@empathyco/x-components@3.0.0-alpha.33) (2021-11-30)
 
 ### Features

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

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [SnippetConfig](./x-components.snippetconfig.md) &gt; [isSpa](./x-components.snippetconfig.isspa.md)
+
+## SnippetConfig.isSpa property
+
+Flag determining if the page is a single page application or not.
+
+<b>Signature:</b>
+
+```typescript
+isSpa?: boolean;
+```

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

@@ -22,6 +22,7 @@ export interface SnippetConfig
 |  [documentDirection?](./x-components.snippetconfig.documentdirection.md) | [DocumentDirection](./x-components.documentdirection.md) | <i>(Optional)</i> Document direction. |
 |  [env?](./x-components.snippetconfig.env.md) | 'live' \| 'staging' | <i>(Optional)</i> Backend services environment. |
 |  [instance](./x-components.snippetconfig.instance.md) | string | Customer instance. |
+|  [isSpa?](./x-components.snippetconfig.isspa.md) | boolean | <i>(Optional)</i> Flag determining if the page is a single page application or not. |
 |  [lang](./x-components.snippetconfig.lang.md) | string | Language to display. |
 |  [scope](./x-components.snippetconfig.scope.md) | string | Execution scope (desktop, mobile, app, ...). |
 |  [searchLang?](./x-components.snippetconfig.searchlang.md) | string | <i>(Optional)</i> Language to send to backend services. |

package/docs/API-reference/components/common/animations/x-components.animate-width.md

@@ -1,11 +1,12 @@
 ---
-id: x-components.x-components.animate-width
-title: Animate Width
-sidebar_label: Animate Width
+
+title: AnimateWidth
+
 ---
+
 # AnimateWidth
 
-> Renders a transition wrapping an element passed in the default slot and animating its width.
+Renders a transition wrapping an element passed in the default slot and animating its width.
 
 ## Slots
 
@@ -13,8 +14,6 @@ sidebar_label: Animate Width
 | -------------------- | ----------------------------- | ----------------------------------------- |
 | <code>default</code> | (Required) Transition content | None                                      |
 
----
-
 # Examples
 
 The AnimateWidth component is intended to be used as a prop in animatable components but also works

package/docs/API-reference/components/common/animations/x-components.collapse-from-top.md

@@ -1,12 +1,13 @@
 ---
-id: x-components.x-components.collapse-from-top
-title: Collapse From Top
-sidebar_label: Collapse From Top
+
+title: CollapseFromTop
+
 ---
+
 # CollapseFromTop
 
-> Renders a transition group wrapping the element passed in the default slot and animating
-> it with a scale.
+Renders a transition group wrapping the element passed in the default slot and animating
+it with a scale.
 
 ## Slots
 
@@ -14,8 +15,6 @@ sidebar_label: Collapse From Top
 | -------------------- | ------------------------------------------- | ----------------------------------------- |
 | <code>default</code> | (Required) to add content to the transition | None                                      |
 
----
-
 # Examples
 
 The CollapseTop component is intended to be used as animation to wrap an element with v-if or v-show

package/docs/API-reference/components/common/animations/x-components.collapse-height.md

@@ -1,12 +1,13 @@
 ---
-id: x-components.x-components.collapse-height
-title: Collapse Height
-sidebar_label: Collapse Height
+
+title: CollapseHeight
+
 ---
-# collapse-height
 
-> Renders a transition wrapping the element passed in the default slot and animating
-> it with a height animation.
+# CollapseHeight
+
+Renders a transition wrapping the element passed in the default slot and animating
+it with a height animation.
 
 ## Slots
 
@@ -14,8 +15,6 @@ sidebar_label: Collapse Height
 | -------------------- | ------------------------------------------- | ----------------------------------------- |
 | <code>default</code> | (Required) to add content to the transition | None                                      |
 
----
-
 # Examples
 
 The CollapseHeight component is intended to be used as animation to wrap an element with v-if or

package/docs/API-reference/components/common/animations/x-components.collapse-width.md

@@ -1,12 +1,13 @@
 ---
-id: x-components.x-components.collapse-width
-title: Collapse Width
-sidebar_label: Collapse Width
+
+title: CollapseWidth
+
 ---
-# collapse-width
 
-> Renders a transition wrapping the element passed in the default slot and animating
-> it with a width animation.
+# CollapseWidth
+
+Renders a transition wrapping the element passed in the default slot and animating
+it with a width animation.
 
 ## Slots
 
@@ -14,8 +15,6 @@ sidebar_label: Collapse Width
 | -------------------- | ------------------------------------------- | ----------------------------------------- |
 | <code>default</code> | (Required) to add content to the transition | None                                      |
 
----
-
 # Examples
 
 The CollapseWidth component is intended to be used as animation to wrap an element with v-if or

package/docs/API-reference/components/common/animations/x-components.cross-fade.md

@@ -1,12 +1,13 @@
 ---
-id: x-components.x-components.cross-fade
-title: Cross Fade
-sidebar_label: Cross Fade
+
+title: CrossFade
+
 ---
+
 # CrossFade
 
-> Renders a transition wrapping the element passed in the default slo. The transition
-> fades between the two toggled elements at the same time.
+Renders a transition wrapping the element passed in the default slo. The transition
+fades between the two toggled elements at the same time.
 
 ## Slots
 
@@ -14,8 +15,6 @@ sidebar_label: Cross Fade
 | -------------------- | ------------------------------------------- | ----------------------------------------- |
 | <code>default</code> | (Required) to add content to the transition | None                                      |
 
----
-
 # Example
 
 The `CrossFade` component is intended to be used as animation to wrap an element with v-if or v-show

package/docs/API-reference/components/common/animations/x-components.fade-and-slide.md

@@ -1,12 +1,13 @@
 ---
-id: x-components.x-components.fade-and-slide
-title: Fade And Slide
-sidebar_label: Fade And Slide
+
+title: FadeAndSlide
+
 ---
+
 # FadeAndSlide
 
-> Renders a transition group wrapping the elements passed in the default slot and animating
-> them with a fade and slide animation.
+Renders a transition group wrapping the elements passed in the default slot and animating
+them with a fade and slide animation.
 
 ## Props
 
@@ -20,8 +21,6 @@ sidebar_label: Fade And Slide
 | -------------------- | ----------------------------------- | ----------------------------------------- |
 | <code>default</code> | (Required) Transition-group content | None                                      |
 
----
-
 # Examples
 
 The FadeAndSlide component is intended to be used as a prop in animatable components but also works

package/docs/API-reference/components/common/animations/x-components.staggered-fade-and-slide.md

@@ -1,12 +1,13 @@
 ---
-id: x-components.x-components.staggered-fade-and-slide
-title: Staggered Fade And Slide
-sidebar_label: Staggered Fade And Slide
+
+title: StaggeredFadeAndSlide
+
 ---
-# staggered-fade-and-slide
 
-> Renders a transition group wrapping the elements passed in the default slot and animating
-> them with an staggered fade and slide animation.
+# StaggeredFadeAndSlide
+
+Renders a transition group wrapping the elements passed in the default slot and animating
+them with an staggered fade and slide animation.
 
 ## Slots
 
@@ -14,8 +15,6 @@ sidebar_label: Staggered Fade And Slide
 | -------------------- | ----------------------------------- | ----------------------------------------- |
 | <code>default</code> | (Required) Transition-group content | None                                      |
 
----
-
 The Staggered fade and slide components works as the normal fade and slide components, but it also
 adds a configurable delay to each transition.
 

package/docs/API-reference/components/common/animations/x-components.translate-from-left.md

@@ -1,12 +1,13 @@
 ---
-id: x-components.x-components.translate-from-left
-title: Translate From Left
-sidebar_label: Translate From Left
+
+title: TranslateFromLeft
+
 ---
+
 # TranslateFromLeft
 
-> Renders a transition wrapping the element passed in the default slot and moving it to its
-> desired position.
+Renders a transition wrapping the element passed in the default slot and moving it to its
+desired position.
 
 ## Slots
 
@@ -14,8 +15,6 @@ sidebar_label: Translate From Left
 | -------------------- | ------------------------------------------- | ----------------------------------------- |
 | <code>default</code> | (Required) to add content to the transition | None                                      |
 
----
-
 # Example
 
 The `TranslateFromRight` component is intended to be used as animation to wrap an element with v-if

package/docs/API-reference/components/common/animations/x-components.translate-from-right.md

@@ -1,12 +1,13 @@
 ---
-id: x-components.x-components.translate-from-right
-title: Translate From Right
-sidebar_label: Translate From Right
+
+title: TranslateFromRight
+
 ---
+
 # TranslateFromRight
 
-> Renders a transition wrapping the element passed in the default slot and moving it to its
-> desired position.
+Renders a transition wrapping the element passed in the default slot and moving it to its
+desired position.
 
 ## Slots
 
@@ -14,8 +15,6 @@ sidebar_label: Translate From Right
 | -------------------- | ------------------------------------------- | ----------------------------------------- |
 | <code>default</code> | (Required) to add content to the transition | None                                      |
 
----
-
 # Example
 
 The `TranslateFromRight` component is intended to be used as animation to wrap an element with v-if

package/docs/API-reference/components/common/column-picker/x-components.base-column-picker-dropdown.md

@@ -1,12 +1,13 @@
 ---
-id: x-components.x-components.base-column-picker-dropdown
-title: Base Column Picker Dropdown
-sidebar_label: Base Column Picker Dropdown
+
+title: BaseColumnPickerDropdown
+
 ---
-# base-column-picker-dropdown
 
-> Column picker dropdown component renders {@link BaseDropdown | dropdown} component which
-> options are the different columns you can set for a grid.
+# BaseColumnPickerDropdown
+
+Column picker dropdown component renders {@link BaseDropdown | dropdown} component which
+options are the different columns you can set for a grid.
 
 It emits {@link XEventsTypes.UserClickedColumnPicker | UserClickedColumnPicker} on dropdown
 input.
@@ -32,8 +33,6 @@ input.
 | <code>toggle</code> | From `BaseDropdown` component: Used to render the contents of the dropdown toggle<br /> button. If not provided, it uses the `item` slot as fallback.                   | **item** <code>string &#124; number &#124; Identifiable</code> - The item data to render.<br />**isOpen** <code>boolean</code> - True if the dropdown is opened, and false if it is<br /> closed.                                          |
 | <code>item</code>   | (required) From `BaseDropdown` component: Used to render each one of the items<br /> content, and as fallback for the toggle button content slot if it is not provided. | **item** <code>string &#124; number &#124; Identifiable</code> - Item to render<br />**isSelected** <code>boolean</code> - True when the item is selected.<br />**isHighlighted** <code>boolean</code> - True when the item has the focus. |
 
----
-
 # Example
 
 Column picker dropdown component renders a dropdown component which options are the different

package/docs/API-reference/components/common/column-picker/x-components.base-column-picker-list.md

@@ -1,11 +1,12 @@
 ---
-id: x-components.x-components.base-column-picker-list
-title: Base Column Picker List
-sidebar_label: Base Column Picker List
+
+title: BaseColumnPickerList
+
 ---
-# base-column-picker-list
 
-> Column picker list component renders a list of buttons to choose the columns number.
+# BaseColumnPickerList
+
+Column picker list component renders a list of buttons to choose the columns number.
 
 ## Props
 
@@ -26,8 +27,6 @@ sidebar_label: Base Column Picker List
 | -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- |
 | <code>default</code> | Customized Column Picker Button content. Specifying a slot with the column value<br /> will result in the column using that slot composition to render. | **column** <code>number</code> - Columns Number to pick.<br />**isSelected** <code>boolean</code> - True if the columns number are the chosen value. |
 
----
-
 # Examples
 
 This component renders a list of elements in different slots depending on the columns prop. Each

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

@@ -1,13 +1,14 @@
 ---
-id: x-components.x-components.base-currency
-title: Base Currency
-sidebar_label: Base Currency
+
+title: BaseCurrency
+
 ---
+
 # BaseCurrency
 
-> Renders the value received as a property which always must be a JavaScript number, with the
-> proper format provided as a string property or by injection. The rendered tag is a span in
-> order to render a default inline HTML element.
+Renders the value received as a property which always must be a JavaScript number, with the
+proper format provided as a string property or by injection. The rendered tag is a span in
+order to render a default inline HTML element.
 
 Regarding the format or mask to be defined as string:
 
@@ -40,8 +41,6 @@ See docs below for more examples.
 | <code>value</code>  | Numeric value to be formatted. | <code>number</code> | <code></code> |
 | <code>format</code> | The format as string.          | <code>string</code> | <code></code> |
 
----
-
 # Example
 
 Renders the value received as a property, which always must be a JavaScript number, with the proper

package/docs/API-reference/components/common/filters/labels/x-components.base-price-filter-label.md

@@ -1,12 +1,13 @@
 ---
-id: x-components.x-components.base-price-filter-label
-title: Base Price Filter Label
-sidebar_label: Base Price Filter Label
+
+title: BasePriceFilterLabel
+
 ---
-# base-price-filter-label
 
-> Renders a label for a price filter, allowing to select different messages depending on the
-> value of the filter.
+# BasePriceFilterLabel
+
+Renders a label for a price filter, allowing to select different messages depending on the
+value of the filter.
 
 ## Props
 
@@ -18,8 +19,6 @@ sidebar_label: Base Price Filter Label
 | <code>fromTo</code>   | Message shown when the filter has both the min and max values defined. | <code>string</code>        | <code></code> |
 | <code>from</code>     | Message shown when the filter hasn't got max value defined.            | <code>string</code>        | <code></code> |
 
----
-
 # Example
 
 Renders a label for a price filter, allowing to select different messages depending on the value of

package/docs/API-reference/components/common/filters/labels/x-components.base-rating-filter-label.md

@@ -1,12 +1,13 @@
 ---
-id: x-components.x-components.base-rating-filter-label
-title: Base Rating Filter Label
-sidebar_label: Base Rating Filter Label
+
+title: BaseRatingFilterLabel
+
 ---
-# base-rating-filter-label
 
-> Renders a label for a rating filter, allowing to override the elements used to paint
-> the rating.
+# BaseRatingFilterLabel
+
+Renders a label for a rating filter, allowing to override the elements used to paint
+the rating.
 
 ## Props
 
@@ -22,8 +23,6 @@ sidebar_label: Base Rating Filter Label
 | <code>rating-icon-filled</code> | Filled icon content | None                                      |
 | <code>rating-icon-empty</code>  | Empty icon content  | None                                      |
 
----
-
 # Example
 
 Renders a label for a rating filter, allowing to override the elements used to paint the rating. The

package/docs/API-reference/components/common/icons/x-components.arrow.md

@@ -1,8 +1,7 @@
 ---
-id: x-components.x-components.arrow
+
 title: Arrow
-sidebar_label: Arrow
+
 ---
-# arrow
 
-> functional
+# Arrow

package/docs/API-reference/components/common/icons/x-components.bag.md

@@ -1,8 +1,7 @@
 ---
-id: x-components.x-components.bag
+
 title: Bag
-sidebar_label: Bag
+
 ---
-# bag
 
-> functional
+# Bag

package/docs/API-reference/components/common/icons/x-components.bar-code.md

@@ -1,8 +1,7 @@
 ---
-id: x-components.x-components.bar-code
-title: Bar Code
-sidebar_label: Bar Code
+
+title: BarCode
+
 ---
-# bar-code
 
-> functional
+# BarCode

package/docs/API-reference/components/common/icons/x-components.barcode-tiny.md

@@ -1,8 +1,7 @@
 ---
-id: x-components.x-components.barcode-tiny
-title: Barcode Tiny
-sidebar_label: Barcode Tiny
+
+title: BarcodeTiny
+
 ---
-# barcode-tiny
 
-> functional
+# BarcodeTiny

package/docs/API-reference/components/common/icons/x-components.cart.md

@@ -1,8 +1,7 @@
 ---
-id: x-components.x-components.cart
+
 title: Cart
-sidebar_label: Cart
+
 ---
-# cart
 
-> functional
+# Cart

package/docs/API-reference/components/common/icons/x-components.check-tiny.md

@@ -1,8 +1,7 @@
 ---
-id: x-components.x-components.check-tiny
-title: Check Tiny
-sidebar_label: Check Tiny
+
+title: CheckTiny
+
 ---
-# check-tiny
 
-> functional
+# CheckTiny

package/docs/API-reference/components/common/icons/x-components.check.md

@@ -1,8 +1,7 @@
 ---
-id: x-components.x-components.check
+
 title: Check
-sidebar_label: Check
+
 ---
-# check
 
-> functional
+# Check

package/docs/API-reference/components/common/icons/x-components.checkbox-card-selected.md

@@ -1,8 +1,7 @@
 ---
-id: x-components.x-components.checkbox-card-selected
-title: Checkbox Card Selected
-sidebar_label: Checkbox Card Selected
+
+title: CheckboxCardSelected
+
 ---
-# checkbox-card-selected
 
-> functional
+# CheckboxCardSelected

package/docs/API-reference/components/common/icons/x-components.checkbox-card-unselected.md

@@ -1,8 +1,7 @@
 ---
-id: x-components.x-components.checkbox-card-unselected
-title: Checkbox Card Unselected
-sidebar_label: Checkbox Card Unselected
+
+title: CheckboxCardUnselected
+
 ---
-# checkbox-card-unselected
 
-> functional
+# CheckboxCardUnselected

package/docs/API-reference/components/common/icons/x-components.checkbox-selected.md

@@ -1,8 +1,7 @@
 ---
-id: x-components.x-components.checkbox-selected
-title: Checkbox Selected
-sidebar_label: Checkbox Selected
+
+title: CheckboxSelected
+
 ---
-# checkbox-selected
 
-> functional
+# CheckboxSelected

package/docs/API-reference/components/common/icons/x-components.checkbox-unselected.md

@@ -1,8 +1,7 @@
 ---
-id: x-components.x-components.checkbox-unselected
-title: Checkbox Unselected
-sidebar_label: Checkbox Unselected
+
+title: CheckboxUnselected
+
 ---
-# checkbox-unselected
 
-> functional
+# CheckboxUnselected

package/docs/API-reference/components/common/icons/x-components.chevron-down.md

@@ -1,8 +1,7 @@
 ---
-id: x-components.x-components.chevron-down
-title: Chevron Down
-sidebar_label: Chevron Down
+
+title: ChevronDown
+
 ---
-# chevron-down
 
-> functional
+# ChevronDown

package/docs/API-reference/components/common/icons/x-components.chevron-left.md

@@ -1,8 +1,7 @@
 ---
-id: x-components.x-components.chevron-left
-title: Chevron Left
-sidebar_label: Chevron Left
+
+title: ChevronLeft
+
 ---
-# chevron-left
 
-> functional
+# ChevronLeft

package/docs/API-reference/components/common/icons/x-components.chevron-right.md

@@ -1,8 +1,7 @@
 ---
-id: x-components.x-components.chevron-right
-title: Chevron Right
-sidebar_label: Chevron Right
+
+title: ChevronRight
+
 ---
-# chevron-right
 
-> functional
+# ChevronRight