@empathyco/x-components 8.1.1 → 8.3.0

package/CHANGELOG.md

@@ -3,6 +3,20 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.3.0](https://github.com/empathyco/x/compare/@empathyco/x-components@8.2.0...@empathyco/x-components@8.3.0) (2026-07-15)
+
+### Features
+
+* **vendor:** result events (#2135)
+
+
+## [8.2.0](https://github.com/empathyco/x/compare/@empathyco/x-components@8.1.1...@empathyco/x-components@8.2.0) (2026-07-14)
+
+### Features
+
+* reset browse fields when UserAcceptedAQuery (#2138)
+
+
 ## [8.1.1](https://github.com/empathyco/x/compare/@empathyco/x-components@8.1.0...@empathyco/x-components@8.1.1) (2026-07-14)
 
 **Note:** Version bump only for package @empathyco/x-components

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

@@ -14,15 +14,25 @@ _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         type: PropType<Result>;
         required: true;
     };
+    clickEvent: {
+        type: PropType<XEvent>;
+        default: string;
+    };
 }>, {
-    events: {};
+    events: import("vue").ComputedRef<Partial<XEventsTypes>>;
     metadata: Omit<WireMetadata, "moduleName" | "origin" | "location">;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     result: {
         type: PropType<Result>;
         required: true;
     };
-}>> & Readonly<{}>, {}, {}, {
+    clickEvent: {
+        type: PropType<XEvent>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    clickEvent: keyof XEventsTypes;
+}, {}, {
     BaseEventButton: import("vue").DefineComponent<{}, {}, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

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

@@ -14,15 +14,25 @@ _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         type: PropType<Result>;
         required: true;
     };
+    clickEvent: {
+        type: PropType<XEvent>;
+        default: string;
+    };
 }>, {
     el: import("vue").Ref<any, any>;
-    emitUserClickedAResult: () => void;
+    onClick: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     result: {
         type: PropType<Result>;
         required: true;
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
+    clickEvent: {
+        type: PropType<XEvent>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    clickEvent: keyof XEventsTypes;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```
 
 ## Remarks

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

@@ -210,6 +210,9 @@ _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         UserClickedAnAiCarouselAdd2Cart?: import("@empathyco/x-types").Result | undefined;
         AiComponentMounted?: void | undefined;
         VendorResultsChanged?: Omit<import("../../../vendor").VendorResult, "modelName">[] | undefined;
+        UserViewedAVendorResult?: import("../../../vendor").VendorResult | undefined;
+        UserClickedAVendorResult?: import("../../../vendor").VendorResult | undefined;
+        UserClickedVendorResultAddToCart?: import("../../../vendor").VendorResult | undefined;
     }>;
     innerCssClasses: import("vue").ComputedRef<(string | Dictionary<boolean>)[]>;
     renderedChildrenFilters: import("vue").ComputedRef<HierarchicalFilterModel[]>;

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

@@ -3413,6 +3413,15 @@ Alias to facilitate retrieving the modules with status.
 The interface for a vendor result, extending the base Result interface.
 
 
+</td></tr>
+<tr><td>
+
+[VendorResultTagging](./x-components.vendorresulttagging.md)
+
+
+</td><td>
+
+
 </td></tr>
 <tr><td>
 

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

@@ -207,6 +207,9 @@ _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         UserClickedAnAiCarouselAdd2Cart?: import("@empathyco/x-types").Result | undefined;
         AiComponentMounted?: void | undefined;
         VendorResultsChanged?: Omit<import("../../../vendor").VendorResult, "modelName">[] | undefined;
+        UserViewedAVendorResult?: import("../../../vendor").VendorResult | undefined;
+        UserClickedAVendorResult?: import("../../../vendor").VendorResult | undefined;
+        UserClickedVendorResultAddToCart?: import("../../../vendor").VendorResult | undefined;
     }>;
     innerCssClasses: import("vue").ComputedRef<(string | Dictionary<boolean>)[]>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{

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

@@ -197,6 +197,9 @@ _default: import("vue").DefineComponent<{}, {
         UserClickedAnAiCarouselAdd2Cart: (payload: import("@empathyco/x-types").Result, metadata: WireMetadata) => unknown;
         AiComponentMounted: (payload: undefined, metadata: WireMetadata) => unknown;
         VendorResultsChanged: (payload: Omit<import("..").VendorResult, "modelName">[], metadata: WireMetadata) => unknown;
+        UserViewedAVendorResult: (payload: import("..").VendorResult, metadata: WireMetadata) => unknown;
+        UserClickedAVendorResult: (payload: import("..").VendorResult, metadata: WireMetadata) => unknown;
+        UserClickedVendorResultAddToCart: (payload: import("..").VendorResult, metadata: WireMetadata) => unknown;
     }>>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
     GlobalXBus: import("vue").DefineComponent<{}, {}, any>;

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

@@ -9,9 +9,9 @@ The interface for a vendor result, extending the base Result interface.
 **Signature:**
 
 ```typescript
-export interface VendorResult extends Omit<Result, 'modelName'>, NamedModel<'VendorResult'> 
+export interface VendorResult extends Omit<Result, 'modelName' | 'tagging'>, NamedModel<'VendorResult'> 
 ```
-**Extends:** Omit&lt;Result, 'modelName'&gt;, NamedModel&lt;'VendorResult'&gt;
+**Extends:** Omit&lt;Result, 'modelName' \| 'tagging'&gt;, NamedModel&lt;'VendorResult'&gt;
 
 ## Properties
 
@@ -52,6 +52,25 @@ number
 </td><td>
 
 
+</td></tr>
+<tr><td>
+
+[tagging?](./x-components.vendorresult.tagging.md)
+
+
+</td><td>
+
+
+</td><td>
+
+[VendorResultTagging](./x-components.vendorresulttagging.md)
+
+
+</td><td>
+
+_(Optional)_
+
+
 </td></tr>
 </tbody></table>
 

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

@@ -0,0 +1,11 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [VendorResult](./x-components.vendorresult.md) &gt; [tagging](./x-components.vendorresult.tagging.md)
+
+## VendorResult.tagging property
+
+**Signature:**
+
+```typescript
+tagging?: VendorResultTagging;
+```

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

@@ -0,0 +1,11 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [VendorResultTagging](./x-components.vendorresulttagging.md) &gt; [add2cartUrl](./x-components.vendorresulttagging.add2carturl.md)
+
+## VendorResultTagging.add2cartUrl property
+
+**Signature:**
+
+```typescript
+add2cartUrl: string;
+```

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

@@ -0,0 +1,11 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [VendorResultTagging](./x-components.vendorresulttagging.md) &gt; [clickUrl](./x-components.vendorresulttagging.clickurl.md)
+
+## VendorResultTagging.clickUrl property
+
+**Signature:**
+
+```typescript
+clickUrl: string;
+```

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

@@ -0,0 +1,88 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [VendorResultTagging](./x-components.vendorresulttagging.md)
+
+## VendorResultTagging interface
+
+**Signature:**
+
+```typescript
+export interface VendorResultTagging 
+```
+
+## Properties
+
+<table><thead><tr><th>
+
+Property
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[add2cartUrl](./x-components.vendorresulttagging.add2carturl.md)
+
+
+</td><td>
+
+
+</td><td>
+
+string
+
+
+</td><td>
+
+
+</td></tr>
+<tr><td>
+
+[clickUrl](./x-components.vendorresulttagging.clickurl.md)
+
+
+</td><td>
+
+
+</td><td>
+
+string
+
+
+</td><td>
+
+
+</td></tr>
+<tr><td>
+
+[viewUrl](./x-components.vendorresulttagging.viewurl.md)
+
+
+</td><td>
+
+
+</td><td>
+
+string
+
+
+</td><td>
+
+
+</td></tr>
+</tbody></table>
+

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

@@ -0,0 +1,11 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [VendorResultTagging](./x-components.vendorresulttagging.md) &gt; [viewUrl](./x-components.vendorresulttagging.viewurl.md)
+
+## VendorResultTagging.viewUrl property
+
+**Signature:**
+
+```typescript
+viewUrl: string;
+```

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

@@ -37,6 +37,63 @@ Description
 </th></tr></thead>
 <tbody><tr><td>
 
+[UserClickedAVendorResult](./x-components.vendorxevents.userclickedavendorresult.md)
+
+
+</td><td>
+
+
+</td><td>
+
+[VendorResult](./x-components.vendorresult.md)
+
+
+</td><td>
+
+The user clicked on a vendor result. Payload: The [vendor result](./x-components.vendorresult.md) that was clicked.
+
+
+</td></tr>
+<tr><td>
+
+[UserClickedVendorResultAddToCart](./x-components.vendorxevents.userclickedvendorresultaddtocart.md)
+
+
+</td><td>
+
+
+</td><td>
+
+[VendorResult](./x-components.vendorresult.md)
+
+
+</td><td>
+
+The user clicked on the add to cart button of a vendor result. Payload: The [vendor result](./x-components.vendorresult.md) that was clicked.
+
+
+</td></tr>
+<tr><td>
+
+[UserViewedAVendorResult](./x-components.vendorxevents.userviewedavendorresult.md)
+
+
+</td><td>
+
+
+</td><td>
+
+[VendorResult](./x-components.vendorresult.md)
+
+
+</td><td>
+
+The user viewed a vendor result. Payload: The [vendor result](./x-components.vendorresult.md) that was viewed.
+
+
+</td></tr>
+<tr><td>
+
 [VendorResultsChanged](./x-components.vendorxevents.vendorresultschanged.md)
 
 

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

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [VendorXEvents](./x-components.vendorxevents.md) &gt; [UserClickedAVendorResult](./x-components.vendorxevents.userclickedavendorresult.md)
+
+## VendorXEvents.UserClickedAVendorResult property
+
+The user clicked on a vendor result. Payload: The [vendor result](./x-components.vendorresult.md) that was clicked.
+
+**Signature:**
+
+```typescript
+UserClickedAVendorResult: VendorResult;
+```

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

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [VendorXEvents](./x-components.vendorxevents.md) &gt; [UserClickedVendorResultAddToCart](./x-components.vendorxevents.userclickedvendorresultaddtocart.md)
+
+## VendorXEvents.UserClickedVendorResultAddToCart property
+
+The user clicked on the add to cart button of a vendor result. Payload: The [vendor result](./x-components.vendorresult.md) that was clicked.
+
+**Signature:**
+
+```typescript
+UserClickedVendorResultAddToCart: VendorResult;
+```

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

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [VendorXEvents](./x-components.vendorxevents.md) &gt; [UserViewedAVendorResult](./x-components.vendorxevents.userviewedavendorresult.md)
+
+## VendorXEvents.UserViewedAVendorResult property
+
+The user viewed a vendor result. Payload: The [vendor result](./x-components.vendorresult.md) that was viewed.
+
+**Signature:**
+
+```typescript
+UserViewedAVendorResult: VendorResult;
+```

package/docs/API-reference/components/common/result/x-components.base-result-add-to-cart.md

@@ -11,9 +11,10 @@ XEventsTypes.UserClickedResultAddToCart to the bus on click mouse event.
 
 ## Props
 
-| Name                | Description                                           | Type                | Default       |
-| ------------------- | ----------------------------------------------------- | ------------------- | ------------- |
-| <code>result</code> | (Required) The @empathyco/x-types#Result information. | <code>Result</code> | <code></code> |
+| Name                    | Description                                           | Type                | Default                                   |
+| ----------------------- | ----------------------------------------------------- | ------------------- | ----------------------------------------- |
+| <code>result</code>     | (Required) The @empathyco/x-types#Result information. | <code>Result</code> | <code></code>                             |
+| <code>clickEvent</code> |                                                       | <code>XEvent</code> | <code>'UserClickedResultAddToCart'</code> |
 
 ## Slots
 

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

@@ -10,9 +10,10 @@ Component to be reused that renders an `<a>` wrapping the result contents.
 
 ## Props
 
-| Name                | Description                                           | Type                | Default       |
-| ------------------- | ----------------------------------------------------- | ------------------- | ------------- |
-| <code>result</code> | (Required) The @empathyco/x-types#Result information. | <code>Result</code> | <code></code> |
+| Name                    | Description                                           | Type                | Default                           |
+| ----------------------- | ----------------------------------------------------- | ------------------- | --------------------------------- |
+| <code>result</code>     | (Required) The @empathyco/x-types#Result information. | <code>Result</code> | <code></code>                     |
+| <code>clickEvent</code> |                                                       | <code>XEvent</code> | <code>'UserClickedAResult'</code> |
 
 ## Slots
 

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

@@ -1 +1 @@
-{"version":3,"file":"base-result-add-to-cart.vue.js","sources":["../../../../src/components/result/base-result-add-to-cart.vue"],"sourcesContent":["<template>\n  <BaseEventButton\n    :events=\"events\"\n    :metadata=\"metadata\"\n    class=\"x-result-add-to-cart xds:button\"\n    data-test=\"result-add-to-cart\"\n  >\n    <!-- @slot (Required) Button content with a text, an icon or both -->\n    <slot />\n  </BaseEventButton>\n</template>\n\n<script lang=\"ts\">\nimport type { Result } from '@empathyco/x-types'\nimport type { PropType } from 'vue'\nimport type { PropsWithType } from '../../utils/index'\nimport type { XEventsTypes } from '../../wiring/events.types'\nimport type { WireMetadata } from '../../wiring/index'\nimport { computed, defineComponent, inject } from 'vue'\nimport BaseEventButton from '../base-event-button.vue'\n\n/**\n * Renders a button with a default slot. It receives the result with the data and emits\n * {@link XEventsTypes.UserClickedResultAddToCart} to the bus on click mouse event.\n *\n * @public\n */\nexport default defineComponent({\n  components: { BaseEventButton },\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  setup(props) {\n    /**\n     * The list of additional events to be emitted by the component when user clicks the add2cart button.\n     *\n     * @internal\n     */\n    const resultAddToCartExtraEvents = inject<PropsWithType<XEventsTypes, Result>[]>(\n      'resultAddToCartExtraEvents',\n      [],\n    )\n\n    /**\n     * The metadata to be injected in the events emitted by the component.\n     */\n    const metadata = inject<Omit<WireMetadata, 'moduleName' | 'origin' | 'location'>>(\n      'resultAddToCartExtraEventsMetadata',\n      {},\n    )\n\n    /**\n     * The events to be emitted by the button.\n     *\n     * @returns Events {@link XEventsTypes} to emit.\n     *\n     * @public\n     */\n    const events = computed(() => {\n      return resultAddToCartExtraEvents.reduce(\n        (acc, event) => {\n          acc[event] = props.result\n          return acc\n        },\n        { UserClickedResultAddToCart: props.result } as Partial<XEventsTypes>,\n      )\n    })\n\n    return {\n      events: props.result.modelName === 'Result' ? events : {},\n      metadata,\n    }\n  },\n})\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nA list of events that the component will emit:\n\n- [`UserClickedResultAddToCart`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n  the event is emitted after the user clicks the button. The event payload is the result data.\n\n## Examples\n\nRenders a button with a default slot. It receives the result with the data and emits an event\n`UserClickedResultAddToCart` to the bus on click mouse event.\n\n### Basic example\n\nThis component is a button to emit `UserClickedResultAddToCart` when clicked by the user.\n\n```vue\n<template>\n  <BaseResultAddToCart :result=\"result\">\n    <img src=\"./add-to-cart.svg\" alt=\"Add to cart\" />\n    <span>Add to cart</span>\n  </BaseResultAddToCart>\n</template>\n\n<script setup>\nimport { BaseResultAddToCart } from '@empathyco/x-components'\nconst result = {\n  id: '123',\n  name: 'Product name',\n  price: 19.99,\n  // ...other result properties\n}\n</script>\n```\n</docs>\n"],"names":["_createBlock","_renderSlot"],"mappings":";;;;;;sBACEA,WAAA,CAQkB,0BAAA,EAAA;AAAA,IAPf,MAAA,EAAQ,IAAA,CAAA,MAAA;AAAA,IACR,QAAA,EAAU,IAAA,CAAA,QAAA;AAAA,IACX,KAAA,EAAM,iCAAA;AAAA,IACN,WAAA,EAAU;AAAA,GAAA,EAAA;qBAGV,MAAQ;AAAA,MAARC,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA,KAAA,CAAA;;;;;;;;;"}
+{"version":3,"file":"base-result-add-to-cart.vue.js","sources":["../../../../src/components/result/base-result-add-to-cart.vue"],"sourcesContent":["<template>\n  <BaseEventButton\n    :events=\"events\"\n    :metadata=\"metadata\"\n    class=\"x-result-add-to-cart xds:button\"\n    data-test=\"result-add-to-cart\"\n  >\n    <!-- @slot (Required) Button content with a text, an icon or both -->\n    <slot />\n  </BaseEventButton>\n</template>\n\n<script lang=\"ts\">\nimport type { Result } from '@empathyco/x-types'\nimport type { PropType } from 'vue'\nimport type { PropsWithType } from '../../utils/index'\nimport type { XEvent, XEventsTypes } from '../../wiring/events.types'\nimport type { WireMetadata } from '../../wiring/index'\nimport { computed, defineComponent, inject } from 'vue'\nimport BaseEventButton from '../base-event-button.vue'\n\n/**\n * Renders a button with a default slot. It receives the result with the data and emits\n * {@link XEventsTypes.UserClickedResultAddToCart} to the bus on click mouse event.\n *\n * @public\n */\nexport default defineComponent({\n  components: { BaseEventButton },\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    clickEvent: {\n      type: String as PropType<XEvent>,\n      default: 'UserClickedResultAddToCart',\n    },\n  },\n  setup(props) {\n    /**\n     * The list of additional events to be emitted by the component when user clicks the add2cart button.\n     *\n     * @internal\n     */\n    const resultAddToCartExtraEvents = inject<PropsWithType<XEventsTypes, Result>[]>(\n      'resultAddToCartExtraEvents',\n      [],\n    )\n\n    /**\n     * The metadata to be injected in the events emitted by the component.\n     */\n    const metadata = inject<Omit<WireMetadata, 'moduleName' | 'origin' | 'location'>>(\n      'resultAddToCartExtraEventsMetadata',\n      {},\n    )\n\n    /**\n     * The events to be emitted by the button.\n     *\n     * @returns Events {@link XEventsTypes} to emit.\n     *\n     * @public\n     */\n    const events = computed(() => {\n      return resultAddToCartExtraEvents.reduce(\n        (acc, event) => {\n          acc[event] = props.result\n          return acc\n        },\n        { [props.clickEvent]: props.result } as Partial<XEventsTypes>,\n      )\n    })\n\n    return {\n      events,\n      metadata,\n    }\n  },\n})\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nA list of events that the component will emit:\n\n- [`UserClickedResultAddToCart`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n  the event is emitted after the user clicks the button. The event payload is the result data.\n\n## Examples\n\nRenders a button with a default slot. It receives the result with the data and emits an event\n`UserClickedResultAddToCart` to the bus on click mouse event.\n\n### Basic example\n\nThis component is a button to emit `UserClickedResultAddToCart` when clicked by the user.\n\n```vue\n<template>\n  <BaseResultAddToCart :result=\"result\">\n    <img src=\"./add-to-cart.svg\" alt=\"Add to cart\" />\n    <span>Add to cart</span>\n  </BaseResultAddToCart>\n</template>\n\n<script setup>\nimport { BaseResultAddToCart } from '@empathyco/x-components'\nconst result = {\n  id: '123',\n  name: 'Product name',\n  price: 19.99,\n  // ...other result properties\n}\n</script>\n```\n</docs>\n"],"names":["_createBlock","_renderSlot"],"mappings":";;;;;;sBACEA,WAAA,CAQkB,0BAAA,EAAA;AAAA,IAPf,MAAA,EAAQ,IAAA,CAAA,MAAA;AAAA,IACR,QAAA,EAAU,IAAA,CAAA,QAAA;AAAA,IACX,KAAA,EAAM,iCAAA;AAAA,IACN,WAAA,EAAU;AAAA,GAAA,EAAA;qBAGV,MAAQ;AAAA,MAARC,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA,KAAA,CAAA;;;;;;;;;"}

package/js/components/result/base-result-add-to-cart.vue2.js

@@ -19,6 +19,10 @@ var _sfc_main = defineComponent({
             type: Object,
             required: true,
         },
+        clickEvent: {
+            type: String,
+            default: 'UserClickedResultAddToCart',
+        },
     },
     setup(props) {
         /**
@@ -42,10 +46,10 @@ var _sfc_main = defineComponent({
             return resultAddToCartExtraEvents.reduce((acc, event) => {
                 acc[event] = props.result;
                 return acc;
-            }, { UserClickedResultAddToCart: props.result });
+            }, { [props.clickEvent]: props.result });
         });
         return {
-            events: props.result.modelName === 'Result' ? events : {},
+            events,
             metadata,
         };
     },

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

@@ -1 +1 @@
-{"version":3,"file":"base-result-add-to-cart.vue2.js","sources":["../../../../src/components/result/base-result-add-to-cart.vue"],"sourcesContent":["<template>\n  <BaseEventButton\n    :events=\"events\"\n    :metadata=\"metadata\"\n    class=\"x-result-add-to-cart xds:button\"\n    data-test=\"result-add-to-cart\"\n  >\n    <!-- @slot (Required) Button content with a text, an icon or both -->\n    <slot />\n  </BaseEventButton>\n</template>\n\n<script lang=\"ts\">\nimport type { Result } from '@empathyco/x-types'\nimport type { PropType } from 'vue'\nimport type { PropsWithType } from '../../utils/index'\nimport type { XEventsTypes } from '../../wiring/events.types'\nimport type { WireMetadata } from '../../wiring/index'\nimport { computed, defineComponent, inject } from 'vue'\nimport BaseEventButton from '../base-event-button.vue'\n\n/**\n * Renders a button with a default slot. It receives the result with the data and emits\n * {@link XEventsTypes.UserClickedResultAddToCart} to the bus on click mouse event.\n *\n * @public\n */\nexport default defineComponent({\n  components: { BaseEventButton },\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  setup(props) {\n    /**\n     * The list of additional events to be emitted by the component when user clicks the add2cart button.\n     *\n     * @internal\n     */\n    const resultAddToCartExtraEvents = inject<PropsWithType<XEventsTypes, Result>[]>(\n      'resultAddToCartExtraEvents',\n      [],\n    )\n\n    /**\n     * The metadata to be injected in the events emitted by the component.\n     */\n    const metadata = inject<Omit<WireMetadata, 'moduleName' | 'origin' | 'location'>>(\n      'resultAddToCartExtraEventsMetadata',\n      {},\n    )\n\n    /**\n     * The events to be emitted by the button.\n     *\n     * @returns Events {@link XEventsTypes} to emit.\n     *\n     * @public\n     */\n    const events = computed(() => {\n      return resultAddToCartExtraEvents.reduce(\n        (acc, event) => {\n          acc[event] = props.result\n          return acc\n        },\n        { UserClickedResultAddToCart: props.result } as Partial<XEventsTypes>,\n      )\n    })\n\n    return {\n      events: props.result.modelName === 'Result' ? events : {},\n      metadata,\n    }\n  },\n})\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nA list of events that the component will emit:\n\n- [`UserClickedResultAddToCart`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n  the event is emitted after the user clicks the button. The event payload is the result data.\n\n## Examples\n\nRenders a button with a default slot. It receives the result with the data and emits an event\n`UserClickedResultAddToCart` to the bus on click mouse event.\n\n### Basic example\n\nThis component is a button to emit `UserClickedResultAddToCart` when clicked by the user.\n\n```vue\n<template>\n  <BaseResultAddToCart :result=\"result\">\n    <img src=\"./add-to-cart.svg\" alt=\"Add to cart\" />\n    <span>Add to cart</span>\n  </BaseResultAddToCart>\n</template>\n\n<script setup>\nimport { BaseResultAddToCart } from '@empathyco/x-components'\nconst result = {\n  id: '123',\n  name: 'Product name',\n  price: 19.99,\n  // ...other result properties\n}\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;AAqBA;;;;;AAKE;AACF,gBAAe,eAAe,CAAC;IAC7B,UAAU,EAAE,EAAE,eAAc,EAAG;AAC/B,IAAA,KAAK,EAAE;AACL;;;;AAIE;AACF,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,MAA0B;AAChC,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAA;AACT;;;;AAIE;QACF,MAAM,6BAA6B,MAAM,CACvC,4BAA4B,EAC5B,EAAE,CACJ;AAEA;;AAEE;QACF,MAAM,QAAO,GAAI,MAAM,CACrB,oCAAoC,EACpC,EAAE,CACJ;AAEA;;;;;;AAME;AACF,QAAA,MAAM,MAAK,GAAI,QAAQ,CAAC,MAAI;YAC1B,OAAO,0BAA0B,CAAC,MAAM,CACtC,CAAC,GAAG,EAAE,KAAK,KAAG;AACZ,gBAAA,GAAG,CAAC,KAAK,CAAA,GAAI,KAAK,CAAC,MAAK;AACxB,gBAAA,OAAO,GAAE;YACX,CAAC,EACD,EAAE,0BAA0B,EAAE,KAAK,CAAC,MAAK,EAA4B,CACvE;AACF,QAAA,CAAC,CAAA;QAED,OAAO;AACL,YAAA,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,cAAc,QAAO,GAAI,MAAK,GAAI,EAAE;YACzD,QAAQ;SACV;IACF,CAAC;AACF,CAAA,CAAA;;;;"}
+{"version":3,"file":"base-result-add-to-cart.vue2.js","sources":["../../../../src/components/result/base-result-add-to-cart.vue"],"sourcesContent":["<template>\n  <BaseEventButton\n    :events=\"events\"\n    :metadata=\"metadata\"\n    class=\"x-result-add-to-cart xds:button\"\n    data-test=\"result-add-to-cart\"\n  >\n    <!-- @slot (Required) Button content with a text, an icon or both -->\n    <slot />\n  </BaseEventButton>\n</template>\n\n<script lang=\"ts\">\nimport type { Result } from '@empathyco/x-types'\nimport type { PropType } from 'vue'\nimport type { PropsWithType } from '../../utils/index'\nimport type { XEvent, XEventsTypes } from '../../wiring/events.types'\nimport type { WireMetadata } from '../../wiring/index'\nimport { computed, defineComponent, inject } from 'vue'\nimport BaseEventButton from '../base-event-button.vue'\n\n/**\n * Renders a button with a default slot. It receives the result with the data and emits\n * {@link XEventsTypes.UserClickedResultAddToCart} to the bus on click mouse event.\n *\n * @public\n */\nexport default defineComponent({\n  components: { BaseEventButton },\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    clickEvent: {\n      type: String as PropType<XEvent>,\n      default: 'UserClickedResultAddToCart',\n    },\n  },\n  setup(props) {\n    /**\n     * The list of additional events to be emitted by the component when user clicks the add2cart button.\n     *\n     * @internal\n     */\n    const resultAddToCartExtraEvents = inject<PropsWithType<XEventsTypes, Result>[]>(\n      'resultAddToCartExtraEvents',\n      [],\n    )\n\n    /**\n     * The metadata to be injected in the events emitted by the component.\n     */\n    const metadata = inject<Omit<WireMetadata, 'moduleName' | 'origin' | 'location'>>(\n      'resultAddToCartExtraEventsMetadata',\n      {},\n    )\n\n    /**\n     * The events to be emitted by the button.\n     *\n     * @returns Events {@link XEventsTypes} to emit.\n     *\n     * @public\n     */\n    const events = computed(() => {\n      return resultAddToCartExtraEvents.reduce(\n        (acc, event) => {\n          acc[event] = props.result\n          return acc\n        },\n        { [props.clickEvent]: props.result } as Partial<XEventsTypes>,\n      )\n    })\n\n    return {\n      events,\n      metadata,\n    }\n  },\n})\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nA list of events that the component will emit:\n\n- [`UserClickedResultAddToCart`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n  the event is emitted after the user clicks the button. The event payload is the result data.\n\n## Examples\n\nRenders a button with a default slot. It receives the result with the data and emits an event\n`UserClickedResultAddToCart` to the bus on click mouse event.\n\n### Basic example\n\nThis component is a button to emit `UserClickedResultAddToCart` when clicked by the user.\n\n```vue\n<template>\n  <BaseResultAddToCart :result=\"result\">\n    <img src=\"./add-to-cart.svg\" alt=\"Add to cart\" />\n    <span>Add to cart</span>\n  </BaseResultAddToCart>\n</template>\n\n<script setup>\nimport { BaseResultAddToCart } from '@empathyco/x-components'\nconst result = {\n  id: '123',\n  name: 'Product name',\n  price: 19.99,\n  // ...other result properties\n}\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;AAqBA;;;;;AAKE;AACF,gBAAe,eAAe,CAAC;IAC7B,UAAU,EAAE,EAAE,eAAc,EAAG;AAC/B,IAAA,KAAK,EAAE;AACL;;;;AAIE;AACF,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,MAA0B;AAChC,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA;AACD,QAAA,UAAU,EAAE;AACV,YAAA,IAAI,EAAE,MAA0B;AAChC,YAAA,OAAO,EAAE,4BAA4B;AACtC,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAA;AACT;;;;AAIE;QACF,MAAM,6BAA6B,MAAM,CACvC,4BAA4B,EAC5B,EAAE,CACJ;AAEA;;AAEE;QACF,MAAM,QAAO,GAAI,MAAM,CACrB,oCAAoC,EACpC,EAAE,CACJ;AAEA;;;;;;AAME;AACF,QAAA,MAAM,MAAK,GAAI,QAAQ,CAAC,MAAI;YAC1B,OAAO,0BAA0B,CAAC,MAAM,CACtC,CAAC,GAAG,EAAE,KAAK,KAAG;AACZ,gBAAA,GAAG,CAAC,KAAK,CAAA,GAAI,KAAK,CAAC,MAAK;AACxB,gBAAA,OAAO,GAAE;AACX,YAAA,CAAC,EACD,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,MAAK,EAA4B,CAC/D;AACF,QAAA,CAAC,CAAA;QAED,OAAO;YACL,MAAM;YACN,QAAQ;SACV;IACF,CAAC;AACF,CAAA,CAAA;;;;"}

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

@@ -1,25 +1,21 @@
 import _sfc_main from './base-result-link.vue2.js';
-import { openBlock, createElementBlock, mergeProps, toHandlers, renderSlot } from 'vue';
+import { openBlock, createElementBlock, renderSlot } from 'vue';
 import './base-result-link.vue3.js';
 import _export_sfc from '../../_virtual/_plugin-vue_export-helper.js';
 
 const _hoisted_1 = ["href"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("a", mergeProps({
+  return openBlock(), createElementBlock("a", {
     ref: _ctx.el,
     href: _ctx.result.url,
     class: "x-result-link",
-    "data-test": "result-link"
-  }, toHandlers(
-    _ctx.result.modelName === "Result" ? {
-      click: _ctx.emitUserClickedAResult,
-      contextmenu: _ctx.emitUserClickedAResult,
-      auxclick: (event) => event.button === 1 && _ctx.emitUserClickedAResult()
-    } : {},
-    true
-  )), [
+    "data-test": "result-link",
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args)),
+    onContextmenu: _cache[1] || (_cache[1] = (...args) => _ctx.onClick && _ctx.onClick(...args)),
+    onAuxclick: _cache[2] || (_cache[2] = ({ button }) => button === 1 && _ctx.onClick())
+  }, [
     renderSlot(_ctx.$slots, "default", { result: _ctx.result }, void 0, true)
-  ], 16, _hoisted_1);
+  ], 40, _hoisted_1);
 }
 var baseResultLink = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-4d589f60"]]);
 

package/js/components/result/base-result-link.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-result-link.vue.js","sources":["../../../../src/components/result/base-result-link.vue"],"sourcesContent":["<template>\n  <a\n    :ref=\"el\"\n    :href=\"result.url\"\n    class=\"x-result-link\"\n    data-test=\"result-link\"\n    v-on=\"\n      result.modelName === 'Result'\n        ? {\n            click: emitUserClickedAResult,\n            contextmenu: emitUserClickedAResult,\n            auxclick: (event: { button: number }) => event.button === 1 && emitUserClickedAResult(),\n          }\n        : {}\n    \"\n  >\n    <!--\n      @slot (Required) Link content with a text, an image, another component or both\n          @binding {Result} result - Result data\n     -->\n    <slot :result=\"result\" />\n  </a>\n</template>\n\n<script lang=\"ts\">\nimport type { Result } from '@empathyco/x-types'\nimport type { PropType } from 'vue'\nimport type { PropsWithType } from '../../utils/types'\nimport type { WireMetadata } from '../../wiring'\nimport type { XEventsTypes } from '../../wiring/events.types'\nimport { defineComponent, inject, ref } from 'vue'\nimport { use$x } from '../../composables/index'\n\n/**\n * Component to be reused that renders an `<a>` wrapping the result contents.\n *\n * @remarks\n * It has the logic to emit {@link XEventsTypes.UserClickedAResult} to the bus on click mouse\n * events. Additionally, this component may be injected other events to be emitted on click\n * event, so, depending on where it's used its father component may provide this events.\n *\n * @public\n */\nexport default defineComponent({\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  setup(props) {\n    const $x = use$x()\n\n    /**\n     * The rendered DOM element.\n     *\n     * @internal\n     */\n    const el = ref()\n\n    /**\n     * The list of additional events to be emitted by the component when user clicks the link.\n     *\n     * @internal\n     */\n    const resultClickExtraEvents = inject<PropsWithType<XEventsTypes, Result>[]>(\n      'resultClickExtraEvents',\n      [],\n    )\n\n    /**\n     * The metadata to be injected in the events emitted by the component. This component can emit\n     * have extra events so this record pairs each event to its metadata.\n     */\n    const resultLinkMetadataPerEvent = inject<\n      // TODO: Refactor this inject key to the constants when doing EMP-909\n      Partial<\n        Record<\n          PropsWithType<XEventsTypes, Result>,\n          Omit<WireMetadata, 'moduleName' | 'origin' | 'location'>\n        >\n      >\n    >('resultLinkMetadataPerEvent', {})\n\n    /**\n     * Emits the {@link XEventsTypes.UserClickedAResult} when user clicks on the result, and also\n     * additional events if have been injected in the component.\n     *\n     * @internal\n     */\n    const emitUserClickedAResult = (): void => {\n      $x.emit('UserClickedAResult', props.result, {\n        target: el.value!,\n        ...resultLinkMetadataPerEvent.UserClickedAResult,\n      })\n      resultClickExtraEvents.forEach(event => {\n        $x.emit(event, props.result, { target: el.value!, ...resultLinkMetadataPerEvent[event] })\n      })\n    }\n\n    return {\n      el,\n      emitUserClickedAResult,\n    }\n  },\n})\n</script>\n\n<style lang=\"css\" scoped>\n.x-result-link {\n  text-decoration: none;\n}\n</style>\n\n<docs lang=\"mdx\">\n## Events\n\nThis component emits the following event:\n\n- [`UserClickedAResult`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts)\n\nThe component can emit more events on click using the `resultClickExtraEvents` prop.\n\n## Examples\n\nThis component is a wrapper for the result contents (images, name, price...). It may be part of the\nsearch result page, recommendations or other section which needs to include results.\n\nAdditionally, this component may be injected other events to be emitted on click event, so,\ndepending where it's used its father component may provide these events.\n\nThe result prop is required. It will render an anchor element with the href to the result URL:\n\n```vue\n<template>\n  <BaseResultLink :result=\"result\">\n    <template #default=\"{ result }\">\n      <img :src=\"result.images[0]\" alt=\"Result image\" />\n      <span>{{ result.name }}</span>\n    </template>\n  </BaseResultLink>\n</template>\n\n<script setup>\nimport { BaseResultLink } from '@empathyco/x-components'\nconst result = {\n  name: 'Jacket',\n  url: 'https://shop.com/jacket',\n  images: ['https://shop.com/jacket.jpg'],\n}\n</script>\n```\n</docs>\n"],"names":["_openBlock","_createElementBlock","_mergeProps","_toHandlers","_renderSlot"],"mappings":";;;;;;;AACE,EAAA,OAAAA,SAAA,EAAA,EAAAC,kBAAA,CAoBI,KApBJC,UAAA,CAoBI;AAAA,IAnBD,GAAA,EAAK,IAAA,CAAA,EAAA;AAAA,IACL,MAAM,IAAA,CAAA,MAAA,CAAO,GAAA;AAAA,IACd,KAAA,EAAM,eAAA;AAAA,IACN,WAAA,EAAU;AAAA,GAAA,EACVC,UAAA;AAAA,IAAa,YAAO,SAAA,KAAS,QAAA,GAAA;AAA6C,MAAA,KAAA,EAAA,IAAA,CAAA,sBAAA;AAAA,MAAA,WAAA,EAAiD,IAAA,CAAA,sBAAA;AAAA,MAAA,QAAA,EAAA,CAA+C,KAAA,KAA8B,KAAA,CAAM,MAAA,KAAM,CAAA,IAAU,IAAA,CAAA,sBAAA;AAAsB,KAAA,GAAA,EAAA;;;IAcpPC,UAAA,CAAyB,IAAA,CAAA,MAAA,EAAA,SAAA,EAAA,EAAlB,QAAQ,IAAA,CAAA,MAAA,EAAM,EAAA,MAAA,EAAA,IAAA;AAAA,GAAA,EAAA,EAAA,EAAA,UAAA,CAAA;;;;;;"}
+{"version":3,"file":"base-result-link.vue.js","sources":["../../../../src/components/result/base-result-link.vue"],"sourcesContent":["<template>\n  <a\n    :ref=\"el\"\n    :href=\"result.url\"\n    class=\"x-result-link\"\n    data-test=\"result-link\"\n    @click=\"onClick\"\n    @contextmenu=\"onClick\"\n    @auxclick=\"({ button }) => button === 1 && onClick()\"\n  >\n    <!--\n      @slot (Required) Link content with a text, an image, another component or both\n          @binding {Result} result - Result data\n     -->\n    <slot :result=\"result\" />\n  </a>\n</template>\n\n<script lang=\"ts\">\nimport type { Result } from '@empathyco/x-types'\nimport type { PropType } from 'vue'\nimport type { PropsWithType } from '../../utils/types'\nimport type { WireMetadata, XEvent } from '../../wiring'\nimport type { XEventsTypes } from '../../wiring/events.types'\nimport { defineComponent, inject, ref } from 'vue'\nimport { use$x } from '../../composables/index'\n\n/**\n * Component to be reused that renders an `<a>` wrapping the result contents.\n *\n * @remarks\n * It has the logic to emit {@link XEventsTypes.UserClickedAResult} to the bus on click mouse\n * events. Additionally, this component may be injected other events to be emitted on click\n * event, so, depending on where it's used its father component may provide this events.\n *\n * @public\n */\nexport default defineComponent({\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    clickEvent: {\n      type: String as PropType<XEvent>,\n      default: 'UserClickedAResult',\n    },\n  },\n  setup(props) {\n    const $x = use$x()\n\n    /**\n     * The rendered DOM element.\n     *\n     * @internal\n     */\n    const el = ref()\n\n    /**\n     * The list of additional events to be emitted by the component when user clicks the link.\n     *\n     * @internal\n     */\n    const resultClickExtraEvents = inject<PropsWithType<XEventsTypes, Result>[]>(\n      'resultClickExtraEvents',\n      [],\n    )\n\n    /**\n     * The metadata to be injected in the events emitted by the component. This component can emit\n     * have extra events so this record pairs each event to its metadata.\n     */\n    const resultLinkMetadataPerEvent = inject<\n      // TODO: Refactor this inject key to the constants when doing EMP-909\n      Partial<\n        Record<\n          PropsWithType<XEventsTypes, Result>,\n          Omit<WireMetadata, 'moduleName' | 'origin' | 'location'>\n        >\n      >\n    >('resultLinkMetadataPerEvent', {})\n\n    /**\n     * Emits the {@link XEventsTypes.UserClickedAResult} when user clicks on the result, and also\n     * additional events if have been injected in the component.\n     *\n     * @internal\n     */\n    const onClick = (): void => {\n      $x.emit(props.clickEvent, props.result, {\n        target: el.value!,\n        ...resultLinkMetadataPerEvent.UserClickedAResult,\n      })\n      resultClickExtraEvents.forEach(event => {\n        $x.emit(event, props.result, { target: el.value!, ...resultLinkMetadataPerEvent[event] })\n      })\n    }\n\n    return {\n      el,\n      onClick,\n    }\n  },\n})\n</script>\n\n<style lang=\"css\" scoped>\n.x-result-link {\n  text-decoration: none;\n}\n</style>\n\n<docs lang=\"mdx\">\n## Events\n\nThis component emits the following event:\n\n- [`UserClickedAResult`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts)\n\nThe component can emit more events on click using the `resultClickExtraEvents` prop.\n\n## Examples\n\nThis component is a wrapper for the result contents (images, name, price...). It may be part of the\nsearch result page, recommendations or other section which needs to include results.\n\nAdditionally, this component may be injected other events to be emitted on click event, so,\ndepending where it's used its father component may provide these events.\n\nThe result prop is required. It will render an anchor element with the href to the result URL:\n\n```vue\n<template>\n  <BaseResultLink :result=\"result\">\n    <template #default=\"{ result }\">\n      <img :src=\"result.images[0]\" alt=\"Result image\" />\n      <span>{{ result.name }}</span>\n    </template>\n  </BaseResultLink>\n</template>\n\n<script setup>\nimport { BaseResultLink } from '@empathyco/x-components'\nconst result = {\n  name: 'Jacket',\n  url: 'https://shop.com/jacket',\n  images: ['https://shop.com/jacket.jpg'],\n}\n</script>\n```\n</docs>\n"],"names":["_createElementBlock","_renderSlot"],"mappings":";;;;;;;sBACEA,kBAAA,CAcI,GAAA,EAAA;AAAA,IAbD,GAAA,EAAK,IAAA,CAAA,EAAA;AAAA,IACL,MAAM,IAAA,CAAA,MAAA,CAAO,GAAA;AAAA,IACd,KAAA,EAAM,eAAA;AAAA,IACN,WAAA,EAAU,aAAA;AAAA,IACT,SAAK,MAAA,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA,CAAA,GAAA,IAAA,KAAE,IAAA,CAAA,OAAA,IAAA,IAAA,CAAA,OAAA,CAAA,GAAA,IAAA,CAAA,CAAA;AAAA,IACP,eAAW,MAAA,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA,CAAA,GAAA,IAAA,KAAE,IAAA,CAAA,OAAA,IAAA,IAAA,CAAA,OAAA,CAAA,GAAA,IAAA,CAAA,CAAA;AAAA,IACb,YAAQ,MAAA,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA,CAAA,EAAK,MAAA,EAAM,KAAO,MAAA,KAAM,KAAU,IAAA,CAAA,OAAA,EAAO;AAAA,GAAA,EAAA;IAMlDC,UAAA,CAAyB,IAAA,CAAA,MAAA,EAAA,SAAA,EAAA,EAAlB,QAAQ,IAAA,CAAA,MAAA,EAAM,EAAA,MAAA,EAAA,IAAA;AAAA,GAAA,EAAA,EAAA,EAAA,UAAA,CAAA;;;;;;"}

package/js/components/result/base-result-link.vue2.js

@@ -29,6 +29,10 @@ var _sfc_main = defineComponent({
             type: Object,
             required: true,
         },
+        clickEvent: {
+            type: String,
+            default: 'UserClickedAResult',
+        },
     },
     setup(props) {
         const $x = use$x();
@@ -55,8 +59,8 @@ var _sfc_main = defineComponent({
          *
          * @internal
          */
-        const emitUserClickedAResult = () => {
-            $x.emit('UserClickedAResult', props.result, {
+        const onClick = () => {
+            $x.emit(props.clickEvent, props.result, {
                 target: el.value,
                 ...resultLinkMetadataPerEvent.UserClickedAResult,
             });
@@ -66,7 +70,7 @@ var _sfc_main = defineComponent({
         };
         return {
             el,
-            emitUserClickedAResult,
+            onClick,
         };
     },
 });