@empathyco/x-components 7.1.1 → 7.2.1

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.
 
+## [7.2.1](https://github.com/empathyco/x/compare/@empathyco/x-components@7.2.0...@empathyco/x-components@7.2.1) (2026-06-26)
+
+### Code Refactoring
+
+* **recommendations:** provide `LIST_ITEMS_KEY` injection token (#2124)
+
+
+## [7.2.0](https://github.com/empathyco/x/compare/@empathyco/x-components@7.1.1...@empathyco/x-components@7.2.0) (2026-06-18)
+
+### Features
+
+* **alias:** add selectedPrompt to useAliasApi and update tests for related prompts (#2121)
+
+
 ## [7.1.1](https://github.com/empathyco/x/compare/@empathyco/x-components@7.1.0...@empathyco/x-components@7.1.1) (2026-06-17)
 
 **Note:** Version bump only for package @empathyco/x-components

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

@@ -580,6 +580,27 @@ Filter\[\]
 The [FacetsXModule](./x-components.facetsxmodule.md) selected filters.
 
 
+</td></tr>
+<tr><td>
+
+[selectedPrompt](./x-components.usealiasapi.selectedprompt.md)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+number
+
+
+</td><td>
+
+The [RelatedPromptsXModule](./x-components.relatedpromptsxmodule.md) selected prompt.
+
+
 </td></tr>
 <tr><td>
 

package/docs/API-reference/api/x-components.usealiasapi.selectedprompt.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; [UseAliasAPI](./x-components.usealiasapi.md) &gt; [selectedPrompt](./x-components.usealiasapi.selectedprompt.md)
+
+## UseAliasAPI.selectedPrompt property
+
+The [RelatedPromptsXModule](./x-components.relatedpromptsxmodule.md) selected prompt.
+
+**Signature:**
+
+```typescript
+readonly selectedPrompt: number;
+```

package/js/composables/use-alias-api.js

@@ -123,6 +123,9 @@ function useAliasApi() {
         get selectedRelatedTags() {
             return store.state.x.relatedTags?.selectedRelatedTags ?? [];
         },
+        get selectedPrompt() {
+            return store.state.x.relatedPrompts?.selectedPrompt ?? -1;
+        },
         get semanticQueries() {
             return store.state.x.semanticQueries?.semanticQueries ?? [];
         },

package/js/composables/use-alias-api.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-alias-api.js","sources":["../../../src/composables/use-alias-api.ts"],"sourcesContent":["import type {\n  Facet,\n  Filter,\n  HistoryQuery,\n  NextQuery,\n  PartialResult,\n  Redirection,\n  RelatedPrompt,\n  RelatedTag,\n  Result,\n  SemanticQuery,\n  Suggestion,\n} from '@empathyco/x-types'\nimport type { RequestStatus } from '../store/utils/status-store.utils'\nimport type { ScrollComponentState } from '../x-modules/scroll/store/types'\nimport type { InputStatus } from '../x-modules/search-box/store/types'\nimport { useStore } from 'vuex'\nimport { getGetterPath } from '../plugins/index'\n\n/* eslint-disable ts/no-unsafe-return,ts/no-unsafe-member-access,ts/no-unsafe-assignment */\n\n/**\n * Creates an object containing the alias part of {@link XComponentAPI}.\n *\n * @returns An object containing the alias part of the {@link XComponentAPI}.\n *\n * @internal\n */\nexport function useAliasApi(): UseAliasAPI {\n  const queryModules = [\n    'facets',\n    'searchBox',\n    'nextQueries',\n    'querySuggestions',\n    'relatedTags',\n    'search',\n  ] as const\n  const statusModules = [\n    'identifierResults',\n    'nextQueries',\n    'popularSearches',\n    'querySuggestions',\n    'recommendations',\n    'relatedTags',\n    'search',\n  ] as const\n\n  const store = useStore()\n\n  const query = queryModules.reduce((acc, moduleName) => {\n    return Object.defineProperty(acc, moduleName, {\n      get(): string {\n        return store.state.x[moduleName]?.query ?? ''\n      },\n      enumerable: true,\n    })\n  }, {} as UseAliasQueryAPI)\n\n  const status = statusModules.reduce((acc, moduleName) => {\n    return Object.defineProperty(acc, moduleName, {\n      get(): RequestStatus | undefined {\n        return store.state.x[moduleName]?.status\n      },\n      enumerable: true,\n    })\n  }, {} as UseAliasStatusAPI)\n\n  return {\n    query,\n    status,\n    get device() {\n      return store.state.x.device?.name ?? null\n    },\n    get facets() {\n      return store.getters[getGetterPath('facets', 'facets')] ?? {}\n    },\n    get historyQueries() {\n      return store.getters[getGetterPath('historyQueries', 'historyQueries')] ?? []\n    },\n    get historyQueriesWithResults() {\n      return store.getters[getGetterPath('historyQueries', 'historyQueriesWithResults')] ?? []\n    },\n    get fullHistoryQueries() {\n      return store.state.x.historyQueries?.historyQueries ?? []\n    },\n    get isHistoryQueriesEnabled() {\n      return store.state.x.historyQueries?.isEnabled ?? false\n    },\n    get fromNoResultsWithFilters() {\n      return store.state.x.search?.fromNoResultsWithFilters ?? false\n    },\n    get identifierResults() {\n      return store.state.x.identifierResults?.identifierResults ?? []\n    },\n    get searchBoxStatus() {\n      return store.state.x.searchBox?.inputStatus ?? undefined\n    },\n    get isEmpathizeOpen() {\n      return store.state.x.empathize?.isOpen ?? false\n    },\n    get nextQueries() {\n      return store.getters[getGetterPath('nextQueries', 'nextQueries')] ?? []\n    },\n    get noResults() {\n      return store.state.x.search?.isNoResults ?? false\n    },\n    get lowResults() {\n      return (\n        store.state.x.search?.totalResults > 0 &&\n        store.state.x.search?.totalResults < store.state.x.search?.config?.threshold\n      )\n    },\n    get partialResults() {\n      return store.state.x.search?.partialResults ?? []\n    },\n    get popularSearches() {\n      return store.state.x.popularSearches?.popularSearches ?? []\n    },\n    get querySuggestions() {\n      return store.getters[getGetterPath('querySuggestions', 'querySuggestions')] ?? []\n    },\n    get fullQuerySuggestions() {\n      return store.state.x.querySuggestions?.suggestions ?? []\n    },\n    get recommendations() {\n      return store.state.x.recommendations?.recommendations ?? []\n    },\n    get redirections() {\n      return store.state.x.search?.redirections ?? []\n    },\n    get relatedTags() {\n      return store.getters[getGetterPath('relatedTags', 'relatedTags')] ?? []\n    },\n    get results() {\n      return store.state.x.search?.results ?? []\n    },\n    get scroll() {\n      return store.state.x.scroll?.data ?? {}\n    },\n    get selectedFilters() {\n      return store.getters[getGetterPath('facets', 'selectedFilters')] ?? []\n    },\n    get selectedRelatedTags() {\n      return store.state.x.relatedTags?.selectedRelatedTags ?? []\n    },\n    get semanticQueries() {\n      return store.state.x.semanticQueries?.semanticQueries ?? []\n    },\n    get relatedPrompts() {\n      return store.state.x.relatedPrompts?.relatedPrompts ?? []\n    },\n    get spellcheckedQuery() {\n      return store.state.x.search?.spellcheckedQuery ?? null\n    },\n    get totalResults() {\n      return store.state.x.search?.totalResults ?? 0\n    },\n    get selectedSort() {\n      return store.state.x.search?.sort ?? ''\n    },\n    get priceStats() {\n      return store.state.x.search?.stats?.price ?? {}\n    },\n  }\n}\n\n/**\n * Alias to facilitate retrieving values from the store.\n *\n * @public\n */\nexport interface UseAliasAPI {\n  /** The {@link DeviceXModule} detected device. */\n  readonly device: string | null\n  /** The {@link FacetsXModule} facets. */\n  readonly facets: Record<Facet['id'], Facet>\n  /** The {@link HistoryQueriesXModule} history queries matching the query. */\n  readonly historyQueries: ReadonlyArray<HistoryQuery>\n  /** The {@link HistoryQueriesXModule} history queries with 1 or more results. */\n  readonly historyQueriesWithResults: ReadonlyArray<HistoryQuery>\n  /** The {@link HistoryQueriesXModule} history queries. */\n  readonly fullHistoryQueries: ReadonlyArray<HistoryQuery>\n  /** The {@link HistoryQueriesXModule} history queries enabled flag. */\n  readonly isHistoryQueriesEnabled: Readonly<boolean>\n  /** The {@link SearchXModule} no results with filters flag. */\n  readonly fromNoResultsWithFilters: Readonly<boolean>\n  /** The {@link IdentifierResultsXModule} results. */\n  readonly identifierResults: ReadonlyArray<Result>\n  /** The {@link SearchBoxXModule } input status. */\n  readonly searchBoxStatus: InputStatus | undefined\n  /** The {@link Empathize} is open state. */\n  readonly isEmpathizeOpen: boolean\n  /** The {@link NextQueriesXModule} next queries. */\n  readonly nextQueries: ReadonlyArray<NextQuery>\n  /** The {@link SearchXModule} no results situation. */\n  readonly noResults: boolean\n  /** The {@link SearchXModule} low results situation. */\n  readonly lowResults: boolean\n  /** The {@link SearchXModule} partial results. */\n  readonly partialResults: ReadonlyArray<PartialResult>\n  /** The {@link PopularSearchesXModule} popular searches. */\n  readonly popularSearches: ReadonlyArray<Suggestion>\n  /** The query value of the different modules. */\n  readonly query: UseAliasQueryAPI\n  /** The {@link QuerySuggestionsXModule} query suggestions that should be displayed. */\n  readonly querySuggestions: ReadonlyArray<Suggestion>\n  /** The {@link QuerySuggestionsXModule} query suggestions. */\n  readonly fullQuerySuggestions: ReadonlyArray<Suggestion>\n  /** The {@link RecommendationsXModule} recommendations. */\n  readonly recommendations: ReadonlyArray<Result>\n  /** The {@link SearchXModule} redirections. */\n  readonly redirections: ReadonlyArray<Redirection>\n  /** The {@link RelatedTagsXModule} related tags (Both selected and deselected). */\n  readonly relatedTags: ReadonlyArray<RelatedTag>\n  /** The {@link SearchXModule} search results. */\n  readonly results: ReadonlyArray<Result>\n  /** The {@link ScrollXModule} data state. */\n  readonly scroll: Record<string, ScrollComponentState>\n  /** The {@link FacetsXModule} selected filters. */\n  readonly selectedFilters: Filter[]\n  /** The {@link RelatedTagsXModule} selected related tags. */\n  readonly selectedRelatedTags: ReadonlyArray<RelatedTag>\n  /** The {@link SemanticQueriesXModule} queries. */\n  readonly semanticQueries: ReadonlyArray<SemanticQuery>\n  /** The {@link RelatedPromptsXModule} related prompts. */\n  readonly relatedPrompts: ReadonlyArray<RelatedPrompt>\n  /** The {@link SearchXModule} spellchecked query. */\n  readonly spellcheckedQuery: string | null\n  /** The status value of the different modules. */\n  readonly status: UseAliasStatusAPI\n  /** The {@link SearchXModule} total results. */\n  readonly totalResults: number\n  /** The {@link SearchXModule} selected sort. */\n  readonly selectedSort: string\n  /** The {@link SearchXModule} price specific stats. */\n  readonly priceStats: { min: number; max: number }\n}\n\n/**\n * Alias to facilitate retrieving the modules with query.\n *\n * @public\n */\nexport interface UseAliasQueryAPI {\n  /** The {@link FacetsXModule} query. */\n  readonly facets: string\n  /** The {@link SearchBoxXModule} query. */\n  readonly searchBox: string\n  /** The {@link NextQueriesXModule} query. */\n  readonly nextQueries: string\n  /** The {@link QuerySuggestionsXModule} query. */\n  readonly querySuggestions: string\n  /** The {@link RelatedTagsXModule} query. */\n  readonly relatedTags: string\n  /** The {@link SearchXModule} query. */\n  readonly search: string\n}\n\n/**\n * Alias to facilitate retrieving the modules with status.\n *\n * @public\n */\nexport interface UseAliasStatusAPI {\n  /** The {@link IdentifierResultsXModule} status. */\n  readonly identifierResults: RequestStatus | undefined\n  /** The {@link NextQueriesXModule} status. */\n  readonly nextQueries: RequestStatus | undefined\n  /** The {@link PopularSearchesXModule} status. */\n  readonly popularSearches: RequestStatus | undefined\n  /** The {@link QuerySuggestionsXModule} status. */\n  readonly querySuggestions: RequestStatus | undefined\n  /** The {@link RecommendationsXModule} status. */\n  readonly recommendations: RequestStatus | undefined\n  /** The {@link RelatedTagsXModule} status. */\n  readonly relatedTags: RequestStatus | undefined\n  /** The {@link SearchXModule} status. */\n  readonly search: RequestStatus | undefined\n}\n\n/* eslint-enable ts/no-unsafe-return,ts/no-unsafe-member-access,ts/no-unsafe-assignment */\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"use-alias-api.js","sources":["../../../src/composables/use-alias-api.ts"],"sourcesContent":["import type {\n  Facet,\n  Filter,\n  HistoryQuery,\n  NextQuery,\n  PartialResult,\n  Redirection,\n  RelatedPrompt,\n  RelatedTag,\n  Result,\n  SemanticQuery,\n  Suggestion,\n} from '@empathyco/x-types'\nimport type { RequestStatus } from '../store/utils/status-store.utils'\nimport type { ScrollComponentState } from '../x-modules/scroll/store/types'\nimport type { InputStatus } from '../x-modules/search-box/store/types'\nimport { useStore } from 'vuex'\nimport { getGetterPath } from '../plugins/index'\n\n/* eslint-disable ts/no-unsafe-return,ts/no-unsafe-member-access,ts/no-unsafe-assignment */\n\n/**\n * Creates an object containing the alias part of {@link XComponentAPI}.\n *\n * @returns An object containing the alias part of the {@link XComponentAPI}.\n *\n * @internal\n */\nexport function useAliasApi(): UseAliasAPI {\n  const queryModules = [\n    'facets',\n    'searchBox',\n    'nextQueries',\n    'querySuggestions',\n    'relatedTags',\n    'search',\n  ] as const\n  const statusModules = [\n    'identifierResults',\n    'nextQueries',\n    'popularSearches',\n    'querySuggestions',\n    'recommendations',\n    'relatedTags',\n    'search',\n  ] as const\n\n  const store = useStore()\n\n  const query = queryModules.reduce((acc, moduleName) => {\n    return Object.defineProperty(acc, moduleName, {\n      get(): string {\n        return store.state.x[moduleName]?.query ?? ''\n      },\n      enumerable: true,\n    })\n  }, {} as UseAliasQueryAPI)\n\n  const status = statusModules.reduce((acc, moduleName) => {\n    return Object.defineProperty(acc, moduleName, {\n      get(): RequestStatus | undefined {\n        return store.state.x[moduleName]?.status\n      },\n      enumerable: true,\n    })\n  }, {} as UseAliasStatusAPI)\n\n  return {\n    query,\n    status,\n    get device() {\n      return store.state.x.device?.name ?? null\n    },\n    get facets() {\n      return store.getters[getGetterPath('facets', 'facets')] ?? {}\n    },\n    get historyQueries() {\n      return store.getters[getGetterPath('historyQueries', 'historyQueries')] ?? []\n    },\n    get historyQueriesWithResults() {\n      return store.getters[getGetterPath('historyQueries', 'historyQueriesWithResults')] ?? []\n    },\n    get fullHistoryQueries() {\n      return store.state.x.historyQueries?.historyQueries ?? []\n    },\n    get isHistoryQueriesEnabled() {\n      return store.state.x.historyQueries?.isEnabled ?? false\n    },\n    get fromNoResultsWithFilters() {\n      return store.state.x.search?.fromNoResultsWithFilters ?? false\n    },\n    get identifierResults() {\n      return store.state.x.identifierResults?.identifierResults ?? []\n    },\n    get searchBoxStatus() {\n      return store.state.x.searchBox?.inputStatus ?? undefined\n    },\n    get isEmpathizeOpen() {\n      return store.state.x.empathize?.isOpen ?? false\n    },\n    get nextQueries() {\n      return store.getters[getGetterPath('nextQueries', 'nextQueries')] ?? []\n    },\n    get noResults() {\n      return store.state.x.search?.isNoResults ?? false\n    },\n    get lowResults() {\n      return (\n        store.state.x.search?.totalResults > 0 &&\n        store.state.x.search?.totalResults < store.state.x.search?.config?.threshold\n      )\n    },\n    get partialResults() {\n      return store.state.x.search?.partialResults ?? []\n    },\n    get popularSearches() {\n      return store.state.x.popularSearches?.popularSearches ?? []\n    },\n    get querySuggestions() {\n      return store.getters[getGetterPath('querySuggestions', 'querySuggestions')] ?? []\n    },\n    get fullQuerySuggestions() {\n      return store.state.x.querySuggestions?.suggestions ?? []\n    },\n    get recommendations() {\n      return store.state.x.recommendations?.recommendations ?? []\n    },\n    get redirections() {\n      return store.state.x.search?.redirections ?? []\n    },\n    get relatedTags() {\n      return store.getters[getGetterPath('relatedTags', 'relatedTags')] ?? []\n    },\n    get results() {\n      return store.state.x.search?.results ?? []\n    },\n    get scroll() {\n      return store.state.x.scroll?.data ?? {}\n    },\n    get selectedFilters() {\n      return store.getters[getGetterPath('facets', 'selectedFilters')] ?? []\n    },\n    get selectedRelatedTags() {\n      return store.state.x.relatedTags?.selectedRelatedTags ?? []\n    },\n    get selectedPrompt() {\n      return store.state.x.relatedPrompts?.selectedPrompt ?? -1\n    },\n    get semanticQueries() {\n      return store.state.x.semanticQueries?.semanticQueries ?? []\n    },\n    get relatedPrompts() {\n      return store.state.x.relatedPrompts?.relatedPrompts ?? []\n    },\n    get spellcheckedQuery() {\n      return store.state.x.search?.spellcheckedQuery ?? null\n    },\n    get totalResults() {\n      return store.state.x.search?.totalResults ?? 0\n    },\n    get selectedSort() {\n      return store.state.x.search?.sort ?? ''\n    },\n    get priceStats() {\n      return store.state.x.search?.stats?.price ?? {}\n    },\n  }\n}\n\n/**\n * Alias to facilitate retrieving values from the store.\n *\n * @public\n */\nexport interface UseAliasAPI {\n  /** The {@link DeviceXModule} detected device. */\n  readonly device: string | null\n  /** The {@link FacetsXModule} facets. */\n  readonly facets: Record<Facet['id'], Facet>\n  /** The {@link HistoryQueriesXModule} history queries matching the query. */\n  readonly historyQueries: ReadonlyArray<HistoryQuery>\n  /** The {@link HistoryQueriesXModule} history queries with 1 or more results. */\n  readonly historyQueriesWithResults: ReadonlyArray<HistoryQuery>\n  /** The {@link HistoryQueriesXModule} history queries. */\n  readonly fullHistoryQueries: ReadonlyArray<HistoryQuery>\n  /** The {@link HistoryQueriesXModule} history queries enabled flag. */\n  readonly isHistoryQueriesEnabled: Readonly<boolean>\n  /** The {@link SearchXModule} no results with filters flag. */\n  readonly fromNoResultsWithFilters: Readonly<boolean>\n  /** The {@link IdentifierResultsXModule} results. */\n  readonly identifierResults: ReadonlyArray<Result>\n  /** The {@link SearchBoxXModule } input status. */\n  readonly searchBoxStatus: InputStatus | undefined\n  /** The {@link Empathize} is open state. */\n  readonly isEmpathizeOpen: boolean\n  /** The {@link NextQueriesXModule} next queries. */\n  readonly nextQueries: ReadonlyArray<NextQuery>\n  /** The {@link SearchXModule} no results situation. */\n  readonly noResults: boolean\n  /** The {@link SearchXModule} low results situation. */\n  readonly lowResults: boolean\n  /** The {@link SearchXModule} partial results. */\n  readonly partialResults: ReadonlyArray<PartialResult>\n  /** The {@link PopularSearchesXModule} popular searches. */\n  readonly popularSearches: ReadonlyArray<Suggestion>\n  /** The query value of the different modules. */\n  readonly query: UseAliasQueryAPI\n  /** The {@link QuerySuggestionsXModule} query suggestions that should be displayed. */\n  readonly querySuggestions: ReadonlyArray<Suggestion>\n  /** The {@link QuerySuggestionsXModule} query suggestions. */\n  readonly fullQuerySuggestions: ReadonlyArray<Suggestion>\n  /** The {@link RecommendationsXModule} recommendations. */\n  readonly recommendations: ReadonlyArray<Result>\n  /** The {@link SearchXModule} redirections. */\n  readonly redirections: ReadonlyArray<Redirection>\n  /** The {@link RelatedTagsXModule} related tags (Both selected and deselected). */\n  readonly relatedTags: ReadonlyArray<RelatedTag>\n  /** The {@link SearchXModule} search results. */\n  readonly results: ReadonlyArray<Result>\n  /** The {@link ScrollXModule} data state. */\n  readonly scroll: Record<string, ScrollComponentState>\n  /** The {@link FacetsXModule} selected filters. */\n  readonly selectedFilters: Filter[]\n  /** The {@link RelatedTagsXModule} selected related tags. */\n  readonly selectedRelatedTags: ReadonlyArray<RelatedTag>\n  /** The {@link RelatedPromptsXModule} selected prompt. */\n  readonly selectedPrompt: number\n  /** The {@link SemanticQueriesXModule} queries. */\n  readonly semanticQueries: ReadonlyArray<SemanticQuery>\n  /** The {@link RelatedPromptsXModule} related prompts. */\n  readonly relatedPrompts: ReadonlyArray<RelatedPrompt>\n  /** The {@link SearchXModule} spellchecked query. */\n  readonly spellcheckedQuery: string | null\n  /** The status value of the different modules. */\n  readonly status: UseAliasStatusAPI\n  /** The {@link SearchXModule} total results. */\n  readonly totalResults: number\n  /** The {@link SearchXModule} selected sort. */\n  readonly selectedSort: string\n  /** The {@link SearchXModule} price specific stats. */\n  readonly priceStats: { min: number; max: number }\n}\n\n/**\n * Alias to facilitate retrieving the modules with query.\n *\n * @public\n */\nexport interface UseAliasQueryAPI {\n  /** The {@link FacetsXModule} query. */\n  readonly facets: string\n  /** The {@link SearchBoxXModule} query. */\n  readonly searchBox: string\n  /** The {@link NextQueriesXModule} query. */\n  readonly nextQueries: string\n  /** The {@link QuerySuggestionsXModule} query. */\n  readonly querySuggestions: string\n  /** The {@link RelatedTagsXModule} query. */\n  readonly relatedTags: string\n  /** The {@link SearchXModule} query. */\n  readonly search: string\n}\n\n/**\n * Alias to facilitate retrieving the modules with status.\n *\n * @public\n */\nexport interface UseAliasStatusAPI {\n  /** The {@link IdentifierResultsXModule} status. */\n  readonly identifierResults: RequestStatus | undefined\n  /** The {@link NextQueriesXModule} status. */\n  readonly nextQueries: RequestStatus | undefined\n  /** The {@link PopularSearchesXModule} status. */\n  readonly popularSearches: RequestStatus | undefined\n  /** The {@link QuerySuggestionsXModule} status. */\n  readonly querySuggestions: RequestStatus | undefined\n  /** The {@link RecommendationsXModule} status. */\n  readonly recommendations: RequestStatus | undefined\n  /** The {@link RelatedTagsXModule} status. */\n  readonly relatedTags: RequestStatus | undefined\n  /** The {@link SearchXModule} status. */\n  readonly search: RequestStatus | undefined\n}\n\n/* eslint-enable ts/no-unsafe-return,ts/no-unsafe-member-access,ts/no-unsafe-assignment */\n"],"names":[],"mappings":"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"}

package/js/x-modules/recommendations/components/recommendations.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"recommendations.vue.js","sources":["../../../../../src/x-modules/recommendations/components/recommendations.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"animation\"\n    v-if=\"recommendations.length\"\n    tag=\"ul\"\n    data-test=\"recommendations\"\n    class=\"x-recommendations\"\n  >\n    <li\n      v-for=\"recommendation in recommendations\"\n      :key=\"recommendation.id\"\n      class=\"x-recommendations__item\"\n      data-test=\"recommendation-item\"\n    >\n      <!--\n        @slot (Required) Recommendation content.\n        @binding {recommendation} recommendation - Recommendation data.\n      -->\n      <slot :recommendation=\"recommendation\" />\n    </li>\n  </component>\n</template>\n\n<script lang=\"ts\">\nimport type { Result } from '@empathyco/x-types'\nimport type { PropsWithType } from '../../../utils'\nimport type { XEventsTypes } from '../../../wiring'\nimport { computed, defineComponent, provide } from 'vue'\nimport { useState } from '../../../composables'\nimport { AnimationProp } from '../../../types'\nimport { recommendationsXModule } from '../x-module'\n\n/**\n * It renders a list of recommendations from the\n * {@link RecommendationsState.recommendations} state by default.\n * The component provides the slot layout which wraps the whole component with the\n * recommendations bounded. It also provides the default slot to customize the item, which is\n * within the layout slot, with the recommendation bounded. Each recommendation should be\n * represented by a {@link BaseResultLink} component besides any other component.\n *\n * @public\n */\nexport default defineComponent({\n  name: 'Recommendations',\n  xModule: recommendationsXModule.name,\n  props: {\n    /** Animation component that will be used to animate the recommendations. */\n    animation: {\n      type: AnimationProp,\n      default: 'ul',\n    },\n    /** Number of recommendations to be rendered. */\n    maxItemsToRender: Number,\n  },\n  setup(props, { slots }) {\n    /** The module's list of recommendations. */\n    const storedRecommendations = useState('recommendations').recommendations\n\n    /** The additional events to be emitted by the mandatory {@link BaseResultLink} component. */\n    provide<PropsWithType<XEventsTypes, Result>[]>('resultClickExtraEvents', [\n      'UserClickedARecommendation',\n    ])\n\n    /**\n     * Slices the recommendations from the state.\n     *\n     * @returns - The list of recommendations slice by the number of items to render.\n     */\n    const recommendations = computed<Result[]>(() =>\n      storedRecommendations.value.slice(0, props.maxItemsToRender),\n    )\n\n    /**\n     * Render function to execute the `layout` slot, binding `slotsProps` and getting only the\n     * first `vNode` to avoid Fragments and Text root nodes.\n     * If there are no recommendations, nothing is rendered.\n     *\n     * @remarks `slotProps` must be values without Vue reactivity and located inside the\n     * render-function to update the binding data properly.\n     *\n     * @returns The root `vNode` of the `layout` slot or empty string if there are\n     * no recommendations.\n     */\n    function renderLayoutSlot() {\n      const slotProps = {\n        animation: props.animation,\n        recommendations: recommendations.value,\n      }\n      return recommendations.value.length ? slots.layout?.(slotProps)[0] : ''\n    }\n\n    /* Hack to render through a render-function, the `layout` slot or, in its absence,\n       the component itself. It is the alternative for the NoElement antipattern. */\n    const componentProps = { recommendations }\n    return (slots.layout ? renderLayoutSlot : componentProps) as typeof componentProps\n  },\n})\n</script>\n\n<style lang=\"css\" scoped>\n.x-recommendations {\n  display: flex;\n  list-style-type: none;\n}\n</style>\n\n<docs lang=\"mdx\">\n## Events\n\nThis component emits no events, but it makes components such as `BaseResultLink` emit additional\nevents:\n\n- [`UserClickedARecommendation`](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 link of a recommendation.\n\n## See it in action\n\n<!-- prettier-ignore-start -->\n:::warning Backend service required\nTo use this component, the Topclicked service must be implemented.\n:::\n<!-- prettier-ignore-end -->\n\nHere you have a basic example on how the recommendations are rendered. You can customize how each\nresult is rendered by using the `default` slot. It is highly recommended to use base components such\nas the `BaseResultLink` or the `BaseResultAddToCart`, as they provide integration with other\nmodules such as the `tagging` one.\n\n```vue live\n<template>\n  <Recommendations v-slot=\"{ recommendation }\">\n    <BaseResultLink :result=\"recommendation\" class=\"x-recommendations__link\">\n      <img\n        :src=\"recommendation.images[0]\"\n        :alt=\"recommendation.name\"\n        class=\"x-recommendations__image\"\n      />\n      <span class=\"x-recommendations__title\">{{ recommendation.name }}</span>\n    </BaseResultLink>\n    <BaseResultAddToCart :result=\"recommendation\">Add to cart</BaseResultAddToCart>\n  </Recommendations>\n</template>\n\n<script setup>\nimport { Recommendations } from '@empathyco/x-components/recommendations'\nimport { BaseResultLink, BaseResultAddToCart } from '@empathyco/x-components'\n</script>\n```\n\n### Play with props\n\nIn this example, the component will render a maximum of 4 result recommendations, and will use the\n`StaggeredFadeAndSlide` animation for the results, smoothing the entrance.\n\n```vue live\n<template>\n  <Recommendations\n    v-slot=\"{ recommendation }\"\n    :maxItemsToRender=\"4\"\n    :animation=\"StaggeredFadeAndSlide\"\n  >\n    <BaseResultLink :result=\"recommendation\" class=\"x-recommendations__link\">\n      <img\n        :src=\"recommendation.images[0]\"\n        :alt=\"recommendation.name\"\n        class=\"x-recommendations__image\"\n      />\n      <span class=\"x-recommendations__title\">{{ recommendation.name }}</span>\n    </BaseResultLink>\n    <BaseResultAddToCart :result=\"recommendation\">Add to cart</BaseResultAddToCart>\n  </Recommendations>\n</template>\n\n<script setup>\nimport { Recommendations } from '@empathyco/x-components/recommendations'\nimport { BaseResultLink, BaseResultAddToCart } from '@empathyco/x-components'\nimport StaggeredFadeAndSlide from '@empathyco/x-components/animations/staggered-fade-and-slide.vue'\n</script>\n```\n\n### Play with the layout\n\nIn this example you can build your own layout, and the `Recommendations` component will just act as\na provider of the result recommendations data. Using the component this way, you can render any\nlayout you want using the `layout` slot.\n\n```vue live\n<template>\n  <Recommendations v-slot:layout=\"{ recommendations }\">\n    <div class=\"x-recommendations\">\n      <article\n        class=\"x-recommendations-list\"\n        v-for=\"recommendation in recommendations\"\n        :key=\"recommendation.id\"\n      >\n        <BaseResultLink :result=\"recommendation\" class=\"x-recommendations__link\">\n          <img\n            :src=\"recommendation.images[0]\"\n            :alt=\"recommendation.name\"\n            class=\"x-recommendations__image\"\n          />\n          <span class=\"x-recommendations__title\">{{ recommendation.name }}</span>\n        </BaseResultLink>\n        <BaseResultAddToCart :result=\"recommendation\">Add to cart</BaseResultAddToCart>\n      </article>\n    </div>\n  </Recommendations>\n</template>\n\n<script setup>\nimport { Recommendations } from '@empathyco/x-components/recommendations'\nimport { BaseResultLink, BaseResultAddToCart } from '@empathyco/x-components'\n</script>\n```\n</docs>\n"],"names":["_openBlock","_createBlock","_resolveDynamicComponent","_createElementBlock","_Fragment","_renderList","_renderSlot"],"mappings":";;;;;;SAGU,IAAA,CAAA,eAAA,CAAgB,MAAA,IAAAA,SAAA,EAAA,EAFxBC,WAAA,CAmBYC,uBAAA,CAlBL,IAAA,CAAA,SAAS,CAAA,EAAA;AAAA,IAAA,GAAA,EAAA,CAAA;IAEd,GAAA,EAAI,IAAA;AAAA,IACJ,WAAA,EAAU,iBAAA;AAAA,IACV,KAAA,EAAM;AAAA,GAAA,EAAA;qBAGJ,MAAyC;AAAA,OAAAF,SAAA,CAAA,IAAA,CAAA,EAD3CG,kBAAA;AAAA,QAWKC,QAAA;AAAA,QAAA,IAAA;AAAA,QAAAC,UAAA,CAVsB,IAAA,CAAA,eAAA,EAAe,CAAjC,cAAA,KAAc;8BADvBF,kBAAA,CAWK,IAAA,EAAA;AAAA,YATF,KAAK,cAAA,CAAe,EAAA;AAAA,YACrB,KAAA,EAAM,yBAAA;AAAA,YACN,WAAA,EAAU;AAAA,WAAA,EAAA;AAMV,YAAAG,UAAA,CAAyC,0BAAlC,cAAA,EAA8B,EAAA,MAAA,EAAA,IAAA;AAAA,WAAA,CAAA;;;;;;;;;;;;;;"}
+{"version":3,"file":"recommendations.vue.js","sources":["../../../../../src/x-modules/recommendations/components/recommendations.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"animation\"\n    v-if=\"recommendations.length\"\n    tag=\"ul\"\n    data-test=\"recommendations\"\n    class=\"x-recommendations\"\n  >\n    <li\n      v-for=\"recommendation in recommendations\"\n      :key=\"recommendation.id\"\n      class=\"x-recommendations__item\"\n      data-test=\"recommendation-item\"\n    >\n      <!--\n        @slot (Required) Recommendation content.\n        @binding {recommendation} recommendation - Recommendation data.\n      -->\n      <slot :recommendation=\"recommendation\" />\n    </li>\n  </component>\n</template>\n\n<script lang=\"ts\">\nimport type { Result } from '@empathyco/x-types'\nimport type { PropsWithType } from '../../../utils'\nimport type { XEventsTypes } from '../../../wiring'\nimport { computed, defineComponent, provide } from 'vue'\nimport { LIST_ITEMS_KEY } from '../../../components/decorators/injection.consts'\nimport { useState } from '../../../composables'\nimport { AnimationProp } from '../../../types'\nimport { recommendationsXModule } from '../x-module'\n\n/**\n * It renders a list of recommendations from the\n * {@link RecommendationsState.recommendations} state by default.\n * The component provides the slot layout which wraps the whole component with the\n * recommendations bounded. It also provides the default slot to customize the item, which is\n * within the layout slot, with the recommendation bounded. Each recommendation should be\n * represented by a {@link BaseResultLink} component besides any other component.\n *\n * @public\n */\nexport default defineComponent({\n  name: 'Recommendations',\n  xModule: recommendationsXModule.name,\n  props: {\n    /** Animation component that will be used to animate the recommendations. */\n    animation: {\n      type: AnimationProp,\n      default: 'ul',\n    },\n    /** Number of recommendations to be rendered. */\n    maxItemsToRender: Number,\n  },\n  setup(props, { slots }) {\n    /** The module's list of recommendations. */\n    const storedRecommendations = useState('recommendations').recommendations\n\n    /** The additional events to be emitted by the mandatory {@link BaseResultLink} component. */\n    provide<PropsWithType<XEventsTypes, Result>[]>('resultClickExtraEvents', [\n      'UserClickedARecommendation',\n    ])\n\n    /**\n     * Slices the recommendations from the state.\n     *\n     * @returns - The list of recommendations slice by the number of items to render.\n     */\n    const recommendations = computed<Result[]>(() =>\n      storedRecommendations.value.slice(0, props.maxItemsToRender),\n    )\n\n    provide(LIST_ITEMS_KEY as string, recommendations)\n\n    /**\n     * Render function to execute the `layout` slot, binding `slotsProps` and getting only the\n     * first `vNode` to avoid Fragments and Text root nodes.\n     * If there are no recommendations, nothing is rendered.\n     *\n     * @remarks `slotProps` must be values without Vue reactivity and located inside the\n     * render-function to update the binding data properly.\n     *\n     * @returns The root `vNode` of the `layout` slot or empty string if there are\n     * no recommendations.\n     */\n    function renderLayoutSlot() {\n      const slotProps = {\n        animation: props.animation,\n        recommendations: recommendations.value,\n      }\n      return recommendations.value.length ? slots.layout?.(slotProps)[0] : ''\n    }\n\n    /* Hack to render through a render-function, the `layout` slot or, in its absence,\n       the component itself. It is the alternative for the NoElement antipattern. */\n    const componentProps = { recommendations }\n    return (slots.layout ? renderLayoutSlot : componentProps) as typeof componentProps\n  },\n})\n</script>\n\n<style lang=\"css\" scoped>\n.x-recommendations {\n  display: flex;\n  list-style-type: none;\n}\n</style>\n\n<docs lang=\"mdx\">\n## Events\n\nThis component emits no events, but it makes components such as `BaseResultLink` emit additional\nevents:\n\n- [`UserClickedARecommendation`](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 link of a recommendation.\n\n## See it in action\n\n<!-- prettier-ignore-start -->\n:::warning Backend service required\nTo use this component, the Topclicked service must be implemented.\n:::\n<!-- prettier-ignore-end -->\n\nHere you have a basic example on how the recommendations are rendered. You can customize how each\nresult is rendered by using the `default` slot. It is highly recommended to use base components such\nas the `BaseResultLink` or the `BaseResultAddToCart`, as they provide integration with other\nmodules such as the `tagging` one.\n\n```vue live\n<template>\n  <Recommendations v-slot=\"{ recommendation }\">\n    <BaseResultLink :result=\"recommendation\" class=\"x-recommendations__link\">\n      <img\n        :src=\"recommendation.images[0]\"\n        :alt=\"recommendation.name\"\n        class=\"x-recommendations__image\"\n      />\n      <span class=\"x-recommendations__title\">{{ recommendation.name }}</span>\n    </BaseResultLink>\n    <BaseResultAddToCart :result=\"recommendation\">Add to cart</BaseResultAddToCart>\n  </Recommendations>\n</template>\n\n<script setup>\nimport { Recommendations } from '@empathyco/x-components/recommendations'\nimport { BaseResultLink, BaseResultAddToCart } from '@empathyco/x-components'\n</script>\n```\n\n### Play with props\n\nIn this example, the component will render a maximum of 4 result recommendations, and will use the\n`StaggeredFadeAndSlide` animation for the results, smoothing the entrance.\n\n```vue live\n<template>\n  <Recommendations\n    v-slot=\"{ recommendation }\"\n    :maxItemsToRender=\"4\"\n    :animation=\"StaggeredFadeAndSlide\"\n  >\n    <BaseResultLink :result=\"recommendation\" class=\"x-recommendations__link\">\n      <img\n        :src=\"recommendation.images[0]\"\n        :alt=\"recommendation.name\"\n        class=\"x-recommendations__image\"\n      />\n      <span class=\"x-recommendations__title\">{{ recommendation.name }}</span>\n    </BaseResultLink>\n    <BaseResultAddToCart :result=\"recommendation\">Add to cart</BaseResultAddToCart>\n  </Recommendations>\n</template>\n\n<script setup>\nimport { Recommendations } from '@empathyco/x-components/recommendations'\nimport { BaseResultLink, BaseResultAddToCart } from '@empathyco/x-components'\nimport StaggeredFadeAndSlide from '@empathyco/x-components/animations/staggered-fade-and-slide.vue'\n</script>\n```\n\n### Play with the layout\n\nIn this example you can build your own layout, and the `Recommendations` component will just act as\na provider of the result recommendations data. Using the component this way, you can render any\nlayout you want using the `layout` slot.\n\n```vue live\n<template>\n  <Recommendations v-slot:layout=\"{ recommendations }\">\n    <div class=\"x-recommendations\">\n      <article\n        class=\"x-recommendations-list\"\n        v-for=\"recommendation in recommendations\"\n        :key=\"recommendation.id\"\n      >\n        <BaseResultLink :result=\"recommendation\" class=\"x-recommendations__link\">\n          <img\n            :src=\"recommendation.images[0]\"\n            :alt=\"recommendation.name\"\n            class=\"x-recommendations__image\"\n          />\n          <span class=\"x-recommendations__title\">{{ recommendation.name }}</span>\n        </BaseResultLink>\n        <BaseResultAddToCart :result=\"recommendation\">Add to cart</BaseResultAddToCart>\n      </article>\n    </div>\n  </Recommendations>\n</template>\n\n<script setup>\nimport { Recommendations } from '@empathyco/x-components/recommendations'\nimport { BaseResultLink, BaseResultAddToCart } from '@empathyco/x-components'\n</script>\n```\n</docs>\n"],"names":["_openBlock","_createBlock","_resolveDynamicComponent","_createElementBlock","_Fragment","_renderList","_renderSlot"],"mappings":";;;;;;SAGU,IAAA,CAAA,eAAA,CAAgB,MAAA,IAAAA,SAAA,EAAA,EAFxBC,WAAA,CAmBYC,uBAAA,CAlBL,IAAA,CAAA,SAAS,CAAA,EAAA;AAAA,IAAA,GAAA,EAAA,CAAA;IAEd,GAAA,EAAI,IAAA;AAAA,IACJ,WAAA,EAAU,iBAAA;AAAA,IACV,KAAA,EAAM;AAAA,GAAA,EAAA;qBAGJ,MAAyC;AAAA,OAAAF,SAAA,CAAA,IAAA,CAAA,EAD3CG,kBAAA;AAAA,QAWKC,QAAA;AAAA,QAAA,IAAA;AAAA,QAAAC,UAAA,CAVsB,IAAA,CAAA,eAAA,EAAe,CAAjC,cAAA,KAAc;8BADvBF,kBAAA,CAWK,IAAA,EAAA;AAAA,YATF,KAAK,cAAA,CAAe,EAAA;AAAA,YACrB,KAAA,EAAM,yBAAA;AAAA,YACN,WAAA,EAAU;AAAA,WAAA,EAAA;AAMV,YAAAG,UAAA,CAAyC,0BAAlC,cAAA,EAA8B,EAAA,MAAA,EAAA,IAAA;AAAA,WAAA,CAAA;;;;;;;;;;;;;;"}

package/js/x-modules/recommendations/components/recommendations.vue2.js

@@ -1,4 +1,5 @@
 import { defineComponent, provide, computed } from 'vue';
+import { LIST_ITEMS_KEY } from '../../../components/decorators/injection.consts.js';
 import '../../../composables/create-use-device.js';
 import 'vuex';
 import '../../../plugins/x-bus.js';
@@ -45,6 +46,7 @@ var _sfc_main = defineComponent({
          * @returns - The list of recommendations slice by the number of items to render.
          */
         const recommendations = computed(() => storedRecommendations.value.slice(0, props.maxItemsToRender));
+        provide(LIST_ITEMS_KEY, recommendations);
         /**
          * Render function to execute the `layout` slot, binding `slotsProps` and getting only the
          * first `vNode` to avoid Fragments and Text root nodes.

package/js/x-modules/recommendations/components/recommendations.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"recommendations.vue2.js","sources":["../../../../../src/x-modules/recommendations/components/recommendations.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"animation\"\n    v-if=\"recommendations.length\"\n    tag=\"ul\"\n    data-test=\"recommendations\"\n    class=\"x-recommendations\"\n  >\n    <li\n      v-for=\"recommendation in recommendations\"\n      :key=\"recommendation.id\"\n      class=\"x-recommendations__item\"\n      data-test=\"recommendation-item\"\n    >\n      <!--\n        @slot (Required) Recommendation content.\n        @binding {recommendation} recommendation - Recommendation data.\n      -->\n      <slot :recommendation=\"recommendation\" />\n    </li>\n  </component>\n</template>\n\n<script lang=\"ts\">\nimport type { Result } from '@empathyco/x-types'\nimport type { PropsWithType } from '../../../utils'\nimport type { XEventsTypes } from '../../../wiring'\nimport { computed, defineComponent, provide } from 'vue'\nimport { useState } from '../../../composables'\nimport { AnimationProp } from '../../../types'\nimport { recommendationsXModule } from '../x-module'\n\n/**\n * It renders a list of recommendations from the\n * {@link RecommendationsState.recommendations} state by default.\n * The component provides the slot layout which wraps the whole component with the\n * recommendations bounded. It also provides the default slot to customize the item, which is\n * within the layout slot, with the recommendation bounded. Each recommendation should be\n * represented by a {@link BaseResultLink} component besides any other component.\n *\n * @public\n */\nexport default defineComponent({\n  name: 'Recommendations',\n  xModule: recommendationsXModule.name,\n  props: {\n    /** Animation component that will be used to animate the recommendations. */\n    animation: {\n      type: AnimationProp,\n      default: 'ul',\n    },\n    /** Number of recommendations to be rendered. */\n    maxItemsToRender: Number,\n  },\n  setup(props, { slots }) {\n    /** The module's list of recommendations. */\n    const storedRecommendations = useState('recommendations').recommendations\n\n    /** The additional events to be emitted by the mandatory {@link BaseResultLink} component. */\n    provide<PropsWithType<XEventsTypes, Result>[]>('resultClickExtraEvents', [\n      'UserClickedARecommendation',\n    ])\n\n    /**\n     * Slices the recommendations from the state.\n     *\n     * @returns - The list of recommendations slice by the number of items to render.\n     */\n    const recommendations = computed<Result[]>(() =>\n      storedRecommendations.value.slice(0, props.maxItemsToRender),\n    )\n\n    /**\n     * Render function to execute the `layout` slot, binding `slotsProps` and getting only the\n     * first `vNode` to avoid Fragments and Text root nodes.\n     * If there are no recommendations, nothing is rendered.\n     *\n     * @remarks `slotProps` must be values without Vue reactivity and located inside the\n     * render-function to update the binding data properly.\n     *\n     * @returns The root `vNode` of the `layout` slot or empty string if there are\n     * no recommendations.\n     */\n    function renderLayoutSlot() {\n      const slotProps = {\n        animation: props.animation,\n        recommendations: recommendations.value,\n      }\n      return recommendations.value.length ? slots.layout?.(slotProps)[0] : ''\n    }\n\n    /* Hack to render through a render-function, the `layout` slot or, in its absence,\n       the component itself. It is the alternative for the NoElement antipattern. */\n    const componentProps = { recommendations }\n    return (slots.layout ? renderLayoutSlot : componentProps) as typeof componentProps\n  },\n})\n</script>\n\n<style lang=\"css\" scoped>\n.x-recommendations {\n  display: flex;\n  list-style-type: none;\n}\n</style>\n\n<docs lang=\"mdx\">\n## Events\n\nThis component emits no events, but it makes components such as `BaseResultLink` emit additional\nevents:\n\n- [`UserClickedARecommendation`](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 link of a recommendation.\n\n## See it in action\n\n<!-- prettier-ignore-start -->\n:::warning Backend service required\nTo use this component, the Topclicked service must be implemented.\n:::\n<!-- prettier-ignore-end -->\n\nHere you have a basic example on how the recommendations are rendered. You can customize how each\nresult is rendered by using the `default` slot. It is highly recommended to use base components such\nas the `BaseResultLink` or the `BaseResultAddToCart`, as they provide integration with other\nmodules such as the `tagging` one.\n\n```vue live\n<template>\n  <Recommendations v-slot=\"{ recommendation }\">\n    <BaseResultLink :result=\"recommendation\" class=\"x-recommendations__link\">\n      <img\n        :src=\"recommendation.images[0]\"\n        :alt=\"recommendation.name\"\n        class=\"x-recommendations__image\"\n      />\n      <span class=\"x-recommendations__title\">{{ recommendation.name }}</span>\n    </BaseResultLink>\n    <BaseResultAddToCart :result=\"recommendation\">Add to cart</BaseResultAddToCart>\n  </Recommendations>\n</template>\n\n<script setup>\nimport { Recommendations } from '@empathyco/x-components/recommendations'\nimport { BaseResultLink, BaseResultAddToCart } from '@empathyco/x-components'\n</script>\n```\n\n### Play with props\n\nIn this example, the component will render a maximum of 4 result recommendations, and will use the\n`StaggeredFadeAndSlide` animation for the results, smoothing the entrance.\n\n```vue live\n<template>\n  <Recommendations\n    v-slot=\"{ recommendation }\"\n    :maxItemsToRender=\"4\"\n    :animation=\"StaggeredFadeAndSlide\"\n  >\n    <BaseResultLink :result=\"recommendation\" class=\"x-recommendations__link\">\n      <img\n        :src=\"recommendation.images[0]\"\n        :alt=\"recommendation.name\"\n        class=\"x-recommendations__image\"\n      />\n      <span class=\"x-recommendations__title\">{{ recommendation.name }}</span>\n    </BaseResultLink>\n    <BaseResultAddToCart :result=\"recommendation\">Add to cart</BaseResultAddToCart>\n  </Recommendations>\n</template>\n\n<script setup>\nimport { Recommendations } from '@empathyco/x-components/recommendations'\nimport { BaseResultLink, BaseResultAddToCart } from '@empathyco/x-components'\nimport StaggeredFadeAndSlide from '@empathyco/x-components/animations/staggered-fade-and-slide.vue'\n</script>\n```\n\n### Play with the layout\n\nIn this example you can build your own layout, and the `Recommendations` component will just act as\na provider of the result recommendations data. Using the component this way, you can render any\nlayout you want using the `layout` slot.\n\n```vue live\n<template>\n  <Recommendations v-slot:layout=\"{ recommendations }\">\n    <div class=\"x-recommendations\">\n      <article\n        class=\"x-recommendations-list\"\n        v-for=\"recommendation in recommendations\"\n        :key=\"recommendation.id\"\n      >\n        <BaseResultLink :result=\"recommendation\" class=\"x-recommendations__link\">\n          <img\n            :src=\"recommendation.images[0]\"\n            :alt=\"recommendation.name\"\n            class=\"x-recommendations__image\"\n          />\n          <span class=\"x-recommendations__title\">{{ recommendation.name }}</span>\n        </BaseResultLink>\n        <BaseResultAddToCart :result=\"recommendation\">Add to cart</BaseResultAddToCart>\n      </article>\n    </div>\n  </Recommendations>\n</template>\n\n<script setup>\nimport { Recommendations } from '@empathyco/x-components/recommendations'\nimport { BaseResultLink, BaseResultAddToCart } from '@empathyco/x-components'\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;;;;;;;;;AAgCA;;;;;;;;;AASE;AACF,gBAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,iBAAiB;IACvB,OAAO,EAAE,sBAAsB,CAAC,IAAI;AACpC,IAAA,KAAK,EAAE;;AAEL,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,aAAa;AACnB,YAAA,OAAO,EAAE,IAAI;AACd,SAAA;;AAED,QAAA,gBAAgB,EAAE,MAAM;AACzB,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAI,EAAG,EAAA;;QAEpB,MAAM,qBAAoB,GAAI,QAAQ,CAAC,iBAAiB,CAAC,CAAC,eAAc;;QAGxE,OAAO,CAAwC,wBAAwB,EAAE;YACvE,4BAA4B;AAC7B,SAAA,CAAA;AAED;;;;AAIE;QACF,MAAM,eAAc,GAAI,QAAQ,CAAW,MACzC,qBAAqB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAC9D;AAEA;;;;;;;;;;AAUE;AACF,QAAA,SAAS,gBAAgB,GAAA;AACvB,YAAA,MAAM,YAAY;gBAChB,SAAS,EAAE,KAAK,CAAC,SAAS;gBAC1B,eAAe,EAAE,eAAe,CAAC,KAAK;aACxC;YACA,OAAO,eAAe,CAAC,KAAK,CAAC,MAAK,GAAI,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,CAAA,GAAI,EAAC;QACxE;AAEA;AAC+E;AAC/E,QAAA,MAAM,cAAa,GAAI,EAAE,eAAc,EAAE;AACzC,QAAA,QAAQ,KAAK,CAAC,MAAK,GAAI,gBAAe,GAAI,cAAc;IAC1D,CAAC;AACF,CAAA,CAAA;;;;"}
+{"version":3,"file":"recommendations.vue2.js","sources":["../../../../../src/x-modules/recommendations/components/recommendations.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"animation\"\n    v-if=\"recommendations.length\"\n    tag=\"ul\"\n    data-test=\"recommendations\"\n    class=\"x-recommendations\"\n  >\n    <li\n      v-for=\"recommendation in recommendations\"\n      :key=\"recommendation.id\"\n      class=\"x-recommendations__item\"\n      data-test=\"recommendation-item\"\n    >\n      <!--\n        @slot (Required) Recommendation content.\n        @binding {recommendation} recommendation - Recommendation data.\n      -->\n      <slot :recommendation=\"recommendation\" />\n    </li>\n  </component>\n</template>\n\n<script lang=\"ts\">\nimport type { Result } from '@empathyco/x-types'\nimport type { PropsWithType } from '../../../utils'\nimport type { XEventsTypes } from '../../../wiring'\nimport { computed, defineComponent, provide } from 'vue'\nimport { LIST_ITEMS_KEY } from '../../../components/decorators/injection.consts'\nimport { useState } from '../../../composables'\nimport { AnimationProp } from '../../../types'\nimport { recommendationsXModule } from '../x-module'\n\n/**\n * It renders a list of recommendations from the\n * {@link RecommendationsState.recommendations} state by default.\n * The component provides the slot layout which wraps the whole component with the\n * recommendations bounded. It also provides the default slot to customize the item, which is\n * within the layout slot, with the recommendation bounded. Each recommendation should be\n * represented by a {@link BaseResultLink} component besides any other component.\n *\n * @public\n */\nexport default defineComponent({\n  name: 'Recommendations',\n  xModule: recommendationsXModule.name,\n  props: {\n    /** Animation component that will be used to animate the recommendations. */\n    animation: {\n      type: AnimationProp,\n      default: 'ul',\n    },\n    /** Number of recommendations to be rendered. */\n    maxItemsToRender: Number,\n  },\n  setup(props, { slots }) {\n    /** The module's list of recommendations. */\n    const storedRecommendations = useState('recommendations').recommendations\n\n    /** The additional events to be emitted by the mandatory {@link BaseResultLink} component. */\n    provide<PropsWithType<XEventsTypes, Result>[]>('resultClickExtraEvents', [\n      'UserClickedARecommendation',\n    ])\n\n    /**\n     * Slices the recommendations from the state.\n     *\n     * @returns - The list of recommendations slice by the number of items to render.\n     */\n    const recommendations = computed<Result[]>(() =>\n      storedRecommendations.value.slice(0, props.maxItemsToRender),\n    )\n\n    provide(LIST_ITEMS_KEY as string, recommendations)\n\n    /**\n     * Render function to execute the `layout` slot, binding `slotsProps` and getting only the\n     * first `vNode` to avoid Fragments and Text root nodes.\n     * If there are no recommendations, nothing is rendered.\n     *\n     * @remarks `slotProps` must be values without Vue reactivity and located inside the\n     * render-function to update the binding data properly.\n     *\n     * @returns The root `vNode` of the `layout` slot or empty string if there are\n     * no recommendations.\n     */\n    function renderLayoutSlot() {\n      const slotProps = {\n        animation: props.animation,\n        recommendations: recommendations.value,\n      }\n      return recommendations.value.length ? slots.layout?.(slotProps)[0] : ''\n    }\n\n    /* Hack to render through a render-function, the `layout` slot or, in its absence,\n       the component itself. It is the alternative for the NoElement antipattern. */\n    const componentProps = { recommendations }\n    return (slots.layout ? renderLayoutSlot : componentProps) as typeof componentProps\n  },\n})\n</script>\n\n<style lang=\"css\" scoped>\n.x-recommendations {\n  display: flex;\n  list-style-type: none;\n}\n</style>\n\n<docs lang=\"mdx\">\n## Events\n\nThis component emits no events, but it makes components such as `BaseResultLink` emit additional\nevents:\n\n- [`UserClickedARecommendation`](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 link of a recommendation.\n\n## See it in action\n\n<!-- prettier-ignore-start -->\n:::warning Backend service required\nTo use this component, the Topclicked service must be implemented.\n:::\n<!-- prettier-ignore-end -->\n\nHere you have a basic example on how the recommendations are rendered. You can customize how each\nresult is rendered by using the `default` slot. It is highly recommended to use base components such\nas the `BaseResultLink` or the `BaseResultAddToCart`, as they provide integration with other\nmodules such as the `tagging` one.\n\n```vue live\n<template>\n  <Recommendations v-slot=\"{ recommendation }\">\n    <BaseResultLink :result=\"recommendation\" class=\"x-recommendations__link\">\n      <img\n        :src=\"recommendation.images[0]\"\n        :alt=\"recommendation.name\"\n        class=\"x-recommendations__image\"\n      />\n      <span class=\"x-recommendations__title\">{{ recommendation.name }}</span>\n    </BaseResultLink>\n    <BaseResultAddToCart :result=\"recommendation\">Add to cart</BaseResultAddToCart>\n  </Recommendations>\n</template>\n\n<script setup>\nimport { Recommendations } from '@empathyco/x-components/recommendations'\nimport { BaseResultLink, BaseResultAddToCart } from '@empathyco/x-components'\n</script>\n```\n\n### Play with props\n\nIn this example, the component will render a maximum of 4 result recommendations, and will use the\n`StaggeredFadeAndSlide` animation for the results, smoothing the entrance.\n\n```vue live\n<template>\n  <Recommendations\n    v-slot=\"{ recommendation }\"\n    :maxItemsToRender=\"4\"\n    :animation=\"StaggeredFadeAndSlide\"\n  >\n    <BaseResultLink :result=\"recommendation\" class=\"x-recommendations__link\">\n      <img\n        :src=\"recommendation.images[0]\"\n        :alt=\"recommendation.name\"\n        class=\"x-recommendations__image\"\n      />\n      <span class=\"x-recommendations__title\">{{ recommendation.name }}</span>\n    </BaseResultLink>\n    <BaseResultAddToCart :result=\"recommendation\">Add to cart</BaseResultAddToCart>\n  </Recommendations>\n</template>\n\n<script setup>\nimport { Recommendations } from '@empathyco/x-components/recommendations'\nimport { BaseResultLink, BaseResultAddToCart } from '@empathyco/x-components'\nimport StaggeredFadeAndSlide from '@empathyco/x-components/animations/staggered-fade-and-slide.vue'\n</script>\n```\n\n### Play with the layout\n\nIn this example you can build your own layout, and the `Recommendations` component will just act as\na provider of the result recommendations data. Using the component this way, you can render any\nlayout you want using the `layout` slot.\n\n```vue live\n<template>\n  <Recommendations v-slot:layout=\"{ recommendations }\">\n    <div class=\"x-recommendations\">\n      <article\n        class=\"x-recommendations-list\"\n        v-for=\"recommendation in recommendations\"\n        :key=\"recommendation.id\"\n      >\n        <BaseResultLink :result=\"recommendation\" class=\"x-recommendations__link\">\n          <img\n            :src=\"recommendation.images[0]\"\n            :alt=\"recommendation.name\"\n            class=\"x-recommendations__image\"\n          />\n          <span class=\"x-recommendations__title\">{{ recommendation.name }}</span>\n        </BaseResultLink>\n        <BaseResultAddToCart :result=\"recommendation\">Add to cart</BaseResultAddToCart>\n      </article>\n    </div>\n  </Recommendations>\n</template>\n\n<script setup>\nimport { Recommendations } from '@empathyco/x-components/recommendations'\nimport { BaseResultLink, BaseResultAddToCart } from '@empathyco/x-components'\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;;;;;;;;;;AAiCA;;;;;;;;;AASE;AACF,gBAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,iBAAiB;IACvB,OAAO,EAAE,sBAAsB,CAAC,IAAI;AACpC,IAAA,KAAK,EAAE;;AAEL,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,aAAa;AACnB,YAAA,OAAO,EAAE,IAAI;AACd,SAAA;;AAED,QAAA,gBAAgB,EAAE,MAAM;AACzB,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAI,EAAG,EAAA;;QAEpB,MAAM,qBAAoB,GAAI,QAAQ,CAAC,iBAAiB,CAAC,CAAC,eAAc;;QAGxE,OAAO,CAAwC,wBAAwB,EAAE;YACvE,4BAA4B;AAC7B,SAAA,CAAA;AAED;;;;AAIE;QACF,MAAM,eAAc,GAAI,QAAQ,CAAW,MACzC,qBAAqB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAC9D;AAEA,QAAA,OAAO,CAAC,cAAwB,EAAE,eAAe,CAAA;AAEjD;;;;;;;;;;AAUE;AACF,QAAA,SAAS,gBAAgB,GAAA;AACvB,YAAA,MAAM,YAAY;gBAChB,SAAS,EAAE,KAAK,CAAC,SAAS;gBAC1B,eAAe,EAAE,eAAe,CAAC,KAAK;aACxC;YACA,OAAO,eAAe,CAAC,KAAK,CAAC,MAAK,GAAI,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,CAAA,GAAI,EAAC;QACxE;AAEA;AAC+E;AAC/E,QAAA,MAAM,cAAa,GAAI,EAAE,eAAc,EAAE;AACzC,QAAA,QAAQ,KAAK,CAAC,MAAK,GAAI,gBAAe,GAAI,cAAc;IAC1D,CAAC;AACF,CAAA,CAAA;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@empathyco/x-components",
-  "version": "7.1.1",
+  "version": "7.2.1",
   "description": "Empathy X Components",
   "author": "Empathy Systems Corporation S.L.",
   "license": "Apache-2.0",
@@ -117,5 +117,5 @@
     "access": "public",
     "directory": "dist"
   },
-  "gitHead": "20dde8a5b68ef6e7855e96181ccf99b52922a619"
+  "gitHead": "4971259f9f1246043a8d342e9d1b057e1ba6268c"
 }

package/report/x-components.api.json

@@ -83239,6 +83239,33 @@
                 "endIndex": 3
               }
             },
+            {
+              "kind": "PropertySignature",
+              "canonicalReference": "@empathyco/x-components!UseAliasAPI#selectedPrompt:member",
+              "docComment": "/**\n * The {@link RelatedPromptsXModule} selected prompt.\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "readonly selectedPrompt: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "number"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": true,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "selectedPrompt",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              }
+            },
             {
               "kind": "PropertySignature",
               "canonicalReference": "@empathyco/x-components!UseAliasAPI#selectedRelatedTags:member",

package/report/x-components.api.md

@@ -8908,6 +8908,7 @@ export interface UseAliasAPI {
     // Warning: (ae-incompatible-release-tags) The symbol "searchBoxStatus" is marked as @public, but its signature references "InputStatus" which is marked as @internal
     readonly searchBoxStatus: InputStatus | undefined;
     readonly selectedFilters: Filter[];
+    readonly selectedPrompt: number;
     readonly selectedRelatedTags: ReadonlyArray<RelatedTag_2>;
     readonly selectedSort: string;
     readonly semanticQueries: ReadonlyArray<SemanticQuery_2>;

package/types/src/composables/use-alias-api.d.ts

@@ -66,6 +66,8 @@ export interface UseAliasAPI {
     readonly selectedFilters: Filter[];
     /** The {@link RelatedTagsXModule} selected related tags. */
     readonly selectedRelatedTags: ReadonlyArray<RelatedTag>;
+    /** The {@link RelatedPromptsXModule} selected prompt. */
+    readonly selectedPrompt: number;
     /** The {@link SemanticQueriesXModule} queries. */
     readonly semanticQueries: ReadonlyArray<SemanticQuery>;
     /** The {@link RelatedPromptsXModule} related prompts. */

package/types/src/composables/use-alias-api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-alias-api.d.ts","sourceRoot":"","sources":["../../../../src/composables/use-alias-api.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"use-alias-api.d.ts","sourceRoot":"","sources":["../../../../src/composables/use-alias-api.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,KAAK,EACL,MAAM,EACN,YAAY,EACZ,SAAS,EACT,aAAa,EACb,WAAW,EACX,aAAa,EACb,UAAU,EACV,MAAM,EACN,aAAa,EACb,UAAU,EACX,MAAM,oBAAoB,CAAA;AAC3B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAA;AACtE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAA;AAC3E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAA;AAMtE;;;;;;GAMG;AACH,wBAAgB,WAAW,IAAI,WAAW,CA2IzC;AAED;;;;GAIG;AACH,MAAM,WAAW,WAAW;IAC1B,iDAAiD;IACjD,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,wCAAwC;IACxC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,CAAA;IAC3C,4EAA4E;IAC5E,QAAQ,CAAC,cAAc,EAAE,aAAa,CAAC,YAAY,CAAC,CAAA;IACpD,gFAAgF;IAChF,QAAQ,CAAC,yBAAyB,EAAE,aAAa,CAAC,YAAY,CAAC,CAAA;IAC/D,yDAAyD;IACzD,QAAQ,CAAC,kBAAkB,EAAE,aAAa,CAAC,YAAY,CAAC,CAAA;IACxD,sEAAsE;IACtE,QAAQ,CAAC,uBAAuB,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;IACnD,8DAA8D;IAC9D,QAAQ,CAAC,wBAAwB,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;IACpD,oDAAoD;IACpD,QAAQ,CAAC,iBAAiB,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IACjD,kDAAkD;IAClD,QAAQ,CAAC,eAAe,EAAE,WAAW,GAAG,SAAS,CAAA;IACjD,2CAA2C;IAC3C,QAAQ,CAAC,eAAe,EAAE,OAAO,CAAA;IACjC,mDAAmD;IACnD,QAAQ,CAAC,WAAW,EAAE,aAAa,CAAC,SAAS,CAAC,CAAA;IAC9C,sDAAsD;IACtD,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAA;IAC3B,uDAAuD;IACvD,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAA;IAC5B,iDAAiD;IACjD,QAAQ,CAAC,cAAc,EAAE,aAAa,CAAC,aAAa,CAAC,CAAA;IACrD,2DAA2D;IAC3D,QAAQ,CAAC,eAAe,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;IACnD,gDAAgD;IAChD,QAAQ,CAAC,KAAK,EAAE,gBAAgB,CAAA;IAChC,sFAAsF;IACtF,QAAQ,CAAC,gBAAgB,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;IACpD,6DAA6D;IAC7D,QAAQ,CAAC,oBAAoB,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;IACxD,0DAA0D;IAC1D,QAAQ,CAAC,eAAe,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAC/C,8CAA8C;IAC9C,QAAQ,CAAC,YAAY,EAAE,aAAa,CAAC,WAAW,CAAC,CAAA;IACjD,kFAAkF;IAClF,QAAQ,CAAC,WAAW,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;IAC/C,gDAAgD;IAChD,QAAQ,CAAC,OAAO,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IACvC,4CAA4C;IAC5C,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAA;IACrD,kDAAkD;IAClD,QAAQ,CAAC,eAAe,EAAE,MAAM,EAAE,CAAA;IAClC,4DAA4D;IAC5D,QAAQ,CAAC,mBAAmB,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;IACvD,yDAAyD;IACzD,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B,kDAAkD;IAClD,QAAQ,CAAC,eAAe,EAAE,aAAa,CAAC,aAAa,CAAC,CAAA;IACtD,yDAAyD;IACzD,QAAQ,CAAC,cAAc,EAAE,aAAa,CAAC,aAAa,CAAC,CAAA;IACrD,oDAAoD;IACpD,QAAQ,CAAC,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAA;IACzC,iDAAiD;IACjD,QAAQ,CAAC,MAAM,EAAE,iBAAiB,CAAA;IAClC,+CAA+C;IAC/C,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAA;IAC7B,+CAA+C;IAC/C,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAA;IAC7B,sDAAsD;IACtD,QAAQ,CAAC,UAAU,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAA;CAClD;AAED;;;;GAIG;AACH,MAAM,WAAW,gBAAgB;IAC/B,uCAAuC;IACvC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;IACvB,0CAA0C;IAC1C,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,4CAA4C;IAC5C,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAA;IAC5B,iDAAiD;IACjD,QAAQ,CAAC,gBAAgB,EAAE,MAAM,CAAA;IACjC,4CAA4C;IAC5C,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAA;IAC5B,uCAAuC;IACvC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;CACxB;AAED;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IAChC,mDAAmD;IACnD,QAAQ,CAAC,iBAAiB,EAAE,aAAa,GAAG,SAAS,CAAA;IACrD,6CAA6C;IAC7C,QAAQ,CAAC,WAAW,EAAE,aAAa,GAAG,SAAS,CAAA;IAC/C,iDAAiD;IACjD,QAAQ,CAAC,eAAe,EAAE,aAAa,GAAG,SAAS,CAAA;IACnD,kDAAkD;IAClD,QAAQ,CAAC,gBAAgB,EAAE,aAAa,GAAG,SAAS,CAAA;IACpD,iDAAiD;IACjD,QAAQ,CAAC,eAAe,EAAE,aAAa,GAAG,SAAS,CAAA;IACnD,6CAA6C;IAC7C,QAAQ,CAAC,WAAW,EAAE,aAAa,GAAG,SAAS,CAAA;IAC/C,wCAAwC;IACxC,QAAQ,CAAC,MAAM,EAAE,aAAa,GAAG,SAAS,CAAA;CAC3C"}

package/types/src/x-modules/recommendations/components/recommendations.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"recommendations.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../../../../src/x-modules/recommendations/components/recommendations.vue?vue&type=script&lang.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAQhD;;;;;;;;;GASG;;IAKC,4EAA4E;;;;;IAK5E,gDAAgD;;;;;IALhD,4EAA4E;;;;;IAK5E,gDAAgD;;;;;AATpD,wBAsDE"}
+{"version":3,"file":"recommendations.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../../../../src/x-modules/recommendations/components/recommendations.vue?vue&type=script&lang.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAShD;;;;;;;;;GASG;;IAKC,4EAA4E;;;;;IAK5E,gDAAgD;;;;;IALhD,4EAA4E;;;;;IAK5E,gDAAgD;;;;;AATpD,wBAwDE"}