@empathyco/x-components 3.0.0-alpha.73 → 3.0.0-alpha.74

package/CHANGELOG.md

@@ -3,6 +3,19 @@
 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.74](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.73...@empathyco/x-components@3.0.0-alpha.74) (2022-03-31)
+
+### Bug Fixes
+
+- **base-currency:** format preference goes prop to be injected by default
+  ([29d5e8d](https://github.com/empathyco/x/commit/29d5e8d576019504ef642af6119c764292f44c51)),
+  closes [EX-5649](https://searchbroker.atlassian.net/browse/EX-5649)
+
+# 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.73](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.72...@empathyco/x-components@3.0.0-alpha.73) (2022-03-24)
 
 ### Features

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

@@ -4,12 +4,12 @@
 
 ## BaseResultPreviousPrice.format property
 
-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'.
+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.
 
 <b>Signature:</b>
 
 ```typescript
-protected format: string;
+protected format?: string;
 ```
 
 ## Remarks

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

@@ -17,6 +17,6 @@ export default class BaseResultPreviousPrice extends Vue
 
 |  Property | Modifiers | Type | Description |
 |  --- | --- | --- | --- |
-|  [format](./x-components.baseresultpreviousprice.format.md) |  | string | 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'. |
+|  [format?](./x-components.baseresultpreviousprice.format.md) |  | string | <i>(Optional)</i> 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) |  | Result | (Required) The [result](./x-types.result.md) information. |
 

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

@@ -50,32 +50,271 @@ HTML element.
 ### Basic usage
 
 ```vue
-<BaseCurrency :value="12345678.87654321" format="i.iii,ddd? €" />
-<!-- output: '12.345.678,876 €' -->
-<BaseCurrency :value="12345678" format="i.iii,ddd? €" />
-<!-- output: '12.345.678 €' -->
-<BaseCurrency :value="12345678.87654321" format="$ i.iii,dd" />
-<!-- output: '$ 12.345.678,87' -->
-<BaseCurrency :value="12345678.87654321" format="$i.iii,dd" />
-<!-- output: '$12.345.678,87' -->
-<BaseCurrency :value="12345678.87654321" format="i.iii,dd €" />
-<!-- output: '12.345.678,87 €' -->
-<BaseCurrency :value="12345678.87654321" format="i.iii,dd€" />
-<!-- output: '12.345.678,87€' -->
-<BaseCurrency :value="12345678.87654321" format="i,iii.dd €" />
-<!-- output: '12,345,678.87 €' -->
-<BaseCurrency :value="12345678.87654321" format="i iii.dd €" />
-<!-- output: '12 345 678.87 €' -->
-<BaseCurrency :value="12345678.87654321" format="i iii - dd €" />
-<!-- output: '12 345 678 - 87 €' -->
-<BaseCurrency :value="12345678.87654321" format="i.iii,dddddd €" />
-<!-- output: '12.345.678,876543 €' -->
-<BaseCurrency :value="12345678.87" format="i.iii,dddddd €" />
-<!-- output: '12.345.678,870000 €' -->
-<BaseCurrency :value="12345678" format="i.iii,dddddd €" />
-<!-- output: '12.345.678,000000 €' -->
-<BaseCurrency :value="12345678.87654321" format="i.iii,dd €" />
-<!-- output: '12.345.678,87 €' -->
-<BaseCurrency :value="12345678.87654321" format="i.iii €" />
-<!-- output: '12.345.678 €' -->
+<template>
+  <BaseCurrency :value="12345678.87654321" />
+  <!-- output: '12.345.678,87' -->
+</template>
+
+<script>
+import { BaseCurrency } from "@empathyco/x-components";
+
+export default {
+  name: "BaseCurrencyDemo",
+  components: {
+    BaseCurrency
+  }
+};
+</script>
+```
+
+```vue
+<template>
+  <BaseCurrency :value="12345678.87654321" format="i.iii,ddd? €" />
+  <!-- output: '12.345.678,876 €' -->
+</template>
+
+<script>
+import { BaseCurrency } from "@empathyco/x-components";
+
+export default {
+  name: "BaseCurrencyDemo",
+  components: {
+    BaseCurrency
+  }
+};
+</script>
+```
+
+```vue
+<template>
+  <BaseCurrency :value="12345678" format="i.iii,ddd? €" />
+  <!-- output: '12.345.678 €' -->
+</template>
+
+<script>
+import { BaseCurrency } from "@empathyco/x-components";
+
+export default {
+  name: "BaseCurrencyDemo",
+  components: {
+    BaseCurrency
+  }
+};
+</script>
+```
+
+```vue
+<template>
+  <BaseCurrency :value="12345678.87654321" format="$ i.iii,dd" />
+  <!-- output: '$ 12.345.678,87' -->
+</template>
+
+<script>
+import { BaseCurrency } from "@empathyco/x-components";
+
+export default {
+  name: "BaseCurrencyDemo",
+  components: {
+    BaseCurrency
+  }
+};
+</script>
+```
+
+```vue
+<template>
+  <BaseCurrency :value="12345678.87654321" format="$i.iii,dd" />
+  <!-- output: '$12.345.678,87' -->
+</template>
+
+<script>
+import { BaseCurrency } from "@empathyco/x-components";
+
+export default {
+  name: "BaseCurrencyDemo",
+  components: {
+    BaseCurrency
+  }
+};
+</script>
+```
+
+```vue
+<template>
+  <BaseCurrency :value="12345678.87654321" format="i.iii,dd €" />
+  <!-- output: '12.345.678,87 €' -->
+</template>
+
+<script>
+import { BaseCurrency } from "@empathyco/x-components";
+
+export default {
+  name: "BaseCurrencyDemo",
+  components: {
+    BaseCurrency
+  }
+};
+</script>
+```
+
+```vue
+<template>
+  <BaseCurrency :value="12345678.87654321" format="i.iii,dd€" />
+  <!-- output: '12.345.678,87€' -->
+</template>
+
+<script>
+import { BaseCurrency } from "@empathyco/x-components";
+
+export default {
+  name: "BaseCurrencyDemo",
+  components: {
+    BaseCurrency
+  }
+};
+</script>
+```
+
+```vue
+<template>
+  <BaseCurrency :value="12345678.87654321" format="i,iii.dd €" />
+  <!-- output: '12,345,678.87 €' -->
+</template>
+
+<script>
+import { BaseCurrency } from "@empathyco/x-components";
+
+export default {
+  name: "BaseCurrencyDemo",
+  components: {
+    BaseCurrency
+  }
+};
+</script>
+```
+
+```vue
+<template>
+  <BaseCurrency :value="12345678.87654321" format="i iii.dd €" />
+  <!-- output: '12 345 678.87 €' -->
+</template>
+
+<script>
+import { BaseCurrency } from "@empathyco/x-components";
+
+export default {
+  name: "BaseCurrencyDemo",
+  components: {
+    BaseCurrency
+  }
+};
+</script>
+```
+
+```vue
+<template>
+  <BaseCurrency :value="12345678.87654321" format="i iii - dd €" />
+  <!-- output: '12 345 678 - 87 €' -->
+</template>
+
+<script>
+import { BaseCurrency } from "@empathyco/x-components";
+
+export default {
+  name: "BaseCurrencyDemo",
+  components: {
+    BaseCurrency
+  }
+};
+</script>
+```
+
+```vue
+<template>
+  <BaseCurrency :value="12345678.87654321" format="i.iii,dddddd €" />
+  <!-- output: '12.345.678,876543 €' -->
+</template>
+
+<script>
+import { BaseCurrency } from "@empathyco/x-components";
+
+export default {
+  name: "BaseCurrencyDemo",
+  components: {
+    BaseCurrency
+  }
+};
+</script>
+```
+
+```vue
+<template>
+  <BaseCurrency :value="12345678.87" format="i.iii,dddddd €" />
+  <!-- output: '12.345.678,870000 €' -->
+</template>
+
+<script>
+import { BaseCurrency } from "@empathyco/x-components";
+
+export default {
+  name: "BaseCurrencyDemo",
+  components: {
+    BaseCurrency
+  }
+};
+</script>
+```
+
+```vue
+<template>
+  <BaseCurrency :value="12345678" format="i.iii,dddddd €" />
+  <!-- output: '12.345.678,000000 €' -->
+</template>
+
+<script>
+import { BaseCurrency } from "@empathyco/x-components";
+
+export default {
+  name: "BaseCurrencyDemo",
+  components: {
+    BaseCurrency
+  }
+};
+</script>
+```
+
+```vue
+<template>
+  <BaseCurrency :value="12345678.87654321" format="i.iii,dd €" />
+  <!-- output: '12.345.678,87 €' -->
+</template>
+
+<script>
+import { BaseCurrency } from "@empathyco/x-components";
+
+export default {
+  name: "BaseCurrencyDemo",
+  components: {
+    BaseCurrency
+  }
+};
+</script>
+```
+
+```vue
+<template>
+  <BaseCurrency :value="12345678.87654321" format="i.iii €" />
+  <!-- output: '12.345.678 €' -->
+</template>
+
+<script>
+import { BaseCurrency } from "@empathyco/x-components";
+
+export default {
+  name: "BaseCurrencyDemo",
+  components: {
+    BaseCurrency
+  }
+};
+</script>
 ```

package/docs/API-reference/components/common/result/x-components.base-result-previous-price.md

@@ -10,10 +10,10 @@ Component that renders the {@link @empathyco/x-types#Result | result} previous p
 
 ## Props
 
-| Name                | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | Type                | Default                 |
-| ------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------- | ----------------------- |
-| <code>result</code> | (Required) The {@link @empathyco/x-types#Result \| result} information.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | <code>Result</code> | <code></code>           |
-| <code>format</code> | Format or mask to be defined as string.<br />- Use 'i' to define integer numbers.<br />- Use 'd' to define decimal numbers. You can define the length of the decimal part. If the<br />doesn't include decimals, it is filled with zeros until reach the length defined with 'd's.<br />- Integer separator must be defined between the 3rd and the 4th integer 'i' of a group.<br />- Decimal separator must be defined between the last 'i' and the first 'd'. It can be more<br />than one character.<br />- Set whatever you need around the integers and decimals marks.<br />- Default mask: 'i.iii,dd' which returns '1.345,67'. | <code>string</code> | <code>'i.iii,dd'</code> |
+| Name                | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | Type                | Default       |
+| ------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------- | ------------- |
+| <code>result</code> | (Required) The {@link @empathyco/x-types#Result \| result} information.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       | <code>Result</code> | <code></code> |
+| <code>format</code> | Format or mask to be defined as string.<br />- Use 'i' to define integer numbers.<br />- Use 'd' to define decimal numbers. You can define the length of the decimal part. If the<br />doesn't include decimals, it is filled with zeros until reach the length defined with 'd's.<br />- Integer separator must be defined between the 3rd and the 4th integer 'i' of a group.<br />- Decimal separator must be defined between the last 'i' and the first 'd'. It can be more<br />than one character.<br />- Set whatever you need around the integers and decimals marks. | <code>string</code> | <code></code> |
 
 ## Slots
 
@@ -29,13 +29,41 @@ This component shows the previous price formatted if it has discount. The compon
 props. `format` to select the currency format to be applied.
 
 ```vue
-<BaseResultPreviousPrice :value="result" :format="'i.iii,ddd €'" />
+<template>
+  <BaseResultPreviousPrice :result="result" :format="'i.iii,ddd €'" />
+</template>
+
+<script>
+import { BaseResultPreviousPrice } from "@empathyco/x-components";
+
+export default {
+  name: "BaseResultPreviousPriceDemo",
+  components: {
+    BaseResultPreviousPrice
+  }
+};
+</script>
 ```
 
 ### Overriding default slot
 
 ```vue
-<BaseResultPreviousPrice :result="result">
-  <span class="custom-base-result-previous-price">{{ result.price.originalValue }}</span>
-</BaseResultPreviousPrice>
+<template>
+  <BaseResultPreviousPrice :result="result">
+    <span class="custom-base-result-previous-price">{{
+      result.price.originalValue
+    }}</span>
+  </BaseResultPreviousPrice>
+</template>
+
+<script>
+import { BaseResultPreviousPrice } from "@empathyco/x-components";
+
+export default {
+  name: "BaseResultPreviousPriceDemo",
+  components: {
+    BaseResultPreviousPrice
+  }
+};
+</script>
 ```

package/js/components/currency/base-currency.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-currency.vue.js","sources":["../../../../src/components/currency/base-currency.vue"],"sourcesContent":["<template>\n  <span v-if=\"value !== undefined\" class=\"x-currency\">{{ currency }}</span>\n</template>\n\n<script lang=\"ts\">\n  import Vue from 'vue';\n  import { Component, Prop } from 'vue-property-decorator';\n  import { currencyFormatter } from '../../utils/currency-formatter';\n  import { XInject } from '../decorators/injection.decorators';\n\n  /**\n   * Renders the value received as a property which always must be a JavaScript number, with the\n   * proper format provided as a string property or by injection. The rendered tag is a span in\n   * order to render a default inline HTML element.\n   *\n   * Regarding the 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   * format doesn't include decimals, it is filled with zeros until reach the length defined with\n   * '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   * - If you want to hide the decimal part if it's zero, you can add the `?` symbol after the\n   * decimal characters (e.g. 'i.iii,dd?', for `1234` you would get `1.234` instead of `1.234,00`).\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 matches with the length\n   * of decimals provided from the adapter. Otherwise, when the component truncate the decimal\n   * part, it deletes significant digits.\n   *\n   * @example\n   * Basic example:\n   *\n   * ```vue\n   * <BaseCurrency\n   *   :value=\"123456.789\"\n   *   format=\"i.iiii,dddd €\"\n   * />\n   * ```\n   *\n   * It will render: `123.456,7890 €`.\n   *\n   * See docs below for more examples.\n   *\n   * @public\n   */\n  @Component\n  export default class BaseCurrency extends Vue {\n    /**\n     * Numeric value to be formatted.\n     *\n     * @remarks Pass the value with 'v-bind:value' (or ':value' shortcut) instead of plain string.\n     * @remarks Be careful using numbers under Number.MAX_SAFE_INTEGER to avoid unexpected errors.\n     *\n     * @public\n     */\n    @Prop({ required: true })\n    protected value!: number;\n\n    /**\n     * The format as string.\n     *\n     * @public\n     */\n    @Prop()\n    protected format?: string;\n\n    /**\n     * The injected format as string.\n     *\n     * @public\n     */\n    @XInject('currencyFormat')\n    public injectedFormat!: string;\n\n    /**\n     * A format which can be passed through prop or injected.\n     *\n     * @returns A format as string.\n     *\n     * @internal\n     */\n    protected get renderedFormat(): string {\n      return (\n        this.format ??\n        this.injectedFormat ??\n        //TODO: add here logger\n        //eslint-disable-next-line no-console\n        console.warn('It is necessary to pass a prop or inject the format')\n      );\n    }\n\n    /**\n     * Returns the formatted result as string.\n     *\n     * @returns Formatted number.\n     *\n     * @internal\n     */\n    protected get currency(): string {\n      return currencyFormatter(this.value, this.renderedFormat);\n    }\n  }\n</script>\n\n<docs lang=\"mdx\">\n## Example\n\nRenders the value received as a property, which always must be a JavaScript number, with the proper\nformat provided as string property. The rendered tag is a span in order to render a default inline\nHTML element.\n\n### Basic usage\n\n```vue\n<BaseCurrency :value=\"12345678.87654321\" format=\"i.iii,ddd? €\" />\n<!-- output: '12.345.678,876 €' -->\n<BaseCurrency :value=\"12345678\" format=\"i.iii,ddd? €\" />\n<!-- output: '12.345.678 €' -->\n<BaseCurrency :value=\"12345678.87654321\" format=\"$ i.iii,dd\" />\n<!-- output: '$ 12.345.678,87' -->\n<BaseCurrency :value=\"12345678.87654321\" format=\"$i.iii,dd\" />\n<!-- output: '$12.345.678,87' -->\n<BaseCurrency :value=\"12345678.87654321\" format=\"i.iii,dd €\" />\n<!-- output: '12.345.678,87 €' -->\n<BaseCurrency :value=\"12345678.87654321\" format=\"i.iii,dd€\" />\n<!-- output: '12.345.678,87€' -->\n<BaseCurrency :value=\"12345678.87654321\" format=\"i,iii.dd €\" />\n<!-- output: '12,345,678.87 €' -->\n<BaseCurrency :value=\"12345678.87654321\" format=\"i iii.dd €\" />\n<!-- output: '12 345 678.87 €' -->\n<BaseCurrency :value=\"12345678.87654321\" format=\"i iii - dd €\" />\n<!-- output: '12 345 678 - 87 €' -->\n<BaseCurrency :value=\"12345678.87654321\" format=\"i.iii,dddddd €\" />\n<!-- output: '12.345.678,876543 €' -->\n<BaseCurrency :value=\"12345678.87\" format=\"i.iii,dddddd €\" />\n<!-- output: '12.345.678,870000 €' -->\n<BaseCurrency :value=\"12345678\" format=\"i.iii,dddddd €\" />\n<!-- output: '12.345.678,000000 €' -->\n<BaseCurrency :value=\"12345678.87654321\" format=\"i.iii,dd €\" />\n<!-- output: '12.345.678,87 €' -->\n<BaseCurrency :value=\"12345678.87654321\" format=\"i.iii €\" />\n<!-- output: '12.345.678 €' -->\n```\n</docs>\n"],"names":[],"mappings":";;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"base-currency.vue.js","sources":["../../../../src/components/currency/base-currency.vue"],"sourcesContent":["<template>\n  <span v-if=\"value !== undefined\" class=\"x-currency\">{{ currency }}</span>\n</template>\n\n<script lang=\"ts\">\n  import Vue from 'vue';\n  import { Component, Prop } from 'vue-property-decorator';\n  import { currencyFormatter } from '../../utils/currency-formatter';\n  import { XInject } from '../decorators/injection.decorators';\n\n  /**\n   * Renders the value received as a property which always must be a JavaScript number, with the\n   * proper format provided as a string property or by injection. The rendered tag is a span in\n   * order to render a default inline HTML element.\n   *\n   * Regarding the 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   * format doesn't include decimals, it is filled with zeros until reach the length defined with\n   * '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   * - If you want to hide the decimal part if it's zero, you can add the `?` symbol after the\n   * decimal characters (e.g. 'i.iii,dd?', for `1234` you would get `1.234` instead of `1.234,00`).\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 matches with the length\n   * of decimals provided from the adapter. Otherwise, when the component truncate the decimal\n   * part, it deletes significant digits.\n   *\n   * @example\n   * Basic example:\n   *\n   * ```vue\n   * <BaseCurrency\n   *   :value=\"123456.789\"\n   *   format=\"i.iiii,dddd €\"\n   * />\n   * ```\n   *\n   * It will render: `123.456,7890 €`.\n   *\n   * See docs below for more examples.\n   *\n   * @public\n   */\n  @Component\n  export default class BaseCurrency extends Vue {\n    /**\n     * Numeric value to be formatted.\n     *\n     * @remarks Pass the value with 'v-bind:value' (or ':value' shortcut) instead of plain string.\n     * @remarks Be careful using numbers under Number.MAX_SAFE_INTEGER to avoid unexpected errors.\n     *\n     * @public\n     */\n    @Prop({ required: true })\n    protected value!: number;\n\n    /**\n     * The format as string.\n     *\n     * @public\n     */\n    @Prop()\n    protected format?: string;\n\n    /**\n     * The injected format as string.\n     *\n     * @public\n     */\n    @XInject('currencyFormat')\n    public injectedFormat!: string;\n\n    /**\n     * A format which can be passed through prop or injected.\n     *\n     * @returns A format as string.\n     *\n     * @internal\n     */\n    protected get renderedFormat(): string {\n      return this.format ?? this.injectedFormat ?? 'i.iii,dd';\n    }\n\n    /**\n     * Returns the formatted result as string.\n     *\n     * @returns Formatted number.\n     *\n     * @internal\n     */\n    protected get currency(): string {\n      return currencyFormatter(this.value, this.renderedFormat);\n    }\n  }\n</script>\n\n<docs lang=\"mdx\">\n## Example\n\nRenders the value received as a property, which always must be a JavaScript number, with the proper\nformat provided as string property. The rendered tag is a span in order to render a default inline\nHTML element.\n\n### Basic usage\n\n```vue\n<template>\n  <BaseCurrency :value=\"12345678.87654321\" />\n  <!-- output: '12.345.678,87' -->\n</template>\n\n<script>\n  import { BaseCurrency } from '@empathyco/x-components';\n\n  export default {\n    name: 'BaseCurrencyDemo',\n    components: {\n      BaseCurrency\n    }\n  };\n</script>\n```\n\n```vue\n<template>\n  <BaseCurrency :value=\"12345678.87654321\" format=\"i.iii,ddd? €\" />\n  <!-- output: '12.345.678,876 €' -->\n</template>\n\n<script>\n  import { BaseCurrency } from '@empathyco/x-components';\n\n  export default {\n    name: 'BaseCurrencyDemo',\n    components: {\n      BaseCurrency\n    }\n  };\n</script>\n```\n\n```vue\n<template>\n  <BaseCurrency :value=\"12345678\" format=\"i.iii,ddd? €\" />\n  <!-- output: '12.345.678 €' -->\n</template>\n\n<script>\n  import { BaseCurrency } from '@empathyco/x-components';\n\n  export default {\n    name: 'BaseCurrencyDemo',\n    components: {\n      BaseCurrency\n    }\n  };\n</script>\n```\n\n```vue\n<template>\n  <BaseCurrency :value=\"12345678.87654321\" format=\"$ i.iii,dd\" />\n  <!-- output: '$ 12.345.678,87' -->\n</template>\n\n<script>\n  import { BaseCurrency } from '@empathyco/x-components';\n\n  export default {\n    name: 'BaseCurrencyDemo',\n    components: {\n      BaseCurrency\n    }\n  };\n</script>\n```\n\n```vue\n<template>\n  <BaseCurrency :value=\"12345678.87654321\" format=\"$i.iii,dd\" />\n  <!-- output: '$12.345.678,87' -->\n</template>\n\n<script>\n  import { BaseCurrency } from '@empathyco/x-components';\n\n  export default {\n    name: 'BaseCurrencyDemo',\n    components: {\n      BaseCurrency\n    }\n  };\n</script>\n```\n\n```vue\n<template>\n  <BaseCurrency :value=\"12345678.87654321\" format=\"i.iii,dd €\" />\n  <!-- output: '12.345.678,87 €' -->\n</template>\n\n<script>\n  import { BaseCurrency } from '@empathyco/x-components';\n\n  export default {\n    name: 'BaseCurrencyDemo',\n    components: {\n      BaseCurrency\n    }\n  };\n</script>\n```\n\n```vue\n<template>\n  <BaseCurrency :value=\"12345678.87654321\" format=\"i.iii,dd€\" />\n  <!-- output: '12.345.678,87€' -->\n</template>\n\n<script>\n  import { BaseCurrency } from '@empathyco/x-components';\n\n  export default {\n    name: 'BaseCurrencyDemo',\n    components: {\n      BaseCurrency\n    }\n  };\n</script>\n```\n\n```vue\n<template>\n  <BaseCurrency :value=\"12345678.87654321\" format=\"i,iii.dd €\" />\n  <!-- output: '12,345,678.87 €' -->\n</template>\n\n<script>\n  import { BaseCurrency } from '@empathyco/x-components';\n\n  export default {\n    name: 'BaseCurrencyDemo',\n    components: {\n      BaseCurrency\n    }\n  };\n</script>\n```\n\n```vue\n<template>\n  <BaseCurrency :value=\"12345678.87654321\" format=\"i iii.dd €\" />\n  <!-- output: '12 345 678.87 €' -->\n</template>\n\n<script>\n  import { BaseCurrency } from '@empathyco/x-components';\n\n  export default {\n    name: 'BaseCurrencyDemo',\n    components: {\n      BaseCurrency\n    }\n  };\n</script>\n```\n\n```vue\n<template>\n  <BaseCurrency :value=\"12345678.87654321\" format=\"i iii - dd €\" />\n  <!-- output: '12 345 678 - 87 €' -->\n</template>\n\n<script>\n  import { BaseCurrency } from '@empathyco/x-components';\n\n  export default {\n    name: 'BaseCurrencyDemo',\n    components: {\n      BaseCurrency\n    }\n  };\n</script>\n```\n\n```vue\n<template>\n  <BaseCurrency :value=\"12345678.87654321\" format=\"i.iii,dddddd €\" />\n  <!-- output: '12.345.678,876543 €' -->\n</template>\n\n<script>\n  import { BaseCurrency } from '@empathyco/x-components';\n\n  export default {\n    name: 'BaseCurrencyDemo',\n    components: {\n      BaseCurrency\n    }\n  };\n</script>\n```\n\n```vue\n<template>\n  <BaseCurrency :value=\"12345678.87\" format=\"i.iii,dddddd €\" />\n  <!-- output: '12.345.678,870000 €' -->\n</template>\n\n<script>\n  import { BaseCurrency } from '@empathyco/x-components';\n\n  export default {\n    name: 'BaseCurrencyDemo',\n    components: {\n      BaseCurrency\n    }\n  };\n</script>\n```\n\n```vue\n<template>\n  <BaseCurrency :value=\"12345678\" format=\"i.iii,dddddd €\" />\n  <!-- output: '12.345.678,000000 €' -->\n</template>\n\n<script>\n  import { BaseCurrency } from '@empathyco/x-components';\n\n  export default {\n    name: 'BaseCurrencyDemo',\n    components: {\n      BaseCurrency\n    }\n  };\n</script>\n```\n\n```vue\n<template>\n  <BaseCurrency :value=\"12345678.87654321\" format=\"i.iii,dd €\" />\n  <!-- output: '12.345.678,87 €' -->\n</template>\n\n<script>\n  import { BaseCurrency } from '@empathyco/x-components';\n\n  export default {\n    name: 'BaseCurrencyDemo',\n    components: {\n      BaseCurrency\n    }\n  };\n</script>\n```\n\n```vue\n<template>\n  <BaseCurrency :value=\"12345678.87654321\" format=\"i.iii €\" />\n  <!-- output: '12.345.678 €' -->\n</template>\n\n<script>\n  import { BaseCurrency } from '@empathyco/x-components';\n\n  export default {\n    name: 'BaseCurrencyDemo',\n    components: {\n      BaseCurrency\n    }\n  };\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/components/currency/base-currency.vue_rollup-plugin-vue_script.vue.js

@@ -51,11 +51,7 @@ let BaseCurrency = class BaseCurrency extends Vue {
      * @internal
      */
     get renderedFormat() {
-        return (this.format ??
-            this.injectedFormat ??
-            //TODO: add here logger
-            //eslint-disable-next-line no-console
-            console.warn('It is necessary to pass a prop or inject the format'));
+        return this.format ?? this.injectedFormat ?? 'i.iii,dd';
     }
     /**
      * Returns the formatted result as string.

package/js/components/currency/base-currency.vue_rollup-plugin-vue_script.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-currency.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../src/components/currency/base-currency.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\nimport Vue from 'vue';\nimport { Component, Prop } from 'vue-property-decorator';\nimport { currencyFormatter } from '../../utils/currency-formatter';\nimport { XInject } from '../decorators/injection.decorators';\n\n/**\n * Renders the value received as a property which always must be a JavaScript number, with the\n * proper format provided as a string property or by injection. The rendered tag is a span in\n * order to render a default inline HTML element.\n *\n * Regarding the 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 * format doesn't include decimals, it is filled with zeros until reach the length defined with\n * '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 * - If you want to hide the decimal part if it's zero, you can add the `?` symbol after the\n * decimal characters (e.g. 'i.iii,dd?', for `1234` you would get `1.234` instead of `1.234,00`).\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 matches with the length\n * of decimals provided from the adapter. Otherwise, when the component truncate the decimal\n * part, it deletes significant digits.\n *\n * @example\n * Basic example:\n *\n * ```vue\n * <BaseCurrency\n *   :value=\"123456.789\"\n *   format=\"i.iiii,dddd €\"\n * />\n * ```\n *\n * It will render: `123.456,7890 €`.\n *\n * See docs below for more examples.\n *\n * @public\n */\n@Component\nexport default class BaseCurrency extends Vue {\n  /**\n   * Numeric value to be formatted.\n   *\n   * @remarks Pass the value with 'v-bind:value' (or ':value' shortcut) instead of plain string.\n   * @remarks Be careful using numbers under Number.MAX_SAFE_INTEGER to avoid unexpected errors.\n   *\n   * @public\n   */\n  @Prop({ required: true })\n  protected value!: number;\n\n  /**\n   * The format as string.\n   *\n   * @public\n   */\n  @Prop()\n  protected format?: string;\n\n  /**\n   * The injected format as string.\n   *\n   * @public\n   */\n  @XInject('currencyFormat')\n  public injectedFormat!: string;\n\n  /**\n   * A format which can be passed through prop or injected.\n   *\n   * @returns A format as string.\n   *\n   * @internal\n   */\n  protected get renderedFormat(): string {\n    return (\n      this.format ??\n      this.injectedFormat ??\n      //TODO: add here logger\n      //eslint-disable-next-line no-console\n      console.warn('It is necessary to pass a prop or inject the format')\n    );\n  }\n\n  /**\n   * Returns the formatted result as string.\n   *\n   * @returns Formatted number.\n   *\n   * @internal\n   */\n  protected get currency(): string {\n    return currencyFormatter(this.value, this.renderedFormat);\n  }\n}\n"],"names":[],"mappings":";;;;;;AAUA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,IAAqB,YAAY,GAAjC,MAAqB,YAAa,SAAQ,GAAG;;;;;;;;IAmC3C,IAAc,cAAc;QAC1B,QACE,IAAI,CAAC,MAAM;YACX,IAAI,CAAC,cAAc;;;YAGnB,OAAO,CAAC,IAAI,CAAC,qDAAqD,CAAC,EACnE;KACH;;;;;;;;IASD,IAAc,QAAQ;QACpB,OAAO,iBAAiB,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;KAC3D;CACF,CAAA;AA7CC;IADC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;2CACA;AAQzB;IADC,IAAI,EAAE;4CACmB;AAQ1B;IADC,OAAO,CAAC,gBAAgB,CAAC;oDACK;AA1BZ,YAAY;IADhC,SAAS;GACW,YAAY,CAuDhC;aAvDoB,YAAY;;;;"}
+{"version":3,"file":"base-currency.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../src/components/currency/base-currency.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\nimport Vue from 'vue';\nimport { Component, Prop } from 'vue-property-decorator';\nimport { currencyFormatter } from '../../utils/currency-formatter';\nimport { XInject } from '../decorators/injection.decorators';\n\n/**\n * Renders the value received as a property which always must be a JavaScript number, with the\n * proper format provided as a string property or by injection. The rendered tag is a span in\n * order to render a default inline HTML element.\n *\n * Regarding the 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 * format doesn't include decimals, it is filled with zeros until reach the length defined with\n * '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 * - If you want to hide the decimal part if it's zero, you can add the `?` symbol after the\n * decimal characters (e.g. 'i.iii,dd?', for `1234` you would get `1.234` instead of `1.234,00`).\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 matches with the length\n * of decimals provided from the adapter. Otherwise, when the component truncate the decimal\n * part, it deletes significant digits.\n *\n * @example\n * Basic example:\n *\n * ```vue\n * <BaseCurrency\n *   :value=\"123456.789\"\n *   format=\"i.iiii,dddd €\"\n * />\n * ```\n *\n * It will render: `123.456,7890 €`.\n *\n * See docs below for more examples.\n *\n * @public\n */\n@Component\nexport default class BaseCurrency extends Vue {\n  /**\n   * Numeric value to be formatted.\n   *\n   * @remarks Pass the value with 'v-bind:value' (or ':value' shortcut) instead of plain string.\n   * @remarks Be careful using numbers under Number.MAX_SAFE_INTEGER to avoid unexpected errors.\n   *\n   * @public\n   */\n  @Prop({ required: true })\n  protected value!: number;\n\n  /**\n   * The format as string.\n   *\n   * @public\n   */\n  @Prop()\n  protected format?: string;\n\n  /**\n   * The injected format as string.\n   *\n   * @public\n   */\n  @XInject('currencyFormat')\n  public injectedFormat!: string;\n\n  /**\n   * A format which can be passed through prop or injected.\n   *\n   * @returns A format as string.\n   *\n   * @internal\n   */\n  protected get renderedFormat(): string {\n    return this.format ?? this.injectedFormat ?? 'i.iii,dd';\n  }\n\n  /**\n   * Returns the formatted result as string.\n   *\n   * @returns Formatted number.\n   *\n   * @internal\n   */\n  protected get currency(): string {\n    return currencyFormatter(this.value, this.renderedFormat);\n  }\n}\n"],"names":[],"mappings":";;;;;;AAUA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,IAAqB,YAAY,GAAjC,MAAqB,YAAa,SAAQ,GAAG;;;;;;;;IAmC3C,IAAc,cAAc;QAC1B,OAAO,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,cAAc,IAAI,UAAU,CAAC;KACzD;;;;;;;;IASD,IAAc,QAAQ;QACpB,OAAO,iBAAiB,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;KAC3D;CACF,CAAA;AAvCC;IADC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;2CACA;AAQzB;IADC,IAAI,EAAE;4CACmB;AAQ1B;IADC,OAAO,CAAC,gBAAgB,CAAC;oDACK;AA1BZ,YAAY;IADhC,SAAS;GACW,YAAY,CAiDhC;aAjDoB,YAAY;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"base-result-previous-price.vue.js","sources":["../../../../src/components/result/base-result-previous-price.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"result.price.hasDiscount\"\n    class=\"x-result-previous-price\"\n    data-test=\"result-previous-price\"\n  >\n    <!--\n      @slot Base currency item\n         @binding {result} result - Result data\n    -->\n    <slot :result=\"result\">\n      <BaseCurrency :value=\"result.price.originalValue\" :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 BaseCurrency from '../currency/base-currency.vue';\n\n  /**\n   * Component that renders the {@link @empathyco/x-types#Result | result} previous price.\n   *\n   * @public\n   */\n  @Component({\n    components: { BaseCurrency }\n  })\n  export default class BaseResultPreviousPrice 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({ default: 'i.iii,dd' })\n    protected format!: string;\n  }\n</script>\n\n<docs lang=\"mdx\">\n## Examples\n\n### Basic example\n\nThis component shows the previous price formatted if it has discount. The component has two optional\nprops. `format` to select the currency format to be applied.\n\n```vue\n<BaseResultPreviousPrice :value=\"result\" :format=\"'i.iii,ddd €'\" />\n```\n\n### Overriding default slot\n\n```vue\n<BaseResultPreviousPrice :result=\"result\">\n  <span class=\"custom-base-result-previous-price\">{{ result.price.originalValue }}</span>\n</BaseResultPreviousPrice>\n```\n</docs>\n"],"names":[],"mappings":";;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"base-result-previous-price.vue.js","sources":["../../../../src/components/result/base-result-previous-price.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"result.price.hasDiscount\"\n    class=\"x-result-previous-price\"\n    data-test=\"result-previous-price\"\n  >\n    <!--\n      @slot Base currency item\n         @binding {result} result - Result data\n    -->\n    <slot :result=\"result\">\n      <BaseCurrency :value=\"result.price.originalValue\" :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 BaseCurrency from '../currency/base-currency.vue';\n\n  /**\n   * Component that renders the {@link @empathyco/x-types#Result | result} previous price.\n   *\n   * @public\n   */\n  @Component({\n    components: { BaseCurrency }\n  })\n  export default class BaseResultPreviousPrice 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     *\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</script>\n\n<docs lang=\"mdx\">\n## Examples\n\n### Basic example\n\nThis component shows the previous price formatted if it has discount. The component has two optional\nprops. `format` to select the currency format to be applied.\n\n```vue\n<template>\n  <BaseResultPreviousPrice :result=\"result\" :format=\"'i.iii,ddd €'\" />\n</template>\n\n<script>\n  import { BaseResultPreviousPrice } from '@empathyco/x-components';\n\n  export default {\n    name: 'BaseResultPreviousPriceDemo',\n    components: {\n      BaseResultPreviousPrice\n    }\n  };\n</script>\n```\n\n### Overriding default slot\n\n```vue\n<template>\n  <BaseResultPreviousPrice :result=\"result\">\n    <span class=\"custom-base-result-previous-price\">{{ result.price.originalValue }}</span>\n  </BaseResultPreviousPrice>\n</template>\n\n<script>\n  import { BaseResultPreviousPrice } from '@empathyco/x-components';\n\n  export default {\n    name: 'BaseResultPreviousPriceDemo',\n    components: {\n      BaseResultPreviousPrice\n    }\n  };\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -14,7 +14,7 @@ __decorate([
     Prop({ required: true })
 ], BaseResultPreviousPrice.prototype, "result", void 0);
 __decorate([
-    Prop({ default: 'i.iii,dd' })
+    Prop()
 ], BaseResultPreviousPrice.prototype, "format", void 0);
 BaseResultPreviousPrice = __decorate([
     Component({

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

@@ -1 +1 @@
-{"version":3,"file":"base-result-previous-price.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../src/components/result/base-result-previous-price.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { Result } from '@empathyco/x-types';\nimport { Component, Prop } from 'vue-property-decorator';\nimport Vue from 'vue';\nimport BaseCurrency from '../currency/base-currency.vue';\n\n/**\n * Component that renders the {@link @empathyco/x-types#Result | result} previous price.\n *\n * @public\n */\n@Component({\n  components: { BaseCurrency }\n})\nexport default class BaseResultPreviousPrice 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({ default: 'i.iii,dd' })\n  protected format!: string;\n}\n"],"names":["BaseCurrency"],"mappings":";;;;;AAsBA;;;;;AAQA,IAAqB,uBAAuB,GAA5C,MAAqB,uBAAwB,SAAQ,GAAG;CA4BvD,CAAA;AArBC;IADC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;uDACC;AAoB1B;IADC,IAAI,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC;uDACJ;AA3BP,uBAAuB;IAH3C,SAAS,CAAC;QACT,UAAU,EAAE,gBAAEA,iBAAY,EAAE;KAC7B,CAAC;GACmB,uBAAuB,CA4B3C;aA5BoB,uBAAuB;;;;"}
+{"version":3,"file":"base-result-previous-price.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../src/components/result/base-result-previous-price.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { Result } from '@empathyco/x-types';\nimport { Component, Prop } from 'vue-property-decorator';\nimport Vue from 'vue';\nimport BaseCurrency from '../currency/base-currency.vue';\n\n/**\n * Component that renders the {@link @empathyco/x-types#Result | result} previous price.\n *\n * @public\n */\n@Component({\n  components: { BaseCurrency }\n})\nexport default class BaseResultPreviousPrice 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   *\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"],"names":["BaseCurrency"],"mappings":";;;;;AAsBA;;;;;AAQA,IAAqB,uBAAuB,GAA5C,MAAqB,uBAAwB,SAAQ,GAAG;CA2BvD,CAAA;AApBC;IADC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;uDACC;AAmB1B;IADC,IAAI,EAAE;uDACmB;AA1BP,uBAAuB;IAH3C,SAAS,CAAC;QACT,UAAU,EAAE,gBAAEA,iBAAY,EAAE;KAC7B,CAAC;GACmB,uBAAuB,CA2B3C;aA3BoB,uBAAuB;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@empathyco/x-components",
-  "version": "3.0.0-alpha.73",
+  "version": "3.0.0-alpha.74",
   "description": "Empathy X Components",
   "author": "Empathy Systems Corporation S.L.",
   "license": "Apache-2.0",
@@ -127,5 +127,5 @@
     "access": "public",
     "directory": "dist"
   },
-  "gitHead": "8cbf15643ea6eddeadd6c2e150b57bb26f4c7f08"
+  "gitHead": "027caee1e9eede9df9a213bc567c7b5e213391d0"
 }

package/report/x-components.api.json

@@ -5638,11 +5638,11 @@
             {
               "kind": "Property",
               "canonicalReference": "@empathyco/x-components!BaseResultPreviousPrice#format:member",
-              "docComment": "/**\n * 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'.\n *\n * @remarks\n *\n * 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.\n *\n * @public\n */\n",
+              "docComment": "/**\n * 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.\n *\n * @remarks\n *\n * 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.\n *\n * @public\n */\n",
               "excerptTokens": [
                 {
                   "kind": "Content",
-                  "text": "protected format: "
+                  "text": "protected format?: "
                 },
                 {
                   "kind": "Content",
@@ -5653,7 +5653,7 @@
                   "text": ";"
                 }
               ],
-              "isOptional": false,
+              "isOptional": true,
               "releaseTag": "Public",
               "name": "format",
               "propertyTypeTokenRange": {

package/report/x-components.api.md

@@ -544,7 +544,7 @@ export class BaseResultLink extends Vue_2 {
 
 // @public
 export class BaseResultPreviousPrice extends Vue_2 {
-    protected format: string;
+    protected format?: string;
     protected result: Result;
 }
 

package/types/components/currency/base-currency.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-currency.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../src/components/currency/base-currency.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAKA,OAAO,GAAG,MAAM,KAAK,CAAC;AAKtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AAEH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,GAAG;IAC3C;;;;;;;OAOG;IAEH,SAAS,CAAC,KAAK,EAAG,MAAM,CAAC;IAEzB;;;;OAIG;IAEH,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAE1B;;;;OAIG;IAEI,cAAc,EAAG,MAAM,CAAC;IAE/B;;;;;;OAMG;IACH,SAAS,KAAK,cAAc,IAAI,MAAM,CAQrC;IAED;;;;;;OAMG;IACH,SAAS,KAAK,QAAQ,IAAI,MAAM,CAE/B;CACF"}
+{"version":3,"file":"base-currency.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../src/components/currency/base-currency.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAKA,OAAO,GAAG,MAAM,KAAK,CAAC;AAKtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AAEH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,GAAG;IAC3C;;;;;;;OAOG;IAEH,SAAS,CAAC,KAAK,EAAG,MAAM,CAAC;IAEzB;;;;OAIG;IAEH,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAE1B;;;;OAIG;IAEI,cAAc,EAAG,MAAM,CAAC;IAE/B;;;;;;OAMG;IACH,SAAS,KAAK,cAAc,IAAI,MAAM,CAErC;IAED;;;;;;OAMG;IACH,SAAS,KAAK,QAAQ,IAAI,MAAM,CAE/B;CACF"}

package/types/components/result/base-result-previous-price.vue.d.ts

@@ -21,7 +21,6 @@ export default class BaseResultPreviousPrice extends Vue {
      * - 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
@@ -29,6 +28,6 @@ export default class BaseResultPreviousPrice extends Vue {
      *
      * @public
      */
-    protected format: string;
+    protected format?: string;
 }
 //# sourceMappingURL=base-result-previous-price.vue?rollup-plugin-vue=script.d.ts.map

package/types/components/result/base-result-previous-price.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-result-previous-price.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../src/components/result/base-result-previous-price.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAiBA,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE5C,OAAO,GAAG,MAAM,KAAK,CAAC;AAGtB;;;;GAIG;AAIH,MAAM,CAAC,OAAO,OAAO,uBAAwB,SAAQ,GAAG;IACtD;;;;OAIG;IAEH,SAAS,CAAC,MAAM,EAAG,MAAM,CAAC;IAE1B;;;;;;;;;;;;;;;;OAgBG;IAEH,SAAS,CAAC,MAAM,EAAG,MAAM,CAAC;CAC3B"}
+{"version":3,"file":"base-result-previous-price.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../src/components/result/base-result-previous-price.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAiBA,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE5C,OAAO,GAAG,MAAM,KAAK,CAAC;AAGtB;;;;GAIG;AAIH,MAAM,CAAC,OAAO,OAAO,uBAAwB,SAAQ,GAAG;IACtD;;;;OAIG;IAEH,SAAS,CAAC,MAAM,EAAG,MAAM,CAAC;IAE1B;;;;;;;;;;;;;;;OAeG;IAEH,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;CAC3B"}