@empathyco/x-components 3.0.0-alpha.365 → 3.0.0-alpha.366

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 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.366](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.365...@empathyco/x-components@3.0.0-alpha.366) (2023-05-04)
+
+### Features
+
+- migrate results to vue 3 syntax (#1145)
+  ([820622a](https://github.com/empathyco/x/commit/820622ab6a37d03de1e4843df2bdbb9daea57e58))
+
+# 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.365](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.364...@empathyco/x-components@3.0.0-alpha.365) (2023-05-03)
 
 ### Features

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

@@ -2,21 +2,24 @@
 
 [Home](./index.md) > [@empathyco/x-components](./x-components.md) > [BaseAddToCart](./x-components.baseaddtocart.md)
 
-## BaseAddToCart class
+## BaseAddToCart variable
 
 Renders a button with a default slot. It receives the result with the data and emits [XEventsTypes.UserClickedResultAddToCart](./x-components.xeventstypes.userclickedresultaddtocart.md) to the bus on click mouse event.
 
 **Signature:**
 
 ```typescript
-export default class BaseResultAddToCart extends Vue 
+_default: import("vue").DefineComponent<{
+    result: {
+        type: PropType<Result>;
+        required: true;
+    };
+}, {
+    events: import("vue").ComputedRef<Partial<XEventsTypes>>;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    result: {
+        type: PropType<Result>;
+        required: true;
+    };
+}>>, {}>
 ```
-**Extends:** Vue
-
-## Properties
-
-|  Property | Modifiers | Type | Description |
-|  --- | --- | --- | --- |
-|  [events](./x-components.baseaddtocart.events.md) | <p><code>protected</code></p><p><code>readonly</code></p> | Partial&lt;[XEventsTypes](./x-components.xeventstypes.md)<!-- -->&gt; | The events to be emitted by the button. |
-|  [result](./x-components.baseaddtocart.result.md) | <code>protected</code> | Result | (Required) The [result](./x-types.result.md) information. |
-

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

@@ -2,21 +2,30 @@
 
 [Home](./index.md) > [@empathyco/x-components](./x-components.md) > [BaseResultCurrentPrice](./x-components.baseresultcurrentprice.md)
 
-## BaseResultCurrentPrice class
+## BaseResultCurrentPrice variable
 
 Component that renders the [result](./x-types.result.md) current price that may or may not be on sale.
 
 **Signature:**
 
 ```typescript
-export default class BaseResultCurrentPrice extends Vue 
+_default: import("vue").DefineComponent<{
+    result: {
+        type: PropType<Result>;
+        required: true;
+    };
+    format: {
+        type: StringConstructor;
+    };
+}, {
+    dynamicClasses: import("vue").ComputedRef<VueCSSClasses>;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    result: {
+        type: PropType<Result>;
+        required: true;
+    };
+    format: {
+        type: StringConstructor;
+    };
+}>>, {}>
 ```
-**Extends:** Vue
-
-## Properties
-
-|  Property | Modifiers | Type | Description |
-|  --- | --- | --- | --- |
-|  [format?](./x-components.baseresultcurrentprice.format.md) | <code>protected</code> | string | _(Optional)_ Format or mask to be defined as string. - Use 'i' to define integer numbers. - Use 'd' to define decimal numbers. You can define the length of the decimal part. If the doesn't include decimals, it is filled with zeros until reach the length defined with 'd's. - Integer separator must be defined between the 3rd and the 4th integer 'i' of a group. - Decimal separator must be defined between the last 'i' and the first 'd'. It can be more than one character. - Set whatever you need around the integers and decimals marks. - Default mask: 'i.iii,dd' which returns '1.345,67'. |
-|  [result](./x-components.baseresultcurrentprice.result.md) | <code>protected</code> | Result | (Required) The [result](./x-types.result.md) information. |
-

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

@@ -2,23 +2,60 @@
 
 [Home](./index.md) > [@empathyco/x-components](./x-components.md) > [BaseResultImage](./x-components.baseresultimage.md)
 
-## BaseResultImage class
+## BaseResultImage variable
 
 Component to be reused that renders an `<img>`<!-- -->.
 
 **Signature:**
 
 ```typescript
-export default class BaseResultImage extends Vue 
+_default: DefineComponent<{
+    result: {
+        type: PropType<Result>;
+        required: true;
+    };
+    loadAnimation: {
+        type: PropType<string | DefineComponent<{}, {}, {}, import("vue").ComponentComputedOptions, import("vue").ComponentMethodOptions, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
+        default: () => import("vue/types/vue").ExtendedVue<import("vue").default<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => import("vue").default<Record<string, any>, Record<string, any>, never, never, any>>, unknown, unknown, unknown, Record<never, any>, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin>;
+    };
+    hoverAnimation: {
+        type: PropType<string | DefineComponent<{}, {}, {}, import("vue").ComponentComputedOptions, import("vue").ComponentMethodOptions, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
+    };
+    showNextImageOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    pendingImages: Ref<string[]>;
+    loadedImages: Ref<string[]>;
+    isHovering: Ref<boolean>;
+    userHasHoveredImage: Ref<boolean>;
+    loaderStyles: Partial<CSSStyleDeclaration>;
+    animation: import("vue").ComputedRef<string | DefineComponent<{}, {}, {}, import("vue").ComponentComputedOptions, import("vue").ComponentMethodOptions, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
+    imageSrc: import("vue").ComputedRef<string>;
+    shouldLoadNextImage: import("vue").ComputedRef<boolean>;
+    flagImageAsFailed: () => void;
+    flagImageLoaded: () => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    result: {
+        type: PropType<Result>;
+        required: true;
+    };
+    loadAnimation: {
+        type: PropType<string | DefineComponent<{}, {}, {}, import("vue").ComponentComputedOptions, import("vue").ComponentMethodOptions, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
+        default: () => import("vue/types/vue").ExtendedVue<import("vue").default<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => import("vue").default<Record<string, any>, Record<string, any>, never, never, any>>, unknown, unknown, unknown, Record<never, any>, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin>;
+    };
+    hoverAnimation: {
+        type: PropType<string | DefineComponent<{}, {}, {}, import("vue").ComponentComputedOptions, import("vue").ComponentMethodOptions, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
+    };
+    showNextImageOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    loadAnimation: string | DefineComponent<{}, {}, {}, import("vue").ComponentComputedOptions, import("vue").ComponentMethodOptions, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}> | (import("vue/types/v3-component-public-instance").ComponentPublicInstanceConstructor<import("vue/types/v3-component-public-instance").Vue3Instance<{}, Readonly<import("vue").ExtractPropTypes<{}>>, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, true, import("vue/types/v3-component-options").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<import("vue").ExtractPropTypes<{}>>> & import("vue").ShallowUnwrapRef<{}> & import("vue/types/v3-component-options").ExtractComputedReturns<import("vue").ComponentComputedOptions> & import("vue").ComponentMethodOptions & import("vue").ComponentCustomProperties & Readonly<import("vue").ExtractPropTypes<{}>>, any, any, any, import("vue").ComponentComputedOptions, import("vue").ComponentMethodOptions> & import("vue/types/v3-component-options").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, import("vue").ComponentComputedOptions, import("vue").ComponentMethodOptions, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, {}> & {
+        props: {};
+    });
+    showNextImageOnHover: boolean;
+}>
 ```
-**Extends:** Vue
-
-## Properties
-
-|  Property | Modifiers | Type | Description |
-|  --- | --- | --- | --- |
-|  [hoverAnimation](./x-components.baseresultimage.hoveranimation.md) |  | string \| typeof Vue \| undefined | Animation to use when switching between the loaded image and the hover image. |
-|  [loadAnimation](./x-components.baseresultimage.loadanimation.md) |  | string \| typeof Vue | Animation to use when switching between the placeholder, the loaded image, or the failed image fallback. |
-|  [result](./x-components.baseresultimage.result.md) | <code>protected</code> | Result | (Required) The [result](./x-types.result.md) information. |
-|  [showNextImageOnHover](./x-components.baseresultimage.shownextimageonhover.md) |  | boolean | Indicates if the next valid image should be displayed on hover. |
-

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

@@ -2,24 +2,29 @@
 
 [Home](./index.md) > [@empathyco/x-components](./x-components.md) > [BaseResultLink](./x-components.baseresultlink.md)
 
-## BaseResultLink class
+## BaseResultLink variable
 
 Component to be reused that renders an `<a>` wrapping the result contents.
 
 **Signature:**
 
 ```typescript
-export default class BaseResultLink extends Vue 
+_default: import("vue").DefineComponent<{
+    result: {
+        type: PropType<Result>;
+        required: true;
+    };
+}, {
+    emitUserClickedAResult: () => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    result: {
+        type: PropType<Result>;
+        required: true;
+    };
+}>>, {}>
 ```
-**Extends:** Vue
 
 ## Remarks
 
-It has the logic to emit [XEventsTypes.UserClickedAResult](./x-components.xeventstypes.userclickedaresult.md) to the bus on click mouse events. Additionally, this component may be injected other events to be emitted on click event, so, depending where it's used its father component may provide this events.
-
-## Properties
-
-|  Property | Modifiers | Type | Description |
-|  --- | --- | --- | --- |
-|  [result](./x-components.baseresultlink.result.md) | <code>protected</code> | Result | (Required) The [result](./x-types.result.md) information. |
+It has the logic to emit [XEventsTypes.UserClickedAResult](./x-components.xeventstypes.userclickedaresult.md) to the bus on click mouse events. Additionally, this component may be injected other events to be emitted on click event, so, depending on where it's used its father component may provide this events.
 

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

@@ -2,21 +2,28 @@
 
 [Home](./index.md) > [@empathyco/x-components](./x-components.md) > [BaseResultPreviousPrice](./x-components.baseresultpreviousprice.md)
 
-## BaseResultPreviousPrice class
+## BaseResultPreviousPrice variable
 
 Component that renders the [result](./x-types.result.md) previous price.
 
 **Signature:**
 
 ```typescript
-export default class BaseResultPreviousPrice extends Vue 
+_default: import("vue").DefineComponent<{
+    result: {
+        type: PropType<Result>;
+        required: true;
+    };
+    format: {
+        type: StringConstructor;
+    };
+}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    result: {
+        type: PropType<Result>;
+        required: true;
+    };
+    format: {
+        type: StringConstructor;
+    };
+}>>, {}>
 ```
-**Extends:** Vue
-
-## Properties
-
-|  Property | Modifiers | Type | Description |
-|  --- | --- | --- | --- |
-|  [format?](./x-components.baseresultpreviousprice.format.md) | <code>protected</code> | string | _(Optional)_ Format or mask to be defined as string. - Use 'i' to define integer numbers. - Use 'd' to define decimal numbers. You can define the length of the decimal part. If the doesn't include decimals, it is filled with zeros until reach the length defined with 'd's. - Integer separator must be defined between the 3rd and the 4th integer 'i' of a group. - Decimal separator must be defined between the last 'i' and the first 'd'. It can be more than one character. - Set whatever you need around the integers and decimals marks. |
-|  [result](./x-components.baseresultpreviousprice.result.md) | <code>protected</code> | Result | (Required) The [result](./x-types.result.md) information. |
-

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

@@ -2,21 +2,30 @@
 
 [Home](./index.md) > [@empathyco/x-components](./x-components.md) > [BaseResultRating](./x-components.baseresultrating.md)
 
-## BaseResultRating class
+## BaseResultRating variable
 
 This component renders a [BaseRating](./x-components.baserating.md) for a result passed as prop.
 
 **Signature:**
 
 ```typescript
-export default class BaseResultRating extends Vue 
+_default: import("vue").DefineComponent<{
+    result: {
+        type: PropType<Result>;
+        required: true;
+    };
+    link: {
+        type: StringConstructor;
+    };
+}, {
+    emitClickedEvent: () => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    result: {
+        type: PropType<Result>;
+        required: true;
+    };
+    link: {
+        type: StringConstructor;
+    };
+}>>, {}>
 ```
-**Extends:** Vue
-
-## Properties
-
-|  Property | Modifiers | Type | Description |
-|  --- | --- | --- | --- |
-|  [link](./x-components.baseresultrating.link.md) | <code>protected</code> | string | A link to redirect when rating is clicked. |
-|  [result](./x-components.baseresultrating.result.md) | <code>protected</code> | Result | The [Result](./x-types.result.md) to render its rating. |
-

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

@@ -15,7 +15,6 @@ X-Components is a library usable everywhere not only for search experiences.
 |  [AnimateWidth](./x-components.animatewidth.md) | Renders a transition wrapping an element passed in the default slot and animating its width. |
 |  [Banner](./x-components.banner.md) | <p>. A banner result is just an item that has been inserted into the search results to advertise something. Usually it is the first item in the grid or it can be placed in the middle of them and fill the whole row where appears. The banner may be clickable or non-clickable depending on whether it has an associated URL or not. It contains an image and, optionally, a title. In case the image does not load due to an error the banner will not be rendered.</p><p>Additionally, this component exposes the following props to modify the classes of the elements: <code>titleClass</code>.</p> |
 |  [BannersList](./x-components.bannerslist.md) | <p>It renders a [ItemsList](./x-components.itemslist.md) list of banners from [SearchState.banners](./x-components.searchstate.banners.md) by default using the <code>ItemsInjectionMixin</code>.</p><p>The component provides a default slot which wraps the whole component with the <code>banners</code> plus the <code>searchInjectedItems</code> which also contains the injected list items from the ancestor.</p><p>It also provides the parent slots to customize the items.</p> |
-|  [BaseAddToCart](./x-components.baseaddtocart.md) | Renders a button with a default slot. It receives the result with the data and emits [XEventsTypes.UserClickedResultAddToCart](./x-components.xeventstypes.userclickedresultaddtocart.md) to the bus on click mouse event. |
 |  [BaseColumnPickerDropdown](./x-components.basecolumnpickerdropdown.md) | <p>Column picker dropdown component renders [dropdown](./x-components.basedropdown.md) component which options are the different columns you can set for a grid.</p><p>It emits [UserClickedColumnPicker](./x-components.xeventstypes.userclickedcolumnpicker.md) on dropdown input.</p> |
 |  [BaseColumnPickerList](./x-components.basecolumnpickerlist.md) | <p>Column picker list component renders a list of buttons to choose the columns number.</p><p>Additionally, this component exposes the following props to modify the classes of the elements: <code>buttonClass</code>.</p> |
 |  [BaseCurrency](./x-components.basecurrency.md) | <p>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.</p><p>Regarding the format or mask to be defined as string: - Use 'i' to define integer numbers. - Use 'd' to define decimal numbers. You can define the length of the decimal part. If the format doesn't include decimals, it is filled with zeros until reach the length defined with 'd's. - Integer separator must be defined between the 3rd and the 4th integer 'i' of a group. - Decimal separator must be defined between the last 'i' and the first 'd'. It can be more than one character. - If you want to hide the decimal part if it's zero, you can add the <code>?</code> symbol after the decimal characters (e.g. 'i.iii,dd?', for <code>1234</code> you would get <code>1.234</code> instead of <code>1.234,00</code>). - Set whatever you need around the integers and decimals marks. - Default mask: 'i.iii,dd' which returns '1.345,67'.</p> |
@@ -30,11 +29,6 @@ X-Components is a library usable everywhere not only for search experiences.
 |  [BaseKeyboardNavigation](./x-components.basekeyboardnavigation.md) | Base component to handle keyboard navigation for elements inside it. It has a required slot to include the navigable elements. |
 |  [BaseModal](./x-components.basemodal.md) | Base component with no XPlugin dependencies that serves as a utility for constructing more complex modals. |
 |  [BaseRating](./x-components.baserating.md) | Rating component. This component renders a set of elements filled based on the value passed as prop. |
-|  [BaseResultCurrentPrice](./x-components.baseresultcurrentprice.md) | Component that renders the [result](./x-types.result.md) current price that may or may not be on sale. |
-|  [BaseResultImage](./x-components.baseresultimage.md) | Component to be reused that renders an <code>&lt;img&gt;</code>. |
-|  [BaseResultLink](./x-components.baseresultlink.md) | Component to be reused that renders an <code>&lt;a&gt;</code> wrapping the result contents. |
-|  [BaseResultPreviousPrice](./x-components.baseresultpreviousprice.md) | Component that renders the [result](./x-types.result.md) previous price. |
-|  [BaseResultRating](./x-components.baseresultrating.md) | This component renders a [BaseRating](./x-components.baserating.md) for a result passed as prop. |
 |  [BaseScroll](./x-components.basescroll.md) | Base scroll component that depending on the user interactivity emits different events for knowing when the user scrolls, the direction of scroll and if user reaches the start or end. |
 |  [BaseSuggestion](./x-components.basesuggestion.md) | <p>Renders a button with a default slot. It receives a query, which should be the query of the module using this component, a suggestion, the [XEvents](./x-components.xevent.md) that will be emitted on click with a given feature.</p><p>The default slot receives the suggestion and the matched query has props.</p> |
 |  [BaseSuggestions](./x-components.basesuggestions.md) | Paints a list of suggestions passed in by prop. Requires a component for a single suggestion in the default slot for working. |
@@ -385,6 +379,7 @@ X-Components is a library usable everywhere not only for search experiences.
 |  [BagIcon](./x-components.bagicon.md) |  |
 |  [BarCodeIcon](./x-components.barcodeicon.md) |  |
 |  [BarcodeTinyIcon](./x-components.barcodetinyicon.md) |  |
+|  [BaseAddToCart](./x-components.baseaddtocart.md) | Renders a button with a default slot. It receives the result with the data and emits [XEventsTypes.UserClickedResultAddToCart](./x-components.xeventstypes.userclickedresultaddtocart.md) to the bus on click mouse event. |
 |  [BaseEventsModalClose](./x-components.baseeventsmodalclose.md) | Component contains an event button that emits [XEventsTypes.UserClickedCloseEventsModal](./x-components.xeventstypes.userclickedcloseeventsmodal.md) when clicked. It has a default slot to customize its contents. |
 |  [BaseEventsModalOpen](./x-components.baseeventsmodalopen.md) | Component contains an event button that emits [XEventsTypes.UserClickedOpenEventsModal](./x-components.xeventstypes.userclickedopeneventsmodal.md) when clicked. It has a default slot to customize its contents. |
 |  [BaseFallbackImage](./x-components.basefallbackimage.md) |  |
@@ -393,6 +388,11 @@ X-Components is a library usable everywhere not only for search experiences.
 |  [BasePlaceholderImage](./x-components.baseplaceholderimage.md) |  |
 |  [BasePriceFilterLabel](./x-components.basepricefilterlabel.md) | Renders a label for a price filter, allowing to select different messages depending on the value of the filter. |
 |  [BaseRatingFilterLabel](./x-components.baseratingfilterlabel.md) | Renders a label for a rating filter, allowing to override the elements used to paint the rating. |
+|  [BaseResultCurrentPrice](./x-components.baseresultcurrentprice.md) | Component that renders the [result](./x-types.result.md) current price that may or may not be on sale. |
+|  [BaseResultImage](./x-components.baseresultimage.md) | Component to be reused that renders an <code>&lt;img&gt;</code>. |
+|  [BaseResultLink](./x-components.baseresultlink.md) | Component to be reused that renders an <code>&lt;a&gt;</code> wrapping the result contents. |
+|  [BaseResultPreviousPrice](./x-components.baseresultpreviousprice.md) | Component that renders the [result](./x-types.result.md) previous price. |
+|  [BaseResultRating](./x-components.baseresultrating.md) | This component renders a [BaseRating](./x-components.baserating.md) for a result passed as prop. |
 |  [BaseTogglePanel](./x-components.basetogglepanel.md) | Simple panel that receives its open state via prop, which is responsible of rendering default slot inside a configurable transition. |
 |  [bus](./x-components.bus.md) | Default  implementation. |
 |  [cancelFetchAndSaveIdentifierResults](./x-components.cancelfetchandsaveidentifierresults.md) | Default implementation for [IdentifierResultsActions.cancelFetchAndSaveIdentifierResults()](./x-components.identifierresultsactions.cancelfetchandsaveidentifierresults.md) action. |

package/js/components/result/base-result-add-to-cart.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-result-add-to-cart.vue.js","sources":["../../../../src/components/result/base-result-add-to-cart.vue"],"sourcesContent":["<template>\n  <BaseEventButton\n    v-on=\"$listeners\"\n    :events=\"events\"\n    class=\"x-result-add-to-cart x-button\"\n    data-test=\"result-add-to-cart\"\n  >\n    <!-- @slot (Required) Button content with a text, an icon or both -->\n    <slot />\n  </BaseEventButton>\n</template>\n\n<script lang=\"ts\">\n  import { Result } from '@empathyco/x-types';\n  import Vue from 'vue';\n  import { Component, Prop } from 'vue-property-decorator';\n  import { XEventsTypes } from '../../wiring/events.types';\n  import BaseEventButton from '../base-event-button.vue';\n\n  /**\n   * Renders a button with a default slot. It receives the result with the data and emits\n   * {@link XEventsTypes.UserClickedResultAddToCart} to the bus on click mouse event.\n   *\n   * @public\n   */\n  @Component({\n    components: { BaseEventButton }\n  })\n  export default class BaseResultAddToCart extends Vue {\n    /**\n     * (Required) The {@link @empathyco/x-types#Result | result} information.\n     *\n     * @public\n     */\n    @Prop({ required: true })\n    protected result!: Result;\n\n    /**\n     * The events to be emitted by the button.\n     *\n     * @returns Events {@link XEventsTypes} to emit.\n     *\n     * @public\n     */\n    protected get events(): Partial<XEventsTypes> {\n      return { UserClickedResultAddToCart: this.result };\n    }\n  }\n</script>\n\n<docs lang=\"mdx\">\n## Examples\n\nRenders a button with a default slot. It receives the result with the data and emits an event\n`UserClickedResultAddToCart` to the bus on click mouse event.\n\n### Basic example\n\nThis component is a button to emit `UserClickedResultAddToCart` whe clicked by the user\n\n```vue\n<BaseResultAddToCart :result=\"result\">\n  <img src=\"./add-to-cart.svg\" />\n  <span>Add to cart</span>\n</BaseResultAddToCart>\n```\n\n## Events\n\nA list of events that the component will emit:\n\n- `UserClickedResultAddToCart`: the event is emitted after the user clicks the button. The event\n  payload is the result data.\n</docs>\n"],"names":[],"mappings":";;;;AAEA,MAAc,cAAA,GAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"base-result-add-to-cart.vue.js","sources":["../../../../src/components/result/base-result-add-to-cart.vue"],"sourcesContent":["<template>\n  <BaseEventButton\n    v-on=\"$listeners\"\n    :events=\"events\"\n    class=\"x-result-add-to-cart x-button\"\n    data-test=\"result-add-to-cart\"\n  >\n    <!-- @slot (Required) Button content with a text, an icon or both -->\n    <slot />\n  </BaseEventButton>\n</template>\n\n<script lang=\"ts\">\n  import { Result } from '@empathyco/x-types';\n  import { computed, defineComponent, PropType } from 'vue';\n  import { XEventsTypes } from '../../wiring/events.types';\n  import BaseEventButton from '../base-event-button.vue';\n\n  /**\n   * Renders a button with a default slot. It receives the result with the data and emits\n   * {@link XEventsTypes.UserClickedResultAddToCart} to the bus on click mouse event.\n   *\n   * @public\n   */\n  export default defineComponent({\n    components: { BaseEventButton },\n    props: {\n      /**\n       * (Required) The {@link @empathyco/x-types#Result | result} information.\n       *\n       * @public\n       */\n      result: {\n        type: Object as PropType<Result>,\n        required: true\n      }\n    },\n    setup(props) {\n      /**\n       * The events to be emitted by the button.\n       *\n       * @returns Events {@link XEventsTypes} to emit.\n       *\n       * @public\n       */\n      const events = computed<Partial<XEventsTypes>>(() => ({\n        UserClickedResultAddToCart: props.result\n      }));\n\n      return {\n        events\n      };\n    }\n  });\n</script>\n\n<docs lang=\"mdx\">\n## Examples\n\nRenders a button with a default slot. It receives the result with the data and emits an event\n`UserClickedResultAddToCart` to the bus on click mouse event.\n\n### Basic example\n\nThis component is a button to emit `UserClickedResultAddToCart` whe clicked by the user\n\n```vue\n<BaseResultAddToCart :result=\"result\">\n  <img src=\"./add-to-cart.svg\" />\n  <span>Add to cart</span>\n</BaseResultAddToCart>\n```\n\n## Events\n\nA list of events that the component will emit:\n\n- `UserClickedResultAddToCart`: the event is emitted after the user clicks the button. The event\n  payload is the result data.\n</docs>\n"],"names":[],"mappings":";;;;AAEA,MAAc,cAAA,GAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/components/result/base-result-add-to-cart.vue_rollup-plugin-vue_script.vue.js

@@ -1,6 +1,4 @@
-import { __decorate } from 'tslib';
-import Vue from 'vue';
-import { Prop, Component } from 'vue-property-decorator';
+import { defineComponent, computed } from 'vue';
 import __vue_component__ from '../base-event-button.vue.js';
 
 /**
@@ -9,27 +7,35 @@ import __vue_component__ from '../base-event-button.vue.js';
  *
  * @public
  */
-let BaseResultAddToCart = class BaseResultAddToCart extends Vue {
-    /**
-     * The events to be emitted by the button.
-     *
-     * @returns Events {@link XEventsTypes} to emit.
-     *
-     * @public
-     */
-    get events() {
-        return { UserClickedResultAddToCart: this.result };
+var script = defineComponent({
+    components: { BaseEventButton: __vue_component__ },
+    props: {
+        /**
+         * (Required) The {@link @empathyco/x-types#Result | result} information.
+         *
+         * @public
+         */
+        result: {
+            type: Object,
+            required: true
+        }
+    },
+    setup(props) {
+        /**
+         * The events to be emitted by the button.
+         *
+         * @returns Events {@link XEventsTypes} to emit.
+         *
+         * @public
+         */
+        const events = computed(() => ({
+            UserClickedResultAddToCart: props.result
+        }));
+        return {
+            events
+        };
     }
-};
-__decorate([
-    Prop({ required: true })
-], BaseResultAddToCart.prototype, "result", void 0);
-BaseResultAddToCart = __decorate([
-    Component({
-        components: { BaseEventButton: __vue_component__ }
-    })
-], BaseResultAddToCart);
-var script = BaseResultAddToCart;
+});
 
 export { script as default };
 //# sourceMappingURL=base-result-add-to-cart.vue_rollup-plugin-vue_script.vue.js.map

package/js/components/result/base-result-add-to-cart.vue_rollup-plugin-vue_script.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-result-add-to-cart.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../src/components/result/base-result-add-to-cart.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n  import { Result } from '@empathyco/x-types';\n  import Vue from 'vue';\n  import { Component, Prop } from 'vue-property-decorator';\n  import { XEventsTypes } from '../../wiring/events.types';\n  import BaseEventButton from '../base-event-button.vue';\n\n  /**\n   * Renders a button with a default slot. It receives the result with the data and emits\n   * {@link XEventsTypes.UserClickedResultAddToCart} to the bus on click mouse event.\n   *\n   * @public\n   */\n  @Component({\n    components: { BaseEventButton }\n  })\n  export default class BaseResultAddToCart extends Vue {\n    /**\n     * (Required) The {@link @empathyco/x-types#Result | result} information.\n     *\n     * @public\n     */\n    @Prop({ required: true })\n    protected result!: Result;\n\n    /**\n     * The events to be emitted by the button.\n     *\n     * @returns Events {@link XEventsTypes} to emit.\n     *\n     * @public\n     */\n    protected get events(): Partial<XEventsTypes> {\n      return { UserClickedResultAddToCart: this.result };\n    }\n  }\n"],"names":["BaseEventButton"],"mappings":";;;;;AAmBE;;;;;AAKG;AAIY,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,GAAG,CAAA;AASlD;;;;;;AAMG;AACH,IAAA,IAAc,MAAM,GAAA;AAClB,QAAA,OAAO,EAAE,0BAA0B,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC;KACpD;CACF,CAAA;AAZC,UAAA,CAAA;AADC,IAAA,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AACC,CAAA,EAAA,mBAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAPP,mBAAmB,GAAA,UAAA,CAAA;AAHvC,IAAA,SAAS,CAAC;QACT,UAAU,EAAE,mBAAEA,iBAAe,EAAE;KAChC,CAAC;AACmB,CAAA,EAAA,mBAAmB,CAmBvC,CAAA;aAnBoB,mBAAmB;;;;"}
+{"version":3,"file":"base-result-add-to-cart.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../src/components/result/base-result-add-to-cart.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n  import { Result } from '@empathyco/x-types';\n  import { computed, defineComponent, PropType } from 'vue';\n  import { XEventsTypes } from '../../wiring/events.types';\n  import BaseEventButton from '../base-event-button.vue';\n\n  /**\n   * Renders a button with a default slot. It receives the result with the data and emits\n   * {@link XEventsTypes.UserClickedResultAddToCart} to the bus on click mouse event.\n   *\n   * @public\n   */\n  export default defineComponent({\n    components: { BaseEventButton },\n    props: {\n      /**\n       * (Required) The {@link @empathyco/x-types#Result | result} information.\n       *\n       * @public\n       */\n      result: {\n        type: Object as PropType<Result>,\n        required: true\n      }\n    },\n    setup(props) {\n      /**\n       * The events to be emitted by the button.\n       *\n       * @returns Events {@link XEventsTypes} to emit.\n       *\n       * @public\n       */\n      const events = computed<Partial<XEventsTypes>>(() => ({\n        UserClickedResultAddToCart: props.result\n      }));\n\n      return {\n        events\n      };\n    }\n  });\n"],"names":["BaseEventButton"],"mappings":";;;AAkBE;;;;;AAKG;AACH,aAAe,eAAe,CAAC;IAC7B,UAAU,EAAE,mBAAEA,iBAAe,EAAE;AAC/B,IAAA,KAAK,EAAE;AACL;;;;AAIG;AACH,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,MAA0B;AAChC,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAA;AACT;;;;;;AAMG;AACH,QAAA,MAAM,MAAM,GAAG,QAAQ,CAAwB,OAAO;YACpD,0BAA0B,EAAE,KAAK,CAAC,MAAM;AACzC,SAAA,CAAC,CAAC,CAAC;QAEJ,OAAO;YACL,MAAM;SACP,CAAC;KACH;AACF,CAAA,CAAC;;;;"}

package/js/components/result/base-result-current-price.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-result-current-price.vue.js","sources":["../../../../src/components/result/base-result-current-price.vue"],"sourcesContent":["<template>\n  <div :class=\"dynamicClasses\" class=\"x-result-current-price\" data-test=\"result-current-price\">\n    <!--\n      @slot Base currency item\n          @binding {result} result - Result data\n    -->\n    <slot :result=\"result\">\n      <BaseCurrency :value=\"result.price.value\" :format=\"format\" />\n    </slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\n  import { Result } from '@empathyco/x-types';\n  import { Component, Prop } from 'vue-property-decorator';\n  import Vue from 'vue';\n  import { VueCSSClasses } from '../../utils/types';\n  import BaseCurrency from '../currency/base-currency.vue';\n\n  /**\n   * Component that renders the {@link @empathyco/x-types#Result | result} current price\n   * that may or may not be on sale.\n   *\n   * @public\n   */\n  @Component({\n    components: { BaseCurrency }\n  })\n  export default class BaseResultCurrentPrice extends Vue {\n    /**\n     * (Required) The {@link @empathyco/x-types#Result | result} information.\n     *\n     * @public\n     */\n    @Prop({ required: true })\n    protected result!: Result;\n\n    /**\n     * Format or mask to be defined as string.\n     * - Use 'i' to define integer numbers.\n     * - Use 'd' to define decimal numbers. You can define the length of the decimal part. If the\n     * doesn't include decimals, it is filled with zeros until reach the length defined with 'd's.\n     * - Integer separator must be defined between the 3rd and the 4th integer 'i' of a group.\n     * - Decimal separator must be defined between the last 'i' and the first 'd'. It can be more\n     * than one character.\n     * - Set whatever you need around the integers and decimals marks.\n     * - Default mask: 'i.iii,dd' which returns '1.345,67'.\n     *\n     * @remarks The number of 'd', which is the maximum decimal length, MUST match with the length\n     * of decimals provided from the adapter. Otherwise, when the component truncate the decimal\n     * part, delete significant digits.\n     *\n     * @public\n     */\n    @Prop()\n    protected format?: string;\n\n    /**\n     * Dynamic CSS classes to add to the root element of this component.\n     *\n     * @returns A booleans dictionary where each key is the class name to add, and the boolean value\n     * tells if it should be added or not.\n     * @internal\n     */\n    protected get dynamicClasses(): VueCSSClasses {\n      return {\n        'x-result-current-price--on-sale': this.result.price?.hasDiscount ?? false\n      };\n    }\n  }\n</script>\n\n<docs lang=\"mdx\">\n## Examples\n\n### Basic example\n\nThis component shows the current price formatted. You can provide the `format` by property or let\nthe `BaseCurrency` component use an injected one.\n\n```vue\n<BaseResultCurrentPrice :value=\"result\" :format=\"'i.iii,ddd €'\" />\n```\n\n### Overriding default slot\n\n```vue\n<BaseResultCurrentPrice :result=\"result\">\n  <span class=\"custom-base-result-current-price\">{{ result.price.value }}</span>\n</BaseResultCurrentPrice>\n```\n</docs>\n"],"names":[],"mappings":";;;;AAEA,MAAc,cAAA,GAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"base-result-current-price.vue.js","sources":["../../../../src/components/result/base-result-current-price.vue"],"sourcesContent":["<template>\n  <div :class=\"dynamicClasses\" class=\"x-result-current-price\" data-test=\"result-current-price\">\n    <!--\n      @slot Base currency item\n          @binding {result} result - Result data\n    -->\n    <slot :result=\"result\">\n      <BaseCurrency :value=\"result.price.value\" :format=\"format\" />\n    </slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\n  import { Result } from '@empathyco/x-types';\n  import { computed, defineComponent, PropType } from 'vue';\n  import { VueCSSClasses } from '../../utils/types';\n  import BaseCurrency from '../currency/base-currency.vue';\n\n  /**\n   * Component that renders the {@link @empathyco/x-types#Result | result} current price\n   * that may or may not be on sale.\n   *\n   * @public\n   */\n  export default defineComponent({\n    components: { BaseCurrency },\n    props: {\n      /**\n       * (Required) The {@link @empathyco/x-types#Result | result} information.\n       *\n       * @public\n       */\n      result: {\n        type: Object as PropType<Result>,\n        required: true\n      },\n      /**\n       * Format or mask to be defined as string.\n       * - Use 'i' to define integer numbers.\n       * - Use 'd' to define decimal numbers. You can define the length of the decimal part. If the\n       * doesn't include decimals, it is filled with zeros until reach the length defined with 'd's.\n       * - Integer separator must be defined between the 3rd and the 4th integer 'i' of a group.\n       * - Decimal separator must be defined between the last 'i' and the first 'd'. It can be more\n       * than one character.\n       * - Set whatever you need around the integers and decimals marks.\n       * - Default mask: 'i.iii,dd' which returns '1.345,67'.\n       *\n       * @remarks The number of 'd', which is the maximum decimal length, MUST match with the length\n       * of decimals provided from the adapter. Otherwise, when the component truncate the decimal\n       * part, delete significant digits.\n       *\n       * @public\n       */\n      format: {\n        type: String\n      }\n    },\n    setup(props) {\n      /**\n       * Dynamic CSS classes to add to the root element of this component.\n       *\n       * @returns A booleans dictionary where each key is the class name to add,\n       * and the boolean value tells if it should be added or not.\n       * @internal\n       */\n      const dynamicClasses = computed<VueCSSClasses>(() => ({\n        'x-result-current-price--on-sale': props.result.price?.hasDiscount ?? false\n      }));\n\n      return {\n        dynamicClasses\n      };\n    }\n  });\n</script>\n\n<docs lang=\"mdx\">\n## Examples\n\n### Basic example\n\nThis component shows the current price formatted. You can provide the `format` by property or let\nthe `BaseCurrency` component use an injected one.\n\n```vue\n<BaseResultCurrentPrice :value=\"result\" :format=\"'i.iii,ddd €'\" />\n```\n\n### Overriding default slot\n\n```vue\n<BaseResultCurrentPrice :result=\"result\">\n  <span class=\"custom-base-result-current-price\">{{ result.price.value }}</span>\n</BaseResultCurrentPrice>\n```\n</docs>\n"],"names":[],"mappings":";;;;AAEA,MAAc,cAAA,GAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/components/result/base-result-current-price.vue_rollup-plugin-vue_script.vue.js

@@ -1,6 +1,4 @@
-import { __decorate } from 'tslib';
-import { Prop, Component } from 'vue-property-decorator';
-import Vue from 'vue';
+import { defineComponent, computed } from 'vue';
 import __vue_component__ from '../currency/base-currency.vue.js';
 
 /**
@@ -9,32 +7,55 @@ import __vue_component__ from '../currency/base-currency.vue.js';
  *
  * @public
  */
-let BaseResultCurrentPrice = class BaseResultCurrentPrice extends Vue {
-    /**
-     * Dynamic CSS classes to add to the root element of this component.
-     *
-     * @returns A booleans dictionary where each key is the class name to add, and the boolean value
-     * tells if it should be added or not.
-     * @internal
-     */
-    get dynamicClasses() {
+var script = defineComponent({
+    components: { BaseCurrency: __vue_component__ },
+    props: {
+        /**
+         * (Required) The {@link @empathyco/x-types#Result | result} information.
+         *
+         * @public
+         */
+        result: {
+            type: Object,
+            required: true
+        },
+        /**
+         * Format or mask to be defined as string.
+         * - Use 'i' to define integer numbers.
+         * - Use 'd' to define decimal numbers. You can define the length of the decimal part. If the
+         * doesn't include decimals, it is filled with zeros until reach the length defined with 'd's.
+         * - Integer separator must be defined between the 3rd and the 4th integer 'i' of a group.
+         * - Decimal separator must be defined between the last 'i' and the first 'd'. It can be more
+         * than one character.
+         * - Set whatever you need around the integers and decimals marks.
+         * - Default mask: 'i.iii,dd' which returns '1.345,67'.
+         *
+         * @remarks The number of 'd', which is the maximum decimal length, MUST match with the length
+         * of decimals provided from the adapter. Otherwise, when the component truncate the decimal
+         * part, delete significant digits.
+         *
+         * @public
+         */
+        format: {
+            type: String
+        }
+    },
+    setup(props) {
+        /**
+         * Dynamic CSS classes to add to the root element of this component.
+         *
+         * @returns A booleans dictionary where each key is the class name to add,
+         * and the boolean value tells if it should be added or not.
+         * @internal
+         */
+        const dynamicClasses = computed(() => ({
+            'x-result-current-price--on-sale': props.result.price?.hasDiscount ?? false
+        }));
         return {
-            'x-result-current-price--on-sale': this.result.price?.hasDiscount ?? false
+            dynamicClasses
         };
     }
-};
-__decorate([
-    Prop({ required: true })
-], BaseResultCurrentPrice.prototype, "result", void 0);
-__decorate([
-    Prop()
-], BaseResultCurrentPrice.prototype, "format", void 0);
-BaseResultCurrentPrice = __decorate([
-    Component({
-        components: { BaseCurrency: __vue_component__ }
-    })
-], BaseResultCurrentPrice);
-var script = BaseResultCurrentPrice;
+});
 
 export { script as default };
 //# sourceMappingURL=base-result-current-price.vue_rollup-plugin-vue_script.vue.js.map

package/js/components/result/base-result-current-price.vue_rollup-plugin-vue_script.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-result-current-price.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../src/components/result/base-result-current-price.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n  import { Result } from '@empathyco/x-types';\n  import { Component, Prop } from 'vue-property-decorator';\n  import Vue from 'vue';\n  import { VueCSSClasses } from '../../utils/types';\n  import BaseCurrency from '../currency/base-currency.vue';\n\n  /**\n   * Component that renders the {@link @empathyco/x-types#Result | result} current price\n   * that may or may not be on sale.\n   *\n   * @public\n   */\n  @Component({\n    components: { BaseCurrency }\n  })\n  export default class BaseResultCurrentPrice extends Vue {\n    /**\n     * (Required) The {@link @empathyco/x-types#Result | result} information.\n     *\n     * @public\n     */\n    @Prop({ required: true })\n    protected result!: Result;\n\n    /**\n     * Format or mask to be defined as string.\n     * - Use 'i' to define integer numbers.\n     * - Use 'd' to define decimal numbers. You can define the length of the decimal part. If the\n     * doesn't include decimals, it is filled with zeros until reach the length defined with 'd's.\n     * - Integer separator must be defined between the 3rd and the 4th integer 'i' of a group.\n     * - Decimal separator must be defined between the last 'i' and the first 'd'. It can be more\n     * than one character.\n     * - Set whatever you need around the integers and decimals marks.\n     * - Default mask: 'i.iii,dd' which returns '1.345,67'.\n     *\n     * @remarks The number of 'd', which is the maximum decimal length, MUST match with the length\n     * of decimals provided from the adapter. Otherwise, when the component truncate the decimal\n     * part, delete significant digits.\n     *\n     * @public\n     */\n    @Prop()\n    protected format?: string;\n\n    /**\n     * Dynamic CSS classes to add to the root element of this component.\n     *\n     * @returns A booleans dictionary where each key is the class name to add, and the boolean value\n     * tells if it should be added or not.\n     * @internal\n     */\n    protected get dynamicClasses(): VueCSSClasses {\n      return {\n        'x-result-current-price--on-sale': this.result.price?.hasDiscount ?? false\n      };\n    }\n  }\n"],"names":["BaseCurrency"],"mappings":";;;;;AAmBE;;;;;AAKG;AAIY,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,GAAG,CAAA;AA6BrD;;;;;;AAMG;AACH,IAAA,IAAc,cAAc,GAAA;QAC1B,OAAO;YACL,iCAAiC,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,WAAW,IAAI,KAAK;SAC3E,CAAC;KACH;CACF,CAAA;AAlCC,UAAA,CAAA;AADC,IAAA,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AACC,CAAA,EAAA,sBAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAoB1B,UAAA,CAAA;AADC,IAAA,IAAI,EAAE;AACmB,CAAA,EAAA,sBAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AA3BP,sBAAsB,GAAA,UAAA,CAAA;AAH1C,IAAA,SAAS,CAAC;QACT,UAAU,EAAE,gBAAEA,iBAAY,EAAE;KAC7B,CAAC;AACmB,CAAA,EAAA,sBAAsB,CAyC1C,CAAA;aAzCoB,sBAAsB;;;;"}
+{"version":3,"file":"base-result-current-price.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../src/components/result/base-result-current-price.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n  import { Result } from '@empathyco/x-types';\n  import { computed, defineComponent, PropType } from 'vue';\n  import { VueCSSClasses } from '../../utils/types';\n  import BaseCurrency from '../currency/base-currency.vue';\n\n  /**\n   * Component that renders the {@link @empathyco/x-types#Result | result} current price\n   * that may or may not be on sale.\n   *\n   * @public\n   */\n  export default defineComponent({\n    components: { BaseCurrency },\n    props: {\n      /**\n       * (Required) The {@link @empathyco/x-types#Result | result} information.\n       *\n       * @public\n       */\n      result: {\n        type: Object as PropType<Result>,\n        required: true\n      },\n      /**\n       * Format or mask to be defined as string.\n       * - Use 'i' to define integer numbers.\n       * - Use 'd' to define decimal numbers. You can define the length of the decimal part. If the\n       * doesn't include decimals, it is filled with zeros until reach the length defined with 'd's.\n       * - Integer separator must be defined between the 3rd and the 4th integer 'i' of a group.\n       * - Decimal separator must be defined between the last 'i' and the first 'd'. It can be more\n       * than one character.\n       * - Set whatever you need around the integers and decimals marks.\n       * - Default mask: 'i.iii,dd' which returns '1.345,67'.\n       *\n       * @remarks The number of 'd', which is the maximum decimal length, MUST match with the length\n       * of decimals provided from the adapter. Otherwise, when the component truncate the decimal\n       * part, delete significant digits.\n       *\n       * @public\n       */\n      format: {\n        type: String\n      }\n    },\n    setup(props) {\n      /**\n       * Dynamic CSS classes to add to the root element of this component.\n       *\n       * @returns A booleans dictionary where each key is the class name to add,\n       * and the boolean value tells if it should be added or not.\n       * @internal\n       */\n      const dynamicClasses = computed<VueCSSClasses>(() => ({\n        'x-result-current-price--on-sale': props.result.price?.hasDiscount ?? false\n      }));\n\n      return {\n        dynamicClasses\n      };\n    }\n  });\n"],"names":["BaseCurrency"],"mappings":";;;AAkBE;;;;;AAKG;AACH,aAAe,eAAe,CAAC;IAC7B,UAAU,EAAE,gBAAEA,iBAAY,EAAE;AAC5B,IAAA,KAAK,EAAE;AACL;;;;AAIG;AACH,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,MAA0B;AAChC,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA;AACD;;;;;;;;;;;;;;;;AAgBG;AACH,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,MAAM;AACb,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAA;AACT;;;;;;AAMG;AACH,QAAA,MAAM,cAAc,GAAG,QAAQ,CAAgB,OAAO;YACpD,iCAAiC,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,WAAW,IAAI,KAAK;AAC5E,SAAA,CAAC,CAAC,CAAC;QAEJ,OAAO;YACL,cAAc;SACf,CAAC;KACH;AACF,CAAA,CAAC;;;;"}

package/js/components/result/base-result-image.vue.js

@@ -75,7 +75,7 @@ __vue_render__._withStripped = true;
   /* style */
   const __vue_inject_styles__ = undefined;
   /* scoped */
-  const __vue_scope_id__ = "data-v-034c1a25";
+  const __vue_scope_id__ = "data-v-1ae01006";
   /* module identifier */
   const __vue_module_identifier__ = undefined;
   /* functional template */