@empathyco/x-components 3.0.0-alpha.30 → 3.0.0-alpha.34

package/js/x-modules/history-queries/components/history-queries.vue.js

@@ -5,7 +5,7 @@ import script from './history-queries.vue_rollup-plugin-vue=script.js';
 var __vue_script__ = script;
 
 /* template */
-var __vue_render__ = function() {
+var __vue_render__ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -15,72 +15,66 @@ var __vue_render__ = function() {
       suggestions: _vm.historyQueries,
       "data-test": "history-queries",
       animation: _vm.animation,
-      maxItemsToRender: _vm.maxItemsToRender
+      maxItemsToRender: _vm.maxItemsToRender,
     },
     scopedSlots: _vm._u(
       [
         {
           key: "default",
-          fn: function(ref) {
+          fn: function (ref) {
             var suggestion = ref.suggestion;
             var index = ref.index;
             return [
               _vm._t(
                 "suggestion",
-                function() {
+                function () {
                   return [
                     _c("HistoryQuery", {
                       staticClass: "x-history-queries__item",
                       attrs: {
                         suggestion: suggestion,
-                        "data-test": "history-query-item"
+                        "data-test": "history-query-item",
                       },
                       scopedSlots: _vm._u(
                         [
                           {
                             key: "default",
-                            fn: function(ref) {
+                            fn: function (ref) {
                               var queryHTML = ref.queryHTML;
                               return [
                                 _vm._t("suggestion-content", null, null, {
                                   suggestion: suggestion,
                                   index: index,
-                                  queryHTML: queryHTML
-                                })
-                              ]
-                            }
+                                  queryHTML: queryHTML,
+                                }) ]
+                            },
                           },
                           {
                             key: "remove-button-content",
-                            fn: function() {
+                            fn: function () {
                               return [
                                 _vm._t(
                                   "suggestion-remove-content",
                                   null,
                                   null,
                                   { suggestion: suggestion, index: index }
-                                )
-                              ]
+                                ) ]
                             },
-                            proxy: true
-                          }
-                        ],
+                            proxy: true,
+                          } ],
                         null,
                         true
-                      )
-                    })
-                  ]
+                      ),
+                    }) ]
                 },
                 null,
                 { suggestion: suggestion, index: index }
-              )
-            ]
-          }
-        }
-      ],
+              ) ]
+          },
+        } ],
       null,
       true
-    )
+    ),
   })
 };
 var __vue_staticRenderFns__ = [];

package/js/x-modules/history-queries/components/history-queries.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"history-queries.vue.js","sources":["../../../../../src/x-modules/history-queries/components/history-queries.vue"],"sourcesContent":["<template>\n  <BaseSuggestions\n    :suggestions=\"historyQueries\"\n    class=\"x-history-queries\"\n    data-test=\"history-queries\"\n    :animation=\"animation\"\n    :maxItemsToRender=\"maxItemsToRender\"\n  >\n    <template #default=\"{ suggestion, index }\">\n      <!--\n        @slot History Query item\n            @binding {Suggestion} suggestion - History Query suggestion data\n            @binding {number} index - History Query suggestion index\n      -->\n      <slot name=\"suggestion\" v-bind=\"{ suggestion, index }\">\n        <HistoryQuery\n          :suggestion=\"suggestion\"\n          data-test=\"history-query-item\"\n          class=\"x-history-queries__item\"\n        >\n          <template #default=\"{ queryHTML }\">\n            <!-- eslint-disable max-len -->\n            <!--\n              @slot History Query content\n                  @binding {Suggestion} suggestion - History Query suggestion data\n                  @binding {string} queryHTML - Suggestion's query with the matching part inside a span tag\n                  @binding {number} index - History Query suggestion index\n            -->\n            <!-- eslint-enable max-len -->\n            <slot name=\"suggestion-content\" v-bind=\"{ suggestion, index, queryHTML }\" />\n          </template>\n          <template #remove-button-content>\n            <!--\n              @slot History Query remove button content\n                  @binding {Suggestion} suggestion - History Query suggestion data\n                  @binding {number} index - History Query suggestion index\n            -->\n            <slot name=\"suggestion-remove-content\" v-bind=\"{ suggestion, index }\" />\n          </template>\n        </HistoryQuery>\n      </slot>\n    </template>\n  </BaseSuggestions>\n</template>\n\n<script lang=\"ts\">\n  import { HistoryQuery as HistoryQueryModel } from '@empathyco/x-types';\n  import Vue from 'vue';\n  import { Component, Prop } from 'vue-property-decorator';\n  import BaseSuggestions from '../../../components/suggestions/base-suggestions.vue';\n  import { Getter } from '../../../components/decorators/store.decorators';\n  import { xComponentMixin } from '../../../components/x-component.mixin';\n  import { historyQueriesXModule } from '../x-module';\n  import HistoryQuery from './history-query.vue';\n\n  /**\n   * This component renders a list of suggestions coming from the user queries history.\n   *\n   * @remarks\n   *\n   * Allows the user to select one of them, emitting the needed events.\n   * A history query is just another type of suggestion that contains a query that the user has\n   * made in the past.\n   *\n   * @public\n   */\n  @Component({\n    components: { BaseSuggestions, HistoryQuery },\n    mixins: [xComponentMixin(historyQueriesXModule)]\n  })\n  export default class HistoryQueries extends Vue {\n    /**\n     * Animation component that will be used to animate the suggestions.\n     *\n     * @public\n     */\n    @Prop()\n    protected animation!: Vue;\n\n    /**\n     * Maximum number of history queries to show. It should be a lower number than the\n     * {@link HistoryQueriesConfig.maxItemsToStore}. If it is not provided, it will show\n     * all the stored `HistoryQueries`.\n     */\n    @Prop()\n    protected maxItemsToRender?: number;\n\n    /**\n     * The filtered list of history queries.\n     *\n     * @internal\n     */\n    @Getter('historyQueries', 'historyQueries')\n    public historyQueries!: HistoryQueryModel[];\n  }\n</script>\n\n<docs lang=\"mdx\">\n# Examples\n\nThis component renders a list of suggestions coming from the user queries history\n\n## Default usage\n\nNo props are required for the usage of this component.\n\n```vue\n<HistoryQueries />\n```\n\nThe component has two optional props. `animation` to render the component with an animation and\n`maxItemToRender` to limit the number of history queries will be rendered (by default it is 5).\n\n```vue\n<HistoryQueries :animation=\"FadeAndSlide\" :maxItemsToRender=\"10\" />\n```\n\n## Overriding Suggestion component\n\nThe default `HistoryQuery` component that is used in every suggestion can be replaced. To do so, the\n`suggestion` slot is available, containing the history query data under the `suggestion` property.\nRemember that if HistoryQuery component wasn't used the `handleHistoryQuerySelection` method needs\nto be implemented emitting the needed events.\n\n```vue\n<HistoryQueries>\n  <template #suggestion=\"{ suggestion }\">\n    <img class=\"x-history-query__icon\" src=\"./history-query-extra-icon.svg\"/>\n    <HistoryQuery :suggestion=\"suggestion\"/>\n  </template>\n</HistoryQueries>\n```\n\n## Overriding suggestion-content and suggestion-remove-content slot\n\nThe content of the `HistoryQuery` component can be overridden. For replacing the default suggestion\ncontent, the `suggestion-content` slot is available, containing the history query suggestion (in the\n`suggestion` property), and the matching query part HTML (in the `queryHTML` property).\n\n```vue\n<HistoryQueries>\n  <template #suggestion-content=\"{ queryHTML }\">\n    <img class=\"x-history-query__history-icon\" src=\"./history-icon.svg\"/>\n    <span class=\"x-history-query__matching-part\" v-html=\"queryHTML\"></span>\n  </template>\n  <template #suggestion-remove-content>\n    <img class=\"x-history-queries__remove\" src=\"./remove-icon.svg\"/>\n  </template>\n</HistoryQueries>\n```\n</docs>\n"],"names":["const"],"mappings":";;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"history-queries.vue.js","sources":["../../../../../src/x-modules/history-queries/components/history-queries.vue"],"sourcesContent":["<template>\n  <BaseSuggestions\n    :suggestions=\"historyQueries\"\n    class=\"x-history-queries\"\n    data-test=\"history-queries\"\n    :animation=\"animation\"\n    :maxItemsToRender=\"maxItemsToRender\"\n  >\n    <template #default=\"{ suggestion, index }\">\n      <!--\n        @slot History Query item\n            @binding {Suggestion} suggestion - History Query suggestion data\n            @binding {number} index - History Query suggestion index\n      -->\n      <slot name=\"suggestion\" v-bind=\"{ suggestion, index }\">\n        <HistoryQuery\n          :suggestion=\"suggestion\"\n          data-test=\"history-query-item\"\n          class=\"x-history-queries__item\"\n        >\n          <template #default=\"{ queryHTML }\">\n            <!-- eslint-disable max-len -->\n            <!--\n              @slot History Query content\n                  @binding {Suggestion} suggestion - History Query suggestion data\n                  @binding {string} queryHTML - Suggestion's query with the matching part inside a span tag\n                  @binding {number} index - History Query suggestion index\n            -->\n            <!-- eslint-enable max-len -->\n            <slot name=\"suggestion-content\" v-bind=\"{ suggestion, index, queryHTML }\" />\n          </template>\n          <template #remove-button-content>\n            <!--\n              @slot History Query remove button content\n                  @binding {Suggestion} suggestion - History Query suggestion data\n                  @binding {number} index - History Query suggestion index\n            -->\n            <slot name=\"suggestion-remove-content\" v-bind=\"{ suggestion, index }\" />\n          </template>\n        </HistoryQuery>\n      </slot>\n    </template>\n  </BaseSuggestions>\n</template>\n\n<script lang=\"ts\">\n  import { HistoryQuery as HistoryQueryModel } from '@empathyco/x-types';\n  import Vue from 'vue';\n  import { Component, Prop } from 'vue-property-decorator';\n  import BaseSuggestions from '../../../components/suggestions/base-suggestions.vue';\n  import { Getter } from '../../../components/decorators/store.decorators';\n  import { xComponentMixin } from '../../../components/x-component.mixin';\n  import { historyQueriesXModule } from '../x-module';\n  import HistoryQuery from './history-query.vue';\n\n  /**\n   * This component renders a list of suggestions coming from the user queries history.\n   *\n   * @remarks\n   *\n   * Allows the user to select one of them, emitting the needed events.\n   * A history query is just another type of suggestion that contains a query that the user has\n   * made in the past.\n   *\n   * @public\n   */\n  @Component({\n    components: { BaseSuggestions, HistoryQuery },\n    mixins: [xComponentMixin(historyQueriesXModule)]\n  })\n  export default class HistoryQueries extends Vue {\n    /**\n     * Animation component that will be used to animate the suggestions.\n     *\n     * @public\n     */\n    @Prop()\n    protected animation!: Vue;\n\n    /**\n     * Maximum number of history queries to show. It should be a lower number than the\n     * {@link HistoryQueriesConfig.maxItemsToStore}. If it is not provided, it will show\n     * all the stored `HistoryQueries`.\n     */\n    @Prop()\n    protected maxItemsToRender?: number;\n\n    /**\n     * The filtered list of history queries.\n     *\n     * @internal\n     */\n    @Getter('historyQueries', 'historyQueries')\n    public historyQueries!: HistoryQueryModel[];\n  }\n</script>\n\n<docs lang=\"mdx\">\n# Examples\n\nThis component renders a list of suggestions coming from the user queries history\n\n## Default usage\n\nNo props are required for the usage of this component.\n\n```vue\n<HistoryQueries />\n```\n\nThe component has two optional props. `animation` to render the component with an animation and\n`maxItemToRender` to limit the number of history queries will be rendered (by default it is 5).\n\n```vue\n<HistoryQueries :animation=\"FadeAndSlide\" :maxItemsToRender=\"10\" />\n```\n\n## Overriding Suggestion component\n\nThe default `HistoryQuery` component that is used in every suggestion can be replaced. To do so, the\n`suggestion` slot is available, containing the history query data under the `suggestion` property.\nRemember that if HistoryQuery component wasn't used the `handleHistoryQuerySelection` method needs\nto be implemented emitting the needed events.\n\n```vue\n<HistoryQueries>\n  <template #suggestion=\"{ suggestion }\">\n    <img class=\"x-history-query__icon\" src=\"./history-query-extra-icon.svg\"/>\n    <HistoryQuery :suggestion=\"suggestion\"/>\n  </template>\n</HistoryQueries>\n```\n\n## Overriding suggestion-content and suggestion-remove-content slot\n\nThe content of the `HistoryQuery` component can be overridden. For replacing the default suggestion\ncontent, the `suggestion-content` slot is available, containing the history query suggestion (in the\n`suggestion` property), and the matching query part HTML (in the `queryHTML` property).\n\n```vue\n<HistoryQueries>\n  <template #suggestion-content=\"{ queryHTML }\">\n    <img class=\"x-history-query__history-icon\" src=\"./history-icon.svg\"/>\n    <span class=\"x-history-query__matching-part\" v-html=\"queryHTML\"></span>\n  </template>\n  <template #suggestion-remove-content>\n    <img class=\"x-history-queries__remove\" src=\"./remove-icon.svg\"/>\n  </template>\n</HistoryQueries>\n```\n</docs>\n"],"names":["const"],"mappings":";;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/x-modules/history-queries/components/history-query.vue.js

@@ -5,7 +5,7 @@ import script from './history-query.vue_rollup-plugin-vue=script.js';
 var __vue_script__ = script;
 
 /* template */
-var __vue_render__ = function() {
+var __vue_render__ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -18,32 +18,30 @@ var __vue_render__ = function() {
         _vm._b(
           {
             staticClass: "x-history-query__suggestion",
-            attrs: { "data-test": "history-query" },
+            attrs: { "data-test": "history-query", feature: "history_query" },
             scopedSlots: _vm._u(
               [
                 {
                   key: "default",
-                  fn: function(ref) {
+                  fn: function (ref) {
                     var suggestion = ref.suggestion;
                     var queryHTML = ref.queryHTML;
                     return [
                       _vm._t("default", null, null, {
                         suggestion: suggestion,
-                        queryHTML: queryHTML
-                      })
-                    ]
-                  }
-                }
-              ],
+                        queryHTML: queryHTML,
+                      }) ]
+                  },
+                } ],
               null,
               true
-            )
+            ),
           },
           "BaseSuggestion",
           {
             suggestion: _vm.suggestion,
             suggestionSelectedEvents: _vm.suggestionSelectedEvents,
-            query: _vm.query
+            query: _vm.query,
           },
           false
         )
@@ -55,22 +53,20 @@ var __vue_render__ = function() {
           staticClass: "x-history-query__remove",
           attrs: {
             historyQuery: _vm.suggestion,
-            "data-test": "remove-history-query"
-          }
+            "data-test": "remove-history-query",
+          },
         },
         [
           _vm._t(
             "remove-button-content",
-            function() {
+            function () {
               return [_vm._v("✕")]
             },
             null,
             { suggestion: _vm.suggestion }
-          )
-        ],
+          ) ],
         2
-      )
-    ],
+      ) ],
     1
   )
 };

package/js/x-modules/history-queries/components/history-query.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"history-query.vue.js","sources":["../../../../../src/x-modules/history-queries/components/history-query.vue"],"sourcesContent":["<template>\n  <div class=\"x-suggestion-group x-history-query\">\n    <BaseSuggestion\n      class=\"x-history-query__suggestion\"\n      v-bind=\"{ suggestion, suggestionSelectedEvents, query }\"\n      data-test=\"history-query\"\n    >\n      <template #default=\"{ suggestion, queryHTML }\">\n        <!-- eslint-disable max-len -->\n        <!--\n          @slot History Query content\n              @binding {Suggestion} suggestion - History Query suggestion data\n              @binding {string} queryHTML - Suggestion's query with the matching part inside a span tag\n        -->\n        <!-- eslint-enable max-len -->\n        <slot v-bind=\"{ suggestion, queryHTML }\" />\n      </template>\n    </BaseSuggestion>\n    <RemoveHistoryQuery\n      class=\"x-history-query__remove\"\n      :historyQuery=\"suggestion\"\n      data-test=\"remove-history-query\"\n    >\n      <!--\n          @slot History Query remove button content\n              @binding {Suggestion} suggestion - History Query suggestion data\n        -->\n      <slot name=\"remove-button-content\" v-bind=\"{ suggestion }\">✕</slot>\n    </RemoveHistoryQuery>\n  </div>\n</template>\n\n<script lang=\"ts\">\n  import { HistoryQuery as HistoryQueryModel } 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 BaseSuggestion from '../../../components/suggestions/base-suggestion.vue';\n  import { xComponentMixin } from '../../../components/x-component.mixin';\n  import { XEventsTypes } from '../../../wiring/events.types';\n  import { historyQueriesXModule } from '../x-module';\n  import RemoveHistoryQuery from './remove-history-query.vue';\n\n  /**\n   * This component renders a history query suggestion combining two buttons: one for selecting this\n   * suggestion as the search query, and another one to remove this query suggestion from the\n   * history queries.\n   *\n   * @public\n   */\n  @Component({\n    mixins: [xComponentMixin(historyQueriesXModule)],\n    components: { RemoveHistoryQuery, BaseSuggestion }\n  })\n  export default class HistoryQuery extends Vue {\n    /**\n     * The history query suggestion to render.\n     *\n     * @public\n     */\n    @Prop({ required: true })\n    protected suggestion!: HistoryQueryModel;\n\n    /**\n     * The normalized query of the history-queries module.\n     *\n     * @internal\n     */\n    @Getter('historyQueries', 'normalizedQuery')\n    public query!: string;\n\n    /**\n     * The list of events that are going to be emitted when the suggestion button is pressed.\n     *\n     * @internal\n     * @returns The {@link XEvent | XEvents} to emit.\n     */\n    protected get suggestionSelectedEvents(): Partial<XEventsTypes> {\n      return {\n        UserSelectedAHistoryQuery: this.suggestion\n      };\n    }\n  }\n</script>\n\n<docs lang=\"mdx\">\n# Examples\n\n## Basic usage\n\nThis component only requires a prop called `suggestion`\n\n```vue\n<HistoryQuery :suggestion=\"historyQuery\" />\n```\n\n## Customizing slots content\n\nSuggestion and remove buttons contents can be customized.\n\nThe default slot allows you to replace the content of the suggestion button. It has two properties,\nthe suggestion itself, and a `string` of HTML with the matched query.\n\nThe other slot is called `remove-button-content`, and allows you to set the content of the button\nthat serves to remove this query from the history. This slot only has one property, the suggestion.\n\n````vue\n<HistoryQuery :suggestion=\"historyQuery\">\n  <template #default=\"{ suggestion, queryHTML }\">\n    <img class=\"x-history-query__history-icon\" src=\"./history-icon.svg\"/>\n    <span class=\"x-history-query__matching-part\" v-html=\"queryHTML\"/>\n  </template>\n\n  <template #remove-button-content=\"{ suggestion }\">\n    <img class=\"x-history-query__remove-icon\" src=\"./remove-icon.svg\"/>\n  </template>\n</HistoryQuery>\n``` ## Events A list of events that the component will emit: - `UserSelectedAHistoryQuery`: the\nevent is emitted after the user clicks the button. The event payload is the history query data.\n````\n</docs>\n"],"names":["const"],"mappings":";;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"history-query.vue.js","sources":["../../../../../src/x-modules/history-queries/components/history-query.vue"],"sourcesContent":["<template>\n  <div class=\"x-suggestion-group x-history-query\">\n    <BaseSuggestion\n      class=\"x-history-query__suggestion\"\n      v-bind=\"{ suggestion, suggestionSelectedEvents, query }\"\n      data-test=\"history-query\"\n      feature=\"history_query\"\n    >\n      <template #default=\"{ suggestion, queryHTML }\">\n        <!-- eslint-disable max-len -->\n        <!--\n          @slot History Query content\n              @binding {Suggestion} suggestion - History Query suggestion data\n              @binding {string} queryHTML - Suggestion's query with the matching part inside a span tag\n        -->\n        <!-- eslint-enable max-len -->\n        <slot v-bind=\"{ suggestion, queryHTML }\" />\n      </template>\n    </BaseSuggestion>\n    <RemoveHistoryQuery\n      class=\"x-history-query__remove\"\n      :historyQuery=\"suggestion\"\n      data-test=\"remove-history-query\"\n    >\n      <!--\n          @slot History Query remove button content\n              @binding {Suggestion} suggestion - History Query suggestion data\n        -->\n      <slot name=\"remove-button-content\" v-bind=\"{ suggestion }\">✕</slot>\n    </RemoveHistoryQuery>\n  </div>\n</template>\n\n<script lang=\"ts\">\n  import { HistoryQuery as HistoryQueryModel } 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 BaseSuggestion from '../../../components/suggestions/base-suggestion.vue';\n  import { xComponentMixin } from '../../../components/x-component.mixin';\n  import { XEventsTypes } from '../../../wiring/events.types';\n  import { historyQueriesXModule } from '../x-module';\n  import RemoveHistoryQuery from './remove-history-query.vue';\n\n  /**\n   * This component renders a history query suggestion combining two buttons: one for selecting this\n   * suggestion as the search query, and another one to remove this query suggestion from the\n   * history queries.\n   *\n   * @public\n   */\n  @Component({\n    mixins: [xComponentMixin(historyQueriesXModule)],\n    components: { RemoveHistoryQuery, BaseSuggestion }\n  })\n  export default class HistoryQuery extends Vue {\n    /**\n     * The history query suggestion to render.\n     *\n     * @public\n     */\n    @Prop({ required: true })\n    protected suggestion!: HistoryQueryModel;\n\n    /**\n     * The normalized query of the history-queries module.\n     *\n     * @internal\n     */\n    @Getter('historyQueries', 'normalizedQuery')\n    public query!: string;\n\n    /**\n     * The list of events that are going to be emitted when the suggestion button is pressed.\n     *\n     * @internal\n     * @returns The {@link XEvent | XEvents} to emit.\n     */\n    protected get suggestionSelectedEvents(): Partial<XEventsTypes> {\n      return {\n        UserSelectedAHistoryQuery: this.suggestion\n      };\n    }\n  }\n</script>\n\n<docs lang=\"mdx\">\n# Examples\n\n## Basic usage\n\nThis component only requires a prop called `suggestion`\n\n```vue\n<HistoryQuery :suggestion=\"historyQuery\" />\n```\n\n## Customizing slots content\n\nSuggestion and remove buttons contents can be customized.\n\nThe default slot allows you to replace the content of the suggestion button. It has two properties,\nthe suggestion itself, and a `string` of HTML with the matched query.\n\nThe other slot is called `remove-button-content`, and allows you to set the content of the button\nthat serves to remove this query from the history. This slot only has one property, the suggestion.\n\n````vue\n<HistoryQuery :suggestion=\"historyQuery\">\n  <template #default=\"{ suggestion, queryHTML }\">\n    <img class=\"x-history-query__history-icon\" src=\"./history-icon.svg\"/>\n    <span class=\"x-history-query__matching-part\" v-html=\"queryHTML\"/>\n  </template>\n\n  <template #remove-button-content=\"{ suggestion }\">\n    <img class=\"x-history-query__remove-icon\" src=\"./remove-icon.svg\"/>\n  </template>\n</HistoryQuery>\n``` ## Events A list of events that the component will emit: - `UserSelectedAHistoryQuery`: the\nevent is emitted after the user clicks the button. The event payload is the history query data.\n````\n</docs>\n"],"names":["const"],"mappings":";;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/x-modules/history-queries/components/history-query.vue_rollup-plugin-vue=script.js.map

@@ -1 +1 @@
-{"version":3,"file":"history-query.vue_rollup-plugin-vue=script.js","sources":["../../../../../src/x-modules/history-queries/components/history-query.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\nimport { HistoryQuery as HistoryQueryModel } from '@empathyco/x-types';\nimport Vue from 'vue';\nimport { Component, Prop } from 'vue-property-decorator';\nimport { Getter } from '../../../components/decorators/store.decorators';\nimport BaseSuggestion from '../../../components/suggestions/base-suggestion.vue';\nimport { xComponentMixin } from '../../../components/x-component.mixin';\nimport { XEventsTypes } from '../../../wiring/events.types';\nimport { historyQueriesXModule } from '../x-module';\nimport RemoveHistoryQuery from './remove-history-query.vue';\n\n/**\n * This component renders a history query suggestion combining two buttons: one for selecting this\n * suggestion as the search query, and another one to remove this query suggestion from the\n * history queries.\n *\n * @public\n */\n@Component({\n  mixins: [xComponentMixin(historyQueriesXModule)],\n  components: { RemoveHistoryQuery, BaseSuggestion }\n})\nexport default class HistoryQuery extends Vue {\n  /**\n   * The history query suggestion to render.\n   *\n   * @public\n   */\n  @Prop({ required: true })\n  protected suggestion!: HistoryQueryModel;\n\n  /**\n   * The normalized query of the history-queries module.\n   *\n   * @internal\n   */\n  @Getter('historyQueries', 'normalizedQuery')\n  public query!: string;\n\n  /**\n   * The list of events that are going to be emitted when the suggestion button is pressed.\n   *\n   * @internal\n   * @returns The {@link XEvent | XEvents} to emit.\n   */\n  protected get suggestionSelectedEvents(): Partial<XEventsTypes> {\n    return {\n      UserSelectedAHistoryQuery: this.suggestion\n    };\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;AA2CA;;;;;;;AAWA;IAA0C,gCAAG;IAA7C;;KA4BC;IALC,sBAAc,kDAAwB;;;;;;;aAAtC;YACE,OAAO;gBACL,yBAAyB,EAAE,IAAI,CAAC,UAAU;aAC3C,CAAC;SACH;;;OAAA;IApBD;QADC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;oDACgB;IAQzC;QADC,MAAM,CAAC,gBAAgB,EAAE,iBAAiB,CAAC;+CACtB;IAfH,YAAY;QAJhC,SAAS,CAAC;YACT,MAAM,EAAE,CAAC,eAAe,CAAC,qBAAqB,CAAC,CAAC;YAChD,UAAU,EAAE,EAAE,kBAAkB,oBAAA,EAAE,cAAc,gBAAA,EAAE;SACnD,CAAC;OACmB,YAAY,CA4BhC;IAAD,mBAAC;CAAA,CA5ByC,GAAG;;;;"}
+{"version":3,"file":"history-query.vue_rollup-plugin-vue=script.js","sources":["../../../../../src/x-modules/history-queries/components/history-query.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\nimport { HistoryQuery as HistoryQueryModel } from '@empathyco/x-types';\nimport Vue from 'vue';\nimport { Component, Prop } from 'vue-property-decorator';\nimport { Getter } from '../../../components/decorators/store.decorators';\nimport BaseSuggestion from '../../../components/suggestions/base-suggestion.vue';\nimport { xComponentMixin } from '../../../components/x-component.mixin';\nimport { XEventsTypes } from '../../../wiring/events.types';\nimport { historyQueriesXModule } from '../x-module';\nimport RemoveHistoryQuery from './remove-history-query.vue';\n\n/**\n * This component renders a history query suggestion combining two buttons: one for selecting this\n * suggestion as the search query, and another one to remove this query suggestion from the\n * history queries.\n *\n * @public\n */\n@Component({\n  mixins: [xComponentMixin(historyQueriesXModule)],\n  components: { RemoveHistoryQuery, BaseSuggestion }\n})\nexport default class HistoryQuery extends Vue {\n  /**\n   * The history query suggestion to render.\n   *\n   * @public\n   */\n  @Prop({ required: true })\n  protected suggestion!: HistoryQueryModel;\n\n  /**\n   * The normalized query of the history-queries module.\n   *\n   * @internal\n   */\n  @Getter('historyQueries', 'normalizedQuery')\n  public query!: string;\n\n  /**\n   * The list of events that are going to be emitted when the suggestion button is pressed.\n   *\n   * @internal\n   * @returns The {@link XEvent | XEvents} to emit.\n   */\n  protected get suggestionSelectedEvents(): Partial<XEventsTypes> {\n    return {\n      UserSelectedAHistoryQuery: this.suggestion\n    };\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;AA4CA;;;;;;;AAWA;IAA0C,gCAAG;IAA7C;;KA4BC;IALC,sBAAc,kDAAwB;;;;;;;aAAtC;YACE,OAAO;gBACL,yBAAyB,EAAE,IAAI,CAAC,UAAU;aAC3C,CAAC;SACH;;;OAAA;IApBD;QADC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;oDACgB;IAQzC;QADC,MAAM,CAAC,gBAAgB,EAAE,iBAAiB,CAAC;+CACtB;IAfH,YAAY;QAJhC,SAAS,CAAC;YACT,MAAM,EAAE,CAAC,eAAe,CAAC,qBAAqB,CAAC,CAAC;YAChD,UAAU,EAAE,EAAE,kBAAkB,oBAAA,EAAE,cAAc,gBAAA,EAAE;SACnD,CAAC;OACmB,YAAY,CA4BhC;IAAD,mBAAC;CAAA,CA5ByC,GAAG;;;;"}

package/js/x-modules/history-queries/components/remove-history-query.vue.js

@@ -5,7 +5,7 @@ import script from './remove-history-query.vue_rollup-plugin-vue=script.js';
 var __vue_script__ = script;
 
 /* template */
-var __vue_render__ = function() {
+var __vue_render__ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -13,7 +13,7 @@ var __vue_render__ = function() {
     "BaseEventButton",
     {
       staticClass: "x-button x-remove-history-query",
-      attrs: { events: _vm.removeHistoryQueryEvent }
+      attrs: { events: _vm.removeHistoryQueryEvent },
     },
     [_vm._t("default")],
     2

package/js/x-modules/identifier-results/components/identifier-result.vue.js

@@ -5,7 +5,7 @@ import script from './identifier-result.vue_rollup-plugin-vue=script.js';
 var __vue_script__ = script;
 
 /* template */
-var __vue_render__ = function() {
+var __vue_render__ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -13,7 +13,7 @@ var __vue_render__ = function() {
     ? _c("span", {
         staticClass: "x-identifier-result",
         attrs: { "data-test": "identifier-result" },
-        domProps: { innerHTML: _vm._s(_vm.highlightedQueryHTML) }
+        domProps: { innerHTML: _vm._s(_vm.highlightedQueryHTML) },
       })
     : _vm._e()
 };

package/js/x-modules/identifier-results/components/identifier-results.vue.js

@@ -5,7 +5,7 @@ import script from './identifier-results.vue_rollup-plugin-vue=script.js';
 var __vue_script__ = script;
 
 /* template */
-var __vue_render__ = function() {
+var __vue_render__ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -15,15 +15,15 @@ var __vue_render__ = function() {
         {
           tag: "component",
           staticClass: "x-list x-identifier-results",
-          attrs: { tag: "ul" }
+          attrs: { tag: "ul" },
         },
-        _vm._l(_vm.identifierResults, function(identifierResult) {
+        _vm._l(_vm.identifierResults, function (identifierResult) {
           return _c(
             "li",
             {
               key: identifierResult.id,
               staticClass: "x-identifier-results__item",
-              attrs: { "data-test": "identifier-results-item" }
+              attrs: { "data-test": "identifier-results-item" },
             },
             [_vm._t("default", null, { identifierResult: identifierResult })],
             2

package/js/x-modules/identifier-results/store/actions/fetch-and-save-identifier-results.action.js

@@ -1,9 +1,11 @@
 import { createFetchAndSaveActions } from '../../../../store/utils/fetch-and-save-action.utils.js';
 
-// eslint-disable-next-line max-len
 var _a = createFetchAndSaveActions({
     fetch: function (_a, request) {
-        var dispatch = _a.dispatch;
+        var dispatch = _a.dispatch, origin = _a.state.origin;
+        if (request && origin) {
+            request.origin = origin;
+        }
         return dispatch('fetchIdentifierResults', request);
     },
     onSuccess: function (_a, identifierResults) {

package/js/x-modules/identifier-results/store/actions/fetch-and-save-identifier-results.action.js.map

@@ -1 +1 @@
-{"version":3,"file":"fetch-and-save-identifier-results.action.js","sources":["../../../../../../src/x-modules/identifier-results/store/actions/fetch-and-save-identifier-results.action.ts"],"sourcesContent":["import { Result } from '@empathyco/x-types';\nimport { SearchByIdRequest } from '@empathyco/x-adapter';\n\n// eslint-disable-next-line max-len\nimport { createFetchAndSaveActions } from '../../../../store/utils/fetch-and-save-action.utils';\nimport { IdentifierResultsActionsContext } from '../types';\n\nconst { fetchAndSave, cancelPrevious } = createFetchAndSaveActions<\n  IdentifierResultsActionsContext,\n  SearchByIdRequest | null,\n  Result[]\n>({\n  fetch({ dispatch }, request) {\n    return dispatch('fetchIdentifierResults', request);\n  },\n  onSuccess({ commit }, identifierResults) {\n    commit('setIdentifierResults', identifierResults);\n  }\n});\n\n/**\n * Default implementation for {@link IdentifierResultsActions.fetchAndSaveIdentifierResults} action.\n *\n * @public\n */\nexport const fetchAndSaveIdentifierResults = fetchAndSave;\n\n/**\n * Default implementation for {@link IdentifierResultsActions.cancelFetchAndSaveIdentifierResults}\n * action.\n *\n * @public\n */\nexport const cancelFetchAndSaveIdentifierResults = cancelPrevious;\n"],"names":[],"mappings":";;AAGA;AAIM,IAAA,KAAmC,yBAAyB,CAIhE;IACA,KAAK,YAAC,EAAY,EAAE,OAAO;YAAnB,QAAQ,cAAA;QACd,OAAO,QAAQ,CAAC,wBAAwB,EAAE,OAAO,CAAC,CAAC;KACpD;IACD,SAAS,YAAC,EAAU,EAAE,iBAAiB;YAA3B,MAAM,YAAA;QAChB,MAAM,CAAC,sBAAsB,EAAE,iBAAiB,CAAC,CAAC;KACnD;CACF,CAAC,EAXM,YAAY,kBAAA,EAAE,cAAc,oBAWlC,CAAC;AAEH;;;;;IAKa,6BAA6B,GAAG,aAAa;AAE1D;;;;;;IAMa,mCAAmC,GAAG;;;;"}
+{"version":3,"file":"fetch-and-save-identifier-results.action.js","sources":["../../../../../../src/x-modules/identifier-results/store/actions/fetch-and-save-identifier-results.action.ts"],"sourcesContent":["import { Result } from '@empathyco/x-types';\nimport { SearchByIdRequest } from '@empathyco/x-adapter';\nimport { createFetchAndSaveActions } from '../../../../store/utils/fetch-and-save-action.utils';\nimport { IdentifierResultsActionsContext } from '../types';\n\nconst { fetchAndSave, cancelPrevious } = createFetchAndSaveActions<\n  IdentifierResultsActionsContext,\n  SearchByIdRequest | null,\n  Result[]\n>({\n  fetch({ dispatch, state: { origin } }, request) {\n    if (request && origin) {\n      request.origin = origin;\n    }\n\n    return dispatch('fetchIdentifierResults', request);\n  },\n  onSuccess({ commit }, identifierResults) {\n    commit('setIdentifierResults', identifierResults);\n  }\n});\n\n/**\n * Default implementation for {@link IdentifierResultsActions.fetchAndSaveIdentifierResults} action.\n *\n * @public\n */\nexport const fetchAndSaveIdentifierResults = fetchAndSave;\n\n/**\n * Default implementation for {@link IdentifierResultsActions.cancelFetchAndSaveIdentifierResults}\n * action.\n *\n * @public\n */\nexport const cancelFetchAndSaveIdentifierResults = cancelPrevious;\n"],"names":[],"mappings":";;AAKM,IAAA,KAAmC,yBAAyB,CAIhE;IACA,KAAK,YAAC,EAA+B,EAAE,OAAO;YAAtC,QAAQ,cAAA,EAAW,MAAM,kBAAA;QAC/B,IAAI,OAAO,IAAI,MAAM,EAAE;YACrB,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC;SACzB;QAED,OAAO,QAAQ,CAAC,wBAAwB,EAAE,OAAO,CAAC,CAAC;KACpD;IACD,SAAS,YAAC,EAAU,EAAE,iBAAiB;YAA3B,MAAM,YAAA;QAChB,MAAM,CAAC,sBAAsB,EAAE,iBAAiB,CAAC,CAAC;KACnD;CACF,CAAC,EAfM,YAAY,kBAAA,EAAE,cAAc,oBAelC,CAAC;AAEH;;;;;IAKa,6BAA6B,GAAG,aAAa;AAE1D;;;;;;IAMa,mCAAmC,GAAG;;;;"}

package/js/x-modules/identifier-results/store/actions/save-query.action.js

@@ -12,6 +12,10 @@ var saveQuery = function (_a, query) {
     if (getters.identifierDetectionRegexp.test(query)) {
         commit('setQuery', query);
     }
+    else {
+        commit('setQuery', '');
+        commit('setIdentifierResults', []);
+    }
 };
 
 export { saveQuery };

package/js/x-modules/identifier-results/store/actions/save-query.action.js.map

@@ -1 +1 @@
-{"version":3,"file":"save-query.action.js","sources":["../../../../../../src/x-modules/identifier-results/store/actions/save-query.action.ts"],"sourcesContent":["import { IdentifierResultsXStoreModule } from '../types';\n\n/**\n * Default implementation for the {@link IdentifierResultsActions.saveQuery}.\n *\n * @param context - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,\n * provided by Vuex.\n * @param query - The query to try to add to the store.\n *\n * @public\n */\nexport const saveQuery: IdentifierResultsXStoreModule['actions']['saveQuery'] = (\n  { commit, getters },\n  query: string\n) => {\n  if (getters.identifierDetectionRegexp.test(query)) {\n    commit('setQuery', query);\n  }\n};\n"],"names":[],"mappings":"AAEA;;;;;;;;;IASa,SAAS,GAA0D,UAC9E,EAAmB,EACnB,KAAa;QADX,MAAM,YAAA,EAAE,OAAO,aAAA;IAGjB,IAAI,OAAO,CAAC,yBAAyB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;QACjD,MAAM,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;KAC3B;AACH;;;;"}
+{"version":3,"file":"save-query.action.js","sources":["../../../../../../src/x-modules/identifier-results/store/actions/save-query.action.ts"],"sourcesContent":["import { IdentifierResultsXStoreModule } from '../types';\n\n/**\n * Default implementation for the {@link IdentifierResultsActions.saveQuery}.\n *\n * @param context - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,\n * provided by Vuex.\n * @param query - The query to try to add to the store.\n *\n * @public\n */\nexport const saveQuery: IdentifierResultsXStoreModule['actions']['saveQuery'] = (\n  { commit, getters },\n  query: string\n) => {\n  if (getters.identifierDetectionRegexp.test(query)) {\n    commit('setQuery', query);\n  } else {\n    commit('setQuery', '');\n    commit('setIdentifierResults', []);\n  }\n};\n"],"names":[],"mappings":"AAEA;;;;;;;;;IASa,SAAS,GAA0D,UAC9E,EAAmB,EACnB,KAAa;QADX,MAAM,YAAA,EAAE,OAAO,aAAA;IAGjB,IAAI,OAAO,CAAC,yBAAyB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;QACjD,MAAM,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;KAC3B;SAAM;QACL,MAAM,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;QACvB,MAAM,CAAC,sBAAsB,EAAE,EAAE,CAAC,CAAC;KACpC;AACH;;;;"}

package/js/x-modules/identifier-results/store/getters/identifier-results-request.getter.js

@@ -1,3 +1,5 @@
+import { __assign } from 'tslib';
+
 /**
  * Default implementation for the {@link IdentifierResultsGetters.identifierResultsRequest} getter.
  *
@@ -9,16 +11,9 @@
  */
 // eslint-disable-next-line max-len
 var identifierResultsRequest = function (_a) {
-    var config = _a.config, origin = _a.origin, query = _a.query;
-    var newOrigin = origin === null ? undefined : origin;
+    var config = _a.config, query = _a.query, params = _a.params;
     return query.trim()
-        ? {
-            query: query,
-            rows: config.maxItemsToRequest,
-            start: 0,
-            origin: newOrigin
-        }
-        : null;
+        ? __assign(__assign({ query: query }, params), { rows: config.maxItemsToRequest, start: 0 }) : null;
 };
 
 export { identifierResultsRequest };

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

@@ -1 +1 @@
-{"version":3,"file":"identifier-results-request.getter.js","sources":["../../../../../../src/x-modules/identifier-results/store/getters/identifier-results-request.getter.ts"],"sourcesContent":["import { IdentifierResultsXStoreModule } from '../types';\n/**\n * Default implementation for the {@link IdentifierResultsGetters.identifierResultsRequest} getter.\n *\n * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the identifier\n * results module.\n * @returns The identifier results request to fetch data from the API.\n *\n * @public\n */\n// eslint-disable-next-line max-len\nexport const identifierResultsRequest: IdentifierResultsXStoreModule['getters']['identifierResultsRequest'] =\n  ({ config, origin, query }) => {\n    const newOrigin = origin === null ? undefined : origin;\n    return query.trim()\n      ? {\n          query,\n          rows: config.maxItemsToRequest,\n          start: 0,\n          origin: newOrigin\n        }\n      : null;\n  };\n"],"names":[],"mappings":"AACA;;;;;;;;;AASA;IACa,wBAAwB,GACnC,UAAC,EAAyB;QAAvB,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA;IACtB,IAAM,SAAS,GAAG,MAAM,KAAK,IAAI,GAAG,SAAS,GAAG,MAAM,CAAC;IACvD,OAAO,KAAK,CAAC,IAAI,EAAE;UACf;YACE,KAAK,OAAA;YACL,IAAI,EAAE,MAAM,CAAC,iBAAiB;YAC9B,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,SAAS;SAClB;UACD,IAAI,CAAC;AACX;;;;"}
+{"version":3,"file":"identifier-results-request.getter.js","sources":["../../../../../../src/x-modules/identifier-results/store/getters/identifier-results-request.getter.ts"],"sourcesContent":["import { IdentifierResultsXStoreModule } from '../types';\n/**\n * Default implementation for the {@link IdentifierResultsGetters.identifierResultsRequest} getter.\n *\n * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the identifier\n * results module.\n * @returns The identifier results request to fetch data from the API.\n *\n * @public\n */\n// eslint-disable-next-line max-len\nexport const identifierResultsRequest: IdentifierResultsXStoreModule['getters']['identifierResultsRequest'] =\n  ({ config, query, params }) => {\n    return query.trim()\n      ? {\n          query,\n          ...params,\n          rows: config.maxItemsToRequest,\n          start: 0\n        }\n      : null;\n  };\n"],"names":[],"mappings":";;AACA;;;;;;;;;AASA;IACa,wBAAwB,GACnC,UAAC,EAAyB;QAAvB,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA;IACtB,OAAO,KAAK,CAAC,IAAI,EAAE;8BAEb,KAAK,OAAA,IACF,MAAM,KACT,IAAI,EAAE,MAAM,CAAC,iBAAiB,EAC9B,KAAK,EAAE,CAAC,MAEV,IAAI,CAAC;AACX;;;;"}

package/js/x-modules/identifier-results/store/module.js

@@ -2,7 +2,6 @@ import { setStatus } from '../../../store/utils/status-store.utils.js';
 import { cancelFetchAndSaveIdentifierResults, fetchAndSaveIdentifierResults } from './actions/fetch-and-save-identifier-results.action.js';
 import { fetchIdentifierResults } from './actions/fetch-identifier-results.action.js';
 import { saveOrigin } from './actions/save-origin.action.js';
-import { setUrlParams } from './actions/set-url-params.action.js';
 import { saveQuery } from './actions/save-query.action.js';
 import { identifierDetectionRegexp } from './getters/identifier-detection-regexp.getter.js';
 import { identifierHighlightRegexp } from './getters/identifier-highlight-regexp.getter.js';
@@ -24,6 +23,7 @@ var identifierResultsXStoreModule = {
         identifierResults: [],
         origin: null,
         query: '',
+        params: {},
         status: 'initial'
     }); },
     getters: {
@@ -39,6 +39,9 @@ var identifierResultsXStoreModule = {
             if (origin === void 0) { origin = null; }
             state.origin = origin;
         },
+        setParams: function (state, params) {
+            state.params = params;
+        },
         setQuery: function (state, query) {
             state.query = query;
         },
@@ -49,8 +52,7 @@ var identifierResultsXStoreModule = {
         fetchIdentifierResults: fetchIdentifierResults,
         fetchAndSaveIdentifierResults: fetchAndSaveIdentifierResults,
         saveOrigin: saveOrigin,
-        saveQuery: saveQuery,
-        setUrlParams: setUrlParams
+        saveQuery: saveQuery
     }
 };
 

package/js/x-modules/identifier-results/store/module.js.map

@@ -1 +1 @@
-{"version":3,"file":"module.js","sources":["../../../../../src/x-modules/identifier-results/store/module.ts"],"sourcesContent":["import { setStatus } from '../../../store/utils/status-store.utils';\nimport {\n  cancelFetchAndSaveIdentifierResults,\n  fetchAndSaveIdentifierResults\n} from './actions/fetch-and-save-identifier-results.action';\nimport { fetchIdentifierResults } from './actions/fetch-identifier-results.action';\nimport { saveOrigin } from './actions/save-origin.action';\nimport { setUrlParams } from './actions/set-url-params.action';\nimport { saveQuery } from './actions/save-query.action';\nimport { identifierDetectionRegexp } from './getters/identifier-detection-regexp.getter';\nimport { identifierHighlightRegexp } from './getters/identifier-highlight-regexp.getter';\nimport { identifierResultsRequest } from './getters/identifier-results-request.getter';\nimport { IdentifierResultsXStoreModule } from './types';\n\n/**\n * {@link XStoreModule} For the identifier results module.\n *\n * @internal\n */\nexport const identifierResultsXStoreModule: IdentifierResultsXStoreModule = {\n  state: () => ({\n    config: {\n      debounceInMs: 600,\n      maxItemsToRequest: 10,\n      identifierDetectionRegexp: '^[0-9]{2,}$',\n      separatorChars: '-/ '\n    },\n    identifierResults: [],\n    origin: null,\n    query: '',\n    status: 'initial'\n  }),\n  getters: {\n    identifierResultsRequest,\n    identifierHighlightRegexp,\n    identifierDetectionRegexp\n  },\n  mutations: {\n    setIdentifierResults(state, identifierResults) {\n      state.identifierResults = identifierResults;\n    },\n    setOrigin(state, origin = null) {\n      state.origin = origin;\n    },\n    setQuery(state, query) {\n      state.query = query;\n    },\n    setStatus\n  },\n  actions: {\n    cancelFetchAndSaveIdentifierResults,\n    fetchIdentifierResults,\n    fetchAndSaveIdentifierResults,\n    saveOrigin,\n    saveQuery,\n    setUrlParams\n  }\n};\n"],"names":[],"mappings":";;;;;;;;;;AAcA;;;;;IAKa,6BAA6B,GAAkC;IAC1E,KAAK,EAAE,cAAM,QAAC;QACZ,MAAM,EAAE;YACN,YAAY,EAAE,GAAG;YACjB,iBAAiB,EAAE,EAAE;YACrB,yBAAyB,EAAE,aAAa;YACxC,cAAc,EAAE,KAAK;SACtB;QACD,iBAAiB,EAAE,EAAE;QACrB,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,SAAS;KAClB,IAAC;IACF,OAAO,EAAE;QACP,wBAAwB,0BAAA;QACxB,yBAAyB,2BAAA;QACzB,yBAAyB,2BAAA;KAC1B;IACD,SAAS,EAAE;QACT,oBAAoB,YAAC,KAAK,EAAE,iBAAiB;YAC3C,KAAK,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;SAC7C;QACD,SAAS,YAAC,KAAK,EAAE,MAAa;YAAb,uBAAA,EAAA,aAAa;YAC5B,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;SACvB;QACD,QAAQ,YAAC,KAAK,EAAE,KAAK;YACnB,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;SACrB;QACD,SAAS,WAAA;KACV;IACD,OAAO,EAAE;QACP,mCAAmC,qCAAA;QACnC,sBAAsB,wBAAA;QACtB,6BAA6B,+BAAA;QAC7B,UAAU,YAAA;QACV,SAAS,WAAA;QACT,YAAY,cAAA;KACb;;;;;"}
+{"version":3,"file":"module.js","sources":["../../../../../src/x-modules/identifier-results/store/module.ts"],"sourcesContent":["import { setStatus } from '../../../store/utils/status-store.utils';\nimport {\n  cancelFetchAndSaveIdentifierResults,\n  fetchAndSaveIdentifierResults\n} from './actions/fetch-and-save-identifier-results.action';\nimport { fetchIdentifierResults } from './actions/fetch-identifier-results.action';\nimport { saveOrigin } from './actions/save-origin.action';\nimport { saveQuery } from './actions/save-query.action';\nimport { identifierDetectionRegexp } from './getters/identifier-detection-regexp.getter';\nimport { identifierHighlightRegexp } from './getters/identifier-highlight-regexp.getter';\nimport { identifierResultsRequest } from './getters/identifier-results-request.getter';\nimport { IdentifierResultsXStoreModule } from './types';\n\n/**\n * {@link XStoreModule} For the identifier results module.\n *\n * @internal\n */\nexport const identifierResultsXStoreModule: IdentifierResultsXStoreModule = {\n  state: () => ({\n    config: {\n      debounceInMs: 600,\n      maxItemsToRequest: 10,\n      identifierDetectionRegexp: '^[0-9]{2,}$',\n      separatorChars: '-/ '\n    },\n    identifierResults: [],\n    origin: null,\n    query: '',\n    params: {},\n    status: 'initial'\n  }),\n  getters: {\n    identifierResultsRequest,\n    identifierHighlightRegexp,\n    identifierDetectionRegexp\n  },\n  mutations: {\n    setIdentifierResults(state, identifierResults) {\n      state.identifierResults = identifierResults;\n    },\n    setOrigin(state, origin = null) {\n      state.origin = origin;\n    },\n    setParams(state, params) {\n      state.params = params;\n    },\n    setQuery(state, query) {\n      state.query = query;\n    },\n    setStatus\n  },\n  actions: {\n    cancelFetchAndSaveIdentifierResults,\n    fetchIdentifierResults,\n    fetchAndSaveIdentifierResults,\n    saveOrigin,\n    saveQuery\n  }\n};\n"],"names":[],"mappings":";;;;;;;;;AAaA;;;;;IAKa,6BAA6B,GAAkC;IAC1E,KAAK,EAAE,cAAM,QAAC;QACZ,MAAM,EAAE;YACN,YAAY,EAAE,GAAG;YACjB,iBAAiB,EAAE,EAAE;YACrB,yBAAyB,EAAE,aAAa;YACxC,cAAc,EAAE,KAAK;SACtB;QACD,iBAAiB,EAAE,EAAE;QACrB,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,MAAM,EAAE,SAAS;KAClB,IAAC;IACF,OAAO,EAAE;QACP,wBAAwB,0BAAA;QACxB,yBAAyB,2BAAA;QACzB,yBAAyB,2BAAA;KAC1B;IACD,SAAS,EAAE;QACT,oBAAoB,YAAC,KAAK,EAAE,iBAAiB;YAC3C,KAAK,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;SAC7C;QACD,SAAS,YAAC,KAAK,EAAE,MAAa;YAAb,uBAAA,EAAA,aAAa;YAC5B,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;SACvB;QACD,SAAS,YAAC,KAAK,EAAE,MAAM;YACrB,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;SACvB;QACD,QAAQ,YAAC,KAAK,EAAE,KAAK;YACnB,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;SACrB;QACD,SAAS,WAAA;KACV;IACD,OAAO,EAAE;QACP,mCAAmC,qCAAA;QACnC,sBAAsB,wBAAA;QACtB,6BAA6B,+BAAA;QAC7B,UAAU,YAAA;QACV,SAAS,WAAA;KACV;;;;;"}

package/js/x-modules/identifier-results/wiring.js

@@ -43,7 +43,10 @@ var clearIdentifierResultsQuery = wireCommit('setQuery', '');
  *
  * @public
  */
-var setUrlParams = wireDispatch('setUrlParams');
+var setUrlParams = wireDispatch('saveQuery', function (_a) {
+    var query = _a.eventPayload.query;
+    return query;
+});
 /**
  * Requests and stores a new set of identifier results for the {@link IdentifierResultsState.query}.
  *
@@ -65,6 +68,12 @@ var saveIdentifierResultsOriginWire = wireDispatch('saveOrigin', function (_a) {
     var metadata = _a.metadata;
     return metadata;
 });
+/**
+ * Sets the identifier result state `params`.
+ *
+ * @public
+ */
+var setIdentifierResultsExtraParams = wireCommit('setParams');
 /**
  * Debounce function for the module.
  */
@@ -93,9 +102,13 @@ var identifierResultsWiring = createWiring({
         fetchAndSaveIdentifierResultsWire: fetchAndSaveIdentifierResultsWire
     },
     ParamsLoadedFromUrl: {
-        setUrlParams: setUrlParams
+        setUrlParams: setUrlParams,
+        saveIdentifierResultsOriginWire: saveIdentifierResultsOriginWire
+    },
+    ExtraParamsChanged: {
+        setIdentifierResultsExtraParams: setIdentifierResultsExtraParams
     }
 });
 
-export { cancelFetchAndSaveIdentifierResultsWire, clearIdentifierResultsQuery, fetchAndSaveIdentifierResultsWire, identifierResultsWiring, saveIdentifierResultsOriginWire, setIdentifierResultsQuery };
+export { cancelFetchAndSaveIdentifierResultsWire, clearIdentifierResultsQuery, fetchAndSaveIdentifierResultsWire, identifierResultsWiring, saveIdentifierResultsOriginWire, setIdentifierResultsExtraParams, setIdentifierResultsQuery };
 //# sourceMappingURL=wiring.js.map

package/js/x-modules/identifier-results/wiring.js.map

@@ -1 +1 @@
-{"version":3,"file":"wiring.js","sources":["../../../../src/x-modules/identifier-results/wiring.ts"],"sourcesContent":["import {\n  namespacedWireCommit,\n  namespacedWireDispatch,\n  namespacedWireDispatchWithoutPayload\n} from '../../wiring/namespaced-wires.factory';\nimport { namespacedDebounce } from '../../wiring/namespaced-wires.operators';\nimport { NamespacedWireCommit, NamespacedWireDispatch } from '../../wiring/namespaced-wiring.types';\nimport { createWiring } from '../../wiring/wiring.utils';\n\n/**\n * `identifierResults` {@link XModuleName | XModule name}.\n *\n * @internal\n */\nconst moduleName = 'identifierResults';\n/**\n * WireCommit for {@link IdentifierResultsXModule}.\n *\n * @internal\n */\nconst wireCommit: NamespacedWireCommit<typeof moduleName> = namespacedWireCommit(moduleName);\n/**\n * WireDispatch for {@link IdentifierResultsXModule}.\n *\n * @internal\n */\nconst wireDispatch: NamespacedWireDispatch<typeof moduleName> = namespacedWireDispatch(moduleName);\n/**\n * WireDispatchWithoutPayload for {@link IdentifierResultsXModule}.\n *\n * @internal\n */\nconst wireDispatchWithoutPayload = namespacedWireDispatchWithoutPayload(moduleName);\n\n/**\n * Sets the identifier-results module query.\n *\n * @public\n */\nexport const setIdentifierResultsQuery = wireDispatch('saveQuery');\n\n/**\n * Clears the identifier-results module query.\n *\n * @public\n */\nexport const clearIdentifierResultsQuery = wireCommit('setQuery', '');\n\n/**\n * Sets the identifier results state `query` from url.\n *\n * @public\n */\nconst setUrlParams = wireDispatch('setUrlParams');\n\n/**\n * Requests and stores a new set of identifier results for the {@link IdentifierResultsState.query}.\n *\n * @public\n */\nexport const fetchAndSaveIdentifierResultsWire = wireDispatch('fetchAndSaveIdentifierResults');\n\n/**\n * Cancels the {@link IdentifierResultsActions.fetchAndSaveIdentifierResults} request promise.\n *\n * @public\n */\nexport const cancelFetchAndSaveIdentifierResultsWire = wireDispatchWithoutPayload(\n  'cancelFetchAndSaveIdentifierResults'\n);\n\n/**\n * Sets the identifier results state `origin`.\n *\n * @public\n */\nexport const saveIdentifierResultsOriginWire = wireDispatch(\n  'saveOrigin',\n  ({ metadata }) => metadata\n);\n\n/**\n * Debounce function for the module.\n */\nconst moduleDebounce = namespacedDebounce(moduleName);\n\n/**\n * Default wiring for the {@link IdentifierResultsXModule} module.\n *\n * @internal\n */\nexport const identifierResultsWiring = createWiring({\n  UserIsTypingAQuery: {\n    setIdentifierResultsQueryDebounce: moduleDebounce(\n      setIdentifierResultsQuery,\n      ({ state }) => state.config.debounceInMs,\n      'UserAcceptedAQuery'\n    )\n  },\n  UserAcceptedAQuery: {\n    setIdentifierResultsQuery,\n    saveIdentifierResultsOriginWire\n  },\n  UserClearedQuery: {\n    clearIdentifierResultsQuery,\n    cancelFetchAndSaveIdentifierResultsWire\n  },\n  IdentifierResultsRequestChanged: {\n    fetchAndSaveIdentifierResultsWire\n  },\n  ParamsLoadedFromUrl: {\n    setUrlParams\n  }\n});\n"],"names":[],"mappings":";;;;AASA;;;;;AAKA,IAAM,UAAU,GAAG,mBAAmB,CAAC;AACvC;;;;;AAKA,IAAM,UAAU,GAA4C,oBAAoB,CAAC,UAAU,CAAC,CAAC;AAC7F;;;;;AAKA,IAAM,YAAY,GAA8C,sBAAsB,CAAC,UAAU,CAAC,CAAC;AACnG;;;;;AAKA,IAAM,0BAA0B,GAAG,oCAAoC,CAAC,UAAU,CAAC,CAAC;AAEpF;;;;;IAKa,yBAAyB,GAAG,YAAY,CAAC,WAAW,EAAE;AAEnE;;;;;IAKa,2BAA2B,GAAG,UAAU,CAAC,UAAU,EAAE,EAAE,EAAE;AAEtE;;;;;AAKA,IAAM,YAAY,GAAG,YAAY,CAAC,cAAc,CAAC,CAAC;AAElD;;;;;IAKa,iCAAiC,GAAG,YAAY,CAAC,+BAA+B,EAAE;AAE/F;;;;;IAKa,uCAAuC,GAAG,0BAA0B,CAC/E,qCAAqC,EACrC;AAEF;;;;;IAKa,+BAA+B,GAAG,YAAY,CACzD,YAAY,EACZ,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,QAAQ;AAAR,CAAQ,EAC1B;AAEF;;;AAGA,IAAM,cAAc,GAAG,kBAAkB,CAAC,UAAU,CAAC,CAAC;AAEtD;;;;;IAKa,uBAAuB,GAAG,YAAY,CAAC;IAClD,kBAAkB,EAAE;QAClB,iCAAiC,EAAE,cAAc,CAC/C,yBAAyB,EACzB,UAAC,EAAS;gBAAP,KAAK,WAAA;YAAO,OAAA,KAAK,CAAC,MAAM,CAAC,YAAY;SAAA,EACxC,oBAAoB,CACrB;KACF;IACD,kBAAkB,EAAE;QAClB,yBAAyB,2BAAA;QACzB,+BAA+B,iCAAA;KAChC;IACD,gBAAgB,EAAE;QAChB,2BAA2B,6BAAA;QAC3B,uCAAuC,yCAAA;KACxC;IACD,+BAA+B,EAAE;QAC/B,iCAAiC,mCAAA;KAClC;IACD,mBAAmB,EAAE;QACnB,YAAY,cAAA;KACb;CACF;;;;"}
+{"version":3,"file":"wiring.js","sources":["../../../../src/x-modules/identifier-results/wiring.ts"],"sourcesContent":["import {\n  namespacedWireCommit,\n  namespacedWireDispatch,\n  namespacedWireDispatchWithoutPayload\n} from '../../wiring/namespaced-wires.factory';\nimport { namespacedDebounce } from '../../wiring/namespaced-wires.operators';\nimport { NamespacedWireCommit, NamespacedWireDispatch } from '../../wiring/namespaced-wiring.types';\nimport { createWiring } from '../../wiring/wiring.utils';\n\n/**\n * `identifierResults` {@link XModuleName | XModule name}.\n *\n * @internal\n */\nconst moduleName = 'identifierResults';\n/**\n * WireCommit for {@link IdentifierResultsXModule}.\n *\n * @internal\n */\nconst wireCommit: NamespacedWireCommit<typeof moduleName> = namespacedWireCommit(moduleName);\n/**\n * WireDispatch for {@link IdentifierResultsXModule}.\n *\n * @internal\n */\nconst wireDispatch: NamespacedWireDispatch<typeof moduleName> = namespacedWireDispatch(moduleName);\n/**\n * WireDispatchWithoutPayload for {@link IdentifierResultsXModule}.\n *\n * @internal\n */\nconst wireDispatchWithoutPayload = namespacedWireDispatchWithoutPayload(moduleName);\n\n/**\n * Sets the identifier-results module query.\n *\n * @public\n */\nexport const setIdentifierResultsQuery = wireDispatch('saveQuery');\n\n/**\n * Clears the identifier-results module query.\n *\n * @public\n */\nexport const clearIdentifierResultsQuery = wireCommit('setQuery', '');\n\n/**\n * Sets the identifier results state `query` from url.\n *\n * @public\n */\nconst setUrlParams = wireDispatch('saveQuery', ({ eventPayload: { query } }) => query);\n\n/**\n * Requests and stores a new set of identifier results for the {@link IdentifierResultsState.query}.\n *\n * @public\n */\nexport const fetchAndSaveIdentifierResultsWire = wireDispatch('fetchAndSaveIdentifierResults');\n\n/**\n * Cancels the {@link IdentifierResultsActions.fetchAndSaveIdentifierResults} request promise.\n *\n * @public\n */\nexport const cancelFetchAndSaveIdentifierResultsWire = wireDispatchWithoutPayload(\n  'cancelFetchAndSaveIdentifierResults'\n);\n\n/**\n * Sets the identifier results state `origin`.\n *\n * @public\n */\nexport const saveIdentifierResultsOriginWire = wireDispatch(\n  'saveOrigin',\n  ({ metadata }) => metadata\n);\n\n/**\n * Sets the identifier result state `params`.\n *\n * @public\n */\nexport const setIdentifierResultsExtraParams = wireCommit('setParams');\n\n/**\n * Debounce function for the module.\n */\nconst moduleDebounce = namespacedDebounce(moduleName);\n\n/**\n * Default wiring for the {@link IdentifierResultsXModule} module.\n *\n * @internal\n */\nexport const identifierResultsWiring = createWiring({\n  UserIsTypingAQuery: {\n    setIdentifierResultsQueryDebounce: moduleDebounce(\n      setIdentifierResultsQuery,\n      ({ state }) => state.config.debounceInMs,\n      'UserAcceptedAQuery'\n    )\n  },\n  UserAcceptedAQuery: {\n    setIdentifierResultsQuery,\n    saveIdentifierResultsOriginWire\n  },\n  UserClearedQuery: {\n    clearIdentifierResultsQuery,\n    cancelFetchAndSaveIdentifierResultsWire\n  },\n  IdentifierResultsRequestChanged: {\n    fetchAndSaveIdentifierResultsWire\n  },\n  ParamsLoadedFromUrl: {\n    setUrlParams,\n    saveIdentifierResultsOriginWire\n  },\n  ExtraParamsChanged: {\n    setIdentifierResultsExtraParams\n  }\n});\n"],"names":[],"mappings":";;;;AASA;;;;;AAKA,IAAM,UAAU,GAAG,mBAAmB,CAAC;AACvC;;;;;AAKA,IAAM,UAAU,GAA4C,oBAAoB,CAAC,UAAU,CAAC,CAAC;AAC7F;;;;;AAKA,IAAM,YAAY,GAA8C,sBAAsB,CAAC,UAAU,CAAC,CAAC;AACnG;;;;;AAKA,IAAM,0BAA0B,GAAG,oCAAoC,CAAC,UAAU,CAAC,CAAC;AAEpF;;;;;IAKa,yBAAyB,GAAG,YAAY,CAAC,WAAW,EAAE;AAEnE;;;;;IAKa,2BAA2B,GAAG,UAAU,CAAC,UAAU,EAAE,EAAE,EAAE;AAEtE;;;;;AAKA,IAAM,YAAY,GAAG,YAAY,CAAC,WAAW,EAAE,UAAC,EAA2B;QAAT,KAAK,wBAAA;IAAS,OAAA,KAAK;AAAL,CAAK,CAAC,CAAC;AAEvF;;;;;IAKa,iCAAiC,GAAG,YAAY,CAAC,+BAA+B,EAAE;AAE/F;;;;;IAKa,uCAAuC,GAAG,0BAA0B,CAC/E,qCAAqC,EACrC;AAEF;;;;;IAKa,+BAA+B,GAAG,YAAY,CACzD,YAAY,EACZ,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,QAAQ;AAAR,CAAQ,EAC1B;AAEF;;;;;IAKa,+BAA+B,GAAG,UAAU,CAAC,WAAW,EAAE;AAEvE;;;AAGA,IAAM,cAAc,GAAG,kBAAkB,CAAC,UAAU,CAAC,CAAC;AAEtD;;;;;IAKa,uBAAuB,GAAG,YAAY,CAAC;IAClD,kBAAkB,EAAE;QAClB,iCAAiC,EAAE,cAAc,CAC/C,yBAAyB,EACzB,UAAC,EAAS;gBAAP,KAAK,WAAA;YAAO,OAAA,KAAK,CAAC,MAAM,CAAC,YAAY;SAAA,EACxC,oBAAoB,CACrB;KACF;IACD,kBAAkB,EAAE;QAClB,yBAAyB,2BAAA;QACzB,+BAA+B,iCAAA;KAChC;IACD,gBAAgB,EAAE;QAChB,2BAA2B,6BAAA;QAC3B,uCAAuC,yCAAA;KACxC;IACD,+BAA+B,EAAE;QAC/B,iCAAiC,mCAAA;KAClC;IACD,mBAAmB,EAAE;QACnB,YAAY,cAAA;QACZ,+BAA+B,iCAAA;KAChC;IACD,kBAAkB,EAAE;QAClB,+BAA+B,iCAAA;KAChC;CACF;;;;"}

package/js/x-modules/next-queries/components/next-queries-list.vue.js

@@ -5,7 +5,7 @@ import script from './next-queries-list.vue_rollup-plugin-vue=script.js';
 var __vue_script__ = script;
 
 /* template */
-var __vue_render__ = function() {
+var __vue_render__ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -14,32 +14,29 @@ var __vue_render__ = function() {
     [
       _vm._t(
         "default",
-        function() {
+        function () {
           return [
             _c("ItemsList", {
               attrs: { animation: _vm.animation, items: _vm.items },
               scopedSlots: _vm._u(
                 [
-                  _vm._l(_vm.$scopedSlots, function(_, slotName) {
+                  _vm._l(_vm.$scopedSlots, function (_, slotName) {
                     return {
                       key: slotName,
-                      fn: function(ref) {
+                      fn: function (ref) {
                         var item = ref.item;
                         return [_vm._t(slotName, null, { item: item })]
-                      }
+                      },
                     }
-                  })
-                ],
+                  }) ],
                 null,
                 true
-              )
-            })
-          ]
+              ),
+            }) ]
         },
         null,
         { items: _vm.items, animation: _vm.animation }
-      )
-    ],
+      ) ],
     2
   )
 };

package/js/x-modules/next-queries/components/next-queries-list.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"next-queries-list.vue.js","sources":["../../../../../src/x-modules/next-queries/components/next-queries-list.vue"],"sourcesContent":["<template>\n  <NoElement>\n    <!--\n      @slot Next queries list layout.\n        @binding {SearchItem[]} items - Next queries groups plus the injected list items to\n        render.\n        @binding {Vue | string} animation - Animation to animate the elements.\n    -->\n    <slot v-bind=\"{ items, animation }\">\n      <ItemsList :animation=\"animation\" :items=\"items\">\n        <template v-for=\"(_, slotName) in $scopedSlots\" v-slot:[slotName]=\"{ item }\">\n          <slot :name=\"slotName\" :item=\"item\" />\n        </template>\n      </ItemsList>\n    </slot>\n  </NoElement>\n</template>\n\n<script lang=\"ts\">\n  import { NextQuery } from '@empathyco/x-types';\n  import { mixins } from 'vue-class-component';\n  import { Component, Prop } from 'vue-property-decorator';\n  import { Getter } from '../../../components/decorators/store.decorators';\n  import { NoElement } from '../../../components/no-element';\n  import { ItemsListInjectionMixin } from '../../../components/items-list-injection.mixin';\n  import ItemsList from '../../../components/items-list.vue';\n  import { xComponentMixin } from '../../../components/x-component.mixin';\n  import { groupItemsBy } from '../../../utils/array';\n  import { ListItem } from '../../../utils/types';\n  import ResultsList from '../../search/components/results-list.vue';\n  import { NextQueriesGroup } from '../types';\n  import { nextQueriesXModule } from '../x-module';\n\n  /**\n   * Component that inserts groups of next queries in different positions of the injected search\n   * items list, based on the provided configuration.\n   *\n   * @public\n   */\n  @Component({\n    components: {\n      ResultsList,\n      NoElement,\n      ItemsList\n    },\n    mixins: [xComponentMixin(nextQueriesXModule)]\n  })\n  export default class NextQueriesList extends mixins(ItemsListInjectionMixin) {\n    /**\n     * Animation component that will be used to animate the next queries groups.\n     *\n     * @public\n     */\n    @Prop()\n    protected animation?: Vue | string;\n\n    /**\n     * The first index to insert a group of next queries at.\n     *\n     * @public\n     */\n    @Prop({ default: 24 })\n    public offset!: number;\n\n    /**\n     * The items cycle size to keep inserting next queries groups at.\n     *\n     * @public\n     */\n    @Prop({ default: 24 })\n    public frequency!: number;\n\n    /**\n     * The maximum amount of next queries to add in a single group.\n     *\n     * @public\n     */\n    @Prop({ default: 4 })\n    public maxNextQueriesPerGroup!: number;\n\n    /**\n     * The maximum number of groups to insert into the injected list items list.\n     *\n     * @public\n     */\n    @Prop()\n    public maxGroups!: number;\n\n    /**\n     * The state next queries.\n     *\n     * @internal\n     */\n    @Getter('nextQueries', 'nextQueries')\n    public nextQueries!: NextQuery[];\n\n    /**\n     * The grouped next queries based on the given config.\n     *\n     * @returns A list of next queries groups.\n     * @internal\n     */\n    protected get nextQueriesGroups(): NextQueriesGroup[] {\n      return Object.values(\n        groupItemsBy(this.nextQueries, (_, index) =>\n          Math.floor(index / this.maxNextQueriesPerGroup)\n        )\n      )\n        .slice(0, this.maxGroups)\n        .map(nextQueries => ({\n          modelName: 'NextQueriesGroup' as const,\n          id: nextQueries.map(nextQuery => nextQuery.query).join(','),\n          nextQueries\n        }));\n    }\n\n    /**\n     * New list of {@link ListItem}s to render.\n     *\n     * @returns The new list of {@link ListItem}s with the next queries groups inserted.\n     * @internal\n     */\n    public override get items(): ListItem[] {\n      if (!this.injectedListItems) {\n        return this.nextQueriesGroups;\n      }\n\n      return this.nextQueriesGroups.reduce(\n        (items, nextQueriesGroup, index) => {\n          const targetIndex = this.offset + this.frequency * index;\n          if (targetIndex <= items.length) {\n            items.splice(targetIndex, 0, nextQueriesGroup);\n          }\n          return items;\n        },\n        [...this.injectedListItems]\n      );\n    }\n  }\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nThis component emits no events.\n\n## See it in action\n\n<!-- prettier-ignore-start -->\n:::warning Backend microservice required\nTo use this component, the <b>QuerySignals</b> microservice must be\nimplemented.\n:::\n<!-- prettier-ignore-end -->\n\nUsually, this component is going to be used together with the `ResultsList` one. Next queries groups\nwill be inserted between the results, guiding users to discover new searches directly from the\nresults list.\n\n```vue\n<template>\n  <div>\n    <SearchInput />\n    <ResultsList>\n      <NextQueriesList />\n    </ResultsList>\n  </div>\n</template>\n\n<script>\n  import { NextQueriesList } from '@empathyco/x-components/next-queries';\n  import { ResultsList } from '@empathyco/x-components/search';\n  import { SearchInput } from '@empathyco/x-components/search-box';\n\n  export default {\n    name: 'NextQueriesListDemo',\n    components: {\n      NextQueriesList,\n      ResultsList,\n      SearchInput\n    }\n  };\n</script>\n```\n\n### Play with the index that next queries groups are inserted at\n\nThe component allows to customise where are the next queries groups inserted. In the following\nexample, the first group of next queries will be inserted at the index `48` (`offset`), and then a\nsecond group will be inserted at index `120` because of the `frequency` prop configured to `72`.\nFinally, a third group will be inserted at index `192`. Because `maxGroups` is configured to `3`, no\nmore groups will be inserted. Each one of this groups will have up to `6` next queries\n(`maxNextQueriesPerGroup`).\n\n```vue\n<template>\n  <div>\n    <SearchInput />\n    <ResultsList>\n      <NextQueriesList :offset=\"48\" :frequency=\"72\" :maxNextQueriesPerGroup=\"6\" :maxGroups=\"3\" />\n    </ResultsList>\n  </div>\n</template>\n\n<script>\n  import { NextQueriesList } from '@empathyco/x-components/next-queries';\n  import { ResultsList } from '@empathyco/x-components/search';\n  import { SearchInput } from '@empathyco/x-components/search-box';\n\n  export default {\n    name: 'NextQueriesListDemo',\n    components: {\n      NextQueriesList,\n      ResultsList,\n      SearchInput\n    }\n  };\n</script>\n```\n\n### Customise the layout of the component\n\nThis component will render by default the `id` of each search item, both the injected, and for the\ngroups of next queries generated, but the common case is to integrate it with another layout\ncomponent, for example the `BaseGrid`. To do so, you can use the `default` slot\n\n```vue\n<template>\n  <div>\n    <SearchInput />\n    <ResultsList>\n      <NextQueriesList\n        :offset=\"48\"\n        :frequency=\"72\"\n        :maxNextQueriesPerGroup=\"6\"\n        :maxGroups=\"3\"\n        #default=\"{ items }\"\n      >\n        <BaseGrid :items=\"items\" :animation=\"animation\">\n          <template #next-queries-group=\"{ item }\">\n            <span>NextQueriesGroup: {{ item.queries.join(', ') }}</span>\n          </template>\n          <template #result=\"{ item }\">\n            <span>Result: {{ item.name }}</span>\n          </template>\n          <template #default=\"{ item }\">\n            <span>Default: {{ item }}</span>\n          </template>\n        </BaseGrid>\n      </NextQueriesList>\n    </ResultsList>\n  </div>\n</template>\n\n<script>\n  import { NextQueriesList } from '@empathyco/x-components/next-queries';\n  import { ResultsList } from '@empathyco/x-components/search';\n  import { SearchInput } from '@empathyco/x-components/search-box';\n  import { BaseGrid } from '@empathyco/x-components';\n\n  export default {\n    name: 'NextQueriesListDemo',\n    components: {\n      NextQueriesList,\n      ResultsList,\n      BaseGrid,\n      SearchInput\n    }\n  };\n</script>\n```\n</docs>\n"],"names":["const"],"mappings":";;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"next-queries-list.vue.js","sources":["../../../../../src/x-modules/next-queries/components/next-queries-list.vue"],"sourcesContent":["<template>\n  <NoElement>\n    <!--\n      @slot Next queries list layout.\n        @binding {SearchItem[]} items - Next queries groups plus the injected list items to\n        render.\n        @binding {Vue | string} animation - Animation to animate the elements.\n    -->\n    <slot v-bind=\"{ items, animation }\">\n      <ItemsList :animation=\"animation\" :items=\"items\">\n        <template v-for=\"(_, slotName) in $scopedSlots\" v-slot:[slotName]=\"{ item }\">\n          <slot :name=\"slotName\" :item=\"item\" />\n        </template>\n      </ItemsList>\n    </slot>\n  </NoElement>\n</template>\n\n<script lang=\"ts\">\n  import { NextQuery } from '@empathyco/x-types';\n  import { mixins } from 'vue-class-component';\n  import { Component, Prop } from 'vue-property-decorator';\n  import { Getter } from '../../../components/decorators/store.decorators';\n  import { NoElement } from '../../../components/no-element';\n  import { ItemsListInjectionMixin } from '../../../components/items-list-injection.mixin';\n  import ItemsList from '../../../components/items-list.vue';\n  import { xComponentMixin } from '../../../components/x-component.mixin';\n  import { groupItemsBy } from '../../../utils/array';\n  import { ListItem } from '../../../utils/types';\n  import ResultsList from '../../search/components/results-list.vue';\n  import { NextQueriesGroup } from '../types';\n  import { nextQueriesXModule } from '../x-module';\n\n  /**\n   * Component that inserts groups of next queries in different positions of the injected search\n   * items list, based on the provided configuration.\n   *\n   * @public\n   */\n  @Component({\n    components: {\n      ResultsList,\n      NoElement,\n      ItemsList\n    },\n    mixins: [xComponentMixin(nextQueriesXModule)]\n  })\n  export default class NextQueriesList extends mixins(ItemsListInjectionMixin) {\n    /**\n     * Animation component that will be used to animate the next queries groups.\n     *\n     * @public\n     */\n    @Prop()\n    protected animation?: Vue | string;\n\n    /**\n     * The first index to insert a group of next queries at.\n     *\n     * @public\n     */\n    @Prop({ default: 24 })\n    public offset!: number;\n\n    /**\n     * The items cycle size to keep inserting next queries groups at.\n     *\n     * @public\n     */\n    @Prop({ default: 24 })\n    public frequency!: number;\n\n    /**\n     * The maximum amount of next queries to add in a single group.\n     *\n     * @public\n     */\n    @Prop({ default: 4 })\n    public maxNextQueriesPerGroup!: number;\n\n    /**\n     * The maximum number of groups to insert into the injected list items list.\n     *\n     * @public\n     */\n    @Prop()\n    public maxGroups!: number;\n\n    /**\n     * The state next queries.\n     *\n     * @internal\n     */\n    @Getter('nextQueries', 'nextQueries')\n    public nextQueries!: NextQuery[];\n\n    /**\n     * The grouped next queries based on the given config.\n     *\n     * @returns A list of next queries groups.\n     * @internal\n     */\n    protected get nextQueriesGroups(): NextQueriesGroup[] {\n      return Object.values(\n        groupItemsBy(this.nextQueries, (_, index) =>\n          Math.floor(index / this.maxNextQueriesPerGroup)\n        )\n      )\n        .slice(0, this.maxGroups)\n        .map(nextQueries => ({\n          modelName: 'NextQueriesGroup' as const,\n          id: nextQueries.map(nextQuery => nextQuery.query).join(','),\n          nextQueries\n        }));\n    }\n\n    /**\n     * New list of {@link ListItem}s to render.\n     *\n     * @returns The new list of {@link ListItem}s with the next queries groups inserted.\n     * @internal\n     */\n    public override get items(): ListItem[] {\n      if (!this.injectedListItems) {\n        return this.nextQueriesGroups;\n      }\n\n      return this.nextQueriesGroups.reduce(\n        (items, nextQueriesGroup, index) => {\n          const targetIndex = this.offset + this.frequency * index;\n          if (targetIndex <= items.length) {\n            items.splice(targetIndex, 0, nextQueriesGroup);\n          }\n          return items;\n        },\n        [...this.injectedListItems]\n      );\n    }\n  }\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nThis component emits no events.\n\n## See it in action\n\n<!-- prettier-ignore-start -->\n:::warning Backend microservice required\nTo use this component, the <b>QuerySignals</b> microservice must be\nimplemented.\n:::\n<!-- prettier-ignore-end -->\n\nUsually, this component is going to be used together with the `ResultsList` one. Next queries groups\nwill be inserted between the results, guiding users to discover new searches directly from the\nresults list.\n\n```vue\n<template>\n  <div>\n    <SearchInput />\n    <ResultsList>\n      <NextQueriesList />\n    </ResultsList>\n  </div>\n</template>\n\n<script>\n  import { NextQueriesList } from '@empathyco/x-components/next-queries';\n  import { ResultsList } from '@empathyco/x-components/search';\n  import { SearchInput } from '@empathyco/x-components/search-box';\n\n  export default {\n    name: 'NextQueriesListDemo',\n    components: {\n      NextQueriesList,\n      ResultsList,\n      SearchInput\n    }\n  };\n</script>\n```\n\n### Play with the index that next queries groups are inserted at\n\nThe component allows to customise where are the next queries groups inserted. In the following\nexample, the first group of next queries will be inserted at the index `48` (`offset`), and then a\nsecond group will be inserted at index `120` because of the `frequency` prop configured to `72`.\nFinally, a third group will be inserted at index `192`. Because `maxGroups` is configured to `3`, no\nmore groups will be inserted. Each one of this groups will have up to `6` next queries\n(`maxNextQueriesPerGroup`).\n\n```vue\n<template>\n  <div>\n    <SearchInput />\n    <ResultsList>\n      <NextQueriesList :offset=\"48\" :frequency=\"72\" :maxNextQueriesPerGroup=\"6\" :maxGroups=\"3\" />\n    </ResultsList>\n  </div>\n</template>\n\n<script>\n  import { NextQueriesList } from '@empathyco/x-components/next-queries';\n  import { ResultsList } from '@empathyco/x-components/search';\n  import { SearchInput } from '@empathyco/x-components/search-box';\n\n  export default {\n    name: 'NextQueriesListDemo',\n    components: {\n      NextQueriesList,\n      ResultsList,\n      SearchInput\n    }\n  };\n</script>\n```\n\n### Customise the layout of the component\n\nThis component will render by default the `id` of each search item, both the injected, and for the\ngroups of next queries generated, but the common case is to integrate it with another layout\ncomponent, for example the `BaseGrid`. To do so, you can use the `default` slot\n\n```vue\n<template>\n  <div>\n    <SearchInput />\n    <ResultsList>\n      <NextQueriesList\n        :offset=\"48\"\n        :frequency=\"72\"\n        :maxNextQueriesPerGroup=\"6\"\n        :maxGroups=\"3\"\n        #default=\"{ items }\"\n      >\n        <BaseGrid :items=\"items\" :animation=\"animation\">\n          <template #next-queries-group=\"{ item }\">\n            <span>NextQueriesGroup: {{ item.queries.join(', ') }}</span>\n          </template>\n          <template #result=\"{ item }\">\n            <span>Result: {{ item.name }}</span>\n          </template>\n          <template #default=\"{ item }\">\n            <span>Default: {{ item }}</span>\n          </template>\n        </BaseGrid>\n      </NextQueriesList>\n    </ResultsList>\n  </div>\n</template>\n\n<script>\n  import { NextQueriesList } from '@empathyco/x-components/next-queries';\n  import { ResultsList } from '@empathyco/x-components/search';\n  import { SearchInput } from '@empathyco/x-components/search-box';\n  import { BaseGrid } from '@empathyco/x-components';\n\n  export default {\n    name: 'NextQueriesListDemo',\n    components: {\n      NextQueriesList,\n      ResultsList,\n      BaseGrid,\n      SearchInput\n    }\n  };\n</script>\n```\n</docs>\n"],"names":["const"],"mappings":";;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}