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

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

@@ -1,102 +1,99 @@
 import { createRawFilters } from '../../utils/filters.js';
 import { wireService, wireServiceWithoutPayload } from '../../wiring/wires.factory.js';
-import { createWiring } from '../../wiring/wiring.utils.js';
 import { mapWire } from '../../wiring/wires.operators.js';
+import { createWiring } from '../../wiring/wiring.utils.js';
 import { DefaultFacetsService } from './service/facets.service.js';
 
 /**
  * Wires factory for {@link DefaultFacetsService}.
  */
-var wireFacetsService = wireService(DefaultFacetsService.instance);
+const wireFacetsService = wireService(DefaultFacetsService.instance);
 /**
  * Wires without payload factory for {@link DefaultFacetsService}.
  */
-var wireFacetsServiceWithoutPayload = wireServiceWithoutPayload(DefaultFacetsService.instance);
+const wireFacetsServiceWithoutPayload = wireServiceWithoutPayload(DefaultFacetsService.instance);
 /**
  * Saves the facets contained in the `search` group, removing the previous ones, and keeping the
  * previous filters selected state.
  *
  * @public
  */
-var updateFacetsGroupWithSearchFacetsWire = mapWire(wireFacetsService('updateFacets'), function (facets) { return ({
-    facets: facets,
+const updateFacetsGroupWithSearchFacetsWire = mapWire(wireFacetsService('updateFacets'), (facets) => ({
+    facets,
     id: 'search'
-}); });
+}));
 /**
  * Saves the facets contained in the group, removing the previous ones, and keeping the new filters
  * selected state.
  *
  * @public
  */
-var setFacetsGroupWire = wireFacetsService('setFacets');
+const setFacetsGroupWire = wireFacetsService('setFacets');
 /**
  * Toggles the selected state of a filter.
  *
  * @public
  */
-var toggleFilterWire = wireFacetsService('toggle');
+const toggleFilterWire = wireFacetsService('toggle');
 /**
  * Deselects all the filters. Optionally, it can accept a list of facets ids as payload, and it will
  * only deselect the filters from those facets.
  *
  * @public
  */
-var clearFiltersWire = wireFacetsService('clearFilters');
+const clearFiltersWire = wireFacetsService('clearFilters');
 /**
  * Deselects all selected filters.
  *
  * @public
  */
-var clearAllFiltersWire = wireFacetsServiceWithoutPayload('clearFilters');
+const clearAllFiltersWire = wireFacetsServiceWithoutPayload('clearFilters');
 /**
  * Selects the filter passed by payload.
  *
  * @public
  */
-var selectFilterWire = wireFacetsService('select');
+const selectFilterWire = wireFacetsService('select');
 /**
  * Saves the params from the url.
  *
  * @public
  */
-var setFiltersFromUrl = mapWire(wireFacetsService('select'), function (_a) {
-    var filter = _a.filter;
-    return createRawFilters(filter);
-});
+const setFiltersFromUrl = mapWire(wireFacetsService('select'), ({ filter }) => createRawFilters(filter));
 /**
  * Wiring configuration for the {@link FacetsXModule | facets module}.
  *
  * @internal
  */
-var facetsWiring = createWiring({
+const facetsWiring = createWiring({
     ParamsLoadedFromUrl: {
         // TODO: move this logic to Facets Service
-        clearAllFiltersWire: clearAllFiltersWire,
-        setFiltersFromUrl: setFiltersFromUrl
+        clearAllFiltersWire,
+        setFiltersFromUrl
     },
     FacetsChanged: {
-        updateFacetsGroupWithSearchFacetsWire: updateFacetsGroupWithSearchFacetsWire
+        updateFacetsGroupWithSearchFacetsWire
     },
     FacetsGroupProvided: {
-        setFacetsGroupWire: setFacetsGroupWire
+        setFacetsGroupWire
     },
     UserChangedExtraParams: {
-        clearAllFiltersWire: clearAllFiltersWire
+        clearAllFiltersWire
     },
     UserClickedAFilter: {
-        toggleFilterWire: toggleFilterWire
+        toggleFilterWire
     },
     UserClickedClearAllFilters: {
-        clearFiltersWire: clearFiltersWire
+        clearFiltersWire
     },
     UserModifiedEditableNumberRangeFilter: {
-        selectFilterWire: selectFilterWire
+        selectFilterWire
     },
     UserClickedAllFilter: {
-        clearFiltersWire: clearFiltersWire
+        clearFiltersWire
     },
     UserClearedQuery: {
-        clearAllFiltersWire: clearAllFiltersWire
+        clearAllFiltersWire
     }
 });
 

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

@@ -1 +1 @@
-{"version":3,"file":"wiring.js","sources":["../../../../src/x-modules/facets/wiring.ts"],"sourcesContent":["import { Facet } from '@empathyco/x-types';\nimport { UrlParams } from '../../types/url-params';\nimport { createRawFilters } from '../../utils/filters';\nimport { wireService, wireServiceWithoutPayload } from '../../wiring/wires.factory';\nimport { mapWire } from '../../wiring/wires.operators';\nimport { createWiring } from '../../wiring/wiring.utils';\nimport { DefaultFacetsService } from './service/facets.service';\n\n/**\n * Wires factory for {@link DefaultFacetsService}.\n */\nconst wireFacetsService = wireService(DefaultFacetsService.instance);\n\n/**\n * Wires without payload factory for {@link DefaultFacetsService}.\n */\nconst wireFacetsServiceWithoutPayload = wireServiceWithoutPayload(DefaultFacetsService.instance);\n\n/**\n * Saves the facets contained in the `search` group, removing the previous ones, and keeping the\n * previous filters selected state.\n *\n * @public\n */\nconst updateFacetsGroupWithSearchFacetsWire = mapWire(\n  wireFacetsService('updateFacets'),\n  (facets: Facet[]) => ({\n    facets,\n    id: 'search'\n  })\n);\n\n/**\n * Saves the facets contained in the group, removing the previous ones, and keeping the new filters\n * selected state.\n *\n * @public\n */\nconst setFacetsGroupWire = wireFacetsService('setFacets');\n\n/**\n * Toggles the selected state of a filter.\n *\n * @public\n */\nconst toggleFilterWire = wireFacetsService('toggle');\n\n/**\n * Deselects all the filters. Optionally, it can accept a list of facets ids as payload, and it will\n * only deselect the filters from those facets.\n *\n * @public\n */\nconst clearFiltersWire = wireFacetsService('clearFilters');\n\n/**\n * Deselects all selected filters.\n *\n * @public\n */\nconst clearAllFiltersWire = wireFacetsServiceWithoutPayload('clearFilters');\n\n/**\n * Selects the filter passed by payload.\n *\n * @public\n */\nconst selectFilterWire = wireFacetsService('select');\n\n/**\n * Saves the params from the url.\n *\n * @public\n */\nconst setFiltersFromUrl = mapWire(wireFacetsService('select'), ({ filter }: UrlParams) =>\n  createRawFilters(filter)\n);\n\n/**\n * Wiring configuration for the {@link FacetsXModule | facets module}.\n *\n * @internal\n */\nexport const facetsWiring = createWiring({\n  ParamsLoadedFromUrl: {\n    // TODO: move this logic to Facets Service\n    clearAllFiltersWire,\n    setFiltersFromUrl\n  },\n  FacetsChanged: {\n    updateFacetsGroupWithSearchFacetsWire\n  },\n  FacetsGroupProvided: {\n    setFacetsGroupWire\n  },\n  UserChangedExtraParams: {\n    clearAllFiltersWire\n  },\n  UserClickedAFilter: {\n    toggleFilterWire\n  },\n  UserClickedClearAllFilters: {\n    clearFiltersWire\n  },\n  UserModifiedEditableNumberRangeFilter: {\n    selectFilterWire\n  },\n  UserClickedAllFilter: {\n    clearFiltersWire\n  },\n  UserClearedQuery: {\n    clearAllFiltersWire\n  }\n});\n"],"names":[],"mappings":";;;;;;AAQA;;;AAGA,IAAM,iBAAiB,GAAG,WAAW,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC;AAErE;;;AAGA,IAAM,+BAA+B,GAAG,yBAAyB,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC;AAEjG;;;;;;AAMA,IAAM,qCAAqC,GAAG,OAAO,CACnD,iBAAiB,CAAC,cAAc,CAAC,EACjC,UAAC,MAAe,IAAK,QAAC;IACpB,MAAM,QAAA;IACN,EAAE,EAAE,QAAQ;CACb,IAAC,CACH,CAAC;AAEF;;;;;;AAMA,IAAM,kBAAkB,GAAG,iBAAiB,CAAC,WAAW,CAAC,CAAC;AAE1D;;;;;AAKA,IAAM,gBAAgB,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC;AAErD;;;;;;AAMA,IAAM,gBAAgB,GAAG,iBAAiB,CAAC,cAAc,CAAC,CAAC;AAE3D;;;;;AAKA,IAAM,mBAAmB,GAAG,+BAA+B,CAAC,cAAc,CAAC,CAAC;AAE5E;;;;;AAKA,IAAM,gBAAgB,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC;AAErD;;;;;AAKA,IAAM,iBAAiB,GAAG,OAAO,CAAC,iBAAiB,CAAC,QAAQ,CAAC,EAAE,UAAC,EAAqB;QAAnB,MAAM,YAAA;IACtE,OAAA,gBAAgB,CAAC,MAAM,CAAC;AAAxB,CAAwB,CACzB,CAAC;AAEF;;;;;IAKa,YAAY,GAAG,YAAY,CAAC;IACvC,mBAAmB,EAAE;;QAEnB,mBAAmB,qBAAA;QACnB,iBAAiB,mBAAA;KAClB;IACD,aAAa,EAAE;QACb,qCAAqC,uCAAA;KACtC;IACD,mBAAmB,EAAE;QACnB,kBAAkB,oBAAA;KACnB;IACD,sBAAsB,EAAE;QACtB,mBAAmB,qBAAA;KACpB;IACD,kBAAkB,EAAE;QAClB,gBAAgB,kBAAA;KACjB;IACD,0BAA0B,EAAE;QAC1B,gBAAgB,kBAAA;KACjB;IACD,qCAAqC,EAAE;QACrC,gBAAgB,kBAAA;KACjB;IACD,oBAAoB,EAAE;QACpB,gBAAgB,kBAAA;KACjB;IACD,gBAAgB,EAAE;QAChB,mBAAmB,qBAAA;KACpB;CACF;;;;"}
+{"version":3,"file":"wiring.js","sources":["../../../../src/x-modules/facets/wiring.ts"],"sourcesContent":["import { Facet } from '@empathyco/x-types';\nimport { UrlParams } from '../../types/url-params';\nimport { createRawFilters } from '../../utils/filters';\nimport { wireService, wireServiceWithoutPayload } from '../../wiring/wires.factory';\nimport { mapWire } from '../../wiring/wires.operators';\nimport { createWiring } from '../../wiring/wiring.utils';\nimport { DefaultFacetsService } from './service/facets.service';\n\n/**\n * Wires factory for {@link DefaultFacetsService}.\n */\nconst wireFacetsService = wireService(DefaultFacetsService.instance);\n\n/**\n * Wires without payload factory for {@link DefaultFacetsService}.\n */\nconst wireFacetsServiceWithoutPayload = wireServiceWithoutPayload(DefaultFacetsService.instance);\n\n/**\n * Saves the facets contained in the `search` group, removing the previous ones, and keeping the\n * previous filters selected state.\n *\n * @public\n */\nconst updateFacetsGroupWithSearchFacetsWire = mapWire(\n  wireFacetsService('updateFacets'),\n  (facets: Facet[]) => ({\n    facets,\n    id: 'search'\n  })\n);\n\n/**\n * Saves the facets contained in the group, removing the previous ones, and keeping the new filters\n * selected state.\n *\n * @public\n */\nconst setFacetsGroupWire = wireFacetsService('setFacets');\n\n/**\n * Toggles the selected state of a filter.\n *\n * @public\n */\nconst toggleFilterWire = wireFacetsService('toggle');\n\n/**\n * Deselects all the filters. Optionally, it can accept a list of facets ids as payload, and it will\n * only deselect the filters from those facets.\n *\n * @public\n */\nconst clearFiltersWire = wireFacetsService('clearFilters');\n\n/**\n * Deselects all selected filters.\n *\n * @public\n */\nconst clearAllFiltersWire = wireFacetsServiceWithoutPayload('clearFilters');\n\n/**\n * Selects the filter passed by payload.\n *\n * @public\n */\nconst selectFilterWire = wireFacetsService('select');\n\n/**\n * Saves the params from the url.\n *\n * @public\n */\nconst setFiltersFromUrl = mapWire(wireFacetsService('select'), ({ filter }: UrlParams) =>\n  createRawFilters(filter)\n);\n\n/**\n * Wiring configuration for the {@link FacetsXModule | facets module}.\n *\n * @internal\n */\nexport const facetsWiring = createWiring({\n  ParamsLoadedFromUrl: {\n    // TODO: move this logic to Facets Service\n    clearAllFiltersWire,\n    setFiltersFromUrl\n  },\n  FacetsChanged: {\n    updateFacetsGroupWithSearchFacetsWire\n  },\n  FacetsGroupProvided: {\n    setFacetsGroupWire\n  },\n  UserChangedExtraParams: {\n    clearAllFiltersWire\n  },\n  UserClickedAFilter: {\n    toggleFilterWire\n  },\n  UserClickedClearAllFilters: {\n    clearFiltersWire\n  },\n  UserModifiedEditableNumberRangeFilter: {\n    selectFilterWire\n  },\n  UserClickedAllFilter: {\n    clearFiltersWire\n  },\n  UserClearedQuery: {\n    clearAllFiltersWire\n  }\n});\n"],"names":[],"mappings":";;;;;;AAQA;;;AAGA,MAAM,iBAAiB,GAAG,WAAW,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC;AAErE;;;AAGA,MAAM,+BAA+B,GAAG,yBAAyB,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC;AAEjG;;;;;;AAMA,MAAM,qCAAqC,GAAG,OAAO,CACnD,iBAAiB,CAAC,cAAc,CAAC,EACjC,CAAC,MAAe,MAAM;IACpB,MAAM;IACN,EAAE,EAAE,QAAQ;CACb,CAAC,CACH,CAAC;AAEF;;;;;;AAMA,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,WAAW,CAAC,CAAC;AAE1D;;;;;AAKA,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC;AAErD;;;;;;AAMA,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,cAAc,CAAC,CAAC;AAE3D;;;;;AAKA,MAAM,mBAAmB,GAAG,+BAA+B,CAAC,cAAc,CAAC,CAAC;AAE5E;;;;;AAKA,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC;AAErD;;;;;AAKA,MAAM,iBAAiB,GAAG,OAAO,CAAC,iBAAiB,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,EAAa,KACnF,gBAAgB,CAAC,MAAM,CAAC,CACzB,CAAC;AAEF;;;;;MAKa,YAAY,GAAG,YAAY,CAAC;IACvC,mBAAmB,EAAE;;QAEnB,mBAAmB;QACnB,iBAAiB;KAClB;IACD,aAAa,EAAE;QACb,qCAAqC;KACtC;IACD,mBAAmB,EAAE;QACnB,kBAAkB;KACnB;IACD,sBAAsB,EAAE;QACtB,mBAAmB;KACpB;IACD,kBAAkB,EAAE;QAClB,gBAAgB;KACjB;IACD,0BAA0B,EAAE;QAC1B,gBAAgB;KACjB;IACD,qCAAqC,EAAE;QACrC,gBAAgB;KACjB;IACD,oBAAoB,EAAE;QACpB,gBAAgB;KACjB;IACD,gBAAgB,EAAE;QAChB,mBAAmB;KACpB;CACF;;;;"}

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

@@ -1,5 +1,5 @@
-import { facetsXStoreModule } from './store/module.js';
 import { facetsEmitters } from './store/emitters.js';
+import { facetsXStoreModule } from './store/module.js';
 import { facetsWiring } from './wiring.js';
 
 /**
@@ -8,7 +8,7 @@ import { facetsWiring } from './wiring.js';
  *
  * @public
  */
-var facetsXModule = {
+const facetsXModule = {
     name: 'facets',
     storeModule: facetsXStoreModule,
     storeEmitters: facetsEmitters,

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

@@ -1 +1 @@
-{"version":3,"file":"x-module.js","sources":["../../../../src/x-modules/facets/x-module.ts"],"sourcesContent":["import { XModule } from '../x-modules.types';\nimport { facetsEmitters } from './store/emitters';\nimport { facetsXStoreModule } from './store/module';\nimport { FacetsXStoreModule } from './store/types';\nimport { facetsWiring } from './wiring';\n\n/**\n * Facets {@link XModule} alias.\n *\n * @public\n */\nexport type FacetsXModule = XModule<FacetsXStoreModule>;\n\n/**\n * Facets {@link XModule} implementation. This module is auto-registered as soon as you\n * import any component from the `facets` entry point.\n *\n * @public\n */\nexport const facetsXModule: FacetsXModule = {\n  name: 'facets',\n  storeModule: facetsXStoreModule,\n  storeEmitters: facetsEmitters,\n  wiring: facetsWiring\n};\n"],"names":[],"mappings":";;;;AAaA;;;;;;IAMa,aAAa,GAAkB;IAC1C,IAAI,EAAE,QAAQ;IACd,WAAW,EAAE,kBAAkB;IAC/B,aAAa,EAAE,cAAc;IAC7B,MAAM,EAAE,YAAY;;;;;"}
+{"version":3,"file":"x-module.js","sources":["../../../../src/x-modules/facets/x-module.ts"],"sourcesContent":["import { XModule } from '../x-modules.types';\nimport { facetsEmitters } from './store/emitters';\nimport { facetsXStoreModule } from './store/module';\nimport { FacetsXStoreModule } from './store/types';\nimport { facetsWiring } from './wiring';\n\n/**\n * Facets {@link XModule} alias.\n *\n * @public\n */\nexport type FacetsXModule = XModule<FacetsXStoreModule>;\n\n/**\n * Facets {@link XModule} implementation. This module is auto-registered as soon as you\n * import any component from the `facets` entry point.\n *\n * @public\n */\nexport const facetsXModule: FacetsXModule = {\n  name: 'facets',\n  storeModule: facetsXStoreModule,\n  storeEmitters: facetsEmitters,\n  wiring: facetsWiring\n};\n"],"names":[],"mappings":";;;;AAaA;;;;;;MAMa,aAAa,GAAkB;IAC1C,IAAI,EAAE,QAAQ;IACd,WAAW,EAAE,kBAAkB;IAC/B,aAAa,EAAE,cAAc;IAC7B,MAAM,EAAE,YAAY;;;;;"}

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

@@ -1,8 +1,8 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-import script from './clear-history-queries.vue_rollup-plugin-vue=script.js';
+import script from './clear-history-queries.vue_rollup-plugin-vue_script.vue.js';
+import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.mjs';
 
 /* script */
-var __vue_script__ = script;
+const __vue_script__ = script;
 
 /* template */
 var __vue_render__ = function () {
@@ -23,7 +23,8 @@ var __vue_render__ = function () {
     [
       _vm._t("default", function () {
         return [_vm._v("✕")]
-      }) ],
+      }),
+    ],
     2
   )
 };
@@ -31,13 +32,13 @@ var __vue_staticRenderFns__ = [];
 __vue_render__._withStripped = true;
 
   /* style */
-  var __vue_inject_styles__ = undefined;
+  const __vue_inject_styles__ = undefined;
   /* scoped */
-  var __vue_scope_id__ = undefined;
+  const __vue_scope_id__ = undefined;
   /* 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 */
   
   /* style inject SSR */
@@ -46,7 +47,7 @@ __vue_render__._withStripped = true;
   
 
   
-  var __vue_component__ = /*#__PURE__*/__vue_normalize__(
+  const __vue_component__ = /*#__PURE__*/__vue_normalize__(
     { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
     __vue_inject_styles__,
     __vue_script__,
@@ -59,5 +60,5 @@ __vue_render__._withStripped = true;
     undefined
   );
 
-export default __vue_component__;
+export { __vue_component__ as default };
 //# sourceMappingURL=clear-history-queries.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"clear-history-queries.vue.js","sources":["../../../../../src/x-modules/history-queries/components/clear-history-queries.vue"],"sourcesContent":["<template>\n  <BaseEventButton\n    class=\"x-button x-clear-history-queries\"\n    :class=\"dynamicClasses\"\n    :disabled=\"isHistoryQueriesEmpty\"\n    :events=\"clearHistoryQueriesEvents\"\n    data-test=\"clear-history-queries\"\n  >\n    <!-- @slot (Required) Button content with a message, an icon or both -->\n    <slot>✕</slot>\n  </BaseEventButton>\n</template>\n\n<script lang=\"ts\">\n  import { HistoryQuery } from '@empathyco/x-types';\n  import Vue from 'vue';\n  import { Component } from 'vue-property-decorator';\n  import { State } from '../../../components/decorators/store.decorators';\n  import BaseEventButton from '../../../components/base-event-button.vue';\n  import { xComponentMixin } from '../../../components/x-component.mixin';\n  import { VueCSSClasses } from '../../../utils/types';\n  import { XEventsTypes } from '../../../wiring/events.types';\n  import { historyQueriesXModule } from '../x-module';\n\n  /**\n   * A button that when is pressed, emits the\n   * {@link HistoryQueriesXEvents.UserPressedClearHistoryQueries} event, expressing the user\n   * intention to clear the whole history of queries.\n   *\n   * @public\n   */\n  @Component({\n    components: { BaseEventButton },\n    mixins: [xComponentMixin(historyQueriesXModule)]\n  })\n  export default class ClearHistoryQueries extends Vue {\n    /**\n     * The whole history queries.\n     *\n     * @internal\n     */\n    @State('historyQueries', 'historyQueries')\n    public historyQueries!: HistoryQuery[];\n\n    /**\n     * Returns if the array of history queries is empty.\n     *\n     * @returns `true` if the {@link historyQueries} array is empty, `false` otherwise.\n     * @internal\n     */\n    protected get isHistoryQueriesEmpty(): boolean {\n      return this.historyQueries.length === 0;\n    }\n\n    /**\n     * Dynamic CSS classes to add to the root element of this component.\n     *\n     * @returns A booleans dictionary where each key is the class name to add, and the boolean value\n     * tells if it should be added or not.\n     * @internal\n     */\n    protected get dynamicClasses(): VueCSSClasses {\n      return {\n        'x-clear-history-queries--is-empty': this.isHistoryQueriesEmpty\n      };\n    }\n\n    /**\n     * The list of events that are going to be emitted when the button is pressed.\n     *\n     * @internal\n     */\n    protected clearHistoryQueriesEvents: Partial<XEventsTypes> = {\n      UserPressedClearHistoryQueries: undefined\n    };\n  }\n</script>\n\n<docs lang=\"mdx\">\n## Examples\n\n### Basic example\n\nThe component exposes a single default slot, where you can add icons or text.\n\n```vue\n<ClearHistoryQueries>\n  <img class=\"x-history-query__icon\" src=\"./my-icon.svg\"/>\n</ClearHistoryQueries>\n```\n\n## Events\n\nA list of events that the component will emit:\n\n- `UserPressedClearHistoryQueries`: the event is emitted after the user clicks the button.\n</docs>\n"],"names":["const"],"mappings":";;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"clear-history-queries.vue.js","sources":["../../../../../src/x-modules/history-queries/components/clear-history-queries.vue"],"sourcesContent":["<template>\n  <BaseEventButton\n    class=\"x-button x-clear-history-queries\"\n    :class=\"dynamicClasses\"\n    :disabled=\"isHistoryQueriesEmpty\"\n    :events=\"clearHistoryQueriesEvents\"\n    data-test=\"clear-history-queries\"\n  >\n    <!-- @slot (Required) Button content with a message, an icon or both -->\n    <slot>✕</slot>\n  </BaseEventButton>\n</template>\n\n<script lang=\"ts\">\n  import { HistoryQuery } from '@empathyco/x-types';\n  import Vue from 'vue';\n  import { Component } from 'vue-property-decorator';\n  import { State } from '../../../components/decorators/store.decorators';\n  import BaseEventButton from '../../../components/base-event-button.vue';\n  import { xComponentMixin } from '../../../components/x-component.mixin';\n  import { VueCSSClasses } from '../../../utils/types';\n  import { XEventsTypes } from '../../../wiring/events.types';\n  import { historyQueriesXModule } from '../x-module';\n\n  /**\n   * A button that when is pressed, emits the\n   * {@link HistoryQueriesXEvents.UserPressedClearHistoryQueries} event, expressing the user\n   * intention to clear the whole history of queries.\n   *\n   * @public\n   */\n  @Component({\n    components: { BaseEventButton },\n    mixins: [xComponentMixin(historyQueriesXModule)]\n  })\n  export default class ClearHistoryQueries extends Vue {\n    /**\n     * The whole history queries.\n     *\n     * @internal\n     */\n    @State('historyQueries', 'historyQueries')\n    public historyQueries!: HistoryQuery[];\n\n    /**\n     * Returns if the array of history queries is empty.\n     *\n     * @returns `true` if the {@link historyQueries} array is empty, `false` otherwise.\n     * @internal\n     */\n    protected get isHistoryQueriesEmpty(): boolean {\n      return this.historyQueries.length === 0;\n    }\n\n    /**\n     * Dynamic CSS classes to add to the root element of this component.\n     *\n     * @returns A booleans dictionary where each key is the class name to add, and the boolean value\n     * tells if it should be added or not.\n     * @internal\n     */\n    protected get dynamicClasses(): VueCSSClasses {\n      return {\n        'x-clear-history-queries--is-empty': this.isHistoryQueriesEmpty\n      };\n    }\n\n    /**\n     * The list of events that are going to be emitted when the button is pressed.\n     *\n     * @internal\n     */\n    protected clearHistoryQueriesEvents: Partial<XEventsTypes> = {\n      UserPressedClearHistoryQueries: undefined\n    };\n  }\n</script>\n\n<docs lang=\"mdx\">\n## Examples\n\n### Basic example\n\nThe component exposes a single default slot, where you can add icons or text.\n\n```vue\n<ClearHistoryQueries>\n  <img class=\"x-history-query__icon\" src=\"./my-icon.svg\"/>\n</ClearHistoryQueries>\n```\n\n## Events\n\nA list of events that the component will emit:\n\n- `UserPressedClearHistoryQueries`: the event is emitted after the user clicks the button.\n</docs>\n"],"names":[],"mappings":";;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/x-modules/history-queries/components/clear-history-queries.vue_rollup-plugin-vue_script.vue.js

@@ -0,0 +1,62 @@
+import { __decorate } from 'tslib';
+import Vue from 'vue';
+import { Component } from 'vue-property-decorator';
+import { State } from '../../../components/decorators/store.decorators.js';
+import __vue_component__ from '../../../components/base-event-button.vue.js';
+import { xComponentMixin } from '../../../components/x-component.mixin.js';
+import { historyQueriesXModule } from '../x-module.js';
+
+/**
+ * A button that when is pressed, emits the
+ * {@link HistoryQueriesXEvents.UserPressedClearHistoryQueries} event, expressing the user
+ * intention to clear the whole history of queries.
+ *
+ * @public
+ */
+let ClearHistoryQueries = class ClearHistoryQueries extends Vue {
+    constructor() {
+        super(...arguments);
+        /**
+         * The list of events that are going to be emitted when the button is pressed.
+         *
+         * @internal
+         */
+        this.clearHistoryQueriesEvents = {
+            UserPressedClearHistoryQueries: undefined
+        };
+    }
+    /**
+     * Returns if the array of history queries is empty.
+     *
+     * @returns `true` if the {@link historyQueries} array is empty, `false` otherwise.
+     * @internal
+     */
+    get isHistoryQueriesEmpty() {
+        return this.historyQueries.length === 0;
+    }
+    /**
+     * Dynamic CSS classes to add to the root element of this component.
+     *
+     * @returns A booleans dictionary where each key is the class name to add, and the boolean value
+     * tells if it should be added or not.
+     * @internal
+     */
+    get dynamicClasses() {
+        return {
+            'x-clear-history-queries--is-empty': this.isHistoryQueriesEmpty
+        };
+    }
+};
+__decorate([
+    State('historyQueries', 'historyQueries')
+], ClearHistoryQueries.prototype, "historyQueries", void 0);
+ClearHistoryQueries = __decorate([
+    Component({
+        components: { BaseEventButton: __vue_component__ },
+        mixins: [xComponentMixin(historyQueriesXModule)]
+    })
+], ClearHistoryQueries);
+var script = ClearHistoryQueries;
+
+export { script as default };
+//# sourceMappingURL=clear-history-queries.vue_rollup-plugin-vue_script.vue.js.map

package/js/x-modules/history-queries/components/clear-history-queries.vue_rollup-plugin-vue_script.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clear-history-queries.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../../src/x-modules/history-queries/components/clear-history-queries.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { HistoryQuery } from '@empathyco/x-types';\nimport Vue from 'vue';\nimport { Component } from 'vue-property-decorator';\nimport { State } from '../../../components/decorators/store.decorators';\nimport BaseEventButton from '../../../components/base-event-button.vue';\nimport { xComponentMixin } from '../../../components/x-component.mixin';\nimport { VueCSSClasses } from '../../../utils/types';\nimport { XEventsTypes } from '../../../wiring/events.types';\nimport { historyQueriesXModule } from '../x-module';\n\n/**\n * A button that when is pressed, emits the\n * {@link HistoryQueriesXEvents.UserPressedClearHistoryQueries} event, expressing the user\n * intention to clear the whole history of queries.\n *\n * @public\n */\n@Component({\n  components: { BaseEventButton },\n  mixins: [xComponentMixin(historyQueriesXModule)]\n})\nexport default class ClearHistoryQueries extends Vue {\n  /**\n   * The whole history queries.\n   *\n   * @internal\n   */\n  @State('historyQueries', 'historyQueries')\n  public historyQueries!: HistoryQuery[];\n\n  /**\n   * Returns if the array of history queries is empty.\n   *\n   * @returns `true` if the {@link historyQueries} array is empty, `false` otherwise.\n   * @internal\n   */\n  protected get isHistoryQueriesEmpty(): boolean {\n    return this.historyQueries.length === 0;\n  }\n\n  /**\n   * Dynamic CSS classes to add to the root element of this component.\n   *\n   * @returns A booleans dictionary where each key is the class name to add, and the boolean value\n   * tells if it should be added or not.\n   * @internal\n   */\n  protected get dynamicClasses(): VueCSSClasses {\n    return {\n      'x-clear-history-queries--is-empty': this.isHistoryQueriesEmpty\n    };\n  }\n\n  /**\n   * The list of events that are going to be emitted when the button is pressed.\n   *\n   * @internal\n   */\n  protected clearHistoryQueriesEvents: Partial<XEventsTypes> = {\n    UserPressedClearHistoryQueries: undefined\n  };\n}\n"],"names":["BaseEventButton"],"mappings":";;;;;;;;AAwBA;;;;;;;AAWA,IAAqB,mBAAmB,GAAxC,MAAqB,mBAAoB,SAAQ,GAAG;IAApD;;;;;;;QAqCY,8BAAyB,GAA0B;YAC3D,8BAA8B,EAAE,SAAS;SAC1C,CAAC;KACH;;;;;;;IAzBC,IAAc,qBAAqB;QACjC,OAAO,IAAI,CAAC,cAAc,CAAC,MAAM,KAAK,CAAC,CAAC;KACzC;;;;;;;;IASD,IAAc,cAAc;QAC1B,OAAO;YACL,mCAAmC,EAAE,IAAI,CAAC,qBAAqB;SAChE,CAAC;KACH;CAUF,CAAA;AAjCC;IADC,KAAK,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;2DACH;AAPpB,mBAAmB;IAJvC,SAAS,CAAC;QACT,UAAU,EAAE,mBAAEA,iBAAe,EAAE;QAC/B,MAAM,EAAE,CAAC,eAAe,CAAC,qBAAqB,CAAC,CAAC;KACjD,CAAC;GACmB,mBAAmB,CAwCvC;aAxCoB,mBAAmB;;;;"}

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

@@ -1,8 +1,8 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-import script from './history-queries.vue_rollup-plugin-vue=script.js';
+import script from './history-queries.vue_rollup-plugin-vue_script.vue.js';
+import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.mjs';
 
 /* script */
-var __vue_script__ = script;
+const __vue_script__ = script;
 
 /* template */
 var __vue_render__ = function () {
@@ -46,7 +46,8 @@ var __vue_render__ = function () {
                                   suggestion: suggestion,
                                   index: index,
                                   queryHTML: queryHTML,
-                                }) ]
+                                }),
+                              ]
                             },
                           },
                           {
@@ -58,20 +59,25 @@ var __vue_render__ = function () {
                                   null,
                                   null,
                                   { suggestion: suggestion, index: index }
-                                ) ]
+                                ),
+                              ]
                             },
                             proxy: true,
-                          } ],
+                          },
+                        ],
                         null,
                         true
                       ),
-                    }) ]
+                    }),
+                  ]
                 },
                 null,
                 { suggestion: suggestion, index: index }
-              ) ]
+              ),
+            ]
           },
-        } ],
+        },
+      ],
       null,
       true
     ),
@@ -81,13 +87,13 @@ var __vue_staticRenderFns__ = [];
 __vue_render__._withStripped = true;
 
   /* style */
-  var __vue_inject_styles__ = undefined;
+  const __vue_inject_styles__ = undefined;
   /* scoped */
-  var __vue_scope_id__ = undefined;
+  const __vue_scope_id__ = undefined;
   /* 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 */
   
   /* style inject SSR */
@@ -96,7 +102,7 @@ __vue_render__._withStripped = true;
   
 
   
-  var __vue_component__ = /*#__PURE__*/__vue_normalize__(
+  const __vue_component__ = /*#__PURE__*/__vue_normalize__(
     { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
     __vue_inject_styles__,
     __vue_script__,
@@ -109,5 +115,5 @@ __vue_render__._withStripped = true;
     undefined
   );
 
-export default __vue_component__;
+export { __vue_component__ as default };
 //# sourceMappingURL=history-queries.vue.js.map

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":[],"mappings":";;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/x-modules/history-queries/components/history-queries.vue_rollup-plugin-vue_script.vue.js

@@ -0,0 +1,41 @@
+import { __decorate } from 'tslib';
+import Vue from 'vue';
+import { Prop, Component } from 'vue-property-decorator';
+import __vue_component__ from '../../../components/suggestions/base-suggestions.vue.js';
+import { Getter } from '../../../components/decorators/store.decorators.js';
+import { xComponentMixin } from '../../../components/x-component.mixin.js';
+import { historyQueriesXModule } from '../x-module.js';
+import __vue_component__$1 from './history-query.vue.js';
+
+/**
+ * This component renders a list of suggestions coming from the user queries history.
+ *
+ * @remarks
+ *
+ * Allows the user to select one of them, emitting the needed events.
+ * A history query is just another type of suggestion that contains a query that the user has
+ * made in the past.
+ *
+ * @public
+ */
+let HistoryQueries = class HistoryQueries extends Vue {
+};
+__decorate([
+    Prop()
+], HistoryQueries.prototype, "animation", void 0);
+__decorate([
+    Prop()
+], HistoryQueries.prototype, "maxItemsToRender", void 0);
+__decorate([
+    Getter('historyQueries', 'historyQueries')
+], HistoryQueries.prototype, "historyQueries", void 0);
+HistoryQueries = __decorate([
+    Component({
+        components: { BaseSuggestions: __vue_component__, HistoryQuery: __vue_component__$1 },
+        mixins: [xComponentMixin(historyQueriesXModule)]
+    })
+], HistoryQueries);
+var script = HistoryQueries;
+
+export { script as default };
+//# sourceMappingURL=history-queries.vue_rollup-plugin-vue_script.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"history-queries.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../../src/x-modules/history-queries/components/history-queries.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\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 BaseSuggestions from '../../../components/suggestions/base-suggestions.vue';\nimport { Getter } from '../../../components/decorators/store.decorators';\nimport { xComponentMixin } from '../../../components/x-component.mixin';\nimport { historyQueriesXModule } from '../x-module';\nimport 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})\nexport 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"],"names":["BaseSuggestions","HistoryQuery"],"mappings":";;;;;;;;;AAuDA;;;;;;;;;;;AAeA,IAAqB,cAAc,GAAnC,MAAqB,cAAe,SAAQ,GAAG;CAwB9C,CAAA;AAjBC;IADC,IAAI,EAAE;iDACmB;AAQ1B;IADC,IAAI,EAAE;wDAC6B;AAQpC;IADC,MAAM,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;sDACC;AAvBzB,cAAc;IAJlC,SAAS,CAAC;QACT,UAAU,EAAE,mBAAEA,iBAAe,gBAAEC,mBAAY,EAAE;QAC7C,MAAM,EAAE,CAAC,eAAe,CAAC,qBAAqB,CAAC,CAAC;KACjD,CAAC;GACmB,cAAc,CAwBlC;aAxBoB,cAAc;;;;"}

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

@@ -1,8 +1,8 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-import script from './history-query.vue_rollup-plugin-vue=script.js';
+import script from './history-query.vue_rollup-plugin-vue_script.vue.js';
+import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.mjs';
 
 /* script */
-var __vue_script__ = script;
+const __vue_script__ = script;
 
 /* template */
 var __vue_render__ = function () {
@@ -30,9 +30,11 @@ var __vue_render__ = function () {
                       _vm._t("default", null, null, {
                         suggestion: suggestion,
                         queryHTML: queryHTML,
-                      }) ]
+                      }),
+                    ]
                   },
-                } ],
+                },
+              ],
               null,
               true
             ),
@@ -64,9 +66,11 @@ var __vue_render__ = function () {
             },
             null,
             { suggestion: _vm.suggestion }
-          ) ],
+          ),
+        ],
         2
-      ) ],
+      ),
+    ],
     1
   )
 };
@@ -74,13 +78,13 @@ var __vue_staticRenderFns__ = [];
 __vue_render__._withStripped = true;
 
   /* style */
-  var __vue_inject_styles__ = undefined;
+  const __vue_inject_styles__ = undefined;
   /* scoped */
-  var __vue_scope_id__ = undefined;
+  const __vue_scope_id__ = undefined;
   /* 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 */
   
   /* style inject SSR */
@@ -89,7 +93,7 @@ __vue_render__._withStripped = true;
   
 
   
-  var __vue_component__ = /*#__PURE__*/__vue_normalize__(
+  const __vue_component__ = /*#__PURE__*/__vue_normalize__(
     { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
     __vue_inject_styles__,
     __vue_script__,
@@ -102,5 +106,5 @@ __vue_render__._withStripped = true;
     undefined
   );
 
-export default __vue_component__;
+export { __vue_component__ as default };
 //# sourceMappingURL=history-query.vue.js.map

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      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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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":[],"mappings":";;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,45 @@
+import { __decorate } from 'tslib';
+import Vue from 'vue';
+import { Prop, Component } from 'vue-property-decorator';
+import { Getter } from '../../../components/decorators/store.decorators.js';
+import __vue_component__$1 from '../../../components/suggestions/base-suggestion.vue.js';
+import { xComponentMixin } from '../../../components/x-component.mixin.js';
+import { historyQueriesXModule } from '../x-module.js';
+import __vue_component__ from './remove-history-query.vue.js';
+
+/**
+ * This component renders a history query suggestion combining two buttons: one for selecting this
+ * suggestion as the search query, and another one to remove this query suggestion from the
+ * history queries.
+ *
+ * @public
+ */
+let HistoryQuery = class HistoryQuery extends Vue {
+    /**
+     * The list of events that are going to be emitted when the suggestion button is pressed.
+     *
+     * @internal
+     * @returns The {@link XEvent | XEvents} to emit.
+     */
+    get suggestionSelectedEvents() {
+        return {
+            UserSelectedAHistoryQuery: this.suggestion
+        };
+    }
+};
+__decorate([
+    Prop({ required: true })
+], HistoryQuery.prototype, "suggestion", void 0);
+__decorate([
+    Getter('historyQueries', 'normalizedQuery')
+], HistoryQuery.prototype, "query", void 0);
+HistoryQuery = __decorate([
+    Component({
+        mixins: [xComponentMixin(historyQueriesXModule)],
+        components: { RemoveHistoryQuery: __vue_component__, BaseSuggestion: __vue_component__$1 }
+    })
+], HistoryQuery);
+var script = HistoryQuery;
+
+export { script as default };
+//# sourceMappingURL=history-query.vue_rollup-plugin-vue_script.vue.js.map