@empathyco/x-components 6.0.0-alpha.9 → 6.0.0-alpha.90

package/js/x-modules/history-queries/x-module.js

@@ -13,7 +13,7 @@ const historyQueriesXModule = {
     name: 'historyQueries',
     storeModule: historyQueriesXStoreModule,
     storeEmitters: historyQueriesEmitters,
-    wiring: historyQueriesWiring
+    wiring: historyQueriesWiring,
 };
 XPlugin.registerXModule(historyQueriesXModule);
 

package/js/x-modules/history-queries/x-module.js.map

@@ -1 +1 @@
-{"version":3,"file":"x-module.js","sources":["../../../../src/x-modules/history-queries/x-module.ts"],"sourcesContent":["import { XPlugin } from '../../plugins/x-plugin';\nimport { XModule } from '../x-modules.types';\nimport { historyQueriesEmitters } from './store/emitters';\nimport { historyQueriesXStoreModule } from './store/module';\nimport { HistoryQueriesXStoreModule } from './store/types';\nimport { historyQueriesWiring } from './wiring';\n\n/**\n * HistoryQueries {@link XModule} alias.\n *\n * @public\n */\nexport type HistoryQueriesXModule = XModule<HistoryQueriesXStoreModule>;\n\n/**\n * HistoryQueries {@link XModule} implementation. This module is auto-registered as soon as you\n * import any component from the `history-queries` entry point.\n *\n * @public\n */\nexport const historyQueriesXModule: HistoryQueriesXModule = {\n  name: 'historyQueries',\n  storeModule: historyQueriesXStoreModule,\n  storeEmitters: historyQueriesEmitters,\n  wiring: historyQueriesWiring\n};\n\nXPlugin.registerXModule(historyQueriesXModule);\n"],"names":[],"mappings":";;;;;AAcA;;;;;AAKG;AACU,MAAA,qBAAqB,GAA0B;AAC1D,IAAA,IAAI,EAAE,gBAAgB;AACtB,IAAA,WAAW,EAAE,0BAA0B;AACvC,IAAA,aAAa,EAAE,sBAAsB;AACrC,IAAA,MAAM,EAAE,oBAAoB;EAC5B;AAEF,OAAO,CAAC,eAAe,CAAC,qBAAqB,CAAC;;;;"}
+{"version":3,"file":"x-module.js","sources":["../../../../src/x-modules/history-queries/x-module.ts"],"sourcesContent":["import type { XModule } from '../x-modules.types'\nimport type { HistoryQueriesXStoreModule } from './store/types'\nimport { XPlugin } from '../../plugins/x-plugin'\nimport { historyQueriesEmitters } from './store/emitters'\nimport { historyQueriesXStoreModule } from './store/module'\nimport { historyQueriesWiring } from './wiring'\n\n/**\n * HistoryQueries {@link XModule} alias.\n *\n * @public\n */\nexport type HistoryQueriesXModule = XModule<HistoryQueriesXStoreModule>\n\n/**\n * HistoryQueries {@link XModule} implementation. This module is auto-registered as soon as you\n * import any component from the `history-queries` entry point.\n *\n * @public\n */\nexport const historyQueriesXModule: HistoryQueriesXModule = {\n  name: 'historyQueries',\n  storeModule: historyQueriesXStoreModule,\n  storeEmitters: historyQueriesEmitters,\n  wiring: historyQueriesWiring,\n}\n\nXPlugin.registerXModule(historyQueriesXModule)\n"],"names":[],"mappings":";;;;;AAcA;;;;;AAKG;AACU,MAAA,qBAAqB,GAA0B;AAC1D,IAAA,IAAI,EAAE,gBAAgB;AACtB,IAAA,WAAW,EAAE,0BAA0B;AACvC,IAAA,aAAa,EAAE,sBAAsB;AACrC,IAAA,MAAM,EAAE,oBAAoB;EAC7B;AAED,OAAO,CAAC,eAAe,CAAC,qBAAqB,CAAC;;;;"}

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

@@ -6,9 +6,9 @@ const _hoisted_1 = ["innerHTML"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return _ctx.query ? (openBlock(), createElementBlock("span", {
     key: 0,
-    innerHTML: _ctx.highlightedQueryHTML,
     class: "x-identifier-result",
-    "data-test": "identifier-result"
+    "data-test": "identifier-result",
+    innerHTML: _ctx.highlightedQueryHTML
   }, null, 8, _hoisted_1)) : createCommentVNode("v-if", true);
 }
 var identifierResult = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);

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

@@ -1 +1 @@
-{"version":3,"file":"identifier-result.vue.js","sources":["../../../../../src/x-modules/identifier-results/components/identifier-result.vue"],"sourcesContent":["<template>\n  <span\n    v-if=\"query\"\n    v-html=\"highlightedQueryHTML\"\n    class=\"x-identifier-result\"\n    data-test=\"identifier-result\"\n  ></span>\n</template>\n\n<script lang=\"ts\">\n  import { Result } from '@empathyco/x-types';\n  import { computed, ComputedRef, defineComponent, PropType } from 'vue';\n  import { identifierResultsXModule } from '../x-module';\n  import { useGetter } from '../../../composables/use-getter';\n  import { useState } from '../../../composables/use-state';\n\n  /**\n   * This component renders an identifier result value and highlights its matching part with the\n   * query from the state. Receives as prop the {@link @empathyco/x-types#Result} data.\n   *\n   * @public\n   */\n  export default defineComponent({\n    name: 'IdentifierResult',\n    xModule: identifierResultsXModule.name,\n    props: {\n      /**\n       * (Required) The {@link @empathyco/x-types#Result} information.\n       *\n       * @public\n       */\n      result: {\n        type: Object as PropType<Result>,\n        required: true\n      }\n    },\n    setup: function (props) {\n      /**\n       * Query from the module state.\n       *\n       * @public\n       */\n      const { query } = useState('identifierResults', ['query']);\n\n      /**\n       * The RegExp with the current query from the state adding the separatorChars after each\n       * matching character.\n       *\n       * @public\n       */\n      const identifierHighlightRegexp: ComputedRef<RegExp> = useGetter('identifierResults', [\n        'identifierHighlightRegexp'\n      ]).identifierHighlightRegexp;\n\n      /**\n       * Highlights the matching part of the identifier result with the query from the state.\n       *\n       * @returns String - The identifier result s query with the matching part inside a `<span>` tag.\n       * @public\n       */\n      const highlightedQueryHTML = computed(() => {\n        const identifierValue = props.result.identifier?.value ?? '';\n        if (identifierValue && identifierHighlightRegexp.value) {\n          return identifierValue.replace(\n            identifierHighlightRegexp.value,\n            '<span class=\"x-identifier-result__matching-part\">$1</span>'\n          );\n        }\n        return identifierValue;\n      });\n\n      return {\n        query,\n        highlightedQueryHTML\n      };\n    }\n  });\n</script>\n\n<docs lang=\"mdx\">\n## Examples\n\nThis component renders an identifier result value and highlights its matching part with the query\nfrom the state. Receives as prop the result data\n\n### Basic usage:\n\n```vue\n<IdentifierResult v-bind=\"{ result }\" />\n```\n</docs>\n"],"names":["_openBlock","highlightedQueryHTML","_createCommentVNode"],"mappings":";;;;;qBACE,IAKQ,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,QAAA,EAAA;AANV,EAAA,OAAA,IAAA,CAAA,KAAA,IAAAA,SAAA,IAGYC,kBAAoB,CAAA,MAAA,EAAA;AAAA,IAC5B,GAAK,EAAA,CAAA;AAAA,IACL,WAAS,IAAC,CAAA,oBAAA;AAAA,IAAA,KAAA,EAAA,qBAAA;AALd,IAAA,WAAA,EAAA,mBAAA;AAAA,GAAA,EAAA,IAAA,EAAA,CAAA,EAAA,UAAA,CAAA,IAAAC,kBAAA,CAAA,MAAA,EAAA,IAAA,CAAA,CAAA;;;;;;"}
+{"version":3,"file":"identifier-result.vue.js","sources":["../../../../../src/x-modules/identifier-results/components/identifier-result.vue"],"sourcesContent":["<template>\n  <span\n    v-if=\"query\"\n    class=\"x-identifier-result\"\n    data-test=\"identifier-result\"\n    v-html=\"highlightedQueryHTML\"\n  ></span>\n</template>\n\n<script lang=\"ts\">\nimport type { Result } from '@empathyco/x-types'\nimport type { PropType } from 'vue'\nimport { computed, defineComponent } from 'vue'\nimport { useGetter } from '../../../composables/use-getter'\nimport { useState } from '../../../composables/use-state'\nimport { identifierResultsXModule } from '../x-module'\n\n/**\n * This component renders an identifier result value and highlights its matching part with the\n * query from the state. Receives as prop the {@link @empathyco/x-types#Result} data.\n *\n * @public\n */\nexport default defineComponent({\n  name: 'IdentifierResult',\n  xModule: identifierResultsXModule.name,\n  props: {\n    /**\n     * (Required) The {@link @empathyco/x-types#Result} information.\n     *\n     * @public\n     */\n    result: {\n      type: Object as PropType<Result>,\n      required: true,\n    },\n  },\n  setup(props) {\n    /**\n     * Query from the module state.\n     *\n     * @public\n     */\n    const { query } = useState('identifierResults')\n\n    /**\n     * The RegExp with the current query from the state adding the separatorChars after each\n     * matching character.\n     *\n     * @public\n     */\n    const identifierHighlightRegexp = useGetter('identifierResults').identifierHighlightRegexp\n\n    /**\n     * Highlights the matching part of the identifier result with the query from the state.\n     *\n     * @returns String - The identifier result s query with the matching part inside a `<span>` tag.\n     * @public\n     */\n    const highlightedQueryHTML = computed(() => {\n      const identifierValue = props.result.identifier?.value ?? ''\n      if (identifierValue && identifierHighlightRegexp.value) {\n        return identifierValue.replace(\n          identifierHighlightRegexp.value,\n          '<span class=\"x-identifier-result__matching-part\">$1</span>',\n        )\n      }\n      return identifierValue\n    })\n\n    return {\n      query,\n      highlightedQueryHTML,\n    }\n  },\n})\n</script>\n\n<docs lang=\"mdx\">\n## Examples\n\nThis component renders an identifier result value and highlights its matching part with the query\nfrom the state. Receives as prop the result data\n\n### Basic usage:\n\n```vue\n<IdentifierResult v-bind=\"{ result }\" />\n```\n</docs>\n"],"names":["_openBlock","_createElementBlock","_createCommentVNode"],"mappings":";;;;;qBACE,IAKQ,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,QAAA,EAAA;AANV,EAAA,OAAA,IAAA,CAAA,KAAA,IAAAA,SAAA,EAG+B,EAAAC,kBAAA,CAAA,MAAA,EAAA;AAAA,IAC3B,GAAA,EAAA,CAAA;AAAA,IACA,KAAA,EAAA,qBAAA;AAAA,IAAA,WAAA,EAAA,mBAAA;AALJ,IAAA,SAAA,EAAA,IAAA,CAAA,oBAAA;AAAA,GAAA,EAAA,IAAA,EAAA,CAAA,EAAA,UAAA,CAAA,IAAAC,kBAAA,CAAA,MAAA,EAAA,IAAA,CAAA,CAAA;;;;;;"}

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

@@ -1,7 +1,7 @@
 import { defineComponent, computed } from 'vue';
-import { identifierResultsXModule } from '../x-module.js';
 import { useGetter } from '../../../composables/use-getter.js';
 import { useState } from '../../../composables/use-state.js';
+import { identifierResultsXModule } from '../x-module.js';
 
 /**
  * This component renders an identifier result value and highlights its matching part with the
@@ -20,25 +20,23 @@ var _sfc_main = defineComponent({
          */
         result: {
             type: Object,
-            required: true
-        }
+            required: true,
+        },
     },
-    setup: function (props) {
+    setup(props) {
         /**
          * Query from the module state.
          *
          * @public
          */
-        const { query } = useState('identifierResults', ['query']);
+        const { query } = useState('identifierResults');
         /**
          * The RegExp with the current query from the state adding the separatorChars after each
          * matching character.
          *
          * @public
          */
-        const identifierHighlightRegexp = useGetter('identifierResults', [
-            'identifierHighlightRegexp'
-        ]).identifierHighlightRegexp;
+        const identifierHighlightRegexp = useGetter('identifierResults').identifierHighlightRegexp;
         /**
          * Highlights the matching part of the identifier result with the query from the state.
          *
@@ -54,9 +52,9 @@ var _sfc_main = defineComponent({
         });
         return {
             query,
-            highlightedQueryHTML
+            highlightedQueryHTML,
         };
-    }
+    },
 });
 
 export { _sfc_main as default };

package/js/x-modules/identifier-results/components/identifier-result.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"identifier-result.vue2.js","sources":["../../../../../src/x-modules/identifier-results/components/identifier-result.vue"],"sourcesContent":["<template>\n  <span\n    v-if=\"query\"\n    v-html=\"highlightedQueryHTML\"\n    class=\"x-identifier-result\"\n    data-test=\"identifier-result\"\n  ></span>\n</template>\n\n<script lang=\"ts\">\n  import { Result } from '@empathyco/x-types';\n  import { computed, ComputedRef, defineComponent, PropType } from 'vue';\n  import { identifierResultsXModule } from '../x-module';\n  import { useGetter } from '../../../composables/use-getter';\n  import { useState } from '../../../composables/use-state';\n\n  /**\n   * This component renders an identifier result value and highlights its matching part with the\n   * query from the state. Receives as prop the {@link @empathyco/x-types#Result} data.\n   *\n   * @public\n   */\n  export default defineComponent({\n    name: 'IdentifierResult',\n    xModule: identifierResultsXModule.name,\n    props: {\n      /**\n       * (Required) The {@link @empathyco/x-types#Result} information.\n       *\n       * @public\n       */\n      result: {\n        type: Object as PropType<Result>,\n        required: true\n      }\n    },\n    setup: function (props) {\n      /**\n       * Query from the module state.\n       *\n       * @public\n       */\n      const { query } = useState('identifierResults', ['query']);\n\n      /**\n       * The RegExp with the current query from the state adding the separatorChars after each\n       * matching character.\n       *\n       * @public\n       */\n      const identifierHighlightRegexp: ComputedRef<RegExp> = useGetter('identifierResults', [\n        'identifierHighlightRegexp'\n      ]).identifierHighlightRegexp;\n\n      /**\n       * Highlights the matching part of the identifier result with the query from the state.\n       *\n       * @returns String - The identifier result s query with the matching part inside a `<span>` tag.\n       * @public\n       */\n      const highlightedQueryHTML = computed(() => {\n        const identifierValue = props.result.identifier?.value ?? '';\n        if (identifierValue && identifierHighlightRegexp.value) {\n          return identifierValue.replace(\n            identifierHighlightRegexp.value,\n            '<span class=\"x-identifier-result__matching-part\">$1</span>'\n          );\n        }\n        return identifierValue;\n      });\n\n      return {\n        query,\n        highlightedQueryHTML\n      };\n    }\n  });\n</script>\n\n<docs lang=\"mdx\">\n## Examples\n\nThis component renders an identifier result value and highlights its matching part with the query\nfrom the state. Receives as prop the result data\n\n### Basic usage:\n\n```vue\n<IdentifierResult v-bind=\"{ result }\" />\n```\n</docs>\n"],"names":[],"mappings":";;;;;AAgBE;;;;;AAKE;AACF,gBAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,kBAAkB;IACxB,OAAO,EAAE,wBAAwB,CAAC,IAAI;AACtC,IAAA,KAAK,EAAE;AACL;;;;AAIE;AACF,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,MAA0B;AAChC,YAAA,QAAQ,EAAE,IAAG;AACf,SAAA;AACD,KAAA;IACD,KAAK,EAAE,UAAU,KAAK,EAAA;AACpB;;;;AAIE;AACF,QAAA,MAAM,EAAE,KAAM,EAAA,GAAI,QAAQ,CAAC,mBAAmB,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;AAE1D;;;;;AAKE;AACF,QAAA,MAAM,yBAAyB,GAAwB,SAAS,CAAC,mBAAmB,EAAE;YACpF,2BAA0B;SAC3B,CAAC,CAAC,yBAAyB,CAAA;AAE5B;;;;;AAKE;AACF,QAAA,MAAM,oBAAqB,GAAE,QAAQ,CAAC,MAAM;YAC1C,MAAM,eAAc,GAAI,KAAK,CAAC,MAAM,CAAC,UAAU,EAAE,KAAM,IAAG,EAAE,CAAA;AAC5D,YAAA,IAAI,eAAgB,IAAG,yBAAyB,CAAC,KAAK,EAAE;gBACtD,OAAO,eAAe,CAAC,OAAO,CAC5B,yBAAyB,CAAC,KAAK,EAC/B,4DAA2D,CAC5D,CAAA;AACH,aAAA;AACA,YAAA,OAAO,eAAe,CAAA;AACxB,SAAC,CAAC,CAAA;QAEF,OAAO;YACL,KAAK;YACL,oBAAmB;SACpB,CAAA;KACH;AACD,CAAA,CAAC;;;;"}
+{"version":3,"file":"identifier-result.vue2.js","sources":["../../../../../src/x-modules/identifier-results/components/identifier-result.vue"],"sourcesContent":["<template>\n  <span\n    v-if=\"query\"\n    class=\"x-identifier-result\"\n    data-test=\"identifier-result\"\n    v-html=\"highlightedQueryHTML\"\n  ></span>\n</template>\n\n<script lang=\"ts\">\nimport type { Result } from '@empathyco/x-types'\nimport type { PropType } from 'vue'\nimport { computed, defineComponent } from 'vue'\nimport { useGetter } from '../../../composables/use-getter'\nimport { useState } from '../../../composables/use-state'\nimport { identifierResultsXModule } from '../x-module'\n\n/**\n * This component renders an identifier result value and highlights its matching part with the\n * query from the state. Receives as prop the {@link @empathyco/x-types#Result} data.\n *\n * @public\n */\nexport default defineComponent({\n  name: 'IdentifierResult',\n  xModule: identifierResultsXModule.name,\n  props: {\n    /**\n     * (Required) The {@link @empathyco/x-types#Result} information.\n     *\n     * @public\n     */\n    result: {\n      type: Object as PropType<Result>,\n      required: true,\n    },\n  },\n  setup(props) {\n    /**\n     * Query from the module state.\n     *\n     * @public\n     */\n    const { query } = useState('identifierResults')\n\n    /**\n     * The RegExp with the current query from the state adding the separatorChars after each\n     * matching character.\n     *\n     * @public\n     */\n    const identifierHighlightRegexp = useGetter('identifierResults').identifierHighlightRegexp\n\n    /**\n     * Highlights the matching part of the identifier result with the query from the state.\n     *\n     * @returns String - The identifier result s query with the matching part inside a `<span>` tag.\n     * @public\n     */\n    const highlightedQueryHTML = computed(() => {\n      const identifierValue = props.result.identifier?.value ?? ''\n      if (identifierValue && identifierHighlightRegexp.value) {\n        return identifierValue.replace(\n          identifierHighlightRegexp.value,\n          '<span class=\"x-identifier-result__matching-part\">$1</span>',\n        )\n      }\n      return identifierValue\n    })\n\n    return {\n      query,\n      highlightedQueryHTML,\n    }\n  },\n})\n</script>\n\n<docs lang=\"mdx\">\n## Examples\n\nThis component renders an identifier result value and highlights its matching part with the query\nfrom the state. Receives as prop the result data\n\n### Basic usage:\n\n```vue\n<IdentifierResult v-bind=\"{ result }\" />\n```\n</docs>\n"],"names":[],"mappings":";;;;;AAiBA;;;;;AAKE;AACF,gBAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,kBAAkB;IACxB,OAAO,EAAE,wBAAwB,CAAC,IAAI;AACtC,IAAA,KAAK,EAAE;AACL;;;;AAIE;AACF,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,MAA0B;AAChC,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAA;AACT;;;;AAIE;QACF,MAAM,EAAE,KAAI,KAAM,QAAQ,CAAC,mBAAmB,CAAA,CAAA;AAE9C;;;;;AAKE;QACF,MAAM,4BAA4B,SAAS,CAAC,mBAAmB,CAAC,CAAC,yBAAwB,CAAA;AAEzF;;;;;AAKE;AACF,QAAA,MAAM,oBAAqB,GAAE,QAAQ,CAAC,MAAM;YAC1C,MAAM,eAAc,GAAI,KAAK,CAAC,MAAM,CAAC,UAAU,EAAE,KAAI,IAAK,EAAC,CAAA;AAC3D,YAAA,IAAI,eAAgB,IAAG,yBAAyB,CAAC,KAAK,EAAE;gBACtD,OAAO,eAAe,CAAC,OAAO,CAC5B,yBAAyB,CAAC,KAAK,EAC/B,4DAA4D,CAC9D,CAAA;AACF,aAAA;AACA,YAAA,OAAO,eAAc,CAAA;AACvB,SAAC,CAAA,CAAA;QAED,OAAO;YACL,KAAK;YACL,oBAAoB;SACtB,CAAA;KACD;AACF,CAAA,CAAA;;;;"}

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

@@ -1,5 +1,5 @@
 import _sfc_main from './identifier-results.vue2.js';
-import { openBlock, createBlock, resolveDynamicComponent, withCtx, createElementBlock, Fragment, renderList, createCommentVNode, renderSlot } from 'vue';
+import { openBlock, createBlock, resolveDynamicComponent, withCtx, createElementBlock, Fragment, renderList, renderSlot, createCommentVNode } from 'vue';
 import './identifier-results.vue3.js';
 import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.js';
 
@@ -19,7 +19,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             class: "x-identifier-results__item",
             "data-test": "identifier-results-item"
           }, [
-            createCommentVNode("\n        @slot (Required) Identifier results item content\n            @binding {Result} identifierResult - Identifier Result data\n      "),
             renderSlot(_ctx.$slots, "default", { identifierResult }, void 0, true)
           ]);
         }),

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

@@ -1 +1 @@
-{"version":3,"file":"identifier-results.vue.js","sources":["../../../../../src/x-modules/identifier-results/components/identifier-results.vue"],"sourcesContent":["<template>\n  <component :is=\"animation\" v-if=\"identifierResults.length\" tag=\"ul\" class=\"x-identifier-results\">\n    <li\n      v-for=\"identifierResult in identifierResultsToRender\"\n      :key=\"identifierResult.id\"\n      class=\"x-identifier-results__item\"\n      data-test=\"identifier-results-item\"\n    >\n      <!--\n        @slot (Required) Identifier results item content\n            @binding {Result} identifierResult - Identifier Result data\n      -->\n      <slot :identifierResult=\"identifierResult\" />\n    </li>\n  </component>\n</template>\n\n<script lang=\"ts\">\n  import { Result } from '@empathyco/x-types';\n  import { computed, defineComponent, provide } from 'vue';\n  import { PropsWithType } from '../../../utils/types';\n  import { XEventsTypes } from '../../../wiring/events.types';\n  import { identifierResultsXModule } from '../x-module';\n  import { AnimationProp } from '../../../types/animation-prop';\n  import { useState } from '../../../composables/use-state';\n\n  /**\n   * Paints the list of identifier results stored in the state. Each identifier result should be\n   * represented by a {@link IdentifierResult} component besides any\n   * other component.\n   *\n   * @public\n   */\n  export default defineComponent({\n    name: 'IdentifierResults',\n    xModule: identifierResultsXModule.name,\n    props: {\n      /**\n       * Animation component that will be used to animate the identifier results.\n       *\n       * @public\n       */\n      animation: {\n        type: AnimationProp,\n        default: 'ul'\n      },\n      /**\n       * Number of identifier results to render.\n       *\n       * @public\n       */\n      maxItemsToRender: Number\n    },\n    setup: function (props) {\n      /**\n       * The module's list of identifier results.\n       *\n       * @public\n       */\n      const { identifierResults } = useState('identifierResults', ['identifierResults']);\n\n      /**\n       * The additional events to be emitted by the mandatory {@link BaseResultLink} component.\n       *\n       * @public\n       */\n      provide<PropsWithType<XEventsTypes, Result>[]>('resultClickExtraEvents', [\n        'UserClickedAIdentifierResult'\n      ]);\n\n      /**\n       * Slices the identifier results from the state.\n       *\n       * @returns - The list of identifier results sliced by the number of items to render.\n       *\n       * @internal\n       */\n      const identifierResultsToRender = computed(() =>\n        (identifierResults.value as Result[]).slice(0, props.maxItemsToRender)\n      );\n\n      return {\n        identifierResults,\n        identifierResultsToRender\n      };\n    }\n  });\n</script>\n\n<style lang=\"css\" scoped>\n  .x-identifier-results {\n    display: flex;\n    flex-flow: column nowrap;\n  }\n</style>\n\n<docs lang=\"mdx\">\n## Examples\n\n### Play with slot\n\nA IdentifierResult **must** be used inside the IdentifierResults component. In the example below the\nBaseResultLink is used as a wrapper and its default slot is filled with the IdentifierResult\ncomponent.\n\n```vue\n<IdentifierResults :animation=\"fadeAndSlide\">\n  <template #default=\"{ identifierResult }\">\n    <BaseResultLink :result=\"identifierResult\">\n      <template #default=\"{ result }\">\n        <IdentifierResult :result=\"result\"/>\n      </template>\n    </BaseResultLink>\n  </template>\n</IdentifierResults>\n```\n\n### Play with props\n\nIn this example, the identifier results have been limited to render a maximum of 3 items.\n\n```vue\n<template>\n  <IdentifierResults #default=\"{ identifierResult }\" :maxItemsToRender=\"3\">\n    <IdentifierResult :result=\"identifierResult\" />\n  </IdentifierResults>\n</template>\n\n<script>\n  import { IdentifierResults, IdentifierResult } from '@empathyco/x-components';\n\n  export default {\n    name: 'IdentifierResultsDemo',\n    components: {\n      IdentifierResults,\n      IdentifierResult\n    }\n  };\n</script>\n```\n</docs>\n"],"names":["animation","_openBlock","_createBlock","_resolveDynamicComponent","_createElementBlock","_Fragment","_renderList","_createCommentVNode"],"mappings":";;;;;AACE,SAAA,WAAA,CAAA,IAAA,EAAA,MAAA,EADF,MACkBA,EAAAA,MAAAA,EAAAA,KAAAA,EAAAA,QAAAA,EAAAA;SADlB,IACqE,CAAA,iBAAA,CAAA,MAAA,IAAAC,SAAA,EAAA,EAAAC,WAAA,CAAAC,uBAAA,CAAA,IAAA,CAAA,SAAA,CAAA,EAAA;AAAA,IAAC,GAAK,EAAA,CAAA;AAAA,IAAA,GAAA,EAAA,IAAA;AAD3E,IAAA,KAAA,EAAA,sBAAA;AAAA,GAAA,EAAA;;AAIY,OAAAF,SAAA,CAAA,IAAA,CAAA,EAAAG,kBAAA;AAAA,QAAmBC,QAAA;AAAA,QAAA,IAAA;AAAA,QAAAC,UAAA,CAAA,IAAA,CAAA,yBAAA,EAAA,CAAA,gBAAA,KAAA;AACpB,UAAA,OAAAL,SAAA,EAA6B,EAAAG,kBAAA,CAAA,IAAA,EAAA;AAAA,YAClC,GAAU,EAAA,gBAAA,CAAA,EAAA;AAAA,YAAA,KAAA,EAAA,4BAAA;AAEV,YAAA,WAAA,EAAA,yBAAA;AAAA,WAIA,EAAA;AAAA,YAAAG,kBAAA,CAAA,6IAAA,CAAA;;;AAZN,SAAA,CAAA;AAAA,QAAA,GAAA;AAAA;AAAA,OAAA;AAAA,KAAA,CAAA;AAAA,IAAA,CAAA,EAAA,CAAA;AAAA;AAAA,GAAA,CAAA,IAAAA,kBAAA,CAAA,MAAA,EAAA,IAAA,CAAA,CAAA;;;;;;"}
+{"version":3,"file":"identifier-results.vue.js","sources":["../../../../../src/x-modules/identifier-results/components/identifier-results.vue"],"sourcesContent":["<template>\n  <component :is=\"animation\" v-if=\"identifierResults.length\" tag=\"ul\" class=\"x-identifier-results\">\n    <li\n      v-for=\"identifierResult in identifierResultsToRender\"\n      :key=\"identifierResult.id\"\n      class=\"x-identifier-results__item\"\n      data-test=\"identifier-results-item\"\n    >\n      <!--\n        @slot (Required) Identifier results item content\n            @binding {Result} identifierResult - Identifier Result data\n      -->\n      <slot :identifier-result=\"identifierResult\" />\n    </li>\n  </component>\n</template>\n\n<script lang=\"ts\">\nimport type { Result } from '@empathyco/x-types'\nimport type { PropsWithType } from '../../../utils/types'\nimport type { XEventsTypes } from '../../../wiring/events.types'\nimport { computed, defineComponent, provide } from 'vue'\nimport { useState } from '../../../composables/use-state'\nimport { AnimationProp } from '../../../types/animation-prop'\nimport { identifierResultsXModule } from '../x-module'\n\n/**\n * Paints the list of identifier results stored in the state. Each identifier result should be\n * represented by a {@link IdentifierResult} component besides any\n * other component.\n *\n * @public\n */\nexport default defineComponent({\n  name: 'IdentifierResults',\n  xModule: identifierResultsXModule.name,\n  props: {\n    /**\n     * Animation component that will be used to animate the identifier results.\n     *\n     * @public\n     */\n    animation: {\n      type: AnimationProp,\n      default: 'ul',\n    },\n    /**\n     * Number of identifier results to render.\n     *\n     * @public\n     */\n    maxItemsToRender: Number,\n  },\n  setup(props) {\n    /**\n     * The module's list of identifier results.\n     *\n     * @public\n     */\n    const { identifierResults } = useState('identifierResults')\n\n    /**\n     * The additional events to be emitted by the mandatory {@link BaseResultLink} component.\n     *\n     * @public\n     */\n    provide<PropsWithType<XEventsTypes, Result>[]>('resultClickExtraEvents', [\n      'UserClickedAIdentifierResult',\n    ])\n\n    /**\n     * Slices the identifier results from the state.\n     *\n     * @returns - The list of identifier results sliced by the number of items to render.\n     *\n     * @internal\n     */\n    const identifierResultsToRender = computed(() =>\n      (identifierResults.value as Result[]).slice(0, props.maxItemsToRender),\n    )\n\n    return {\n      identifierResults,\n      identifierResultsToRender,\n    }\n  },\n})\n</script>\n\n<style lang=\"css\" scoped>\n.x-identifier-results {\n  display: flex;\n  flex-flow: column nowrap;\n}\n</style>\n\n<docs lang=\"mdx\">\n## Examples\n\n### Play with slot\n\nA IdentifierResult **must** be used inside the IdentifierResults component. In the example below the\nBaseResultLink is used as a wrapper and its default slot is filled with the IdentifierResult\ncomponent.\n\n```vue\n<IdentifierResults :animation=\"fadeAndSlide\">\n  <template #default=\"{ identifierResult }\">\n    <BaseResultLink :result=\"identifierResult\">\n      <template #default=\"{ result }\">\n        <IdentifierResult :result=\"result\"/>\n      </template>\n    </BaseResultLink>\n  </template>\n</IdentifierResults>\n```\n\n### Play with props\n\nIn this example, the identifier results have been limited to render a maximum of 3 items.\n\n```vue\n<template>\n  <IdentifierResults #default=\"{ identifierResult }\" :maxItemsToRender=\"3\">\n    <IdentifierResult :result=\"identifierResult\" />\n  </IdentifierResults>\n</template>\n\n<script>\nimport { IdentifierResults, IdentifierResult } from '@empathyco/x-components'\n\nexport default {\n  name: 'IdentifierResultsDemo',\n  components: {\n    IdentifierResults,\n    IdentifierResult,\n  },\n}\n</script>\n```\n</docs>\n"],"names":["animation","_openBlock","_createBlock","_resolveDynamicComponent","_createElementBlock","_Fragment","_renderList","_createCommentVNode"],"mappings":";;;;;AACE,SAAA,WAAA,CAAA,IAAA,EAAA,MAAA,EADF,MACkBA,EAAAA,MAAAA,EAAAA,KAAAA,EAAAA,QAAAA,EAAAA;SADlB,IACqE,CAAA,iBAAA,CAAA,MAAA,IAAAC,SAAA,EAAA,EAAAC,WAAA,CAAAC,uBAAA,CAAA,IAAA,CAAA,SAAA,CAAA,EAAA;AAAA,IAAC,GAAK,EAAA,CAAA;AAAA,IAAA,GAAA,EAAA,IAAA;AAD3E,IAAA,KAAA,EAAA,sBAAA;AAAA,GAAA,EAAA;;AAIY,OAAAF,SAAA,CAAA,IAAA,CAAA,EAAAG,kBAAA;AAAA,QAAmBC,QAAA;AAAA,QAAA,IAAA;AAAA,QAAAC,UAAA,CAAA,IAAA,CAAA,yBAAA,EAAA,CAAA,gBAAA,KAAA;AACpB,UAAA,OAAAL,SAAA,EAA6B,EAAAG,kBAAA,CAAA,IAAA,EAAA;AAAA,YAClC,GAAU,EAAA,gBAAA,CAAA,EAAA;AAAA,YAAA,KAAA,EAAA,4BAAA;YAMV,WAA8C,EAAA,yBAAA;AAAA,WAAA,EAAA;;;AAZpD,SAAA,CAAA;AAAA,QAAA,GAAA;AAAA;AAAA,OAAA;AAAA,KAAA,CAAA;AAAA,IAAA,CAAA,EAAA,CAAA;AAAA;AAAA,GAAA,CAAA,IAAAG,kBAAA,CAAA,MAAA,EAAA,IAAA,CAAA,CAAA;;;;;;"}

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

@@ -1,7 +1,7 @@
 import { defineComponent, provide, computed } from 'vue';
-import { identifierResultsXModule } from '../x-module.js';
-import { AnimationProp } from '../../../types/animation-prop.js';
 import { useState } from '../../../composables/use-state.js';
+import { AnimationProp } from '../../../types/animation-prop.js';
+import { identifierResultsXModule } from '../x-module.js';
 
 /**
  * Paints the list of identifier results stored in the state. Each identifier result should be
@@ -21,29 +21,29 @@ var _sfc_main = defineComponent({
          */
         animation: {
             type: AnimationProp,
-            default: 'ul'
+            default: 'ul',
         },
         /**
          * Number of identifier results to render.
          *
          * @public
          */
-        maxItemsToRender: Number
+        maxItemsToRender: Number,
     },
-    setup: function (props) {
+    setup(props) {
         /**
          * The module's list of identifier results.
          *
          * @public
          */
-        const { identifierResults } = useState('identifierResults', ['identifierResults']);
+        const { identifierResults } = useState('identifierResults');
         /**
          * The additional events to be emitted by the mandatory {@link BaseResultLink} component.
          *
          * @public
          */
         provide('resultClickExtraEvents', [
-            'UserClickedAIdentifierResult'
+            'UserClickedAIdentifierResult',
         ]);
         /**
          * Slices the identifier results from the state.
@@ -55,9 +55,9 @@ var _sfc_main = defineComponent({
         const identifierResultsToRender = computed(() => identifierResults.value.slice(0, props.maxItemsToRender));
         return {
             identifierResults,
-            identifierResultsToRender
+            identifierResultsToRender,
         };
-    }
+    },
 });
 
 export { _sfc_main as default };

package/js/x-modules/identifier-results/components/identifier-results.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"identifier-results.vue2.js","sources":["../../../../../src/x-modules/identifier-results/components/identifier-results.vue"],"sourcesContent":["<template>\n  <component :is=\"animation\" v-if=\"identifierResults.length\" tag=\"ul\" class=\"x-identifier-results\">\n    <li\n      v-for=\"identifierResult in identifierResultsToRender\"\n      :key=\"identifierResult.id\"\n      class=\"x-identifier-results__item\"\n      data-test=\"identifier-results-item\"\n    >\n      <!--\n        @slot (Required) Identifier results item content\n            @binding {Result} identifierResult - Identifier Result data\n      -->\n      <slot :identifierResult=\"identifierResult\" />\n    </li>\n  </component>\n</template>\n\n<script lang=\"ts\">\n  import { Result } from '@empathyco/x-types';\n  import { computed, defineComponent, provide } from 'vue';\n  import { PropsWithType } from '../../../utils/types';\n  import { XEventsTypes } from '../../../wiring/events.types';\n  import { identifierResultsXModule } from '../x-module';\n  import { AnimationProp } from '../../../types/animation-prop';\n  import { useState } from '../../../composables/use-state';\n\n  /**\n   * Paints the list of identifier results stored in the state. Each identifier result should be\n   * represented by a {@link IdentifierResult} component besides any\n   * other component.\n   *\n   * @public\n   */\n  export default defineComponent({\n    name: 'IdentifierResults',\n    xModule: identifierResultsXModule.name,\n    props: {\n      /**\n       * Animation component that will be used to animate the identifier results.\n       *\n       * @public\n       */\n      animation: {\n        type: AnimationProp,\n        default: 'ul'\n      },\n      /**\n       * Number of identifier results to render.\n       *\n       * @public\n       */\n      maxItemsToRender: Number\n    },\n    setup: function (props) {\n      /**\n       * The module's list of identifier results.\n       *\n       * @public\n       */\n      const { identifierResults } = useState('identifierResults', ['identifierResults']);\n\n      /**\n       * The additional events to be emitted by the mandatory {@link BaseResultLink} component.\n       *\n       * @public\n       */\n      provide<PropsWithType<XEventsTypes, Result>[]>('resultClickExtraEvents', [\n        'UserClickedAIdentifierResult'\n      ]);\n\n      /**\n       * Slices the identifier results from the state.\n       *\n       * @returns - The list of identifier results sliced by the number of items to render.\n       *\n       * @internal\n       */\n      const identifierResultsToRender = computed(() =>\n        (identifierResults.value as Result[]).slice(0, props.maxItemsToRender)\n      );\n\n      return {\n        identifierResults,\n        identifierResultsToRender\n      };\n    }\n  });\n</script>\n\n<style lang=\"css\" scoped>\n  .x-identifier-results {\n    display: flex;\n    flex-flow: column nowrap;\n  }\n</style>\n\n<docs lang=\"mdx\">\n## Examples\n\n### Play with slot\n\nA IdentifierResult **must** be used inside the IdentifierResults component. In the example below the\nBaseResultLink is used as a wrapper and its default slot is filled with the IdentifierResult\ncomponent.\n\n```vue\n<IdentifierResults :animation=\"fadeAndSlide\">\n  <template #default=\"{ identifierResult }\">\n    <BaseResultLink :result=\"identifierResult\">\n      <template #default=\"{ result }\">\n        <IdentifierResult :result=\"result\"/>\n      </template>\n    </BaseResultLink>\n  </template>\n</IdentifierResults>\n```\n\n### Play with props\n\nIn this example, the identifier results have been limited to render a maximum of 3 items.\n\n```vue\n<template>\n  <IdentifierResults #default=\"{ identifierResult }\" :maxItemsToRender=\"3\">\n    <IdentifierResult :result=\"identifierResult\" />\n  </IdentifierResults>\n</template>\n\n<script>\n  import { IdentifierResults, IdentifierResult } from '@empathyco/x-components';\n\n  export default {\n    name: 'IdentifierResultsDemo',\n    components: {\n      IdentifierResults,\n      IdentifierResult\n    }\n  };\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;;AA0BE;;;;;;AAME;AACF,gBAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,mBAAmB;IACzB,OAAO,EAAE,wBAAwB,CAAC,IAAI;AACtC,IAAA,KAAK,EAAE;AACL;;;;AAIE;AACF,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,aAAa;AACnB,YAAA,OAAO,EAAE,IAAG;AACb,SAAA;AACD;;;;AAIE;AACF,QAAA,gBAAgB,EAAE,MAAK;AACxB,KAAA;IACD,KAAK,EAAE,UAAU,KAAK,EAAA;AACpB;;;;AAIE;AACF,QAAA,MAAM,EAAE,iBAAgB,EAAI,GAAE,QAAQ,CAAC,mBAAmB,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAA;AAElF;;;;AAIE;QACF,OAAO,CAAwC,wBAAwB,EAAE;YACvE,8BAA6B;AAC9B,SAAA,CAAC,CAAA;AAEF;;;;;;AAME;QACF,MAAM,4BAA4B,QAAQ,CAAC,MACxC,iBAAiB,CAAC,KAAkB,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAA,CACtE,CAAA;QAED,OAAO;YACL,iBAAiB;YACjB,yBAAwB;SACzB,CAAA;KACH;AACD,CAAA,CAAC;;;;"}
+{"version":3,"file":"identifier-results.vue2.js","sources":["../../../../../src/x-modules/identifier-results/components/identifier-results.vue"],"sourcesContent":["<template>\n  <component :is=\"animation\" v-if=\"identifierResults.length\" tag=\"ul\" class=\"x-identifier-results\">\n    <li\n      v-for=\"identifierResult in identifierResultsToRender\"\n      :key=\"identifierResult.id\"\n      class=\"x-identifier-results__item\"\n      data-test=\"identifier-results-item\"\n    >\n      <!--\n        @slot (Required) Identifier results item content\n            @binding {Result} identifierResult - Identifier Result data\n      -->\n      <slot :identifier-result=\"identifierResult\" />\n    </li>\n  </component>\n</template>\n\n<script lang=\"ts\">\nimport type { Result } from '@empathyco/x-types'\nimport type { PropsWithType } from '../../../utils/types'\nimport type { XEventsTypes } from '../../../wiring/events.types'\nimport { computed, defineComponent, provide } from 'vue'\nimport { useState } from '../../../composables/use-state'\nimport { AnimationProp } from '../../../types/animation-prop'\nimport { identifierResultsXModule } from '../x-module'\n\n/**\n * Paints the list of identifier results stored in the state. Each identifier result should be\n * represented by a {@link IdentifierResult} component besides any\n * other component.\n *\n * @public\n */\nexport default defineComponent({\n  name: 'IdentifierResults',\n  xModule: identifierResultsXModule.name,\n  props: {\n    /**\n     * Animation component that will be used to animate the identifier results.\n     *\n     * @public\n     */\n    animation: {\n      type: AnimationProp,\n      default: 'ul',\n    },\n    /**\n     * Number of identifier results to render.\n     *\n     * @public\n     */\n    maxItemsToRender: Number,\n  },\n  setup(props) {\n    /**\n     * The module's list of identifier results.\n     *\n     * @public\n     */\n    const { identifierResults } = useState('identifierResults')\n\n    /**\n     * The additional events to be emitted by the mandatory {@link BaseResultLink} component.\n     *\n     * @public\n     */\n    provide<PropsWithType<XEventsTypes, Result>[]>('resultClickExtraEvents', [\n      'UserClickedAIdentifierResult',\n    ])\n\n    /**\n     * Slices the identifier results from the state.\n     *\n     * @returns - The list of identifier results sliced by the number of items to render.\n     *\n     * @internal\n     */\n    const identifierResultsToRender = computed(() =>\n      (identifierResults.value as Result[]).slice(0, props.maxItemsToRender),\n    )\n\n    return {\n      identifierResults,\n      identifierResultsToRender,\n    }\n  },\n})\n</script>\n\n<style lang=\"css\" scoped>\n.x-identifier-results {\n  display: flex;\n  flex-flow: column nowrap;\n}\n</style>\n\n<docs lang=\"mdx\">\n## Examples\n\n### Play with slot\n\nA IdentifierResult **must** be used inside the IdentifierResults component. In the example below the\nBaseResultLink is used as a wrapper and its default slot is filled with the IdentifierResult\ncomponent.\n\n```vue\n<IdentifierResults :animation=\"fadeAndSlide\">\n  <template #default=\"{ identifierResult }\">\n    <BaseResultLink :result=\"identifierResult\">\n      <template #default=\"{ result }\">\n        <IdentifierResult :result=\"result\"/>\n      </template>\n    </BaseResultLink>\n  </template>\n</IdentifierResults>\n```\n\n### Play with props\n\nIn this example, the identifier results have been limited to render a maximum of 3 items.\n\n```vue\n<template>\n  <IdentifierResults #default=\"{ identifierResult }\" :maxItemsToRender=\"3\">\n    <IdentifierResult :result=\"identifierResult\" />\n  </IdentifierResults>\n</template>\n\n<script>\nimport { IdentifierResults, IdentifierResult } from '@empathyco/x-components'\n\nexport default {\n  name: 'IdentifierResultsDemo',\n  components: {\n    IdentifierResults,\n    IdentifierResult,\n  },\n}\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;;AA0BA;;;;;;AAME;AACF,gBAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,mBAAmB;IACzB,OAAO,EAAE,wBAAwB,CAAC,IAAI;AACtC,IAAA,KAAK,EAAE;AACL;;;;AAIE;AACF,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,aAAa;AACnB,YAAA,OAAO,EAAE,IAAI;AACd,SAAA;AACD;;;;AAIE;AACF,QAAA,gBAAgB,EAAE,MAAM;AACzB,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAA;AACT;;;;AAIE;QACF,MAAM,EAAE,iBAAkB,EAAA,GAAI,QAAQ,CAAC,mBAAmB,CAAA,CAAA;AAE1D;;;;AAIE;QACF,OAAO,CAAwC,wBAAwB,EAAE;YACvE,8BAA8B;AAC/B,SAAA,CAAA,CAAA;AAED;;;;;;AAME;QACF,MAAM,4BAA4B,QAAQ,CAAC,MACxC,iBAAiB,CAAC,KAAkB,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,CACxE,CAAA;QAEA,OAAO;YACL,iBAAiB;YACjB,yBAAyB;SAC3B,CAAA;KACD;AACF,CAAA,CAAA;;;;"}

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

@@ -1,7 +1,7 @@
 import { createFetchAndSaveActions } from '../../../../store/utils/fetch-and-save-action.utils.js';
 
 const { fetchAndSave, cancelPrevious } = createFetchAndSaveActions({
-    fetch({ dispatch, state: { origin } }, request) {
+    async fetch({ dispatch, state: { origin } }, request) {
         if (request && origin) {
             request.origin = origin;
         }
@@ -9,7 +9,7 @@ const { fetchAndSave, cancelPrevious } = createFetchAndSaveActions({
     },
     onSuccess({ commit }, identifierResults) {
         commit('setIdentifierResults', identifierResults);
-    }
+    },
 });
 /**
  * Default implementation for {@link IdentifierResultsActions.fetchAndSaveIdentifierResults} action.

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, IdentifierResultsRequest } from '@empathyco/x-types';\nimport { createFetchAndSaveActions } from '../../../../store/utils/fetch-and-save-action.utils';\nimport { IdentifierResultsActionsContext } from '../types';\n\nconst { fetchAndSave, cancelPrevious } = createFetchAndSaveActions<\n  IdentifierResultsActionsContext,\n  IdentifierResultsRequest | 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":";;AAIA,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,yBAAyB,CAIhE;IACA,KAAK,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAA;QAC5C,IAAI,OAAO,IAAI,MAAM,EAAE;AACrB,YAAA,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC;AACzB,SAAA;AAED,QAAA,OAAO,QAAQ,CAAC,wBAAwB,EAAE,OAAO,CAAC,CAAC;KACpD;AACD,IAAA,SAAS,CAAC,EAAE,MAAM,EAAE,EAAE,iBAAiB,EAAA;AACrC,QAAA,MAAM,CAAC,sBAAsB,EAAE,iBAAiB,CAAC,CAAC;KACnD;AACF,CAAA,CAAC,CAAC;AAEH;;;;AAIG;AACI,MAAM,6BAA6B,GAAG,aAAa;AAE1D;;;;;AAKG;AACI,MAAM,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 type { IdentifierResultsRequest, Result } from '@empathyco/x-types'\nimport type { IdentifierResultsActionsContext } from '../types'\nimport { createFetchAndSaveActions } from '../../../../store/utils/fetch-and-save-action.utils'\n\nconst { fetchAndSave, cancelPrevious } = createFetchAndSaveActions<\n  IdentifierResultsActionsContext,\n  IdentifierResultsRequest | null,\n  Result[]\n>({\n  async 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":";;AAIA,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,yBAAyB,CAIhE;AACA,IAAA,MAAM,KAAK,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAA;QAClD,IAAI,OAAO,IAAI,MAAM,EAAE;AACrB,YAAA,OAAO,CAAC,MAAM,GAAG,MAAM,CAAA;AACxB,SAAA;AAED,QAAA,OAAO,QAAQ,CAAC,wBAAwB,EAAE,OAAO,CAAC,CAAA;KACnD;AACD,IAAA,SAAS,CAAC,EAAE,MAAM,EAAE,EAAE,iBAAiB,EAAA;AACrC,QAAA,MAAM,CAAC,sBAAsB,EAAE,iBAAiB,CAAC,CAAA;KAClD;AACF,CAAA,CAAC,CAAA;AAEF;;;;AAIG;AACI,MAAM,6BAA6B,GAAG,aAAY;AAEzD;;;;;AAKG;AACI,MAAM,mCAAmC,GAAG;;;;"}

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

@@ -11,8 +11,7 @@ import { XPlugin } from '../../../../plugins/x-plugin.js';
  *
  * @public
  */
-//eslint-disable-next-line max-len
-const fetchIdentifierResults = (_context, request) => {
+const fetchIdentifierResults = async (_context, request) => {
     return request ? XPlugin.adapter.identifierResults(request).then(({ results }) => results) : [];
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"fetch-identifier-results.action.js","sources":["../../../../../../src/x-modules/identifier-results/store/actions/fetch-identifier-results.action.ts"],"sourcesContent":["import { XPlugin } from '../../../../plugins/x-plugin';\nimport { IdentifierResultsXStoreModule } from '../types';\n\n/**\n * Default implementation for the {@link IdentifierResultsActions.fetchIdentifierResults}.\n *\n * @param _context - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,\n * provided by Vuex.\n * @param request - The identifier results request to make.\n * @returns A Promise of Result[] that resolves when it fetches identifier results or empty array\n * if the request was not made.\n *\n * @public\n */\n//eslint-disable-next-line max-len\nexport const fetchIdentifierResults: IdentifierResultsXStoreModule['actions']['fetchIdentifierResults'] =\n  (_context, request) => {\n    return request ? XPlugin.adapter.identifierResults(request).then(({ results }) => results) : [];\n  };\n"],"names":[],"mappings":";;AAGA;;;;;;;;;;AAUG;AACH;MACa,sBAAsB,GACjC,CAAC,QAAQ,EAAE,OAAO,KAAI;AACpB,IAAA,OAAO,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC,GAAG,EAAE,CAAC;AAClG;;;;"}
+{"version":3,"file":"fetch-identifier-results.action.js","sources":["../../../../../../src/x-modules/identifier-results/store/actions/fetch-identifier-results.action.ts"],"sourcesContent":["import type { IdentifierResultsXStoreModule } from '../types'\nimport { XPlugin } from '../../../../plugins/x-plugin'\n\n/**\n * Default implementation for the {@link IdentifierResultsActions.fetchIdentifierResults}.\n *\n * @param _context - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,\n * provided by Vuex.\n * @param request - The identifier results request to make.\n * @returns A Promise of Result[] that resolves when it fetches identifier results or empty array\n * if the request was not made.\n *\n * @public\n */\n\nexport const fetchIdentifierResults: IdentifierResultsXStoreModule['actions']['fetchIdentifierResults'] =\n  async (_context, request) => {\n    return request ? XPlugin.adapter.identifierResults(request).then(({ results }) => results) : []\n  }\n"],"names":[],"mappings":";;AAGA;;;;;;;;;;AAUG;AAEU,MAAA,sBAAsB,GACjC,OAAO,QAAQ,EAAE,OAAO,KAAI;AAC1B,IAAA,OAAO,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC,GAAG,EAAE,CAAA;AACjG;;;;"}

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

@@ -6,7 +6,6 @@ import { createOrigin } from '../../../../utils/origin.js';
  * @param context - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,
  * provided by Vuex.
  * @param queryOriginInit - The object to create the {@link QueryOrigin} with.
- *
  * @public
  */
 const saveOrigin = ({ commit }, queryOriginInit) => {

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

@@ -1 +1 @@
-{"version":3,"file":"save-origin.action.js","sources":["../../../../../../src/x-modules/identifier-results/store/actions/save-origin.action.ts"],"sourcesContent":["import { QueryOrigin } from '../../../../types/origin';\nimport { createOrigin } from '../../../../utils/origin';\nimport { IdentifierResultsXStoreModule } from '../types';\n\n/**\n * Default implementation for the {@link IdentifierResultsActions.saveOrigin}.\n *\n * @param context - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,\n * provided by Vuex.\n * @param queryOriginInit - The object to create the {@link QueryOrigin} with.\n *\n * @public\n */\nexport const saveOrigin: IdentifierResultsXStoreModule['actions']['saveOrigin'] = (\n  { commit },\n  queryOriginInit\n) => {\n  commit('setOrigin', createOrigin(queryOriginInit) as QueryOrigin | null);\n};\n"],"names":[],"mappings":";;AAIA;;;;;;;;AAQG;AACU,MAAA,UAAU,GAA2D,CAChF,EAAE,MAAM,EAAE,EACV,eAAe,KACb;IACF,MAAM,CAAC,WAAW,EAAE,YAAY,CAAC,eAAe,CAAuB,CAAC,CAAC;AAC3E;;;;"}
+{"version":3,"file":"save-origin.action.js","sources":["../../../../../../src/x-modules/identifier-results/store/actions/save-origin.action.ts"],"sourcesContent":["import type { QueryOrigin } from '../../../../types/origin'\nimport type { IdentifierResultsXStoreModule } from '../types'\nimport { createOrigin } from '../../../../utils/origin'\n\n/**\n * Default implementation for the {@link IdentifierResultsActions.saveOrigin}.\n *\n * @param context - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,\n * provided by Vuex.\n * @param queryOriginInit - The object to create the {@link QueryOrigin} with.\n * @public\n */\nexport const saveOrigin: IdentifierResultsXStoreModule['actions']['saveOrigin'] = (\n  { commit },\n  queryOriginInit,\n) => {\n  commit('setOrigin', createOrigin(queryOriginInit) as QueryOrigin | null)\n}\n"],"names":[],"mappings":";;AAIA;;;;;;;AAOG;AACU,MAAA,UAAU,GAA2D,CAChF,EAAE,MAAM,EAAE,EACV,eAAe,KACb;IACF,MAAM,CAAC,WAAW,EAAE,YAAY,CAAC,eAAe,CAAuB,CAAC,CAAA;AAC1E;;;;"}

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

@@ -4,7 +4,6 @@
  * @param context - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,
  * provided by Vuex.
  * @param query - The query to try to add to the store.
- *
  * @public
  */
 const saveQuery = ({ commit, getters }, query) => {

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  } else {\n    commit('setQuery', '');\n    commit('setIdentifierResults', []);\n  }\n};\n"],"names":[],"mappings":"AAEA;;;;;;;;AAQG;AACI,MAAM,SAAS,GAA0D,CAC9E,EAAE,MAAM,EAAE,OAAO,EAAE,EACnB,KAAa,KACX;IACF,IAAI,OAAO,CAAC,yBAAyB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;AACjD,QAAA,MAAM,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;AAC3B,KAAA;AAAM,SAAA;AACL,QAAA,MAAM,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;AACvB,QAAA,MAAM,CAAC,sBAAsB,EAAE,EAAE,CAAC,CAAC;AACpC,KAAA;AACH;;;;"}
+{"version":3,"file":"save-query.action.js","sources":["../../../../../../src/x-modules/identifier-results/store/actions/save-query.action.ts"],"sourcesContent":["import type { 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 * @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;;;;;;;AAOG;AACI,MAAM,SAAS,GAA0D,CAC9E,EAAE,MAAM,EAAE,OAAO,EAAE,EACnB,KAAa,KACX;IACF,IAAI,OAAO,CAAC,yBAAyB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;AACjD,QAAA,MAAM,CAAC,UAAU,EAAE,KAAK,CAAC,CAAA;AAC1B,KAAA;AAAM,SAAA;AACL,QAAA,MAAM,CAAC,UAAU,EAAE,EAAE,CAAC,CAAA;AACtB,QAAA,MAAM,CAAC,sBAAsB,EAAE,EAAE,CAAC,CAAA;AACnC,KAAA;AACH;;;;"}

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

@@ -1,3 +1,4 @@
+import '@empathyco/x-utils';
 import { createStoreEmitters } from '../../../store/utils/store-emitters.utils.js';
 import { createEmitterArrayFilter } from '../../../utils/array.js';
 import { identifierResultsXStoreModule } from './module.js';
@@ -10,9 +11,9 @@ import { identifierResultsXStoreModule } from './module.js';
 const identifierResultsEmitters = createStoreEmitters(identifierResultsXStoreModule, {
     IdentifierResultsChanged: {
         selector: state => state.identifierResults,
-        filter: createEmitterArrayFilter('id')
+        filter: createEmitterArrayFilter('id'),
     },
-    IdentifierResultsRequestUpdated: (_, getters) => getters.identifierResultsRequest
+    IdentifierResultsRequestUpdated: (_, getters) => getters.identifierResultsRequest,
 });
 
 export { identifierResultsEmitters };

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

@@ -1 +1 @@
-{"version":3,"file":"emitters.js","sources":["../../../../../src/x-modules/identifier-results/store/emitters.ts"],"sourcesContent":["import { createStoreEmitters } from '../../../store';\nimport { createEmitterArrayFilter } from '../../../utils/array';\nimport { identifierResultsXStoreModule } from './module';\n\n/**\n * {@link StoreEmitters} For the identifier-results module.\n *\n * @internal\n */\nexport const identifierResultsEmitters = createStoreEmitters(identifierResultsXStoreModule, {\n  IdentifierResultsChanged: {\n    selector: state => state.identifierResults,\n    filter: createEmitterArrayFilter('id')\n  },\n  IdentifierResultsRequestUpdated: (_, getters) => getters.identifierResultsRequest\n});\n"],"names":[],"mappings":";;;;AAIA;;;;AAIG;AACU,MAAA,yBAAyB,GAAG,mBAAmB,CAAC,6BAA6B,EAAE;AAC1F,IAAA,wBAAwB,EAAE;AACxB,QAAA,QAAQ,EAAE,KAAK,IAAI,KAAK,CAAC,iBAAiB;AAC1C,QAAA,MAAM,EAAE,wBAAwB,CAAC,IAAI,CAAC;AACvC,KAAA;IACD,+BAA+B,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,wBAAwB;AAClF,CAAA;;;;"}
+{"version":3,"file":"emitters.js","sources":["../../../../../src/x-modules/identifier-results/store/emitters.ts"],"sourcesContent":["import { createStoreEmitters } from '../../../store'\nimport { createEmitterArrayFilter } from '../../../utils/array'\nimport { identifierResultsXStoreModule } from './module'\n\n/**\n * {@link StoreEmitters} For the identifier-results module.\n *\n * @internal\n */\nexport const identifierResultsEmitters = createStoreEmitters(identifierResultsXStoreModule, {\n  IdentifierResultsChanged: {\n    selector: state => state.identifierResults,\n    filter: createEmitterArrayFilter('id'),\n  },\n  IdentifierResultsRequestUpdated: (_, getters) => getters.identifierResultsRequest,\n})\n"],"names":[],"mappings":";;;;;AAIA;;;;AAIG;AACU,MAAA,yBAAyB,GAAG,mBAAmB,CAAC,6BAA6B,EAAE;AAC1F,IAAA,wBAAwB,EAAE;AACxB,QAAA,QAAQ,EAAE,KAAK,IAAI,KAAK,CAAC,iBAAiB;AAC1C,QAAA,MAAM,EAAE,wBAAwB,CAAC,IAAI,CAAC;AACvC,KAAA;IACD,+BAA+B,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,wBAAwB;AAClF,CAAA;;;;"}

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

@@ -7,7 +7,6 @@
  *
  * @public
  */
-// eslint-disable-next-line max-len
 const identifierDetectionRegexp = ({ config }) => {
     return new RegExp(config.identifierDetectionRegexp);
 };

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

@@ -1 +1 @@
-{"version":3,"file":"identifier-detection-regexp.getter.js","sources":["../../../../../../src/x-modules/identifier-results/store/getters/identifier-detection-regexp.getter.ts"],"sourcesContent":["import { IdentifierResultsXStoreModule } from '../types';\n\n/**\n * Default implementation for the {@link IdentifierResultsGetters.identifierDetectionRegexp} getter.\n *\n * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the identifier\n * results module.\n * @returns The RegExp to detect and identifier.\n *\n * @public\n */\n// eslint-disable-next-line max-len\nexport const identifierDetectionRegexp: IdentifierResultsXStoreModule['getters']['identifierDetectionRegexp'] =\n  ({ config }) => {\n    return new RegExp(config.identifierDetectionRegexp);\n  };\n"],"names":[],"mappings":"AAEA;;;;;;;;AAQG;AACH;MACa,yBAAyB,GACpC,CAAC,EAAE,MAAM,EAAE,KAAI;AACb,IAAA,OAAO,IAAI,MAAM,CAAC,MAAM,CAAC,yBAAyB,CAAC,CAAC;AACtD;;;;"}
+{"version":3,"file":"identifier-detection-regexp.getter.js","sources":["../../../../../../src/x-modules/identifier-results/store/getters/identifier-detection-regexp.getter.ts"],"sourcesContent":["import type { IdentifierResultsXStoreModule } from '../types'\n\n/**\n * Default implementation for the {@link IdentifierResultsGetters.identifierDetectionRegexp} getter.\n *\n * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the identifier\n * results module.\n * @returns The RegExp to detect and identifier.\n *\n * @public\n */\n\nexport const identifierDetectionRegexp: IdentifierResultsXStoreModule['getters']['identifierDetectionRegexp'] =\n  ({ config }) => {\n    return new RegExp(config.identifierDetectionRegexp)\n  }\n"],"names":[],"mappings":"AAEA;;;;;;;;AAQG;MAEU,yBAAyB,GACpC,CAAC,EAAE,MAAM,EAAE,KAAI;AACb,IAAA,OAAO,IAAI,MAAM,CAAC,MAAM,CAAC,yBAAyB,CAAC,CAAA;AACrD;;;;"}

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

@@ -7,7 +7,6 @@
  *
  * @public
  */
-// eslint-disable-next-line max-len
 const identifierHighlightRegexp = ({ query, config }) => {
     /* Escape each character to avoid creating a regex like [/- ] where the hyphen acts as delimiter
      * and the regex fails when created*/

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

@@ -1 +1 @@
-{"version":3,"file":"identifier-highlight-regexp.getter.js","sources":["../../../../../../src/x-modules/identifier-results/store/getters/identifier-highlight-regexp.getter.ts"],"sourcesContent":["import { IdentifierResultsXStoreModule } from '../types';\n\n/**\n * Default implementation for the {@link IdentifierResultsGetters.identifierHighlightRegexp} getter.\n *\n * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the identifier\n * results module.\n * @returns The RegExp to match optional characters.\n *\n * @public\n */\n// eslint-disable-next-line max-len\nexport const identifierHighlightRegexp: IdentifierResultsXStoreModule['getters']['identifierHighlightRegexp'] =\n  ({ query, config }) => {\n    /* Escape each character to avoid creating a regex like [/- ] where the hyphen acts as delimiter\n     * and the regex fails when created*/\n    const separatorChars = config.separatorChars\n      .split('')\n      .map(char => `\\\\${char}`)\n      .join('');\n    const queryWithoutSeparators = query.replace(new RegExp(`[${separatorChars}]`, 'g'), '');\n    const highlightQueryRegexValue = queryWithoutSeparators.split('').join(`[${separatorChars}]*`);\n    return new RegExp(`(${highlightQueryRegexValue})`, 'i');\n  };\n"],"names":[],"mappings":"AAEA;;;;;;;;AAQG;AACH;AACa,MAAA,yBAAyB,GACpC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAI;AACpB;AACqC;AACrC,IAAA,MAAM,cAAc,GAAG,MAAM,CAAC,cAAc;SACzC,KAAK,CAAC,EAAE,CAAC;SACT,GAAG,CAAC,IAAI,IAAI,CAAK,EAAA,EAAA,IAAI,EAAE,CAAC;SACxB,IAAI,CAAC,EAAE,CAAC,CAAC;AACZ,IAAA,MAAM,sBAAsB,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,CAAI,CAAA,EAAA,cAAc,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC;AACzF,IAAA,MAAM,wBAAwB,GAAG,sBAAsB,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAA,CAAA,EAAI,cAAc,CAAA,EAAA,CAAI,CAAC,CAAC;IAC/F,OAAO,IAAI,MAAM,CAAC,CAAA,CAAA,EAAI,wBAAwB,CAAG,CAAA,CAAA,EAAE,GAAG,CAAC,CAAC;AAC1D;;;;"}
+{"version":3,"file":"identifier-highlight-regexp.getter.js","sources":["../../../../../../src/x-modules/identifier-results/store/getters/identifier-highlight-regexp.getter.ts"],"sourcesContent":["import type { IdentifierResultsXStoreModule } from '../types'\n\n/**\n * Default implementation for the {@link IdentifierResultsGetters.identifierHighlightRegexp} getter.\n *\n * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the identifier\n * results module.\n * @returns The RegExp to match optional characters.\n *\n * @public\n */\n\nexport const identifierHighlightRegexp: IdentifierResultsXStoreModule['getters']['identifierHighlightRegexp'] =\n  ({ query, config }) => {\n    /* Escape each character to avoid creating a regex like [/- ] where the hyphen acts as delimiter\n     * and the regex fails when created*/\n    const separatorChars = config.separatorChars\n      .split('')\n      .map(char => `\\\\${char}`)\n      .join('')\n    const queryWithoutSeparators = query.replace(new RegExp(`[${separatorChars}]`, 'g'), '')\n    const highlightQueryRegexValue = queryWithoutSeparators.split('').join(`[${separatorChars}]*`)\n    return new RegExp(`(${highlightQueryRegexValue})`, 'i')\n  }\n"],"names":[],"mappings":"AAEA;;;;;;;;AAQG;AAEU,MAAA,yBAAyB,GACpC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAI;AACpB;AACqC;AACrC,IAAA,MAAM,cAAc,GAAG,MAAM,CAAC,cAAc;SACzC,KAAK,CAAC,EAAE,CAAC;SACT,GAAG,CAAC,IAAI,IAAI,CAAK,EAAA,EAAA,IAAI,EAAE,CAAC;SACxB,IAAI,CAAC,EAAE,CAAC,CAAA;AACX,IAAA,MAAM,sBAAsB,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,CAAI,CAAA,EAAA,cAAc,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,CAAA;AACxF,IAAA,MAAM,wBAAwB,GAAG,sBAAsB,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAA,CAAA,EAAI,cAAc,CAAA,EAAA,CAAI,CAAC,CAAA;IAC9F,OAAO,IAAI,MAAM,CAAC,CAAA,CAAA,EAAI,wBAAwB,CAAG,CAAA,CAAA,EAAE,GAAG,CAAC,CAAA;AACzD;;;;"}

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

@@ -7,14 +7,13 @@
  *
  * @public
  */
-// eslint-disable-next-line max-len
 const identifierResultsRequest = ({ config, query, params }) => {
     return query.trim()
         ? {
             query,
             rows: config.maxItemsToRequest,
             start: 0,
-            extraParams: params
+            extraParams: params,
         }
         : null;
 };

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, query, params }) => {\n    return query.trim()\n      ? {\n          query,\n          rows: config.maxItemsToRequest,\n          start: 0,\n          extraParams: params\n        }\n      : null;\n  };\n"],"names":[],"mappings":"AACA;;;;;;;;AAQG;AACH;AACO,MAAM,wBAAwB,GACnC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAI;IAC5B,OAAO,KAAK,CAAC,IAAI,EAAE;AACjB,UAAE;YACE,KAAK;YACL,IAAI,EAAE,MAAM,CAAC,iBAAiB;AAC9B,YAAA,KAAK,EAAE,CAAC;AACR,YAAA,WAAW,EAAE,MAAM;AACpB,SAAA;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 type { 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\nexport const identifierResultsRequest: IdentifierResultsXStoreModule['getters']['identifierResultsRequest'] =\n  ({ config, query, params }) => {\n    return query.trim()\n      ? {\n          query,\n          rows: config.maxItemsToRequest,\n          start: 0,\n          extraParams: params,\n        }\n      : null\n  }\n"],"names":[],"mappings":"AACA;;;;;;;;AAQG;AAEI,MAAM,wBAAwB,GACnC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAI;IAC5B,OAAO,KAAK,CAAC,IAAI,EAAE;AACjB,UAAE;YACE,KAAK;YACL,IAAI,EAAE,MAAM,CAAC,iBAAiB;AAC9B,YAAA,KAAK,EAAE,CAAC;AACR,YAAA,WAAW,EAAE,MAAM;AACpB,SAAA;UACD,IAAI,CAAA;AACV;;;;"}

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

@@ -1,6 +1,6 @@
+import { setConfig, mergeConfig } from '../../../store/utils/config-store.utils.js';
 import { setQuery } from '../../../store/utils/query.utils.js';
 import { setStatus } from '../../../store/utils/status-store.utils.js';
-import { setConfig, mergeConfig } from '../../../store/utils/config-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';
@@ -20,18 +20,18 @@ const identifierResultsXStoreModule = {
             debounceInMs: 600,
             maxItemsToRequest: 10,
             identifierDetectionRegexp: '^[0-9]{2,}$',
-            separatorChars: '-/ '
+            separatorChars: '-/ ',
         },
         identifierResults: [],
         origin: null,
         query: '',
         params: {},
-        status: 'initial'
+        status: 'initial',
     }),
     getters: {
         identifierResultsRequest,
         identifierHighlightRegexp,
-        identifierDetectionRegexp
+        identifierDetectionRegexp,
     },
     mutations: {
         setIdentifierResults(state, identifierResults) {
@@ -46,15 +46,15 @@ const identifierResultsXStoreModule = {
         setQuery,
         setStatus,
         setConfig,
-        mergeConfig
+        mergeConfig,
     },
     actions: {
         cancelFetchAndSaveIdentifierResults,
         fetchIdentifierResults,
         fetchAndSaveIdentifierResults,
         saveOrigin,
-        saveQuery
-    }
+        saveQuery,
+    },
 };
 
 export { identifierResultsXStoreModule };

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 { setQuery } from '../../../store/utils/query.utils';\nimport { setStatus } from '../../../store/utils/status-store.utils';\nimport { mergeConfig, setConfig } from '../../../store/utils/config-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,\n    setStatus,\n    setConfig,\n    mergeConfig\n  },\n  actions: {\n    cancelFetchAndSaveIdentifierResults,\n    fetchIdentifierResults,\n    fetchAndSaveIdentifierResults,\n    saveOrigin,\n    saveQuery\n  }\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAeA;;;;AAIG;AACU,MAAA,6BAA6B,GAAkC;AAC1E,IAAA,KAAK,EAAE,OAAO;AACZ,QAAA,MAAM,EAAE;AACN,YAAA,YAAY,EAAE,GAAG;AACjB,YAAA,iBAAiB,EAAE,EAAE;AACrB,YAAA,yBAAyB,EAAE,aAAa;AACxC,YAAA,cAAc,EAAE,KAAK;AACtB,SAAA;AACD,QAAA,iBAAiB,EAAE,EAAE;AACrB,QAAA,MAAM,EAAE,IAAI;AACZ,QAAA,KAAK,EAAE,EAAE;AACT,QAAA,MAAM,EAAE,EAAE;AACV,QAAA,MAAM,EAAE,SAAS;KAClB,CAAC;AACF,IAAA,OAAO,EAAE;QACP,wBAAwB;QACxB,yBAAyB;QACzB,yBAAyB;AAC1B,KAAA;AACD,IAAA,SAAS,EAAE;QACT,oBAAoB,CAAC,KAAK,EAAE,iBAAiB,EAAA;AAC3C,YAAA,KAAK,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;SAC7C;AACD,QAAA,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAAA;AAC5B,YAAA,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;SACvB;QACD,SAAS,CAAC,KAAK,EAAE,MAAM,EAAA;AACrB,YAAA,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;SACvB;QACD,QAAQ;QACR,SAAS;QACT,SAAS;QACT,WAAW;AACZ,KAAA;AACD,IAAA,OAAO,EAAE;QACP,mCAAmC;QACnC,sBAAsB;QACtB,6BAA6B;QAC7B,UAAU;QACV,SAAS;AACV,KAAA;;;;;"}
+{"version":3,"file":"module.js","sources":["../../../../../src/x-modules/identifier-results/store/module.ts"],"sourcesContent":["import type { IdentifierResultsXStoreModule } from './types'\nimport { mergeConfig, setConfig } from '../../../store/utils/config-store.utils'\nimport { setQuery } from '../../../store/utils/query.utils'\nimport { 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'\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,\n    setStatus,\n    setConfig,\n    mergeConfig,\n  },\n  actions: {\n    cancelFetchAndSaveIdentifierResults,\n    fetchIdentifierResults,\n    fetchAndSaveIdentifierResults,\n    saveOrigin,\n    saveQuery,\n  },\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAeA;;;;AAIG;AACU,MAAA,6BAA6B,GAAkC;AAC1E,IAAA,KAAK,EAAE,OAAO;AACZ,QAAA,MAAM,EAAE;AACN,YAAA,YAAY,EAAE,GAAG;AACjB,YAAA,iBAAiB,EAAE,EAAE;AACrB,YAAA,yBAAyB,EAAE,aAAa;AACxC,YAAA,cAAc,EAAE,KAAK;AACtB,SAAA;AACD,QAAA,iBAAiB,EAAE,EAAE;AACrB,QAAA,MAAM,EAAE,IAAI;AACZ,QAAA,KAAK,EAAE,EAAE;AACT,QAAA,MAAM,EAAE,EAAE;AACV,QAAA,MAAM,EAAE,SAAS;KAClB,CAAC;AACF,IAAA,OAAO,EAAE;QACP,wBAAwB;QACxB,yBAAyB;QACzB,yBAAyB;AAC1B,KAAA;AACD,IAAA,SAAS,EAAE;QACT,oBAAoB,CAAC,KAAK,EAAE,iBAAiB,EAAA;AAC3C,YAAA,KAAK,CAAC,iBAAiB,GAAG,iBAAiB,CAAA;SAC5C;AACD,QAAA,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAAA;AAC5B,YAAA,KAAK,CAAC,MAAM,GAAG,MAAM,CAAA;SACtB;QACD,SAAS,CAAC,KAAK,EAAE,MAAM,EAAA;AACrB,YAAA,KAAK,CAAC,MAAM,GAAG,MAAM,CAAA;SACtB;QACD,QAAQ;QACR,SAAS;QACT,SAAS;QACT,WAAW;AACZ,KAAA;AACD,IAAA,OAAO,EAAE;QACP,mCAAmC;QACnC,sBAAsB;QACtB,6BAA6B;QAC7B,UAAU;QACV,SAAS;AACV,KAAA;;;;;"}

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

@@ -86,35 +86,35 @@ const moduleDebounce = namespacedDebounce(moduleName);
 const identifierResultsWiring = createWiring({
     ParamsLoadedFromUrl: {
         setUrlParams,
-        saveIdentifierResultsOriginWire
+        saveIdentifierResultsOriginWire,
     },
     UserIsTypingAQuery: {
-        setIdentifierResultsQueryDebounce: moduleDebounce(setIdentifierResultsQuery, ({ state }) => state.config.debounceInMs, { cancelOn: 'UserAcceptedAQuery' })
+        setIdentifierResultsQueryDebounce: moduleDebounce(setIdentifierResultsQuery, ({ state }) => state.config.debounceInMs, { cancelOn: 'UserAcceptedAQuery' }),
     },
     UserAcceptedAQuery: {
         setIdentifierResultsQuery,
-        saveIdentifierResultsOriginWire
+        saveIdentifierResultsOriginWire,
     },
     UserClearedQuery: {
         clearIdentifierResultsQuery,
-        cancelFetchAndSaveIdentifierResultsWire
+        cancelFetchAndSaveIdentifierResultsWire,
     },
     IdentifierResultsRequestUpdated: {
-        fetchAndSaveIdentifierResultsWire
+        fetchAndSaveIdentifierResultsWire,
     },
     ExtraParamsChanged: {
-        setIdentifierResultsExtraParams
+        setIdentifierResultsExtraParams,
     },
     UserClickedCloseX: {
-        clearIdentifierResultsQuery
+        clearIdentifierResultsQuery,
     },
     UserClickedOutOfMainModal: {
-        clearIdentifierResultsQuery
+        clearIdentifierResultsQuery,
     },
     UserAcceptedAQueryPreview: {
         setIdentifierResultsQueryFromPreview,
-        saveIdentifierResultsOriginWire
-    }
+        saveIdentifierResultsOriginWire,
+    },
 });
 
 export { cancelFetchAndSaveIdentifierResultsWire, clearIdentifierResultsQuery, fetchAndSaveIdentifierResultsWire, identifierResultsWiring, saveIdentifierResultsOriginWire, setIdentifierResultsExtraParams, setIdentifierResultsQuery, setIdentifierResultsQueryFromPreview };