@empathyco/x-components 6.0.0-alpha.60 → 6.0.0-alpha.62

package/js/x-modules/history-queries/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 { localStorageService } from '../../../utils/storage.js';
-import { setConfig, mergeConfig } from '../../../store/utils/config-store.utils.js';
 import { addQueryToHistory } from './actions/add-query-to-history.action.js';
 import { loadHistoryQueriesFromBrowserStorage } from './actions/load-history-queries-from-browser-storage.action.js';
 import { refreshSession } from './actions/refresh-session.action.js';
@@ -10,9 +10,9 @@ import { setUrlParams } from './actions/set-url-params.action.js';
 import { toggleHistoryQueries } from './actions/toggle-history-queries.action.js';
 import { updateHistoryQueriesWithSearchResponse } from './actions/update-history-queries-with-search-response.action.js';
 import { HISTORY_QUERIES_ENABLED_KEY } from './constants.js';
+import { historyQueriesWithResults } from './getters/history-queries-with-results.getter.js';
 import { historyQueries } from './getters/history-queries.getter.js';
 import { normalizedQuery } from './getters/normalized-query.getter.js';
-import { historyQueriesWithResults } from './getters/history-queries-with-results.getter.js';
 import { sessionHistoryQueries } from './getters/session-history-queries.getter.js';
 import { storageKey } from './getters/storage-key.getter.js';
 
@@ -27,19 +27,19 @@ const historyQueriesXStoreModule = {
             debounceInMs: 150,
             maxItemsToStore: 50,
             hideIfEqualsQuery: true,
-            sessionTTLInMs: 30 * 60 * 1000
+            sessionTTLInMs: 30 * 60 * 1000,
         },
         query: '',
         historyQueries: [],
         sessionTimeStampInMs: Date.now(),
-        isEnabled: localStorageService.getItem(HISTORY_QUERIES_ENABLED_KEY) ?? true
+        isEnabled: localStorageService.getItem(HISTORY_QUERIES_ENABLED_KEY) ?? true,
     }),
     getters: {
         historyQueries,
         normalizedQuery,
         historyQueriesWithResults,
         sessionHistoryQueries,
-        storageKey
+        storageKey,
     },
     mutations: {
         setHistoryQueries(state, historyQueries) {
@@ -56,7 +56,7 @@ const historyQueriesXStoreModule = {
         },
         setSearchSelectedFilters(state, filters) {
             state.historyQueries[0].selectedFilters = filters;
-        }
+        },
     },
     actions: {
         addQueryToHistory,
@@ -66,8 +66,8 @@ const historyQueriesXStoreModule = {
         setHistoryQueries,
         setUrlParams,
         toggleHistoryQueries,
-        updateHistoryQueriesWithSearchResponse
-    }
+        updateHistoryQueriesWithSearchResponse,
+    },
 };
 
 export { historyQueriesXStoreModule };

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

@@ -1 +1 @@
-{"version":3,"file":"module.js","sources":["../../../../../src/x-modules/history-queries/store/module.ts"],"sourcesContent":["import { setQuery } from '../../../store/utils/query.utils';\nimport { localStorageService } from '../../../utils/storage';\nimport { mergeConfig, setConfig } from '../../../store/utils/config-store.utils';\nimport { addQueryToHistory } from './actions/add-query-to-history.action';\n// eslint-disable-next-line max-len\nimport { loadHistoryQueriesFromBrowserStorage } from './actions/load-history-queries-from-browser-storage.action';\nimport { refreshSession } from './actions/refresh-session.action';\nimport { removeFromHistory } from './actions/remove-query-from-history.action';\nimport { setHistoryQueries } from './actions/set-history-queries.action';\nimport { setUrlParams } from './actions/set-url-params.action';\nimport { toggleHistoryQueries } from './actions/toggle-history-queries.action';\n// eslint-disable-next-line max-len\nimport { updateHistoryQueriesWithSearchResponse } from './actions/update-history-queries-with-search-response.action';\nimport { HISTORY_QUERIES_ENABLED_KEY } from './constants';\nimport { historyQueries } from './getters/history-queries.getter';\nimport { normalizedQuery } from './getters/normalized-query.getter';\nimport { historyQueriesWithResults } from './getters/history-queries-with-results.getter';\nimport { sessionHistoryQueries } from './getters/session-history-queries.getter';\nimport { storageKey } from './getters/storage-key.getter';\nimport { HistoryQueriesXStoreModule } from './types';\n\n/**\n * {@link XStoreModule} For the history-queries module.\n *\n * @internal\n */\nexport const historyQueriesXStoreModule: HistoryQueriesXStoreModule = {\n  state: () => ({\n    config: {\n      debounceInMs: 150,\n      maxItemsToStore: 50,\n      hideIfEqualsQuery: true,\n      sessionTTLInMs: 30 * 60 * 1000\n    },\n    query: '',\n    historyQueries: [],\n    sessionTimeStampInMs: Date.now(),\n    isEnabled: localStorageService.getItem<boolean>(HISTORY_QUERIES_ENABLED_KEY) ?? true\n  }),\n  getters: {\n    historyQueries,\n    normalizedQuery,\n    historyQueriesWithResults,\n    sessionHistoryQueries,\n    storageKey\n  },\n  mutations: {\n    setHistoryQueries(state, historyQueries) {\n      state.historyQueries = historyQueries;\n    },\n    setSessionTimeStamp(state, sessionTimeStamp) {\n      state.sessionTimeStampInMs = sessionTimeStamp;\n    },\n    setQuery,\n    setConfig,\n    mergeConfig,\n    setIsEnabled(state, isEnabled) {\n      state.isEnabled = isEnabled;\n    },\n    setSearchSelectedFilters(state, filters) {\n      state.historyQueries[0].selectedFilters = filters;\n    }\n  },\n  actions: {\n    addQueryToHistory,\n    loadHistoryQueriesFromBrowserStorage,\n    refreshSession,\n    removeFromHistory,\n    setHistoryQueries,\n    setUrlParams,\n    toggleHistoryQueries,\n    updateHistoryQueriesWithSearchResponse\n  }\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAqBA;;;;AAIG;AACU,MAAA,0BAA0B,GAA+B;AACpE,IAAA,KAAK,EAAE,OAAO;AACZ,QAAA,MAAM,EAAE;AACN,YAAA,YAAY,EAAE,GAAG;AACjB,YAAA,eAAe,EAAE,EAAE;AACnB,YAAA,iBAAiB,EAAE,IAAI;AACvB,YAAA,cAAc,EAAE,EAAE,GAAG,EAAE,GAAG,IAAI;AAC/B,SAAA;AACD,QAAA,KAAK,EAAE,EAAE;AACT,QAAA,cAAc,EAAE,EAAE;AAClB,QAAA,oBAAoB,EAAE,IAAI,CAAC,GAAG,EAAE;QAChC,SAAS,EAAE,mBAAmB,CAAC,OAAO,CAAU,2BAA2B,CAAC,IAAI,IAAI;KACrF,CAAC;AACF,IAAA,OAAO,EAAE;QACP,cAAc;QACd,eAAe;QACf,yBAAyB;QACzB,qBAAqB;QACrB,UAAU;AACX,KAAA;AACD,IAAA,SAAS,EAAE;QACT,iBAAiB,CAAC,KAAK,EAAE,cAAc,EAAA;AACrC,YAAA,KAAK,CAAC,cAAc,GAAG,cAAc,CAAC;SACvC;QACD,mBAAmB,CAAC,KAAK,EAAE,gBAAgB,EAAA;AACzC,YAAA,KAAK,CAAC,oBAAoB,GAAG,gBAAgB,CAAC;SAC/C;QACD,QAAQ;QACR,SAAS;QACT,WAAW;QACX,YAAY,CAAC,KAAK,EAAE,SAAS,EAAA;AAC3B,YAAA,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;SAC7B;QACD,wBAAwB,CAAC,KAAK,EAAE,OAAO,EAAA;YACrC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,eAAe,GAAG,OAAO,CAAC;SACnD;AACF,KAAA;AACD,IAAA,OAAO,EAAE;QACP,iBAAiB;QACjB,oCAAoC;QACpC,cAAc;QACd,iBAAiB;QACjB,iBAAiB;QACjB,YAAY;QACZ,oBAAoB;QACpB,sCAAsC;AACvC,KAAA;;;;;"}
+{"version":3,"file":"module.js","sources":["../../../../../src/x-modules/history-queries/store/module.ts"],"sourcesContent":["import type { HistoryQueriesXStoreModule } from './types'\nimport { mergeConfig, setConfig } from '../../../store/utils/config-store.utils'\nimport { setQuery } from '../../../store/utils/query.utils'\nimport { localStorageService } from '../../../utils/storage'\nimport { addQueryToHistory } from './actions/add-query-to-history.action'\n\nimport { loadHistoryQueriesFromBrowserStorage } from './actions/load-history-queries-from-browser-storage.action'\nimport { refreshSession } from './actions/refresh-session.action'\nimport { removeFromHistory } from './actions/remove-query-from-history.action'\nimport { setHistoryQueries } from './actions/set-history-queries.action'\nimport { setUrlParams } from './actions/set-url-params.action'\nimport { toggleHistoryQueries } from './actions/toggle-history-queries.action'\n\nimport { updateHistoryQueriesWithSearchResponse } from './actions/update-history-queries-with-search-response.action'\nimport { HISTORY_QUERIES_ENABLED_KEY } from './constants'\nimport { historyQueriesWithResults } from './getters/history-queries-with-results.getter'\nimport { historyQueries } from './getters/history-queries.getter'\nimport { normalizedQuery } from './getters/normalized-query.getter'\nimport { sessionHistoryQueries } from './getters/session-history-queries.getter'\nimport { storageKey } from './getters/storage-key.getter'\n\n/**\n * {@link XStoreModule} For the history-queries module.\n *\n * @internal\n */\nexport const historyQueriesXStoreModule: HistoryQueriesXStoreModule = {\n  state: () => ({\n    config: {\n      debounceInMs: 150,\n      maxItemsToStore: 50,\n      hideIfEqualsQuery: true,\n      sessionTTLInMs: 30 * 60 * 1000,\n    },\n    query: '',\n    historyQueries: [],\n    sessionTimeStampInMs: Date.now(),\n    isEnabled: localStorageService.getItem<boolean>(HISTORY_QUERIES_ENABLED_KEY) ?? true,\n  }),\n  getters: {\n    historyQueries,\n    normalizedQuery,\n    historyQueriesWithResults,\n    sessionHistoryQueries,\n    storageKey,\n  },\n  mutations: {\n    setHistoryQueries(state, historyQueries) {\n      state.historyQueries = historyQueries\n    },\n    setSessionTimeStamp(state, sessionTimeStamp) {\n      state.sessionTimeStampInMs = sessionTimeStamp\n    },\n    setQuery,\n    setConfig,\n    mergeConfig,\n    setIsEnabled(state, isEnabled) {\n      state.isEnabled = isEnabled\n    },\n    setSearchSelectedFilters(state, filters) {\n      state.historyQueries[0].selectedFilters = filters\n    },\n  },\n  actions: {\n    addQueryToHistory,\n    loadHistoryQueriesFromBrowserStorage,\n    refreshSession,\n    removeFromHistory,\n    setHistoryQueries,\n    setUrlParams,\n    toggleHistoryQueries,\n    updateHistoryQueriesWithSearchResponse,\n  },\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAqBA;;;;AAIG;AACU,MAAA,0BAA0B,GAA+B;AACpE,IAAA,KAAK,EAAE,OAAO;AACZ,QAAA,MAAM,EAAE;AACN,YAAA,YAAY,EAAE,GAAG;AACjB,YAAA,eAAe,EAAE,EAAE;AACnB,YAAA,iBAAiB,EAAE,IAAI;AACvB,YAAA,cAAc,EAAE,EAAE,GAAG,EAAE,GAAG,IAAI;AAC/B,SAAA;AACD,QAAA,KAAK,EAAE,EAAE;AACT,QAAA,cAAc,EAAE,EAAE;AAClB,QAAA,oBAAoB,EAAE,IAAI,CAAC,GAAG,EAAE;QAChC,SAAS,EAAE,mBAAmB,CAAC,OAAO,CAAU,2BAA2B,CAAC,IAAI,IAAI;KACrF,CAAC;AACF,IAAA,OAAO,EAAE;QACP,cAAc;QACd,eAAe;QACf,yBAAyB;QACzB,qBAAqB;QACrB,UAAU;AACX,KAAA;AACD,IAAA,SAAS,EAAE;QACT,iBAAiB,CAAC,KAAK,EAAE,cAAc,EAAA;AACrC,YAAA,KAAK,CAAC,cAAc,GAAG,cAAc,CAAA;SACtC;QACD,mBAAmB,CAAC,KAAK,EAAE,gBAAgB,EAAA;AACzC,YAAA,KAAK,CAAC,oBAAoB,GAAG,gBAAgB,CAAA;SAC9C;QACD,QAAQ;QACR,SAAS;QACT,WAAW;QACX,YAAY,CAAC,KAAK,EAAE,SAAS,EAAA;AAC3B,YAAA,KAAK,CAAC,SAAS,GAAG,SAAS,CAAA;SAC5B;QACD,wBAAwB,CAAC,KAAK,EAAE,OAAO,EAAA;YACrC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,eAAe,GAAG,OAAO,CAAA;SAClD;AACF,KAAA;AACD,IAAA,OAAO,EAAE;QACP,iBAAiB;QACjB,oCAAoC;QACpC,cAAc;QACd,iBAAiB;QACjB,iBAAiB;QACjB,YAAY;QACZ,oBAAoB;QACpB,sCAAsC;AACvC,KAAA;;;;;"}

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

@@ -124,52 +124,52 @@ const moduleDebounce = namespacedDebounce(moduleName);
  */
 const historyQueriesWiring = createWiring({
     ParamsLoadedFromUrl: {
-        setUrlParams
+        setUrlParams,
     },
     HistoryQueriesQueryChanged: {
-        refreshHistoryQueriesSession
+        refreshHistoryQueriesSession,
     },
     HistoryQueriesStorageKeyChanged: {
-        loadHistoryQueriesFromBrowserStorageWire
+        loadHistoryQueriesFromBrowserStorageWire,
     },
     UserClearedQuery: {
-        clearHistoryQueriesQuery
+        clearHistoryQueriesQuery,
     },
     UserAcceptedAQuery: {
         setHistoryQueriesQuery,
-        addQueryToHistoryQueries
+        addQueryToHistoryQueries,
     },
     UserSelectedAHistoryQuery: {
-        setSearchSelectedFilters
+        setSearchSelectedFilters,
     },
     UserIsTypingAQuery: {
-        setHistoryQueriesQueryDebounce: moduleDebounce(setHistoryQueriesQuery, ({ state }) => state.config.debounceInMs, { cancelOn: 'UserAcceptedAQuery' })
+        setHistoryQueriesQueryDebounce: moduleDebounce(setHistoryQueriesQuery, ({ state }) => state.config.debounceInMs, { cancelOn: 'UserAcceptedAQuery' }),
     },
     UserPressedClearHistoryQueries: {
-        clearHistoryQueries
+        clearHistoryQueries,
     },
     UserPressedRemoveHistoryQuery: {
-        removeHistoryQuery
+        removeHistoryQuery,
     },
     UserClickedEnableHistoryQueries: {
-        setHistoryQueriesEnabled
+        setHistoryQueriesEnabled,
     },
     UserClickedConfirmDisableHistoryQueries: {
-        setHistoryQueriesDisabled
+        setHistoryQueriesDisabled,
     },
     UserClickedCloseX: {
-        clearHistoryQueriesQuery
+        clearHistoryQueriesQuery,
     },
     UserClickedOutOfMainModal: {
-        clearHistoryQueriesQuery
+        clearHistoryQueriesQuery,
     },
     SearchResponseChanged: {
-        updateHistoryQueriesWithSearchResponse
+        updateHistoryQueriesWithSearchResponse,
     },
     UserAcceptedAQueryPreview: {
         setHistoryQueriesQueryFromPreview,
-        addQueryToHistoryQueriesFromPreview
-    }
+        addQueryToHistoryQueriesFromPreview,
+    },
 });
 
 export { addQueryToHistoryQueries, addQueryToHistoryQueriesFromPreview, clearHistoryQueries, clearHistoryQueriesQuery, historyQueriesWiring, loadHistoryQueriesFromBrowserStorageWire, refreshHistoryQueriesSession, removeHistoryQuery, setHistoryQueriesDisabled, setHistoryQueriesEnabled, setHistoryQueriesQuery, setHistoryQueriesQueryFromPreview, setSearchSelectedFilters, updateHistoryQueriesWithSearchResponse };

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

@@ -1 +1 @@
-{"version":3,"file":"wiring.js","sources":["../../../../src/x-modules/history-queries/wiring.ts"],"sourcesContent":["import {\n  namespacedWireCommit,\n  namespacedWireDispatch,\n  namespacedWireDispatchWithoutPayload\n} from '../../wiring/namespaced-wires.factory';\nimport { namespacedDebounce } from '../../wiring/namespaced-wires.operators';\nimport { NamespacedWireCommit, NamespacedWireDispatch } from '../../wiring/namespaced-wiring.types';\nimport { createWiring } from '../../wiring/wiring.utils';\n\n/**\n * `historyQueries` {@link XModuleName | XModule name}.\n *\n * @internal\n */\nconst moduleName = 'historyQueries';\n/**\n * WireCommit for {@link HistoryQueriesXModule}.\n *\n * @internal\n */\nconst wireCommit: NamespacedWireCommit<typeof moduleName> = namespacedWireCommit(moduleName);\n/**\n * WireDispatch for {@link HistoryQueriesXModule}.\n *\n * @internal\n */\nconst wireDispatch: NamespacedWireDispatch<typeof moduleName> = namespacedWireDispatch(moduleName);\n/**\n * WireDispatchWithoutPayload for {@link HistoryQueriesXModule}.\n *\n * @internal\n */\nconst wireDispatchWithoutPayload = namespacedWireDispatchWithoutPayload(moduleName);\n\n/**\n * Saves a new query into the history queries.\n *\n * @public\n */\nexport const addQueryToHistoryQueries = wireDispatch('addQueryToHistory');\n\n/**\n * Saves the selectedQueryPreview query into the history queries.\n *\n * @public\n */\nexport const addQueryToHistoryQueriesFromPreview = wireDispatch(\n  'addQueryToHistory',\n  ({ eventPayload: { query } }) => query\n);\n\n/**\n * Sets the query of the history queries module. Used for searching into the history queries.\n *\n * @public\n */\nexport const setHistoryQueriesQuery = wireCommit('setQuery');\n\n/**\n * Sets the query of the history queries module from a selectedQueryPreview's query.\n * Used for searching into the history queries.\n *\n * @public\n */\nexport const setHistoryQueriesQueryFromPreview = wireCommit(\n  'setQuery',\n  ({ eventPayload: { query } }) => query\n);\n\n/**\n * Sets the history queries state `query` from url.\n *\n * @public\n */\nconst setUrlParams = wireDispatch('setUrlParams');\n\n/**\n * Sets the query of the history queries module to an empty string.\n *\n * @public\n */\nexport const clearHistoryQueriesQuery = wireCommit('setQuery', '');\n\n/**\n * Triggers a session refresh, extending its validity for the time configured in the\n * {@link HistoryQueriesConfig.sessionTTLInMs}.\n *\n * @public\n */\nexport const refreshHistoryQueriesSession = wireDispatchWithoutPayload('refreshSession');\n\n/**\n * Loads the history queries from the browser storage, saving them to the\n * {@link HistoryQueriesState.historyQueries}.\n *\n * @public\n */\nexport const loadHistoryQueriesFromBrowserStorageWire = wireDispatchWithoutPayload(\n  'loadHistoryQueriesFromBrowserStorage'\n);\n\n/**\n * Clears the history queries.\n *\n * @public\n */\nexport const clearHistoryQueries = wireDispatch('setHistoryQueries', []);\n\n/**\n * Removes a single history query from the history queries.\n *\n * @public\n */\nexport const removeHistoryQuery = wireDispatch('removeFromHistory');\n\n/**\n * Enables history queries.\n *\n * @public\n */\nexport const setHistoryQueriesEnabled = wireDispatch('toggleHistoryQueries', true);\n\n/**\n * Disables history queries.\n *\n * @public\n */\nexport const setHistoryQueriesDisabled = wireDispatch('toggleHistoryQueries', false);\n\n/**\n * Updates the history queries with the relevant info included in a search response.\n *\n * @public\n */\nexport const updateHistoryQueriesWithSearchResponse = wireDispatch(\n  'updateHistoryQueriesWithSearchResponse'\n);\n\n/**\n * Sets the history queries state `filters` with a selectedHistoryQuery's filters.\n *\n * @public\n */\nexport const setSearchSelectedFilters = wireCommit(\n  'setSearchSelectedFilters',\n  ({ eventPayload: { filters } }) => filters\n);\n/**\n * Debounce function for the module.\n */\nconst moduleDebounce = namespacedDebounce(moduleName);\n\n/**\n * Default wiring for the {@link HistoryQueries} module.\n *\n * @internal\n */\nexport const historyQueriesWiring = createWiring({\n  ParamsLoadedFromUrl: {\n    setUrlParams\n  },\n  HistoryQueriesQueryChanged: {\n    refreshHistoryQueriesSession\n  },\n  HistoryQueriesStorageKeyChanged: {\n    loadHistoryQueriesFromBrowserStorageWire\n  },\n  UserClearedQuery: {\n    clearHistoryQueriesQuery\n  },\n  UserAcceptedAQuery: {\n    setHistoryQueriesQuery,\n    addQueryToHistoryQueries\n  },\n  UserSelectedAHistoryQuery: {\n    setSearchSelectedFilters\n  },\n  UserIsTypingAQuery: {\n    setHistoryQueriesQueryDebounce: moduleDebounce(\n      setHistoryQueriesQuery,\n      ({ state }) => state.config.debounceInMs,\n      { cancelOn: 'UserAcceptedAQuery' }\n    )\n  },\n  UserPressedClearHistoryQueries: {\n    clearHistoryQueries\n  },\n  UserPressedRemoveHistoryQuery: {\n    removeHistoryQuery\n  },\n  UserClickedEnableHistoryQueries: {\n    setHistoryQueriesEnabled\n  },\n  UserClickedConfirmDisableHistoryQueries: {\n    setHistoryQueriesDisabled\n  },\n  UserClickedCloseX: {\n    clearHistoryQueriesQuery\n  },\n  UserClickedOutOfMainModal: {\n    clearHistoryQueriesQuery\n  },\n  SearchResponseChanged: {\n    updateHistoryQueriesWithSearchResponse\n  },\n  UserAcceptedAQueryPreview: {\n    setHistoryQueriesQueryFromPreview,\n    addQueryToHistoryQueriesFromPreview\n  }\n});\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"wiring.js","sources":["../../../../src/x-modules/history-queries/wiring.ts"],"sourcesContent":["import type {\n  NamespacedWireCommit,\n  NamespacedWireDispatch,\n} from '../../wiring/namespaced-wiring.types'\nimport {\n  namespacedWireCommit,\n  namespacedWireDispatch,\n  namespacedWireDispatchWithoutPayload,\n} from '../../wiring/namespaced-wires.factory'\nimport { namespacedDebounce } from '../../wiring/namespaced-wires.operators'\nimport { createWiring } from '../../wiring/wiring.utils'\n\n/**\n * `historyQueries` {@link XModuleName | XModule name}.\n *\n * @internal\n */\nconst moduleName = 'historyQueries'\n/**\n * WireCommit for {@link HistoryQueriesXModule}.\n *\n * @internal\n */\nconst wireCommit: NamespacedWireCommit<typeof moduleName> = namespacedWireCommit(moduleName)\n/**\n * WireDispatch for {@link HistoryQueriesXModule}.\n *\n * @internal\n */\nconst wireDispatch: NamespacedWireDispatch<typeof moduleName> = namespacedWireDispatch(moduleName)\n/**\n * WireDispatchWithoutPayload for {@link HistoryQueriesXModule}.\n *\n * @internal\n */\nconst wireDispatchWithoutPayload = namespacedWireDispatchWithoutPayload(moduleName)\n\n/**\n * Saves a new query into the history queries.\n *\n * @public\n */\nexport const addQueryToHistoryQueries = wireDispatch('addQueryToHistory')\n\n/**\n * Saves the selectedQueryPreview query into the history queries.\n *\n * @public\n */\nexport const addQueryToHistoryQueriesFromPreview = wireDispatch(\n  'addQueryToHistory',\n  ({ eventPayload: { query } }) => query,\n)\n\n/**\n * Sets the query of the history queries module. Used for searching into the history queries.\n *\n * @public\n */\nexport const setHistoryQueriesQuery = wireCommit('setQuery')\n\n/**\n * Sets the query of the history queries module from a selectedQueryPreview's query.\n * Used for searching into the history queries.\n *\n * @public\n */\nexport const setHistoryQueriesQueryFromPreview = wireCommit(\n  'setQuery',\n  ({ eventPayload: { query } }) => query,\n)\n\n/**\n * Sets the history queries state `query` from url.\n *\n * @public\n */\nconst setUrlParams = wireDispatch('setUrlParams')\n\n/**\n * Sets the query of the history queries module to an empty string.\n *\n * @public\n */\nexport const clearHistoryQueriesQuery = wireCommit('setQuery', '')\n\n/**\n * Triggers a session refresh, extending its validity for the time configured in the\n * {@link HistoryQueriesConfig.sessionTTLInMs}.\n *\n * @public\n */\nexport const refreshHistoryQueriesSession = wireDispatchWithoutPayload('refreshSession')\n\n/**\n * Loads the history queries from the browser storage, saving them to the\n * {@link HistoryQueriesState.historyQueries}.\n *\n * @public\n */\nexport const loadHistoryQueriesFromBrowserStorageWire = wireDispatchWithoutPayload(\n  'loadHistoryQueriesFromBrowserStorage',\n)\n\n/**\n * Clears the history queries.\n *\n * @public\n */\nexport const clearHistoryQueries = wireDispatch('setHistoryQueries', [])\n\n/**\n * Removes a single history query from the history queries.\n *\n * @public\n */\nexport const removeHistoryQuery = wireDispatch('removeFromHistory')\n\n/**\n * Enables history queries.\n *\n * @public\n */\nexport const setHistoryQueriesEnabled = wireDispatch('toggleHistoryQueries', true)\n\n/**\n * Disables history queries.\n *\n * @public\n */\nexport const setHistoryQueriesDisabled = wireDispatch('toggleHistoryQueries', false)\n\n/**\n * Updates the history queries with the relevant info included in a search response.\n *\n * @public\n */\nexport const updateHistoryQueriesWithSearchResponse = wireDispatch(\n  'updateHistoryQueriesWithSearchResponse',\n)\n\n/**\n * Sets the history queries state `filters` with a selectedHistoryQuery's filters.\n *\n * @public\n */\nexport const setSearchSelectedFilters = wireCommit(\n  'setSearchSelectedFilters',\n  ({ eventPayload: { filters } }) => filters,\n)\n/**\n * Debounce function for the module.\n */\nconst moduleDebounce = namespacedDebounce(moduleName)\n\n/**\n * Default wiring for the {@link HistoryQueries} module.\n *\n * @internal\n */\nexport const historyQueriesWiring = createWiring({\n  ParamsLoadedFromUrl: {\n    setUrlParams,\n  },\n  HistoryQueriesQueryChanged: {\n    refreshHistoryQueriesSession,\n  },\n  HistoryQueriesStorageKeyChanged: {\n    loadHistoryQueriesFromBrowserStorageWire,\n  },\n  UserClearedQuery: {\n    clearHistoryQueriesQuery,\n  },\n  UserAcceptedAQuery: {\n    setHistoryQueriesQuery,\n    addQueryToHistoryQueries,\n  },\n  UserSelectedAHistoryQuery: {\n    setSearchSelectedFilters,\n  },\n  UserIsTypingAQuery: {\n    setHistoryQueriesQueryDebounce: moduleDebounce(\n      setHistoryQueriesQuery,\n      ({ state }) => state.config.debounceInMs,\n      { cancelOn: 'UserAcceptedAQuery' },\n    ),\n  },\n  UserPressedClearHistoryQueries: {\n    clearHistoryQueries,\n  },\n  UserPressedRemoveHistoryQuery: {\n    removeHistoryQuery,\n  },\n  UserClickedEnableHistoryQueries: {\n    setHistoryQueriesEnabled,\n  },\n  UserClickedConfirmDisableHistoryQueries: {\n    setHistoryQueriesDisabled,\n  },\n  UserClickedCloseX: {\n    clearHistoryQueriesQuery,\n  },\n  UserClickedOutOfMainModal: {\n    clearHistoryQueriesQuery,\n  },\n  SearchResponseChanged: {\n    updateHistoryQueriesWithSearchResponse,\n  },\n  UserAcceptedAQueryPreview: {\n    setHistoryQueriesQueryFromPreview,\n    addQueryToHistoryQueriesFromPreview,\n  },\n})\n"],"names":[],"mappings":"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"}

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 { ComputedRef, 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', ['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","_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,10 +20,10 @@ var _sfc_main = defineComponent({
          */
         result: {
             type: Object,
-            required: true
-        }
+            required: true,
+        },
     },
-    setup: function (props) {
+    setup(props) {
         /**
          * Query from the module state.
          *
@@ -37,7 +37,7 @@ var _sfc_main = defineComponent({
          * @public
          */
         const identifierHighlightRegexp = useGetter('identifierResults', [
-            'identifierHighlightRegexp'
+            'identifierHighlightRegexp',
         ]).identifierHighlightRegexp;
         /**
          * Highlights the matching part of the identifier result with the query from the state.
@@ -54,9 +54,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 { ComputedRef, 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', ['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":";;;;;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;AACF,QAAA,MAAM,EAAE,KAAM,EAAA,GAAI,QAAQ,CAAC,mBAAmB,EAAE,CAAC,OAAO,CAAC,CAAA,CAAA;AAEzD;;;;;AAKE;AACF,QAAA,MAAM,yBAAyB,GAAwB,SAAS,CAAC,mBAAmB,EAAE;YACpF,2BAA2B;SAC5B,CAAC,CAAC,yBAAwB,CAAA;AAE3B;;;;;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.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;YAMV,WAA6C,EAAA,yBAAA;AAAA,WAAA,EAAA;;;AAZnD,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;;;;;;"}
+{"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', ['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,16 +21,16 @@ 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.
          *
@@ -43,7 +43,7 @@ var _sfc_main = defineComponent({
          * @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', ['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;AACF,QAAA,MAAM,EAAE,iBAAkB,EAAA,GAAI,QAAQ,CAAC,mBAAmB,EAAE,CAAC,mBAAmB,CAAC,CAAA,CAAA;AAEjF;;;;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

@@ -11,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;;;;"}