npm - @empathyco/x-components - Versions diffs - 6.2.3 → 6.3.1 - Mend

@empathyco/x-components 6.2.3 → 6.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (42) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -3,6 +3,21 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+## [6.3.1](https://github.com/empathyco/x/compare/@empathyco/x-components@6.3.0...@empathyco/x-components@6.3.1) (2026-05-21)
+**Note:** Version bump only for package @empathyco/x-components
+## [6.3.0](https://github.com/empathyco/x/compare/@empathyco/x-components@6.2.3...@empathyco/x-components@6.3.0) (2026-05-21)
+### Features
+* allow empty prices (#2108)
 ## [6.2.3](https://github.com/empathyco/x/compare/@empathyco/x-components@6.2.2...@empathyco/x-components@6.2.3) (2026-05-20)
 ### Code Refactoring

package/docs/API-reference/api/x-adapter-platform.md CHANGED Viewed

@@ -108,28 +108,6 @@ Facet configuration containing the model name and the schema.
 Platform adapter interface.
-</td></tr>
-<tr><td>
-[PlatformAiQuestionsRequest](./x-adapter-platform.platformaiquestionsrequest.md)
-</td><td>
-Request for the `Questions v1` endpoint.
-</td></tr>
-<tr><td>
-[PlatformAiQuestionsResponse](./x-adapter-platform.platformaiquestionsresponse.md)
-</td><td>
-Response for the `questions` endpoint.
 </td></tr>
 <tr><td>
@@ -174,28 +152,6 @@ Request for the `AI suggestions search` endpoint.
 Response for the `AI suggestions search` endpoint.
-</td></tr>
-<tr><td>
-[PlatformAiTasksRequest](./x-adapter-platform.platformaitasksrequest.md)
-</td><td>
-Request for the `Tasks v1` endpoint.
-</td></tr>
-<tr><td>
-[PlatformAiTasksResponse](./x-adapter-platform.platformaitasksresponse.md)
-</td><td>
-Response for the `tasks` endpoint.
 </td></tr>
 <tr><td>
@@ -632,72 +588,6 @@ Description
 </th></tr></thead>
 <tbody><tr><td>
-[aiQuestionsEndpointAdapter](./x-adapter-platform.aiquestionsendpointadapter.md)
-</td><td>
-Default adapter for the questions v1 endpoint.
-</td></tr>
-<tr><td>
-[aiQuestionsRequestMapper](./x-adapter-platform.aiquestionsrequestmapper.md)
-</td><td>
-Default implementation for the AIQuestionsRequestMapper.
-</td></tr>
-<tr><td>
-[aiQuestionsRequestSchema](./x-adapter-platform.aiquestionsrequestschema.md)
-</td><td>
-Default implementation for the AiQuestionsRequestSchema.
-</td></tr>
-<tr><td>
-[aiQuestionsResponseMapper](./x-adapter-platform.aiquestionsresponsemapper.md)
-</td><td>
-Default implementation for the AiQuestionsResponseMapper.
-</td></tr>
-<tr><td>
-[aiQuestionsResponseSchema](./x-adapter-platform.aiquestionsresponseschema.md)
-</td><td>
-Default implementation for the AIQuestionsResponseSchema.
-</td></tr>
-<tr><td>
-[aiQuestionsSchema](./x-adapter-platform.aiquestionsschema.md)
-</td><td>
-Default implementation for the AIQuestionsSchema.
-</td></tr>
-<tr><td>
 [aiSuggestionSearchSchema](./x-adapter-platform.aisuggestionsearchschema.md)
@@ -794,85 +684,6 @@ Default implementation for the AIOverviewSuggestionsSearchResponseSchema.
 Default implementation for the AIOverviewSuggestionsSearchSchema.
-</td></tr>
-<tr><td>
-[aiSummarizeEndpointAdapter](./x-adapter-platform.aisummarizeendpointadapter.md)
-</td><td>
-Default adapter for the Overview summarize streaming endpoint.
-Mirrors the aiSuggestions endpoint adapter.
-</td></tr>
-<tr><td>
-[aiTasksEndpointAdapter](./x-adapter-platform.aitasksendpointadapter.md)
-</td><td>
-Default adapter for the questions v1 endpoint.
-</td></tr>
-<tr><td>
-[aiTasksRequestMapper](./x-adapter-platform.aitasksrequestmapper.md)
-</td><td>
-Default implementation for the AiTasksRequestMapper.
-</td></tr>
-<tr><td>
-[aiTasksRequestSchema](./x-adapter-platform.aitasksrequestschema.md)
-</td><td>
-Default implementation for the AiTasksRequestSchema.
-</td></tr>
-<tr><td>
-[aiTasksResponseMapper](./x-adapter-platform.aitasksresponsemapper.md)
-</td><td>
-Default implementation for the AiTasksResponseMapper.
-</td></tr>
-<tr><td>
-[aiTasksResponseSchema](./x-adapter-platform.aitasksresponseschema.md)
-</td><td>
-Default implementation for the AITasksResponseSchema.
-</td></tr>
-<tr><td>
-[aiTasksSchema](./x-adapter-platform.aitasksschema.md)
-</td><td>
-Default implementation for the AITasksSchema.
 </td></tr>
 <tr><td>

package/docs/API-reference/api/x-adapter-platform.platformresult.__prices.md CHANGED Viewed

@@ -8,7 +8,7 @@
 ```typescript
 __prices: {
-        current: {
+        current?: {
             value: number;
         };
         previous?: {

package/docs/API-reference/api/x-adapter-platform.platformresult.md CHANGED Viewed

@@ -113,7 +113,7 @@ string
 </td><td>
-{ current: { value: number; }; previous?: { value: number; }; future?: { value: number; }; }
+{ current?: { value: number; }; previous?: { value: number; }; future?: { value: number; }; }
 </td><td>

package/docs/API-reference/api/x-types.resultprice.md CHANGED Viewed

@@ -56,7 +56,7 @@ Whether this result has a discount.
 </td></tr>
 <tr><td>
-[originalValue](./x-types.resultprice.originalvalue.md)
+[originalValue?](./x-types.resultprice.originalvalue.md)
 </td><td>
@@ -64,18 +64,18 @@ Whether this result has a discount.
 </td><td>
-number
+number \| undefined
 </td><td>
-The old value.
+_(Optional)_ The old value.
 </td></tr>
 <tr><td>
-[value](./x-types.resultprice.value.md)
+[value?](./x-types.resultprice.value.md)
 </td><td>
@@ -83,12 +83,12 @@ The old value.
 </td><td>
-number
+number \| undefined
 </td><td>
-The current value.
+_(Optional)_ The current value.
 </td></tr>

package/docs/API-reference/api/x-types.resultprice.originalvalue.md CHANGED Viewed

@@ -9,5 +9,5 @@ The old value.
 **Signature:**
 ```typescript
-originalValue: number;
+originalValue?: number | undefined;
 ```

package/docs/API-reference/api/x-types.resultprice.value.md CHANGED Viewed

@@ -9,5 +9,5 @@ The current value.
 **Signature:**
 ```typescript
-value: number;
+value?: number | undefined;
 ```

package/docs/API-reference/api/x-types.xcomponentsadapter.md CHANGED Viewed

@@ -37,23 +37,6 @@ Description
 </th></tr></thead>
 <tbody><tr><td>
-[aiQuestions](./x-types.xcomponentsadapter.aiquestions.md)
-</td><td>
-</td><td>
-EndpointAdapter&lt;[AiQuestionsRequest](./x-types.aiquestionsrequest.md)<!-- -->, [AiQuestionsResponse](./x-types.aiquestionsresponse.md)<!-- -->&gt;
-</td><td>
-</td></tr>
-<tr><td>
 [aiSuggestions](./x-types.xcomponentsadapter.aisuggestions.md)
@@ -85,40 +68,6 @@ EndpointAdapter&lt;[AiSuggestionsSearchRequest](./x-types.aisuggestionssearchreq
 </td><td>
-</td></tr>
-<tr><td>
-[aiSummarize](./x-types.xcomponentsadapter.aisummarize.md)
-</td><td>
-</td><td>
-EndpointAdapter&lt;[AiSuggestionsRequest](./x-types.aisuggestionsrequest.md)<!-- -->, Response&gt;
-</td><td>
-</td></tr>
-<tr><td>
-[aiTasks](./x-types.xcomponentsadapter.aitasks.md)
-</td><td>
-</td><td>
-EndpointAdapter&lt;[AiTasksRequest](./x-types.aitasksrequest.md)<!-- -->, [AiTasksResponse](./x-types.aitasksresponse.md)<!-- -->&gt;
-</td><td>
 </td></tr>
 <tr><td>

package/js/components/result/base-result-current-price.vue.js CHANGED Viewed

@@ -12,7 +12,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     },
     [
       renderSlot(_ctx.$slots, "default", { result: _ctx.result }, () => [
-        _ctx.result.price ? (openBlock(), createBlock(_component_BaseCurrency, {
+        _ctx.result.price?.value ? (openBlock(), createBlock(_component_BaseCurrency, {
           key: 0,
           value: _ctx.result.price.value,
           format: _ctx.format

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

	@@ -1 +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 v-if=\"result.price\" :value=\"result.price.value\" :format=\"format\" />\n </slot>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport type { Result } from '@empathyco/x-types'\nimport type { PropType } from 'vue'\nimport type { VueCSSClasses } from '../../utils/types'\nimport { computed, defineComponent } from 'vue'\nimport BaseCurrency from '../currency/base-currency.vue'\n\n/*\n Component that renders the {@link @empathyco/x-types#Result} current price\n * that may or may not be on sale.\n \n @public\n /\nexport default defineComponent({\n components: { BaseCurrency },\n props: {\n /\n (Required) The {@link @empathyco/x-types#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<template>\n <BaseResultCurrentPrice :result=\"result\" :format=\"'i.iii,ddd €'\" />\n</template>\n\n<script setup>\nimport { BaseResultCurrentPrice } from '@empathyco/x-components'\nconst result = {\n price: { value: 123.45, hasDiscount: false },\n // ...other result properties\n}\n</script>\n```\n\n### Overriding default slot\n\n```vue\n<template>\n <BaseResultCurrentPrice :result=\"result\">\n <span class=\"custom-base-result-current-price\">{{ result.price.value }}</span>\n </BaseResultCurrentPrice>\n</template>\n\n<script setup>\nimport { BaseResultCurrentPrice } from '@empathyco/x-components'\nconst result = {\n price: { value: 123.45, hasDiscount: false },\n // ...other result properties\n}\n</script>\n```\n</docs>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_renderSlot","_createBlock","_createCommentVNode"],"mappings":";;;;;;AACE,EAAA,OAAAA,SAAA,EAAA,EAAAC,kBAAA;AAAA,IAQM,KAAA;AAAA,IAAA;AAAA,MARA,KAAA,EAAKC,cAAA,CAAA,CAAE,IAAA,CAAA,cAAA,EAAsB,wBAAwB,CAAA,CAAA;AAAA,MAAC,WAAA,EAAU;AAAA,KAAA;;AAKpE,MAAAC,UAAA,CAEO,IAAA,CAAA,MAAA,EAAA,SAAA,EAAA,EAFA,MAAA,EAAQ,IAAA,CAAA,MAAA,EAAM,EAArB,MAEO;AAAA,QADe,IAAA,CAAA,MAAA,CAAO,~~sBAA3BC~~,WAAA,~~CAAiF~~,uBAAA,EAAA;AAAA,UAAA,GAAA,EAAA,CAAA;AAA9C,UAAA,KAAA,EAAO,YAAO,KAAA,CAAM,KAAA;AAAA,UAAQ,MAAA,EAAQ,IAAA,CAAA;AAAA,SAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,OAAA,EAAA,QAAA,CAAA,CAAA,IAAAC,kBAAA,CAAA,MAAA,EAAA,IAAA;;;;;;;;;;;"}
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 v-if=\"result.price?.value\" :value=\"result.price.value\" :format=\"format\" />\n </slot>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport type { Result } from '@empathyco/x-types'\nimport type { PropType } from 'vue'\nimport type { VueCSSClasses } from '../../utils/types'\nimport { computed, defineComponent } from 'vue'\nimport BaseCurrency from '../currency/base-currency.vue'\n\n/*\n Component that renders the {@link @empathyco/x-types#Result} current price\n * that may or may not be on sale.\n \n @public\n /\nexport default defineComponent({\n components: { BaseCurrency },\n props: {\n /\n (Required) The {@link @empathyco/x-types#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<template>\n <BaseResultCurrentPrice :result=\"result\" :format=\"'i.iii,ddd €'\" />\n</template>\n\n<script setup>\nimport { BaseResultCurrentPrice } from '@empathyco/x-components'\nconst result = {\n price: { value: 123.45, hasDiscount: false },\n // ...other result properties\n}\n</script>\n```\n\n### Overriding default slot\n\n```vue\n<template>\n <BaseResultCurrentPrice :result=\"result\">\n <span class=\"custom-base-result-current-price\">{{ result.price.value }}</span>\n </BaseResultCurrentPrice>\n</template>\n\n<script setup>\nimport { BaseResultCurrentPrice } from '@empathyco/x-components'\nconst result = {\n price: { value: 123.45, hasDiscount: false },\n // ...other result properties\n}\n</script>\n```\n</docs>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_renderSlot","_createBlock","_createCommentVNode"],"mappings":";;;;;;AACE,EAAA,OAAAA,SAAA,EAAA,EAAAC,kBAAA;AAAA,IAQM,KAAA;AAAA,IAAA;AAAA,MARA,KAAA,EAAKC,cAAA,CAAA,CAAE,IAAA,CAAA,cAAA,EAAsB,wBAAwB,CAAA,CAAA;AAAA,MAAC,WAAA,EAAU;AAAA,KAAA;;AAKpE,MAAAC,UAAA,CAEO,IAAA,CAAA,MAAA,EAAA,SAAA,EAAA,EAFA,MAAA,EAAQ,IAAA,CAAA,MAAA,EAAM,EAArB,MAEO;AAAA,QADe,IAAA,CAAA,MAAA,CAAO,KAAA,EAAO,KAAA,IAAAH,SAAA,EAAA,EAAlCI,WAAA,CAAwF,uBAAA,EAAA;AAAA,UAAA,GAAA,EAAA,CAAA;AAA9C,UAAA,KAAA,EAAO,YAAO,KAAA,CAAM,KAAA;AAAA,UAAQ,MAAA,EAAQ,IAAA,CAAA;AAAA,SAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,OAAA,EAAA,QAAA,CAAA,CAAA,IAAAC,kBAAA,CAAA,MAAA,EAAA,IAAA;;;;;;;;;;;"}

package/js/components/result/base-result-current-price.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"base-result-current-price.vue2.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 v-if=\"result.price\" :value=\"result.price.value\" :format=\"format\" />\n </slot>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport type { Result } from '@empathyco/x-types'\nimport type { PropType } from 'vue'\nimport type { VueCSSClasses } from '../../utils/types'\nimport { computed, defineComponent } from 'vue'\nimport BaseCurrency from '../currency/base-currency.vue'\n\n/*\n Component that renders the {@link @empathyco/x-types#Result} current price\n * that may or may not be on sale.\n \n @public\n /\nexport default defineComponent({\n components: { BaseCurrency },\n props: {\n /\n (Required) The {@link @empathyco/x-types#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<template>\n <BaseResultCurrentPrice :result=\"result\" :format=\"'i.iii,ddd €'\" />\n</template>\n\n<script setup>\nimport { BaseResultCurrentPrice } from '@empathyco/x-components'\nconst result = {\n price: { value: 123.45, hasDiscount: false },\n // ...other result properties\n}\n</script>\n```\n\n### Overriding default slot\n\n```vue\n<template>\n <BaseResultCurrentPrice :result=\"result\">\n <span class=\"custom-base-result-current-price\">{{ result.price.value }}</span>\n </BaseResultCurrentPrice>\n</template>\n\n<script setup>\nimport { BaseResultCurrentPrice } from '@empathyco/x-components'\nconst result = {\n price: { value: 123.45, hasDiscount: false },\n // ...other result properties\n}\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;AAmBA;;;;;AAKE;AACF,gBAAe,eAAe,CAAC;IAC7B,UAAU,EAAE,EAAE,YAAW,EAAG;AAC5B,IAAA,KAAK,EAAE;AACL;;;;AAIE;AACF,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,MAA0B;AAChC,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA;AACD;;;;;;;;;;;;;;;;AAgBE;AACF,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,MAAM;AACb,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAA;AACT;;;;;;AAME;AACF,QAAA,MAAM,cAAa,GAAI,QAAQ,CAAgB,OAAO;YACpD,iCAAiC,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,WAAU,IAAK,KAAK;AAC5E,SAAA,CAAC,CAAA;QAEF,OAAO;YACL,cAAc;SAChB;IACF,CAAC;AACF,CAAA,CAAA;;;;"}
1	+ {"version":3,"file":"base-result-current-price.vue2.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 v-if=\"result.price?.value\" :value=\"result.price.value\" :format=\"format\" />\n </slot>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport type { Result } from '@empathyco/x-types'\nimport type { PropType } from 'vue'\nimport type { VueCSSClasses } from '../../utils/types'\nimport { computed, defineComponent } from 'vue'\nimport BaseCurrency from '../currency/base-currency.vue'\n\n/*\n Component that renders the {@link @empathyco/x-types#Result} current price\n * that may or may not be on sale.\n \n @public\n /\nexport default defineComponent({\n components: { BaseCurrency },\n props: {\n /\n (Required) The {@link @empathyco/x-types#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<template>\n <BaseResultCurrentPrice :result=\"result\" :format=\"'i.iii,ddd €'\" />\n</template>\n\n<script setup>\nimport { BaseResultCurrentPrice } from '@empathyco/x-components'\nconst result = {\n price: { value: 123.45, hasDiscount: false },\n // ...other result properties\n}\n</script>\n```\n\n### Overriding default slot\n\n```vue\n<template>\n <BaseResultCurrentPrice :result=\"result\">\n <span class=\"custom-base-result-current-price\">{{ result.price.value }}</span>\n </BaseResultCurrentPrice>\n</template>\n\n<script setup>\nimport { BaseResultCurrentPrice } from '@empathyco/x-components'\nconst result = {\n price: { value: 123.45, hasDiscount: false },\n // ...other result properties\n}\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;AAmBA;;;;;AAKE;AACF,gBAAe,eAAe,CAAC;IAC7B,UAAU,EAAE,EAAE,YAAW,EAAG;AAC5B,IAAA,KAAK,EAAE;AACL;;;;AAIE;AACF,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,MAA0B;AAChC,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA;AACD;;;;;;;;;;;;;;;;AAgBE;AACF,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,MAAM;AACb,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAA;AACT;;;;;;AAME;AACF,QAAA,MAAM,cAAa,GAAI,QAAQ,CAAgB,OAAO;YACpD,iCAAiC,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,WAAU,IAAK,KAAK;AAC5E,SAAA,CAAC,CAAA;QAEF,OAAO;YACL,cAAc;SAChB;IACF,CAAC;AACF,CAAA,CAAA;;;;"}

package/js/components/result/base-result-previous-price.vue.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import _sfc_main from './base-result-previous-price.vue2.js';
-import { resolveComponent, openBlock, createElementBlock, renderSlot, createVNode, createCommentVNode } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, renderSlot, createBlock, createCommentVNode } from 'vue';
 import _export_sfc from '../../_virtual/_plugin-vue_export-helper.js';
 const _hoisted_1 = {
@@ -11,10 +11,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_BaseCurrency = resolveComponent("BaseCurrency");
   return _ctx.result.price?.hasDiscount ? (openBlock(), createElementBlock("div", _hoisted_1, [
     renderSlot(_ctx.$slots, "default", { result: _ctx.result }, () => [
-      createVNode(_component_BaseCurrency, {
+      _ctx.result.price?.originalValue ? (openBlock(), createBlock(_component_BaseCurrency, {
+        key: 0,
         value: _ctx.result.price.originalValue,
         format: _ctx.format
-      }, null, 8, ["value", "format"])
+      }, null, 8, ["value", "format"])) : createCommentVNode("v-if", true)
     ])
   ])) : createCommentVNode("v-if", true);
 }

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

	@@ -1 +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\">\nimport type { Result } from '@empathyco/x-types'\nimport type { PropType } from 'vue'\nimport { defineComponent } from 'vue'\nimport BaseCurrency from '../currency/base-currency.vue'\n\n/*\n Component that renders the {@link @empathyco/x-types#Result} previous price.\n \n @public\n /\nexport default defineComponent({\n components: { BaseCurrency },\n props: {\n /\n (Required) The {@link @empathyco/x-types#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 \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})\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 an optional\n`format` prop 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 setup>\nimport { BaseResultPreviousPrice } from '@empathyco/x-components'\nconst result = {\n price: { originalValue: 199.99, hasDiscount: true },\n // ...other result properties\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 setup>\nimport { BaseResultPreviousPrice } from '@empathyco/x-components'\nconst result = {\n price: { originalValue: 199.99, hasDiscount: true },\n // ...other result properties\n}\n</script>\n```\n</docs>\n"],"names":["_openBlock","_createElementBlock","_renderSlot","~~_createVNode~~"],"mappings":";;;;;;EAGI,KAAA,EAAM,yBAAA;AAAA,EACN,WAAA,EAAU;;;;AAFJ,EAAA,OAAA,IAAA,CAAA,MAAA,CAAO,KAAA,EAAO,WAAA,IAAAA,SAAA,EAAA,EADtBC,kBAAA,~~CAYM~~,KAAA,~~EAZN~~,UAAA,~~EAYM~~;AAAA,~~IAHJC~~,UAAA,~~CAEO~~,IAAA,CAAA,MAAA,EAAA,SAAA,EAAA,~~EAFA~~,MAAA,EAAQ,IAAA,CAAA,MAAA,IAAf,~~MAEO~~;AAAA,~~MADLC~~,WAAA,~~CAAqE~~,uBAAA,EAAA;AAAA,~~QAAtD~~,KAAA,EAAO,YAAO,KAAA,CAAM,aAAA;AAAA,~~QAAgB~~,MAAA,EAAQ,IAAA,CAAA;AAAA,OAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,OAAA,EAAA,QAAA,CAAA;;;;;;;;"}
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\n v-if=\"result.price?.originalValue\"\n :value=\"result.price.originalValue\"\n :format=\"format\"\n />\n </slot>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport type { Result } from '@empathyco/x-types'\nimport type { PropType } from 'vue'\nimport { defineComponent } from 'vue'\nimport BaseCurrency from '../currency/base-currency.vue'\n\n/*\n Component that renders the {@link @empathyco/x-types#Result} previous price.\n \n @public\n /\nexport default defineComponent({\n components: { BaseCurrency },\n props: {\n /\n (Required) The {@link @empathyco/x-types#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 \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})\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 an optional\n`format` prop 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 setup>\nimport { BaseResultPreviousPrice } from '@empathyco/x-components'\nconst result = {\n price: { originalValue: 199.99, hasDiscount: true },\n // ...other result properties\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 setup>\nimport { BaseResultPreviousPrice } from '@empathyco/x-components'\nconst result = {\n price: { originalValue: 199.99, hasDiscount: true },\n // ...other result properties\n}\n</script>\n```\n</docs>\n"],"names":["_openBlock","_createElementBlock","_renderSlot","_createBlock","_createCommentVNode"],"mappings":";;;;;;EAGI,KAAA,EAAM,yBAAA;AAAA,EACN,WAAA,EAAU;;;;AAFJ,EAAA,OAAA,IAAA,CAAA,MAAA,CAAO,KAAA,EAAO,WAAA,IAAAA,SAAA,EAAA,EADtBC,kBAAA,CAgBM,KAAA,EAhBN,UAAA,EAgBM;AAAA,IAPJC,UAAA,CAMO,IAAA,CAAA,MAAA,EAAA,SAAA,EAAA,EANA,MAAA,EAAQ,IAAA,CAAA,MAAA,IAAf,MAMO;AAAA,MAJG,IAAA,CAAA,MAAA,CAAO,KAAA,EAAO,aAAA,IAAAF,SAAA,EAAA,EADtBG,WAAA,CAIE,uBAAA,EAAA;AAAA,QAAA,GAAA,EAAA,CAAA;AAFC,QAAA,KAAA,EAAO,YAAO,KAAA,CAAM,aAAA;AAAA,QACpB,MAAA,EAAQ,IAAA,CAAA;AAAA,OAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,OAAA,EAAA,QAAA,CAAA,CAAA,IAAAC,kBAAA,CAAA,MAAA,EAAA,IAAA;;;;;;;;"}

package/js/components/result/base-result-previous-price.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"base-result-previous-price.vue2.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\">\nimport type { Result } from '@empathyco/x-types'\nimport type { PropType } from 'vue'\nimport { defineComponent } from 'vue'\nimport BaseCurrency from '../currency/base-currency.vue'\n\n/*\n Component that renders the {@link @empathyco/x-types#Result} previous price.\n \n @public\n /\nexport default defineComponent({\n components: { BaseCurrency },\n props: {\n /\n (Required) The {@link @empathyco/x-types#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 \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})\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 an optional\n`format` prop 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 setup>\nimport { BaseResultPreviousPrice } from '@empathyco/x-components'\nconst result = {\n price: { originalValue: 199.99, hasDiscount: true },\n // ...other result properties\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 setup>\nimport { BaseResultPreviousPrice } from '@empathyco/x-components'\nconst result = {\n price: { originalValue: 199.99, hasDiscount: true },\n // ...other result properties\n}\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;~~AAsBA~~;;;;AAIE;AACF,gBAAe,eAAe,CAAC;IAC7B,UAAU,EAAE,EAAE,YAAW,EAAG;AAC5B,IAAA,KAAK,EAAE;AACL;;;;AAIE;AACF,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,MAA0B;AAChC,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA;AACD;;;;;;;;;;;;;;;AAeE;AACF,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,MAAM;AACb,SAAA;AACF,KAAA;AACF,CAAA,CAAA;;;;"}
1	+ {"version":3,"file":"base-result-previous-price.vue2.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\n v-if=\"result.price?.originalValue\"\n :value=\"result.price.originalValue\"\n :format=\"format\"\n />\n </slot>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport type { Result } from '@empathyco/x-types'\nimport type { PropType } from 'vue'\nimport { defineComponent } from 'vue'\nimport BaseCurrency from '../currency/base-currency.vue'\n\n/*\n Component that renders the {@link @empathyco/x-types#Result} previous price.\n \n @public\n /\nexport default defineComponent({\n components: { BaseCurrency },\n props: {\n /\n (Required) The {@link @empathyco/x-types#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 \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})\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 an optional\n`format` prop 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 setup>\nimport { BaseResultPreviousPrice } from '@empathyco/x-components'\nconst result = {\n price: { originalValue: 199.99, hasDiscount: true },\n // ...other result properties\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 setup>\nimport { BaseResultPreviousPrice } from '@empathyco/x-components'\nconst result = {\n price: { originalValue: 199.99, hasDiscount: true },\n // ...other result properties\n}\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;AA0BA;;;;AAIE;AACF,gBAAe,eAAe,CAAC;IAC7B,UAAU,EAAE,EAAE,YAAW,EAAG;AAC5B,IAAA,KAAK,EAAE;AACL;;;;AAIE;AACF,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,MAA0B;AAChC,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA;AACD;;;;;;;;;;;;;;;AAeE;AACF,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,MAAM;AACb,SAAA;AACF,KAAA;AACF,CAAA,CAAA;;;;"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@empathyco/x-components",
-  "version": "6.2.3",
+  "version": "6.3.1",
   "description": "Empathy X Components",
   "author": "Empathy Systems Corporation S.L.",
   "license": "Apache-2.0",
@@ -68,8 +68,8 @@
   },
   "dependencies": {
     "@empathyco/x-adapter": "8.1.6",
-    "@empathyco/x-adapter-platform": "1.3.0",
-    "@empathyco/x-types": "10.2.2",
+    "@empathyco/x-adapter-platform": "1.4.1",
+    "@empathyco/x-types": "10.3.1",
     "@empathyco/x-utils": "1.0.7",
     "@vue/devtools-api": "~6.6.4",
     "@vueuse/core": "~12.8.2",
@@ -117,5 +117,5 @@
     "access": "public",
     "directory": "dist"
   },
-  "gitHead": "af88135eb04f0769bce8975638ee469496cef5a6"
+  "gitHead": "c07fa0a7e9896c172425db00488e932b005bf2e9"
 }