@empathyco/x-components 3.0.0-alpha.52 → 3.0.0-alpha.53

package/js/x-modules/recommendations/store/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../../src/x-modules/recommendations/store/constants.ts"],"sourcesContent":["/**\n * Constant for the recommendations request.\n *\n * @public\n */\nexport const RECOMMENDATIONS_ORIGIN = 'default';\n"],"names":[],"mappings":"AAAA;;;;;IAKa,sBAAsB,GAAG;;;;"}
+{"version":3,"file":"constants.js","sources":["../../../../../src/x-modules/recommendations/store/constants.ts"],"sourcesContent":["/**\n * Constant for the recommendations request.\n *\n * @public\n */\nexport const RECOMMENDATIONS_ORIGIN = 'default';\n"],"names":[],"mappings":"AAAA;;;;;MAKa,sBAAsB,GAAG;;;;"}

package/js/x-modules/recommendations/store/emitters.js

@@ -1,6 +1,3 @@
-import '../../../store/x.module.js';
-import '../../../store/utils/fetch-and-save-action.utils.js';
-import '../../../store/utils/status-store.utils.js';
 import { createStoreEmitters } from '../../../store/utils/store-emitters.utils.js';
 import { recommendationsXStoreModule } from './module.js';
 
@@ -9,9 +6,9 @@ import { recommendationsXStoreModule } from './module.js';
  *
  * @internal
  */
-var recommendationsEmitters = createStoreEmitters(recommendationsXStoreModule, {
+const recommendationsEmitters = createStoreEmitters(recommendationsXStoreModule, {
     RecommendationsRequestChanged: {
-        selector: function (_, getters) { return getters.request; },
+        selector: (_, getters) => getters.request,
         immediate: true
     }
 });

package/js/x-modules/recommendations/store/emitters.js.map

@@ -1 +1 @@
-{"version":3,"file":"emitters.js","sources":["../../../../../src/x-modules/recommendations/store/emitters.ts"],"sourcesContent":["import { createStoreEmitters } from '../../../store';\nimport { recommendationsXStoreModule } from './module';\n/**\n * {@link StoreEmitters} For the recommendations module.\n *\n * @internal\n */\nexport const recommendationsEmitters = createStoreEmitters(recommendationsXStoreModule, {\n  RecommendationsRequestChanged: {\n    selector: (_, getters) => getters.request,\n    immediate: true\n  }\n});\n"],"names":[],"mappings":";;;;;;AAEA;;;;;IAKa,uBAAuB,GAAG,mBAAmB,CAAC,2BAA2B,EAAE;IACtF,6BAA6B,EAAE;QAC7B,QAAQ,EAAE,UAAC,CAAC,EAAE,OAAO,IAAK,OAAA,OAAO,CAAC,OAAO,GAAA;QACzC,SAAS,EAAE,IAAI;KAChB;CACF;;;;"}
+{"version":3,"file":"emitters.js","sources":["../../../../../src/x-modules/recommendations/store/emitters.ts"],"sourcesContent":["import { createStoreEmitters } from '../../../store';\nimport { recommendationsXStoreModule } from './module';\n/**\n * {@link StoreEmitters} For the recommendations module.\n *\n * @internal\n */\nexport const recommendationsEmitters = createStoreEmitters(recommendationsXStoreModule, {\n  RecommendationsRequestChanged: {\n    selector: (_, getters) => getters.request,\n    immediate: true\n  }\n});\n"],"names":[],"mappings":";;;AAEA;;;;;MAKa,uBAAuB,GAAG,mBAAmB,CAAC,2BAA2B,EAAE;IACtF,6BAA6B,EAAE;QAC7B,QAAQ,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,OAAO;QACzC,SAAS,EAAE,IAAI;KAChB;CACF;;;;"}

package/js/x-modules/recommendations/store/getters/request.getter.js

@@ -1,5 +1,3 @@
-import { __assign } from 'tslib';
-
 /**
  * Default implementation for the {@link RecommendationsGetters.request} getter.
  *
@@ -9,9 +7,13 @@ import { __assign } from 'tslib';
  *
  * @public
  */
-var request = function (_a) {
-    var origin = _a.origin, config = _a.config, params = _a.params;
-    return __assign({ rows: config.maxItemsToRequest, start: 0, origin: origin }, params);
+const request = ({ origin, config, params }) => {
+    return {
+        rows: config.maxItemsToRequest,
+        start: 0,
+        origin,
+        ...params
+    };
 };
 
 export { request };

package/js/x-modules/recommendations/store/getters/request.getter.js.map

@@ -1 +1 @@
-{"version":3,"file":"request.getter.js","sources":["../../../../../../src/x-modules/recommendations/store/getters/request.getter.ts"],"sourcesContent":["import { RecommendationsXStoreModule } from '../types';\n\n/**\n * Default implementation for the {@link RecommendationsGetters.request} getter.\n *\n * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the query\n * suggestions module.\n * @returns The recommendations request to fetch data from the API.\n *\n * @public\n */\nexport const request: RecommendationsXStoreModule['getters']['request'] = ({\n  origin,\n  config,\n  params\n}) => {\n  return {\n    rows: config.maxItemsToRequest,\n    start: 0,\n    origin,\n    ...params\n  };\n};\n"],"names":[],"mappings":";;AAEA;;;;;;;;;IASa,OAAO,GAAsD,UAAC,EAI1E;QAHC,MAAM,YAAA,EACN,MAAM,YAAA,EACN,MAAM,YAAA;IAEN,kBACE,IAAI,EAAE,MAAM,CAAC,iBAAiB,EAC9B,KAAK,EAAE,CAAC,EACR,MAAM,QAAA,IACH,MAAM,EACT;AACJ;;;;"}
+{"version":3,"file":"request.getter.js","sources":["../../../../../../src/x-modules/recommendations/store/getters/request.getter.ts"],"sourcesContent":["import { RecommendationsXStoreModule } from '../types';\n\n/**\n * Default implementation for the {@link RecommendationsGetters.request} getter.\n *\n * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the query\n * suggestions module.\n * @returns The recommendations request to fetch data from the API.\n *\n * @public\n */\nexport const request: RecommendationsXStoreModule['getters']['request'] = ({\n  origin,\n  config,\n  params\n}) => {\n  return {\n    rows: config.maxItemsToRequest,\n    start: 0,\n    origin,\n    ...params\n  };\n};\n"],"names":[],"mappings":"AAEA;;;;;;;;;MASa,OAAO,GAAsD,CAAC,EACzE,MAAM,EACN,MAAM,EACN,MAAM,EACP;IACC,OAAO;QACL,IAAI,EAAE,MAAM,CAAC,iBAAiB;QAC9B,KAAK,EAAE,CAAC;QACR,MAAM;QACN,GAAG,MAAM;KACV,CAAC;AACJ;;;;"}

package/js/x-modules/recommendations/store/module.js

@@ -9,8 +9,8 @@ import { request } from './getters/request.getter.js';
  *
  * @internal
  */
-var recommendationsXStoreModule = {
-    state: function () { return ({
+const recommendationsXStoreModule = {
+    state: () => ({
         config: {
             maxItemsToRequest: 24
         },
@@ -18,23 +18,23 @@ var recommendationsXStoreModule = {
         status: 'initial',
         recommendations: [],
         params: {}
-    }); },
+    }),
     getters: {
-        request: request
+        request
     },
     mutations: {
-        setRecommendations: function (state, recommendations) {
+        setRecommendations(state, recommendations) {
             state.recommendations = recommendations;
         },
-        setStatus: setStatus,
-        setParams: function (state, params) {
+        setStatus,
+        setParams(state, params) {
             state.params = params;
         }
     },
     actions: {
-        cancelFetchAndSaveRecommendations: cancelFetchAndSaveRecommendations,
-        fetchRecommendations: fetchRecommendations,
-        fetchAndSaveRecommendations: fetchAndSaveRecommendations
+        cancelFetchAndSaveRecommendations,
+        fetchRecommendations,
+        fetchAndSaveRecommendations
     }
 };
 

package/js/x-modules/recommendations/store/module.js.map

@@ -1 +1 @@
-{"version":3,"file":"module.js","sources":["../../../../../src/x-modules/recommendations/store/module.ts"],"sourcesContent":["import { setStatus } from '../../../store/utils/status-store.utils';\nimport {\n  cancelFetchAndSaveRecommendations,\n  fetchAndSaveRecommendations\n} from './actions/fetch-and-save-recommendations.action';\nimport { fetchRecommendations } from './actions/fetch-recommendations.action';\nimport { RECOMMENDATIONS_ORIGIN } from './constants';\nimport { request } from './getters/request.getter';\nimport { RecommendationsXStoreModule } from './types';\n\n/**\n * {@link XStoreModule} For the recommendations module.\n *\n * @internal\n */\nexport const recommendationsXStoreModule: RecommendationsXStoreModule = {\n  state: () => ({\n    config: {\n      maxItemsToRequest: 24\n    },\n    origin: RECOMMENDATIONS_ORIGIN,\n    status: 'initial',\n    recommendations: [],\n    params: {}\n  }),\n  getters: {\n    request\n  },\n  mutations: {\n    setRecommendations(state, recommendations) {\n      state.recommendations = recommendations;\n    },\n    setStatus,\n    setParams(state, params) {\n      state.params = params;\n    }\n  },\n  actions: {\n    cancelFetchAndSaveRecommendations,\n    fetchRecommendations,\n    fetchAndSaveRecommendations\n  }\n};\n"],"names":[],"mappings":";;;;;;AAUA;;;;;IAKa,2BAA2B,GAAgC;IACtE,KAAK,EAAE,cAAM,QAAC;QACZ,MAAM,EAAE;YACN,iBAAiB,EAAE,EAAE;SACtB;QACD,MAAM,EAAE,sBAAsB;QAC9B,MAAM,EAAE,SAAS;QACjB,eAAe,EAAE,EAAE;QACnB,MAAM,EAAE,EAAE;KACX,IAAC;IACF,OAAO,EAAE;QACP,OAAO,SAAA;KACR;IACD,SAAS,EAAE;QACT,kBAAkB,YAAC,KAAK,EAAE,eAAe;YACvC,KAAK,CAAC,eAAe,GAAG,eAAe,CAAC;SACzC;QACD,SAAS,WAAA;QACT,SAAS,YAAC,KAAK,EAAE,MAAM;YACrB,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;SACvB;KACF;IACD,OAAO,EAAE;QACP,iCAAiC,mCAAA;QACjC,oBAAoB,sBAAA;QACpB,2BAA2B,6BAAA;KAC5B;;;;;"}
+{"version":3,"file":"module.js","sources":["../../../../../src/x-modules/recommendations/store/module.ts"],"sourcesContent":["import { setStatus } from '../../../store/utils/status-store.utils';\nimport {\n  cancelFetchAndSaveRecommendations,\n  fetchAndSaveRecommendations\n} from './actions/fetch-and-save-recommendations.action';\nimport { fetchRecommendations } from './actions/fetch-recommendations.action';\nimport { RECOMMENDATIONS_ORIGIN } from './constants';\nimport { request } from './getters/request.getter';\nimport { RecommendationsXStoreModule } from './types';\n\n/**\n * {@link XStoreModule} For the recommendations module.\n *\n * @internal\n */\nexport const recommendationsXStoreModule: RecommendationsXStoreModule = {\n  state: () => ({\n    config: {\n      maxItemsToRequest: 24\n    },\n    origin: RECOMMENDATIONS_ORIGIN,\n    status: 'initial',\n    recommendations: [],\n    params: {}\n  }),\n  getters: {\n    request\n  },\n  mutations: {\n    setRecommendations(state, recommendations) {\n      state.recommendations = recommendations;\n    },\n    setStatus,\n    setParams(state, params) {\n      state.params = params;\n    }\n  },\n  actions: {\n    cancelFetchAndSaveRecommendations,\n    fetchRecommendations,\n    fetchAndSaveRecommendations\n  }\n};\n"],"names":[],"mappings":";;;;;;AAUA;;;;;MAKa,2BAA2B,GAAgC;IACtE,KAAK,EAAE,OAAO;QACZ,MAAM,EAAE;YACN,iBAAiB,EAAE,EAAE;SACtB;QACD,MAAM,EAAE,sBAAsB;QAC9B,MAAM,EAAE,SAAS;QACjB,eAAe,EAAE,EAAE;QACnB,MAAM,EAAE,EAAE;KACX,CAAC;IACF,OAAO,EAAE;QACP,OAAO;KACR;IACD,SAAS,EAAE;QACT,kBAAkB,CAAC,KAAK,EAAE,eAAe;YACvC,KAAK,CAAC,eAAe,GAAG,eAAe,CAAC;SACzC;QACD,SAAS;QACT,SAAS,CAAC,KAAK,EAAE,MAAM;YACrB,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;SACvB;KACF;IACD,OAAO,EAAE;QACP,iCAAiC;QACjC,oBAAoB;QACpB,2BAA2B;KAC5B;;;;;"}

package/js/x-modules/recommendations/wiring.js

@@ -1,48 +1,48 @@
-import { createWiring } from '../../wiring/wiring.utils.js';
 import { namespacedWireCommit, namespacedWireDispatch } from '../../wiring/namespaced-wires.factory.js';
+import { createWiring } from '../../wiring/wiring.utils.js';
 
 /**
  * `recommendations` {@link XModuleName | XModule name}.
  *
  * @internal
  */
-var moduleName = 'recommendations';
+const moduleName = 'recommendations';
 /**
  * WireDispatch for {@link RecommendationsXModule}.
  *
  * @internal
  */
-var wireDispatch = namespacedWireDispatch(moduleName);
+const wireDispatch = namespacedWireDispatch(moduleName);
 /**
  * WireCommit for {@link RecommendationsXModule}.
  *
  * @internal
  */
-var wireCommit = namespacedWireCommit(moduleName);
+const wireCommit = namespacedWireCommit(moduleName);
 /**
  * Requests and stores the recommendations.
  *
  * @public
  */
-var fetchAndSaveRecommendations = wireDispatch('fetchAndSaveRecommendations');
+const fetchAndSaveRecommendations = wireDispatch('fetchAndSaveRecommendations');
 /**
  * Sets the recommendations state `params`.
  *
  * @public
  */
-var setRecommendationsExtraParams = wireCommit('setParams');
+const setRecommendationsExtraParams = wireCommit('setParams');
 /**
  * Wiring configuration for the {@link RecommendationsXModule | recommendations module}.
  *
  * @internal
  */
-var recommendationsWiring = createWiring({
+const recommendationsWiring = createWiring({
     RecommendationsRequestChanged: {
-        fetchAndSaveRecommendations: fetchAndSaveRecommendations
+        fetchAndSaveRecommendations
     },
     UserClickedColumnPicker: {},
     ExtraParamsChanged: {
-        setRecommendationsExtraParams: setRecommendationsExtraParams
+        setRecommendationsExtraParams
     }
 });
 

package/js/x-modules/recommendations/wiring.js.map

@@ -1 +1 @@
-{"version":3,"file":"wiring.js","sources":["../../../../src/x-modules/recommendations/wiring.ts"],"sourcesContent":["import {\n  namespacedWireCommit,\n  namespacedWireDispatch\n} from '../../wiring/namespaced-wires.factory';\nimport { createWiring } from '../../wiring/wiring.utils';\n\n/**\n * `recommendations` {@link XModuleName | XModule name}.\n *\n * @internal\n */\nconst moduleName = 'recommendations';\n/**\n * WireDispatch for {@link RecommendationsXModule}.\n *\n * @internal\n */\nconst wireDispatch = namespacedWireDispatch(moduleName);\n/**\n * WireCommit for {@link RecommendationsXModule}.\n *\n * @internal\n */\nconst wireCommit = namespacedWireCommit(moduleName);\n\n/**\n * Requests and stores the recommendations.\n *\n * @public\n */\nconst fetchAndSaveRecommendations = wireDispatch('fetchAndSaveRecommendations');\n\n/**\n * Sets the recommendations state `params`.\n *\n * @public\n */\nexport const setRecommendationsExtraParams = wireCommit('setParams');\n\n/**\n * Wiring configuration for the {@link RecommendationsXModule | recommendations module}.\n *\n * @internal\n */\nexport const recommendationsWiring = createWiring({\n  RecommendationsRequestChanged: {\n    fetchAndSaveRecommendations\n  },\n  UserClickedColumnPicker: {},\n  ExtraParamsChanged: {\n    setRecommendationsExtraParams\n  }\n});\n"],"names":[],"mappings":";;;AAMA;;;;;AAKA,IAAM,UAAU,GAAG,iBAAiB,CAAC;AACrC;;;;;AAKA,IAAM,YAAY,GAAG,sBAAsB,CAAC,UAAU,CAAC,CAAC;AACxD;;;;;AAKA,IAAM,UAAU,GAAG,oBAAoB,CAAC,UAAU,CAAC,CAAC;AAEpD;;;;;AAKA,IAAM,2BAA2B,GAAG,YAAY,CAAC,6BAA6B,CAAC,CAAC;AAEhF;;;;;IAKa,6BAA6B,GAAG,UAAU,CAAC,WAAW,EAAE;AAErE;;;;;IAKa,qBAAqB,GAAG,YAAY,CAAC;IAChD,6BAA6B,EAAE;QAC7B,2BAA2B,6BAAA;KAC5B;IACD,uBAAuB,EAAE,EAAE;IAC3B,kBAAkB,EAAE;QAClB,6BAA6B,+BAAA;KAC9B;CACF;;;;"}
+{"version":3,"file":"wiring.js","sources":["../../../../src/x-modules/recommendations/wiring.ts"],"sourcesContent":["import {\n  namespacedWireCommit,\n  namespacedWireDispatch\n} from '../../wiring/namespaced-wires.factory';\nimport { createWiring } from '../../wiring/wiring.utils';\n\n/**\n * `recommendations` {@link XModuleName | XModule name}.\n *\n * @internal\n */\nconst moduleName = 'recommendations';\n/**\n * WireDispatch for {@link RecommendationsXModule}.\n *\n * @internal\n */\nconst wireDispatch = namespacedWireDispatch(moduleName);\n/**\n * WireCommit for {@link RecommendationsXModule}.\n *\n * @internal\n */\nconst wireCommit = namespacedWireCommit(moduleName);\n\n/**\n * Requests and stores the recommendations.\n *\n * @public\n */\nconst fetchAndSaveRecommendations = wireDispatch('fetchAndSaveRecommendations');\n\n/**\n * Sets the recommendations state `params`.\n *\n * @public\n */\nexport const setRecommendationsExtraParams = wireCommit('setParams');\n\n/**\n * Wiring configuration for the {@link RecommendationsXModule | recommendations module}.\n *\n * @internal\n */\nexport const recommendationsWiring = createWiring({\n  RecommendationsRequestChanged: {\n    fetchAndSaveRecommendations\n  },\n  UserClickedColumnPicker: {},\n  ExtraParamsChanged: {\n    setRecommendationsExtraParams\n  }\n});\n"],"names":[],"mappings":";;;AAMA;;;;;AAKA,MAAM,UAAU,GAAG,iBAAiB,CAAC;AACrC;;;;;AAKA,MAAM,YAAY,GAAG,sBAAsB,CAAC,UAAU,CAAC,CAAC;AACxD;;;;;AAKA,MAAM,UAAU,GAAG,oBAAoB,CAAC,UAAU,CAAC,CAAC;AAEpD;;;;;AAKA,MAAM,2BAA2B,GAAG,YAAY,CAAC,6BAA6B,CAAC,CAAC;AAEhF;;;;;MAKa,6BAA6B,GAAG,UAAU,CAAC,WAAW,EAAE;AAErE;;;;;MAKa,qBAAqB,GAAG,YAAY,CAAC;IAChD,6BAA6B,EAAE;QAC7B,2BAA2B;KAC5B;IACD,uBAAuB,EAAE,EAAE;IAC3B,kBAAkB,EAAE;QAClB,6BAA6B;KAC9B;CACF;;;;"}

package/js/x-modules/recommendations/x-module.js

@@ -1,5 +1,5 @@
-import { recommendationsXStoreModule } from './store/module.js';
 import { recommendationsEmitters } from './store/emitters.js';
+import { recommendationsXStoreModule } from './store/module.js';
 import { recommendationsWiring } from './wiring.js';
 
 /**
@@ -8,7 +8,7 @@ import { recommendationsWiring } from './wiring.js';
  *
  * @public
  */
-var recommendationsXModule = {
+const recommendationsXModule = {
     name: 'recommendations',
     storeModule: recommendationsXStoreModule,
     storeEmitters: recommendationsEmitters,

package/js/x-modules/recommendations/x-module.js.map

@@ -1 +1 @@
-{"version":3,"file":"x-module.js","sources":["../../../../src/x-modules/recommendations/x-module.ts"],"sourcesContent":["import { XModule } from '../x-modules.types';\nimport { recommendationsEmitters } from './store/emitters';\nimport { recommendationsXStoreModule } from './store/module';\nimport { RecommendationsXStoreModule } from './store/types';\nimport { recommendationsWiring } from './wiring';\n\n/**\n * Recommendations {@link XModule} alias.\n *\n * @public\n */\n\nexport type RecommendationsXModule = XModule<RecommendationsXStoreModule>;\n/**\n * Recommendations {@link XModule} implementation. This module is auto-registered as soon as you\n * import any component from the `recommendations` entry point.\n *\n * @public\n */\n\nexport const recommendationsXModule: RecommendationsXModule = {\n  name: 'recommendations',\n  storeModule: recommendationsXStoreModule,\n  storeEmitters: recommendationsEmitters,\n  wiring: recommendationsWiring\n};\n"],"names":[],"mappings":";;;;AAaA;;;;;;IAOa,sBAAsB,GAA2B;IAC5D,IAAI,EAAE,iBAAiB;IACvB,WAAW,EAAE,2BAA2B;IACxC,aAAa,EAAE,uBAAuB;IACtC,MAAM,EAAE,qBAAqB;;;;;"}
+{"version":3,"file":"x-module.js","sources":["../../../../src/x-modules/recommendations/x-module.ts"],"sourcesContent":["import { XModule } from '../x-modules.types';\nimport { recommendationsEmitters } from './store/emitters';\nimport { recommendationsXStoreModule } from './store/module';\nimport { RecommendationsXStoreModule } from './store/types';\nimport { recommendationsWiring } from './wiring';\n\n/**\n * Recommendations {@link XModule} alias.\n *\n * @public\n */\n\nexport type RecommendationsXModule = XModule<RecommendationsXStoreModule>;\n/**\n * Recommendations {@link XModule} implementation. This module is auto-registered as soon as you\n * import any component from the `recommendations` entry point.\n *\n * @public\n */\n\nexport const recommendationsXModule: RecommendationsXModule = {\n  name: 'recommendations',\n  storeModule: recommendationsXStoreModule,\n  storeEmitters: recommendationsEmitters,\n  wiring: recommendationsWiring\n};\n"],"names":[],"mappings":";;;;AAaA;;;;;;MAOa,sBAAsB,GAA2B;IAC5D,IAAI,EAAE,iBAAiB;IACvB,WAAW,EAAE,2BAA2B;IACxC,aAAa,EAAE,uBAAuB;IACtC,MAAM,EAAE,qBAAqB;;;;;"}

package/js/x-modules/related-tags/components/related-tag.vue.js

@@ -1,9 +1,9 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-import __vue_create_injector__ from 'vue-runtime-helpers/dist/inject-style/browser.js';
-import script from './related-tag.vue_rollup-plugin-vue=script.js';
+import script from './related-tag.vue_rollup-plugin-vue_script.vue.js';
+import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.mjs';
+import __vue_create_injector__ from 'vue-runtime-helpers/dist/inject-style/browser.mjs';
 
 /* script */
-var __vue_script__ = script;
+const __vue_script__ = script;
 
 /* template */
 var __vue_render__ = function () {
@@ -30,7 +30,8 @@ var __vue_render__ = function () {
           isSelected: _vm.isSelected,
           shouldHighlightCurated: _vm.shouldHighlightCurated,
         }
-      ) ],
+      ),
+    ],
     2
   )
 };
@@ -38,24 +39,24 @@ var __vue_staticRenderFns__ = [];
 __vue_render__._withStripped = true;
 
   /* style */
-  var __vue_inject_styles__ = function (inject) {
-    if (!inject) { return }
+  const __vue_inject_styles__ = function (inject) {
+    if (!inject) return
     inject("data-v-6081d22c_0", { source: ".x-related-tag[data-v-6081d22c] {\n  white-space: nowrap;\n}\n.x-related-tag--is-selected[data-v-6081d22c] {\n  background: lightgrey;\n}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  var __vue_scope_id__ = "data-v-6081d22c";
+  const __vue_scope_id__ = "data-v-6081d22c";
   /* module identifier */
-  var __vue_module_identifier__ = undefined;
+  const __vue_module_identifier__ = undefined;
   /* functional template */
-  var __vue_is_functional_template__ = false;
+  const __vue_is_functional_template__ = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  var __vue_component__ = /*#__PURE__*/__vue_normalize__(
+  const __vue_component__ = /*#__PURE__*/__vue_normalize__(
     { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
     __vue_inject_styles__,
     __vue_script__,
@@ -68,5 +69,5 @@ __vue_render__._withStripped = true;
     undefined
   );
 
-export default __vue_component__;
+export { __vue_component__ as default };
 //# sourceMappingURL=related-tag.vue.js.map

package/js/x-modules/related-tags/components/related-tag.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"related-tag.vue.js","sources":["../../../../../src/x-modules/related-tags/components/related-tag.vue"],"sourcesContent":["<template>\n  <button\n    @click=\"emitEvents\"\n    class=\"x-tag x-related-tag\"\n    data-test=\"related-tag\"\n    :class=\"dynamicClasses\"\n  >\n    <!--\n      @slot Custom content that replaces the RelatedTag default content.\n      @binding {RelatedTag} relatedTag - Related tag data.\n      @binding {boolean} isSelected - Related tag status.\n      @binding {boolean} shouldHighlightCurated - True if the curated RTs should be displayed.\n      -->\n    <slot v-bind=\"{ relatedTag, isSelected, shouldHighlightCurated }\">{{ relatedTag.tag }}</slot>\n  </button>\n</template>\n\n<script lang=\"ts\">\n  import Vue from 'vue';\n  import { Component, Prop } from 'vue-property-decorator';\n  import { RelatedTag as RelatedTagModel } from '@empathyco/x-types';\n  import { State } from '../../../components/decorators/store.decorators';\n  import { xComponentMixin } from '../../../components/x-component.mixin';\n  import { VueCSSClasses } from '../../../utils/types';\n  import { WireMetadata } from '../../../wiring/wiring.types';\n  import { relatedTagsXModule } from '../x-module';\n\n  /**\n   * This component renders a related tag for a query. A related tag is a descriptive keyword\n   * related to the current query to fine-tune the search. For example, if you are searching\n   * for *lego*, a related tag could be *city*, refining the search with *lego city*.\n   *\n   * @public\n   */\n  @Component({\n    mixins: [xComponentMixin(relatedTagsXModule)]\n  })\n  export default class RelatedTag extends Vue {\n    /**\n     * Indicates if the curated related tag should be highlighted.\n     *\n     * @public\n     */\n    @Prop({ default: false, type: Boolean })\n    protected highlightCurated!: boolean;\n    /**\n     * The related tag model data.\n     *\n     * @public\n     */\n    @Prop({ required: true })\n    protected relatedTag!: RelatedTagModel;\n    /**\n     * The selected related tags.\n     *\n     * @internal\n     */\n    @State('relatedTags', 'selectedRelatedTags')\n    public selectedRelatedTags!: RelatedTagModel[];\n\n    /**\n     * Generates the {@link WireMetadata | event metadata} object omitting the moduleName.\n     *\n     * @returns The {@link WireMetadata} object omitting the moduleName.\n     * @internal\n     */\n    protected createEventMetadata(): Omit<WireMetadata, 'moduleName'> {\n      return {\n        target: this.$el as HTMLElement,\n        feature: 'related_tag'\n      };\n    }\n\n    /**\n     * Emits events when the button is clicked.\n     *\n     * @public\n     */\n    protected emitEvents(): void {\n      // We have to emit this events first to avoid the UserPickedARelatedTag wires to change the\n      // isSelected value before emitting this selection events.\n      this.$x.emit(\n        this.isSelected ? 'UserDeselectedARelatedTag' : 'UserSelectedARelatedTag',\n        this.relatedTag,\n        this.createEventMetadata()\n      );\n      this.$x.emit('UserPickedARelatedTag', this.relatedTag, this.createEventMetadata());\n    }\n\n    /**\n     * Check if the related tag is selected or not.\n     *\n     * @returns If the related tag is selected.\n     *\n     * @internal\n     */\n    protected get isSelected(): boolean {\n      return this.selectedRelatedTags.includes(this.relatedTag);\n    }\n\n    /**\n     * Check if the related tag is curated and should be highlighted.\n     *\n     * @returns True if the related tag is curated and should be highlighted.\n     *\n     * @internal\n     */\n    protected get shouldHighlightCurated(): boolean {\n      return this.highlightCurated && (this.relatedTag.isCurated ?? false);\n    }\n\n    /**\n     * Adds the dynamic css classes to the component.\n     *\n     * @returns The class to be added to the component.\n     *\n     * @internal\n     */\n    protected get dynamicClasses(): VueCSSClasses {\n      return {\n        'x-tag--is-curated': this.shouldHighlightCurated,\n        'x-related-tag--is-curated': this.shouldHighlightCurated,\n        'x-tag--is-selected': this.isSelected,\n        'x-related-tag--is-selected': this.isSelected\n      };\n    }\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n  .x-related-tag {\n    white-space: nowrap;\n\n    &--is-selected {\n      background: lightgrey;\n    }\n  }\n</style>\n\n<docs lang=\"mdx\">\n## Dynamic classes\n\n`RelatedTag` uses the following dynamic CSS classes so you can style it when is:\n\n- Selected: `x-related-tag--is-selected`.\n- Curated: `x-related-tag--is-curated`.\n\n## Events\n\nThis component emits the following events:\n\n- [`UserDeselectedARelatedTag`](./../../api/x-components.relatedtagsxevents.md)\n- [`UserPickedARelatedTag`](./../../api/x-components.relatedtagsxevents.md)\n- [`UserSelectedARelatedTag`](./../../api/x-components.relatedtagsxevents.md)\n\n## See it in action\n\n<!-- prettier-ignore-start -->\n:::warning Backend service required\nThe QuerySignals microservice must be implemented.\n:::\n<!-- prettier-ignore-end -->\n\nIn this example related tag data is passed as a prop.\n\n_Here you can see how the RelatedTag component is rendered._\n\n```vue\n<template>\n  <RelatedTag :relatedTag=\"tag\"></RelatedTag>\n</template>\n\n<script>\n  import { RelatedTag } from '@empathyco/x-components/related-tags';\n\n  export default {\n    name: 'RelatedTagDemo',\n    components: {\n      RelatedTag\n    },\n    data() {\n      return {\n        tag: {\n          modelName: 'RelatedTag',\n          previous: 'toy',\n          query: 'toy story',\n          selected: false,\n          tag: 'story'\n        }\n      };\n    }\n  };\n</script>\n```\n\n### Play with default slot\n\nIn this example, an HTML span element is passed in the `default` slot.\n\n_See how the related tag can be rendered._\n\n```vue\n<template>\n  <RelatedTag :relatedTag=\"tag\" #default=\"{ relatedTag }\">\n    <span :aria-label=\"relatedTag.tag\">{{ relatedTag.tag }}</span>\n  </RelatedTag>\n</template>\n\n<script>\n  import { RelatedTag } from '@empathyco/x-components/related-tags';\n\n  export default {\n    name: 'RelatedTagDemo',\n    components: {\n      RelatedTag\n    },\n    data() {\n      return {\n        tag: {\n          modelName: 'RelatedTag',\n          previous: 'toy',\n          query: 'toy story',\n          selected: false,\n          tag: 'story'\n        }\n      };\n    }\n  };\n</script>\n```\n\n### Play with events\n\nIn this example, the [`UserSelectedARelatedTag`](./../../api/x-components.relatedtagsxevents.md)\nevent is implemented, as illustrated by the “Tag” message returned.\n\n_See how the event is triggered when the related tag is clicked._\n\n```vue\n<template>\n  <RelatedTag :relatedTag=\"tag\" @UserSelectedARelatedTag=\"alertRelatedTag\"></RelatedTag>\n</template>\n\n<script>\n  import { RelatedTag } from '@empathyco/x-components/related-tags';\n\n  export default {\n    name: 'RelatedTagDemo',\n    components: {\n      RelatedTag\n    },\n    data() {\n      return {\n        tag: {\n          modelName: 'RelatedTag',\n          previous: 'toy',\n          query: 'toy story',\n          selected: false,\n          tag: 'story'\n        }\n      };\n    },\n    methods: {\n      alertRelatedTag(relatedTag) {\n        alert(`You have clicked the related tag: ${relatedTag.query}`);\n      }\n    }\n  };\n</script>\n```\n</docs>\n"],"names":["const"],"mappings":";;;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"related-tag.vue.js","sources":["../../../../../src/x-modules/related-tags/components/related-tag.vue"],"sourcesContent":["<template>\n  <button\n    @click=\"emitEvents\"\n    class=\"x-tag x-related-tag\"\n    data-test=\"related-tag\"\n    :class=\"dynamicClasses\"\n  >\n    <!--\n      @slot Custom content that replaces the RelatedTag default content.\n      @binding {RelatedTag} relatedTag - Related tag data.\n      @binding {boolean} isSelected - Related tag status.\n      @binding {boolean} shouldHighlightCurated - True if the curated RTs should be displayed.\n      -->\n    <slot v-bind=\"{ relatedTag, isSelected, shouldHighlightCurated }\">{{ relatedTag.tag }}</slot>\n  </button>\n</template>\n\n<script lang=\"ts\">\n  import Vue from 'vue';\n  import { Component, Prop } from 'vue-property-decorator';\n  import { RelatedTag as RelatedTagModel } from '@empathyco/x-types';\n  import { State } from '../../../components/decorators/store.decorators';\n  import { xComponentMixin } from '../../../components/x-component.mixin';\n  import { VueCSSClasses } from '../../../utils/types';\n  import { WireMetadata } from '../../../wiring/wiring.types';\n  import { relatedTagsXModule } from '../x-module';\n\n  /**\n   * This component renders a related tag for a query. A related tag is a descriptive keyword\n   * related to the current query to fine-tune the search. For example, if you are searching\n   * for *lego*, a related tag could be *city*, refining the search with *lego city*.\n   *\n   * @public\n   */\n  @Component({\n    mixins: [xComponentMixin(relatedTagsXModule)]\n  })\n  export default class RelatedTag extends Vue {\n    /**\n     * Indicates if the curated related tag should be highlighted.\n     *\n     * @public\n     */\n    @Prop({ default: false, type: Boolean })\n    protected highlightCurated!: boolean;\n    /**\n     * The related tag model data.\n     *\n     * @public\n     */\n    @Prop({ required: true })\n    protected relatedTag!: RelatedTagModel;\n    /**\n     * The selected related tags.\n     *\n     * @internal\n     */\n    @State('relatedTags', 'selectedRelatedTags')\n    public selectedRelatedTags!: RelatedTagModel[];\n\n    /**\n     * Generates the {@link WireMetadata | event metadata} object omitting the moduleName.\n     *\n     * @returns The {@link WireMetadata} object omitting the moduleName.\n     * @internal\n     */\n    protected createEventMetadata(): Omit<WireMetadata, 'moduleName'> {\n      return {\n        target: this.$el as HTMLElement,\n        feature: 'related_tag'\n      };\n    }\n\n    /**\n     * Emits events when the button is clicked.\n     *\n     * @public\n     */\n    protected emitEvents(): void {\n      // We have to emit this events first to avoid the UserPickedARelatedTag wires to change the\n      // isSelected value before emitting this selection events.\n      this.$x.emit(\n        this.isSelected ? 'UserDeselectedARelatedTag' : 'UserSelectedARelatedTag',\n        this.relatedTag,\n        this.createEventMetadata()\n      );\n      this.$x.emit('UserPickedARelatedTag', this.relatedTag, this.createEventMetadata());\n    }\n\n    /**\n     * Check if the related tag is selected or not.\n     *\n     * @returns If the related tag is selected.\n     *\n     * @internal\n     */\n    protected get isSelected(): boolean {\n      return this.selectedRelatedTags.includes(this.relatedTag);\n    }\n\n    /**\n     * Check if the related tag is curated and should be highlighted.\n     *\n     * @returns True if the related tag is curated and should be highlighted.\n     *\n     * @internal\n     */\n    protected get shouldHighlightCurated(): boolean {\n      return this.highlightCurated && (this.relatedTag.isCurated ?? false);\n    }\n\n    /**\n     * Adds the dynamic css classes to the component.\n     *\n     * @returns The class to be added to the component.\n     *\n     * @internal\n     */\n    protected get dynamicClasses(): VueCSSClasses {\n      return {\n        'x-tag--is-curated': this.shouldHighlightCurated,\n        'x-related-tag--is-curated': this.shouldHighlightCurated,\n        'x-tag--is-selected': this.isSelected,\n        'x-related-tag--is-selected': this.isSelected\n      };\n    }\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n  .x-related-tag {\n    white-space: nowrap;\n\n    &--is-selected {\n      background: lightgrey;\n    }\n  }\n</style>\n\n<docs lang=\"mdx\">\n## Dynamic classes\n\n`RelatedTag` uses the following dynamic CSS classes so you can style it when is:\n\n- Selected: `x-related-tag--is-selected`.\n- Curated: `x-related-tag--is-curated`.\n\n## Events\n\nThis component emits the following events:\n\n- [`UserDeselectedARelatedTag`](./../../api/x-components.relatedtagsxevents.md)\n- [`UserPickedARelatedTag`](./../../api/x-components.relatedtagsxevents.md)\n- [`UserSelectedARelatedTag`](./../../api/x-components.relatedtagsxevents.md)\n\n## See it in action\n\n<!-- prettier-ignore-start -->\n:::warning Backend service required\nThe QuerySignals microservice must be implemented.\n:::\n<!-- prettier-ignore-end -->\n\nIn this example related tag data is passed as a prop.\n\n_Here you can see how the RelatedTag component is rendered._\n\n```vue\n<template>\n  <RelatedTag :relatedTag=\"tag\"></RelatedTag>\n</template>\n\n<script>\n  import { RelatedTag } from '@empathyco/x-components/related-tags';\n\n  export default {\n    name: 'RelatedTagDemo',\n    components: {\n      RelatedTag\n    },\n    data() {\n      return {\n        tag: {\n          modelName: 'RelatedTag',\n          previous: 'toy',\n          query: 'toy story',\n          selected: false,\n          tag: 'story'\n        }\n      };\n    }\n  };\n</script>\n```\n\n### Play with default slot\n\nIn this example, an HTML span element is passed in the `default` slot.\n\n_See how the related tag can be rendered._\n\n```vue\n<template>\n  <RelatedTag :relatedTag=\"tag\" #default=\"{ relatedTag }\">\n    <span :aria-label=\"relatedTag.tag\">{{ relatedTag.tag }}</span>\n  </RelatedTag>\n</template>\n\n<script>\n  import { RelatedTag } from '@empathyco/x-components/related-tags';\n\n  export default {\n    name: 'RelatedTagDemo',\n    components: {\n      RelatedTag\n    },\n    data() {\n      return {\n        tag: {\n          modelName: 'RelatedTag',\n          previous: 'toy',\n          query: 'toy story',\n          selected: false,\n          tag: 'story'\n        }\n      };\n    }\n  };\n</script>\n```\n\n### Play with events\n\nIn this example, the [`UserSelectedARelatedTag`](./../../api/x-components.relatedtagsxevents.md)\nevent is implemented, as illustrated by the “Tag” message returned.\n\n_See how the event is triggered when the related tag is clicked._\n\n```vue\n<template>\n  <RelatedTag :relatedTag=\"tag\" @UserSelectedARelatedTag=\"alertRelatedTag\"></RelatedTag>\n</template>\n\n<script>\n  import { RelatedTag } from '@empathyco/x-components/related-tags';\n\n  export default {\n    name: 'RelatedTagDemo',\n    components: {\n      RelatedTag\n    },\n    data() {\n      return {\n        tag: {\n          modelName: 'RelatedTag',\n          previous: 'toy',\n          query: 'toy story',\n          selected: false,\n          tag: 'story'\n        }\n      };\n    },\n    methods: {\n      alertRelatedTag(relatedTag) {\n        alert(`You have clicked the related tag: ${relatedTag.query}`);\n      }\n    }\n  };\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/x-modules/related-tags/components/related-tag.vue_rollup-plugin-vue_script.vue.js

@@ -0,0 +1,92 @@
+import { __decorate } from 'tslib';
+import Vue from 'vue';
+import { Prop, Component } from 'vue-property-decorator';
+import { State } from '../../../components/decorators/store.decorators.js';
+import { xComponentMixin } from '../../../components/x-component.mixin.js';
+import { relatedTagsXModule } from '../x-module.js';
+
+/**
+ * This component renders a related tag for a query. A related tag is a descriptive keyword
+ * related to the current query to fine-tune the search. For example, if you are searching
+ * for *lego*, a related tag could be *city*, refining the search with *lego city*.
+ *
+ * @public
+ */
+let RelatedTag = class RelatedTag extends Vue {
+    /**
+     * Generates the {@link WireMetadata | event metadata} object omitting the moduleName.
+     *
+     * @returns The {@link WireMetadata} object omitting the moduleName.
+     * @internal
+     */
+    createEventMetadata() {
+        return {
+            target: this.$el,
+            feature: 'related_tag'
+        };
+    }
+    /**
+     * Emits events when the button is clicked.
+     *
+     * @public
+     */
+    emitEvents() {
+        // We have to emit this events first to avoid the UserPickedARelatedTag wires to change the
+        // isSelected value before emitting this selection events.
+        this.$x.emit(this.isSelected ? 'UserDeselectedARelatedTag' : 'UserSelectedARelatedTag', this.relatedTag, this.createEventMetadata());
+        this.$x.emit('UserPickedARelatedTag', this.relatedTag, this.createEventMetadata());
+    }
+    /**
+     * Check if the related tag is selected or not.
+     *
+     * @returns If the related tag is selected.
+     *
+     * @internal
+     */
+    get isSelected() {
+        return this.selectedRelatedTags.includes(this.relatedTag);
+    }
+    /**
+     * Check if the related tag is curated and should be highlighted.
+     *
+     * @returns True if the related tag is curated and should be highlighted.
+     *
+     * @internal
+     */
+    get shouldHighlightCurated() {
+        return this.highlightCurated && (this.relatedTag.isCurated ?? false);
+    }
+    /**
+     * Adds the dynamic css classes to the component.
+     *
+     * @returns The class to be added to the component.
+     *
+     * @internal
+     */
+    get dynamicClasses() {
+        return {
+            'x-tag--is-curated': this.shouldHighlightCurated,
+            'x-related-tag--is-curated': this.shouldHighlightCurated,
+            'x-tag--is-selected': this.isSelected,
+            'x-related-tag--is-selected': this.isSelected
+        };
+    }
+};
+__decorate([
+    Prop({ default: false, type: Boolean })
+], RelatedTag.prototype, "highlightCurated", void 0);
+__decorate([
+    Prop({ required: true })
+], RelatedTag.prototype, "relatedTag", void 0);
+__decorate([
+    State('relatedTags', 'selectedRelatedTags')
+], RelatedTag.prototype, "selectedRelatedTags", void 0);
+RelatedTag = __decorate([
+    Component({
+        mixins: [xComponentMixin(relatedTagsXModule)]
+    })
+], RelatedTag);
+var script = RelatedTag;
+
+export { script as default };
+//# sourceMappingURL=related-tag.vue_rollup-plugin-vue_script.vue.js.map

package/js/x-modules/related-tags/components/related-tag.vue_rollup-plugin-vue_script.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"related-tag.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../../src/x-modules/related-tags/components/related-tag.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport Vue from 'vue';\nimport { Component, Prop } from 'vue-property-decorator';\nimport { RelatedTag as RelatedTagModel } from '@empathyco/x-types';\nimport { State } from '../../../components/decorators/store.decorators';\nimport { xComponentMixin } from '../../../components/x-component.mixin';\nimport { VueCSSClasses } from '../../../utils/types';\nimport { WireMetadata } from '../../../wiring/wiring.types';\nimport { relatedTagsXModule } from '../x-module';\n\n/**\n * This component renders a related tag for a query. A related tag is a descriptive keyword\n * related to the current query to fine-tune the search. For example, if you are searching\n * for *lego*, a related tag could be *city*, refining the search with *lego city*.\n *\n * @public\n */\n@Component({\n  mixins: [xComponentMixin(relatedTagsXModule)]\n})\nexport default class RelatedTag extends Vue {\n  /**\n   * Indicates if the curated related tag should be highlighted.\n   *\n   * @public\n   */\n  @Prop({ default: false, type: Boolean })\n  protected highlightCurated!: boolean;\n  /**\n   * The related tag model data.\n   *\n   * @public\n   */\n  @Prop({ required: true })\n  protected relatedTag!: RelatedTagModel;\n  /**\n   * The selected related tags.\n   *\n   * @internal\n   */\n  @State('relatedTags', 'selectedRelatedTags')\n  public selectedRelatedTags!: RelatedTagModel[];\n\n  /**\n   * Generates the {@link WireMetadata | event metadata} object omitting the moduleName.\n   *\n   * @returns The {@link WireMetadata} object omitting the moduleName.\n   * @internal\n   */\n  protected createEventMetadata(): Omit<WireMetadata, 'moduleName'> {\n    return {\n      target: this.$el as HTMLElement,\n      feature: 'related_tag'\n    };\n  }\n\n  /**\n   * Emits events when the button is clicked.\n   *\n   * @public\n   */\n  protected emitEvents(): void {\n    // We have to emit this events first to avoid the UserPickedARelatedTag wires to change the\n    // isSelected value before emitting this selection events.\n    this.$x.emit(\n      this.isSelected ? 'UserDeselectedARelatedTag' : 'UserSelectedARelatedTag',\n      this.relatedTag,\n      this.createEventMetadata()\n    );\n    this.$x.emit('UserPickedARelatedTag', this.relatedTag, this.createEventMetadata());\n  }\n\n  /**\n   * Check if the related tag is selected or not.\n   *\n   * @returns If the related tag is selected.\n   *\n   * @internal\n   */\n  protected get isSelected(): boolean {\n    return this.selectedRelatedTags.includes(this.relatedTag);\n  }\n\n  /**\n   * Check if the related tag is curated and should be highlighted.\n   *\n   * @returns True if the related tag is curated and should be highlighted.\n   *\n   * @internal\n   */\n  protected get shouldHighlightCurated(): boolean {\n    return this.highlightCurated && (this.relatedTag.isCurated ?? false);\n  }\n\n  /**\n   * Adds the dynamic css classes to the component.\n   *\n   * @returns The class to be added to the component.\n   *\n   * @internal\n   */\n  protected get dynamicClasses(): VueCSSClasses {\n    return {\n      'x-tag--is-curated': this.shouldHighlightCurated,\n      'x-related-tag--is-curated': this.shouldHighlightCurated,\n      'x-tag--is-selected': this.isSelected,\n      'x-related-tag--is-selected': this.isSelected\n    };\n  }\n}\n"],"names":[],"mappings":";;;;;;;AA2BA;;;;;;;AAUA,IAAqB,UAAU,GAA/B,MAAqB,UAAW,SAAQ,GAAG;;;;;;;IA6B/B,mBAAmB;QAC3B,OAAO;YACL,MAAM,EAAE,IAAI,CAAC,GAAkB;YAC/B,OAAO,EAAE,aAAa;SACvB,CAAC;KACH;;;;;;IAOS,UAAU;;;QAGlB,IAAI,CAAC,EAAE,CAAC,IAAI,CACV,IAAI,CAAC,UAAU,GAAG,2BAA2B,GAAG,yBAAyB,EACzE,IAAI,CAAC,UAAU,EACf,IAAI,CAAC,mBAAmB,EAAE,CAC3B,CAAC;QACF,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,uBAAuB,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,mBAAmB,EAAE,CAAC,CAAC;KACpF;;;;;;;;IASD,IAAc,UAAU;QACtB,OAAO,IAAI,CAAC,mBAAmB,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;KAC3D;;;;;;;;IASD,IAAc,sBAAsB;QAClC,OAAO,IAAI,CAAC,gBAAgB,KAAK,IAAI,CAAC,UAAU,CAAC,SAAS,IAAI,KAAK,CAAC,CAAC;KACtE;;;;;;;;IASD,IAAc,cAAc;QAC1B,OAAO;YACL,mBAAmB,EAAE,IAAI,CAAC,sBAAsB;YAChD,2BAA2B,EAAE,IAAI,CAAC,sBAAsB;YACxD,oBAAoB,EAAE,IAAI,CAAC,UAAU;YACrC,4BAA4B,EAAE,IAAI,CAAC,UAAU;SAC9C,CAAC;KACH;CACF,CAAA;AAlFC;IADC,IAAI,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oDACH;AAOrC;IADC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;8CACc;AAOvC;IADC,KAAK,CAAC,aAAa,EAAE,qBAAqB,CAAC;uDACG;AArB5B,UAAU;IAH9B,SAAS,CAAC;QACT,MAAM,EAAE,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;KAC9C,CAAC;GACmB,UAAU,CAyF9B;aAzFoB,UAAU;;;;"}

package/js/x-modules/related-tags/components/related-tags.vue.js

@@ -1,9 +1,9 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-import __vue_create_injector__ from 'vue-runtime-helpers/dist/inject-style/browser.js';
-import script from './related-tags.vue_rollup-plugin-vue=script.js';
+import script from './related-tags.vue_rollup-plugin-vue_script.vue.js';
+import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.mjs';
+import __vue_create_injector__ from 'vue-runtime-helpers/dist/inject-style/browser.mjs';
 
 /* script */
-var __vue_script__ = script;
+const __vue_script__ = script;
 
 /* template */
 var __vue_render__ = function () {
@@ -51,20 +51,24 @@ var __vue_render__ = function () {
                                   isSelected: isSelected,
                                   shouldHighlightCurated:
                                     shouldHighlightCurated,
-                                }) ]
+                                }),
+                              ]
                             },
-                          } ],
+                          },
+                        ],
                         null,
                         true
                       ),
-                    }) ]
+                    }),
+                  ]
                 },
                 null,
                 {
                   relatedTag: relatedTag,
                   highlightCurated: _vm.highlightCurated,
                 }
-              ) ],
+              ),
+            ],
             2
           )
         }),
@@ -76,24 +80,24 @@ var __vue_staticRenderFns__ = [];
 __vue_render__._withStripped = true;
 
   /* style */
-  var __vue_inject_styles__ = function (inject) {
-    if (!inject) { return }
+  const __vue_inject_styles__ = function (inject) {
+    if (!inject) return
     inject("data-v-04493c4b_0", { source: ".x-related-tags[data-v-04493c4b] {\n  display: flex;\n  list-style: none;\n}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  var __vue_scope_id__ = "data-v-04493c4b";
+  const __vue_scope_id__ = "data-v-04493c4b";
   /* module identifier */
-  var __vue_module_identifier__ = undefined;
+  const __vue_module_identifier__ = undefined;
   /* functional template */
-  var __vue_is_functional_template__ = false;
+  const __vue_is_functional_template__ = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  var __vue_component__ = /*#__PURE__*/__vue_normalize__(
+  const __vue_component__ = /*#__PURE__*/__vue_normalize__(
     { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
     __vue_inject_styles__,
     __vue_script__,
@@ -106,5 +110,5 @@ __vue_render__._withStripped = true;
     undefined
   );
 
-export default __vue_component__;
+export { __vue_component__ as default };
 //# sourceMappingURL=related-tags.vue.js.map

package/js/x-modules/related-tags/components/related-tags.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"related-tags.vue.js","sources":["../../../../../src/x-modules/related-tags/components/related-tags.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"animation\"\n    v-if=\"relatedTags.length\"\n    tag=\"ul\"\n    class=\"x-list x-related-tags\"\n    data-test=\"related-tags\"\n  >\n    <li\n      v-for=\"relatedTag in relatedTags\"\n      :key=\"relatedTag.tag\"\n      class=\"x-related-tags__item\"\n      data-test=\"related-tag-item\"\n    >\n      <!--\n        @slot Custom content that replaces the RelatedTag component.\n        @binding {RelatedTag} relatedTag - Related tag data.\n        @binding {boolean} highlightCurated - True if the curated RTs should be displayed.\n       -->\n      <slot name=\"related-tag\" v-bind=\"{ relatedTag, highlightCurated }\">\n        <RelatedTag :highlightCurated=\"highlightCurated\" :relatedTag=\"relatedTag\">\n          <template #default=\"{ relatedTag, isSelected, shouldHighlightCurated }\">\n            <!-- eslint-disable max-len -->\n            <!--\n              @slot Custom content that replaces the RelatedTag default content.\n              @binding {RelatedTag} relatedTag - Related tag data.\n              @binding {boolean} isSelected - Related tag status.\n              @binding {boolean} shouldHighlightCurated - True if the curated RTs should be displayed.\n            -->\n            <slot\n              name=\"related-tag-content\"\n              v-bind=\"{ relatedTag, isSelected, shouldHighlightCurated }\"\n            />\n          </template>\n        </RelatedTag>\n      </slot>\n    </li>\n  </component>\n</template>\n\n<script lang=\"ts\">\n  import { RelatedTag as RelatedTagModel } from '@empathyco/x-types';\n  import Vue from 'vue';\n  import { Component, Prop } from 'vue-property-decorator';\n  import { Getter } from '../../../components/decorators/store.decorators';\n  import { xComponentMixin } from '../../../components/x-component.mixin';\n  import { relatedTagsXModule } from '../x-module';\n  import RelatedTag from './related-tag.vue';\n\n  /**\n   * This component renders a set of [`RelatedTag`](./x-components.related-tag) components by\n   * default to select from after a query is performed to fine-tune search.\n   * For example, if you are searching for *lego*, different related tags could be *city*,\n   * *friends*, or *harry potter*, refining the search with *lego city*, *lego friends*,\n   * or *lego harry potter*.\n   *\n   * @public\n   */\n  @Component({\n    components: { RelatedTag },\n    mixins: [xComponentMixin(relatedTagsXModule)]\n  })\n  export default class RelatedTags extends Vue {\n    /**\n     * Animation component that will be used to animate the suggestion.\n     *\n     * @public\n     */\n    @Prop({ default: 'ul' })\n    protected animation!: Vue;\n\n    /**\n     * Number of related tags to be rendered.\n     *\n     * @public\n     */\n    @Prop()\n    protected maxItemsToRender?: number;\n\n    /**\n     * Flag to indicate if the curated tags should be displayed different.\n     *\n     * @public\n     */\n    @Prop({ default: false, type: Boolean })\n    protected highlightCurated!: boolean;\n\n    @Getter('relatedTags', 'relatedTags')\n    public storedRelatedTags!: RelatedTagModel[];\n\n    protected get relatedTags(): RelatedTagModel[] {\n      return this.storedRelatedTags.slice(0, this.maxItemsToRender);\n    }\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n  .x-related-tags {\n    display: flex;\n    list-style: none;\n  }\n</style>\n\n<docs lang=\"mdx\">\n## See it in action\n\n<!-- prettier-ignore-start -->\n:::warning Backend microservice required\nTo use this component, the QuerySignals microservice must be implemented.\n:::\n<!-- prettier-ignore-end -->\n\nThis example shows how related tags can be rendered without any additional effects.\n\n_Search for a toy and press enter._\n\n```vue\n<template>\n  <div>\n    <SearchInput></SearchInput>\n    <RelatedTags></RelatedTags>\n  </div>\n</template>\n\n<script>\n  import { SearchInput } from '@empathyco/x-components/search-box';\n  import { RelatedTags } from '@empathyco/x-components/related-tags';\n\n  export default {\n    name: 'RelatedTagsDemo',\n    components: {\n      SearchInput,\n      RelatedTags\n    }\n  };\n</script>\n```\n\n### Play with props\n\nIn this example, the number of related tags rendered has been limited to 3. A fade and slide effect\nhas been added so that the related tags appear with a delay, then slide upwards and fade.\n\n_Search for a toy and press Enter to see the related tags with the animation effect._\n\n```vue\n<template>\n  <div>\n    <SearchInput></SearchInput>\n    <RelatedTags animation=\"StaggeredFadeAndSlide\" :maxItemsToRender=\"3\"></RelatedTags>\n  </div>\n</template>\n\n<script>\n  import Vue from 'vue';\n  import { SearchInput } from '@empathyco/x-components/search-box';\n  import { RelatedTags } from '@empathyco/x-components/related-tags';\n  import { StaggeredFadeAndSlide } from '@empathyco/x-components';\n\n  Vue.component('StaggeredFadeAndSlide', StaggeredFadeAndSlide);\n  export default {\n    name: 'RelatedTagsDemo',\n    components: {\n      SearchInput,\n      RelatedTags\n    }\n  };\n</script>\n```\n\n### Play with related-tag slot\n\nIn this example, the [`RelatedTag`](./x-components.related-tag.md) component is passed in the\n`related-tag` slot (although any other component could potentially be passed).\n\n_Search for a toy and see how the related tags can be rendered._\n\n```vue\n<template>\n  <div>\n    <SearchInput></SearchInput>\n    <RelatedTags #related-tag=\"{ relatedTag }\">\n      <RelatedTag :relatedTag=\"relatedTag\"></RelatedTag>\n    </RelatedTags>\n  </div>\n</template>\n\n<script>\n  import { SearchInput } from '@empathyco/x-components/search-box';\n  import { RelatedTags, RelatedTag } from '@empathyco/x-components/related-tags';\n\n  export default {\n    name: 'RelatedTagsDemo',\n    components: {\n      SearchInput,\n      RelatedTags,\n      RelatedTag\n    }\n  };\n</script>\n```\n\n### Play with related-tag-content slot\n\nTo continue the previous example, the [`RelatedTag`](./x-components.related-tag.md) component is\npassed in the `related-tag-content` slot, but in addition, an HTML span tag for the text are also\npassed.\n\n_Search for a toy and see how the related tags are rendered._\n\n```vue\n<template>\n  <div>\n    <SearchInput></SearchInput>\n    <RelatedTags #related-tag-content=\"{ relatedTag }\">\n      <span>{{ relatedTag.tag }}</span>\n    </RelatedTags>\n  </div>\n</template>\n\n<script>\n  import { SearchInput } from '@empathyco/x-components/search-box';\n  import { RelatedTags } from '@empathyco/x-components/related-tags';\n\n  export default {\n    name: 'RelatedTagsDemo',\n    components: {\n      SearchInput,\n      RelatedTags\n    }\n  };\n</script>\n```\n\n## Extending the component\n\nComponents can be combined and communicate with each other. The `RelatedTags` component can\ncommunicate with the [`SearchInput`](../search-box/x-components.search-input.md) as follows:\n\n_Search for a toy and see how the related tags can be rendered._\n\n```vue\n<template>\n  <div>\n    <SearchInput></SearchInput>\n    <RelatedTags></RelatedTags>\n    <ResultsList></ResultsList>\n  </div>\n</template>\n\n<script>\n  import { SearchInput } from '@empathyco/x-components/search-box';\n  import { RelatedTags } from '@empathyco/x-components/related-tags';\n  import { ResultsList } from '@empathyco/x-components/search';\n\n  export default {\n    name: 'RelatedTagsDemo',\n    components: {\n      SearchInput,\n      RelatedTags,\n      ResultsList\n    }\n  };\n</script>\n```\n</docs>\n"],"names":["const"],"mappings":";;;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"related-tags.vue.js","sources":["../../../../../src/x-modules/related-tags/components/related-tags.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"animation\"\n    v-if=\"relatedTags.length\"\n    tag=\"ul\"\n    class=\"x-list x-related-tags\"\n    data-test=\"related-tags\"\n  >\n    <li\n      v-for=\"relatedTag in relatedTags\"\n      :key=\"relatedTag.tag\"\n      class=\"x-related-tags__item\"\n      data-test=\"related-tag-item\"\n    >\n      <!--\n        @slot Custom content that replaces the RelatedTag component.\n        @binding {RelatedTag} relatedTag - Related tag data.\n        @binding {boolean} highlightCurated - True if the curated RTs should be displayed.\n       -->\n      <slot name=\"related-tag\" v-bind=\"{ relatedTag, highlightCurated }\">\n        <RelatedTag :highlightCurated=\"highlightCurated\" :relatedTag=\"relatedTag\">\n          <template #default=\"{ relatedTag, isSelected, shouldHighlightCurated }\">\n            <!-- eslint-disable max-len -->\n            <!--\n              @slot Custom content that replaces the RelatedTag default content.\n              @binding {RelatedTag} relatedTag - Related tag data.\n              @binding {boolean} isSelected - Related tag status.\n              @binding {boolean} shouldHighlightCurated - True if the curated RTs should be displayed.\n            -->\n            <slot\n              name=\"related-tag-content\"\n              v-bind=\"{ relatedTag, isSelected, shouldHighlightCurated }\"\n            />\n          </template>\n        </RelatedTag>\n      </slot>\n    </li>\n  </component>\n</template>\n\n<script lang=\"ts\">\n  import { RelatedTag as RelatedTagModel } from '@empathyco/x-types';\n  import Vue from 'vue';\n  import { Component, Prop } from 'vue-property-decorator';\n  import { Getter } from '../../../components/decorators/store.decorators';\n  import { xComponentMixin } from '../../../components/x-component.mixin';\n  import { relatedTagsXModule } from '../x-module';\n  import RelatedTag from './related-tag.vue';\n\n  /**\n   * This component renders a set of [`RelatedTag`](./x-components.related-tag) components by\n   * default to select from after a query is performed to fine-tune search.\n   * For example, if you are searching for *lego*, different related tags could be *city*,\n   * *friends*, or *harry potter*, refining the search with *lego city*, *lego friends*,\n   * or *lego harry potter*.\n   *\n   * @public\n   */\n  @Component({\n    components: { RelatedTag },\n    mixins: [xComponentMixin(relatedTagsXModule)]\n  })\n  export default class RelatedTags extends Vue {\n    /**\n     * Animation component that will be used to animate the suggestion.\n     *\n     * @public\n     */\n    @Prop({ default: 'ul' })\n    protected animation!: Vue;\n\n    /**\n     * Number of related tags to be rendered.\n     *\n     * @public\n     */\n    @Prop()\n    protected maxItemsToRender?: number;\n\n    /**\n     * Flag to indicate if the curated tags should be displayed different.\n     *\n     * @public\n     */\n    @Prop({ default: false, type: Boolean })\n    protected highlightCurated!: boolean;\n\n    @Getter('relatedTags', 'relatedTags')\n    public storedRelatedTags!: RelatedTagModel[];\n\n    protected get relatedTags(): RelatedTagModel[] {\n      return this.storedRelatedTags.slice(0, this.maxItemsToRender);\n    }\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n  .x-related-tags {\n    display: flex;\n    list-style: none;\n  }\n</style>\n\n<docs lang=\"mdx\">\n## See it in action\n\n<!-- prettier-ignore-start -->\n:::warning Backend microservice required\nTo use this component, the QuerySignals microservice must be implemented.\n:::\n<!-- prettier-ignore-end -->\n\nThis example shows how related tags can be rendered without any additional effects.\n\n_Search for a toy and press enter._\n\n```vue\n<template>\n  <div>\n    <SearchInput></SearchInput>\n    <RelatedTags></RelatedTags>\n  </div>\n</template>\n\n<script>\n  import { SearchInput } from '@empathyco/x-components/search-box';\n  import { RelatedTags } from '@empathyco/x-components/related-tags';\n\n  export default {\n    name: 'RelatedTagsDemo',\n    components: {\n      SearchInput,\n      RelatedTags\n    }\n  };\n</script>\n```\n\n### Play with props\n\nIn this example, the number of related tags rendered has been limited to 3. A fade and slide effect\nhas been added so that the related tags appear with a delay, then slide upwards and fade.\n\n_Search for a toy and press Enter to see the related tags with the animation effect._\n\n```vue\n<template>\n  <div>\n    <SearchInput></SearchInput>\n    <RelatedTags animation=\"StaggeredFadeAndSlide\" :maxItemsToRender=\"3\"></RelatedTags>\n  </div>\n</template>\n\n<script>\n  import Vue from 'vue';\n  import { SearchInput } from '@empathyco/x-components/search-box';\n  import { RelatedTags } from '@empathyco/x-components/related-tags';\n  import { StaggeredFadeAndSlide } from '@empathyco/x-components';\n\n  Vue.component('StaggeredFadeAndSlide', StaggeredFadeAndSlide);\n  export default {\n    name: 'RelatedTagsDemo',\n    components: {\n      SearchInput,\n      RelatedTags\n    }\n  };\n</script>\n```\n\n### Play with related-tag slot\n\nIn this example, the [`RelatedTag`](./x-components.related-tag.md) component is passed in the\n`related-tag` slot (although any other component could potentially be passed).\n\n_Search for a toy and see how the related tags can be rendered._\n\n```vue\n<template>\n  <div>\n    <SearchInput></SearchInput>\n    <RelatedTags #related-tag=\"{ relatedTag }\">\n      <RelatedTag :relatedTag=\"relatedTag\"></RelatedTag>\n    </RelatedTags>\n  </div>\n</template>\n\n<script>\n  import { SearchInput } from '@empathyco/x-components/search-box';\n  import { RelatedTags, RelatedTag } from '@empathyco/x-components/related-tags';\n\n  export default {\n    name: 'RelatedTagsDemo',\n    components: {\n      SearchInput,\n      RelatedTags,\n      RelatedTag\n    }\n  };\n</script>\n```\n\n### Play with related-tag-content slot\n\nTo continue the previous example, the [`RelatedTag`](./x-components.related-tag.md) component is\npassed in the `related-tag-content` slot, but in addition, an HTML span tag for the text are also\npassed.\n\n_Search for a toy and see how the related tags are rendered._\n\n```vue\n<template>\n  <div>\n    <SearchInput></SearchInput>\n    <RelatedTags #related-tag-content=\"{ relatedTag }\">\n      <span>{{ relatedTag.tag }}</span>\n    </RelatedTags>\n  </div>\n</template>\n\n<script>\n  import { SearchInput } from '@empathyco/x-components/search-box';\n  import { RelatedTags } from '@empathyco/x-components/related-tags';\n\n  export default {\n    name: 'RelatedTagsDemo',\n    components: {\n      SearchInput,\n      RelatedTags\n    }\n  };\n</script>\n```\n\n## Extending the component\n\nComponents can be combined and communicate with each other. The `RelatedTags` component can\ncommunicate with the [`SearchInput`](../search-box/x-components.search-input.md) as follows:\n\n_Search for a toy and see how the related tags can be rendered._\n\n```vue\n<template>\n  <div>\n    <SearchInput></SearchInput>\n    <RelatedTags></RelatedTags>\n    <ResultsList></ResultsList>\n  </div>\n</template>\n\n<script>\n  import { SearchInput } from '@empathyco/x-components/search-box';\n  import { RelatedTags } from '@empathyco/x-components/related-tags';\n  import { ResultsList } from '@empathyco/x-components/search';\n\n  export default {\n    name: 'RelatedTagsDemo',\n    components: {\n      SearchInput,\n      RelatedTags,\n      ResultsList\n    }\n  };\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/x-modules/related-tags/components/related-tags.vue_rollup-plugin-vue_script.vue.js

@@ -0,0 +1,44 @@
+import { __decorate } from 'tslib';
+import Vue from 'vue';
+import { Prop, Component } from 'vue-property-decorator';
+import { Getter } from '../../../components/decorators/store.decorators.js';
+import { xComponentMixin } from '../../../components/x-component.mixin.js';
+import { relatedTagsXModule } from '../x-module.js';
+import __vue_component__ from './related-tag.vue.js';
+
+/**
+ * This component renders a set of [`RelatedTag`](./x-components.related-tag) components by
+ * default to select from after a query is performed to fine-tune search.
+ * For example, if you are searching for *lego*, different related tags could be *city*,
+ * *friends*, or *harry potter*, refining the search with *lego city*, *lego friends*,
+ * or *lego harry potter*.
+ *
+ * @public
+ */
+let RelatedTags = class RelatedTags extends Vue {
+    get relatedTags() {
+        return this.storedRelatedTags.slice(0, this.maxItemsToRender);
+    }
+};
+__decorate([
+    Prop({ default: 'ul' })
+], RelatedTags.prototype, "animation", void 0);
+__decorate([
+    Prop()
+], RelatedTags.prototype, "maxItemsToRender", void 0);
+__decorate([
+    Prop({ default: false, type: Boolean })
+], RelatedTags.prototype, "highlightCurated", void 0);
+__decorate([
+    Getter('relatedTags', 'relatedTags')
+], RelatedTags.prototype, "storedRelatedTags", void 0);
+RelatedTags = __decorate([
+    Component({
+        components: { RelatedTag: __vue_component__ },
+        mixins: [xComponentMixin(relatedTagsXModule)]
+    })
+], RelatedTags);
+var script = RelatedTags;
+
+export { script as default };
+//# sourceMappingURL=related-tags.vue_rollup-plugin-vue_script.vue.js.map

package/js/x-modules/related-tags/components/related-tags.vue_rollup-plugin-vue_script.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"related-tags.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../../src/x-modules/related-tags/components/related-tags.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { RelatedTag as RelatedTagModel } from '@empathyco/x-types';\nimport Vue from 'vue';\nimport { Component, Prop } from 'vue-property-decorator';\nimport { Getter } from '../../../components/decorators/store.decorators';\nimport { xComponentMixin } from '../../../components/x-component.mixin';\nimport { relatedTagsXModule } from '../x-module';\nimport RelatedTag from './related-tag.vue';\n\n/**\n * This component renders a set of [`RelatedTag`](./x-components.related-tag) components by\n * default to select from after a query is performed to fine-tune search.\n * For example, if you are searching for *lego*, different related tags could be *city*,\n * *friends*, or *harry potter*, refining the search with *lego city*, *lego friends*,\n * or *lego harry potter*.\n *\n * @public\n */\n@Component({\n  components: { RelatedTag },\n  mixins: [xComponentMixin(relatedTagsXModule)]\n})\nexport default class RelatedTags extends Vue {\n  /**\n   * Animation component that will be used to animate the suggestion.\n   *\n   * @public\n   */\n  @Prop({ default: 'ul' })\n  protected animation!: Vue;\n\n  /**\n   * Number of related tags to be rendered.\n   *\n   * @public\n   */\n  @Prop()\n  protected maxItemsToRender?: number;\n\n  /**\n   * Flag to indicate if the curated tags should be displayed different.\n   *\n   * @public\n   */\n  @Prop({ default: false, type: Boolean })\n  protected highlightCurated!: boolean;\n\n  @Getter('relatedTags', 'relatedTags')\n  public storedRelatedTags!: RelatedTagModel[];\n\n  protected get relatedTags(): RelatedTagModel[] {\n    return this.storedRelatedTags.slice(0, this.maxItemsToRender);\n  }\n}\n"],"names":["RelatedTag"],"mappings":";;;;;;;;AAiDA;;;;;;;;;AAaA,IAAqB,WAAW,GAAhC,MAAqB,WAAY,SAAQ,GAAG;IA4B1C,IAAc,WAAW;QACvB,OAAO,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;KAC/D;CACF,CAAA;AAxBC;IADC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CACE;AAQ1B;IADC,IAAI,EAAE;qDAC6B;AAQpC;IADC,IAAI,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;qDACH;AAGrC;IADC,MAAM,CAAC,aAAa,EAAE,aAAa,CAAC;sDACQ;AA1B1B,WAAW;IAJ/B,SAAS,CAAC;QACT,UAAU,EAAE,cAAEA,iBAAU,EAAE;QAC1B,MAAM,EAAE,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;KAC9C,CAAC;GACmB,WAAW,CA+B/B;aA/BoB,WAAW;;;;"}