@empathyco/x-components 5.0.0-alpha.9 → 6.0.0-alpha.2

package/js/plugins/x-plugin.js

@@ -1,12 +1,11 @@
 import { deepMerge } from '@empathyco/x-deep-merge';
 import { forEach } from '@empathyco/x-utils';
-import Vuex, { Store } from 'vuex';
+import { createStore } from 'vuex';
 import { cleanGettersProxyCache } from '../store/utils/getters-proxy.utils.js';
 import { RootXStoreModule } from '../store/x.module.js';
 import { sendWiringToDevtools } from './devtools/wiring.devtools.js';
 import { bus } from './x-bus.js';
 import { registerStoreEmitters } from './x-emitters.js';
-import { createXComponentAPIMixin } from './x-plugin.mixin.js';
 import { assertXPluginOptionsAreValid } from './x-plugin.utils.js';
 
 /**
@@ -131,23 +130,22 @@ class XPlugin {
     /**
      * Installs the plugin into the Vue instance.
      *
-     * @param vue - The GlobalVue object.
+     * @param app - The Vue application instance.
      * @param options - The options to install this plugin with.
      * @throws If the XPlugin has already been installed, or the options are not valid.
      *
      * @internal
      */
-    install(vue, options) {
+    install(app, options) {
         if (this.isInstalled) {
             throw new Error('XPlugin has already been installed');
         }
         assertXPluginOptionsAreValid(options);
         XPlugin.instance = this;
-        this.vue = vue;
+        this.app = app;
         this.options = options;
         this.adapter = options.adapter;
         this.registerStore();
-        this.applyMixins();
         this.registerInitialModules();
         this.registerPendingXModules();
         this.isInstalled = true;
@@ -263,26 +261,10 @@ class XPlugin {
      * @internal
      */
     registerStore() {
-        this.vue.use(Vuex); // We can safely install Vuex because if it is already installed Vue
-        // will simply ignore it
-        this.store =
-            this.options.store ??
-                new Store({
-                    strict: process.env.NODE_ENV !== 'production'
-                });
-        if (!this.options.store) {
-            this.vue.prototype.$store = this.store;
-        }
+        this.store = this.options.store ?? createStore({});
+        this.app.use(this.store);
         this.store.registerModule('x', RootXStoreModule);
     }
-    /**
-     * Applies the {@link createXComponentAPIMixin} mixin in the global Vue.
-     *
-     * @internal
-     */
-    applyMixins() {
-        this.vue.mixin(createXComponentAPIMixin(this.bus));
-    }
     /**
      * Registers the initial {@link XModule | XModules} during the {@link XPlugin} installation.
      *

package/js/plugins/x-plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"x-plugin.js","sources":["../../../src/plugins/x-plugin.ts"],"sourcesContent":["import { deepMerge } from '@empathyco/x-deep-merge';\nimport { forEach, Dictionary } from '@empathyco/x-utils';\nimport { PluginObject, VueConstructor } from 'vue';\nimport Vuex, { Module, Store } from 'vuex';\nimport { XComponentsAdapter } from '@empathyco/x-types';\nimport { EventPayload, SubjectPayload, XBus } from '@empathyco/x-bus';\nimport { Observable } from 'rxjs';\nimport { AnyXStoreModule, RootXStoreState } from '../store/store.types';\nimport { cleanGettersProxyCache } from '../store/utils/getters-proxy.utils';\nimport { RootXStoreModule } from '../store/x.module';\nimport { XEvent, XEventsTypes } from '../wiring/events.types';\nimport { AnyWire, WireMetadata } from '../wiring/wiring.types';\nimport { AnyXModule, XModuleName } from '../x-modules/x-modules.types';\nimport { sendWiringToDevtools } from './devtools/wiring.devtools';\nimport { bus } from './x-bus';\nimport { registerStoreEmitters } from './x-emitters';\nimport { createXComponentAPIMixin } from './x-plugin.mixin';\nimport { AnyXStoreModuleOption, XModuleOptions, XPluginOptions } from './x-plugin.types';\nimport { assertXPluginOptionsAreValid } from './x-plugin.utils';\n\n/**\n * Vue plugin that initializes the properties needed by the x-components, and exposes the events bus\n * and the adapter after it has been installed.\n *\n * @public\n */\nexport class XPlugin implements PluginObject<XPluginOptions> {\n  /**\n   * {@link @empathyco/x-typesm#XComponentsAdapter | XComponentsAdapter} Is the middleware\n   * between the components and our API where data can be mapped to client needs.\n   * This property is only available after installing the plugin.\n   *\n   * @returns The installed adapter.\n   * @throws If this property is accessed before calling `Vue.use(xPlugin)`.\n   * @public\n   */\n  public static get adapter(): XComponentsAdapter {\n    return this.getInstance().adapter;\n  }\n\n  /**\n   * Exposed {@link @empathyco/x-bus#XBus}, so any kind of application can subscribe to\n   * {@link XEventsTypes} without having to pass through a component.\n   * This property is only available after installing the plugin.\n   *\n   * @returns The installed bus.\n   * @throws If this property is accessed before calling `Vue.use(xPlugin)`.\n   * @public\n   */\n  public static get bus(): XBus<XEventsTypes, WireMetadata> {\n    return this.getInstance().bus;\n  }\n\n  /**\n   * {@link https://vuex.vuejs.org | Vuex Store} Is the place where all shared data\n   * is saved.\n   *\n   * @returns The installed store.\n   * @throws If this property is accessed before calling `Vue.use(xPlugin)`.\n   * @public\n   */\n  public static get store(): Store<RootXStoreState> {\n    return this.getInstance().store;\n  }\n\n  /**\n   * Safely retrieves the installed instance of the XPlugin.\n   *\n   * @returns The installed instance of the XPlugin.\n   * @throws If this method is called before calling `Vue.use(xPlugin)`.\n   * @internal\n   */\n  protected static getInstance(): XPlugin {\n    if (!this.instance) {\n      throw Error(\"XPlugin must be installed before accessing it's API.\");\n    }\n    return this.instance;\n  }\n\n  /**\n   * Record of modules that have been tried to be installed before the installation of the plugin.\n   *\n   * @internal\n   */\n  protected static pendingXModules: Partial<Record<XModuleName, AnyXModule>> = {};\n\n  /**\n   * Instance of the installed plugin. Used to expose the bus and the adapter.\n   *\n   * @internal\n   */\n  protected static instance?: XPlugin;\n\n  public wiring: Partial<Record<XModuleName, Partial<Record<XEvent, string[]>>>> = {};\n  /**\n   * Bus for retrieving the observables when registering the wiring.\n   *\n   * @internal\n   */\n  protected bus: XBus<XEventsTypes, WireMetadata>;\n\n  /**\n   * Adapter for the API, responsible for transforming requests and responses.\n   *\n   * @internal\n   */\n  protected adapter!: XComponentsAdapter;\n\n  /**\n   * Set of the already installed {@link XModule | XModules} to avoid re-registering them.\n   *\n   * @internal\n   */\n  protected installedXModules = new Set<string>();\n\n  /**\n   * True if the plugin has been installed in a Vue instance, in this case\n   * {@link XModule |Xmodules} will be installed immediately. False otherwise, in this case\n   * {@link XModule | XModules} will be installed lazily when the {@link XPlugin#install} method\n   * is called.\n   *\n   * @internal\n   */\n  protected isInstalled = false;\n\n  /**\n   * The installation options of the plugin, where all the customization of\n   * {@link XModule | XModules} is done.\n   *\n   * @internal\n   */\n  protected options!: XPluginOptions;\n\n  /**\n   * The Vuex store, to pass to the wires for its registration, and to register the store\n   * modules on it.\n   *\n   * @internal\n   */\n  protected store!: Store<any>;\n  /**\n   * The global Vue, passed by the installation method. Used to apply the global mixin\n   * {@link createXComponentAPIMixin}, and install the {@link https://vuex.vuejs.org/ | Vuex}\n   * plugin.\n   *\n   * @internal\n   */\n  protected vue!: VueConstructor;\n\n  /**\n   * Creates a new instance of the XPlugin with the given bus passed as parameter.\n   *\n   * @param bus - The {@link @empathyco/x-bus#XBus} implementation to use for the plugin.\n   *\n   * @public\n   */\n  public constructor(bus: XBus<XEventsTypes, WireMetadata>) {\n    this.bus = bus;\n  }\n\n  /**\n   * If the plugin has already been installed, it immediately registers a {@link XModule}. If it\n   * has not been installed yet, it stores the module in a list until the plugin is installed.\n   *\n   * @param xModule - The module to register.\n   *\n   * @public\n   */\n  static registerXModule(xModule: AnyXModule): void {\n    if (this.instance) {\n      this.instance.registerXModule(xModule);\n    } else {\n      this.lazyRegisterXModule(xModule);\n    }\n  }\n\n  /**\n   * Utility method for resetting the installed instance of the plugin.\n   *\n   * @remarks Use only for testing.\n   *\n   * @internal\n   */\n  static resetInstance(): void {\n    cleanGettersProxyCache();\n    this.instance = undefined;\n  }\n\n  /**\n   * Stores the {@link XModule} in a dictionary, so it can be registered later in the installation\n   * process.\n   *\n   * @param xModule - The module to register.\n   *\n   * @internal\n   */\n  protected static lazyRegisterXModule(xModule: AnyXModule): void {\n    this.pendingXModules[xModule.name] = xModule;\n  }\n\n  /**\n   * Installs the plugin into the Vue instance.\n   *\n   * @param vue - The GlobalVue object.\n   * @param options - The options to install this plugin with.\n   * @throws If the XPlugin has already been installed, or the options are not valid.\n   *\n   * @internal\n   */\n  install(vue: VueConstructor, options?: XPluginOptions): void {\n    if (this.isInstalled) {\n      throw new Error('XPlugin has already been installed');\n    }\n    assertXPluginOptionsAreValid(options);\n    XPlugin.instance = this;\n    this.vue = vue;\n    this.options = options;\n    this.adapter = options.adapter;\n    this.registerStore();\n    this.applyMixins();\n    this.registerInitialModules();\n    this.registerPendingXModules();\n    this.isInstalled = true;\n  }\n\n  /**\n   * Performs the registration of a {@link XModule}.\n   *\n   * @param xModule - The module to register.\n   *\n   * @internal\n   */\n  protected registerXModule(xModule: AnyXModule): void {\n    if (!this.installedXModules.has(xModule.name)) {\n      const customizedXModule = this.customizeXModule(xModule);\n      this.registerStoreModule(customizedXModule);\n      this.registerStoreEmitters(customizedXModule);\n      this.registerWiring(customizedXModule);\n      // The wiring must be registered after the store emitters\n      // to allow lazy loaded modules work properly.\n      this.installedXModules.add(xModule.name);\n      this.bus.emit('ModuleRegistered', xModule.name);\n    }\n  }\n\n  /**\n   * Performs a customization of a {@link XModule} using the XPlugin public and private options.\n   *\n   * @param xModule - The module to customize.\n   * @returns The customized xModule.\n   *\n   * @internal\n   */\n  protected customizeXModule({\n    name,\n    wiring,\n    storeModule,\n    storeEmitters,\n    ...restXModule\n  }: AnyXModule): AnyXModule {\n    const { wiring: wiringOptions, config }: XModuleOptions<XModuleName> =\n      this.options.xModules?.[name] ?? {};\n\n    const { storeModule: storeModuleOptions, storeEmitters: emittersOptions } =\n      this.options.__PRIVATE__xModules?.[name] ?? {};\n\n    return {\n      name,\n      wiring: wiringOptions ? deepMerge({}, wiring, wiringOptions) : wiring,\n      storeModule: this.customizeStoreModule(storeModule, storeModuleOptions ?? {}, config),\n      storeEmitters: emittersOptions\n        ? deepMerge({}, storeEmitters, emittersOptions)\n        : storeEmitters,\n      ...restXModule\n    };\n  }\n\n  /**\n   * Performs the registration of the wiring, retrieving the observable for each event, and\n   * executing each wire.\n   *\n   * @param xModule - The {@link XModule} to register its wiring.\n   *\n   * @internal\n   */\n  protected registerWiring({ wiring, name }: AnyXModule): void {\n    sendWiringToDevtools(name, wiring);\n    forEach(wiring, (event, wires: Dictionary<AnyWire>) => {\n      // Obtain the observable\n      const observable = this.bus.on(event, true) as unknown as Observable<\n        SubjectPayload<EventPayload<XEventsTypes, typeof event>, WireMetadata>\n      >;\n      // Register event wires\n      forEach(wires, (_, wire) => {\n        wire(observable, this.store as Store<RootXStoreState>, this.bus.on.bind(this.bus));\n      });\n    });\n  }\n\n  /**\n   * Registers a {@link https://vuex.vuejs.org/ | Vuex} store module under the 'x' module.\n   *\n   * @param xModule - The {@link XModule} to register its Store Module.\n   *\n   * @internal\n   */\n  protected registerStoreModule({ name, storeModule }: AnyXModule): void {\n    (storeModule as Module<any, any>).namespaced = true;\n    this.store.registerModule(['x', name], storeModule);\n  }\n\n  /**\n   * Overrides a {@link https://vuex.vuejs.org/ | Vuex} store module definition.\n   *\n   * Priority of configuration merging.\n   * 1st {@link XPluginOptions.xModules | xModules XPlugin option}.\n   * 2nd {@link XPluginOptions.__PRIVATE__xModules | Private xModules XPlugin option}.\n   * 3rd {@link XStoreModule.state | Default state of the xModule}.\n   *\n   * @param defaultModule - The default store module to override.\n   * @param moduleOptions - The state, actions, mutations and getters to override the defaultModule.\n   * @param configOptions - The state config to override the moduleOptions.\n   * @returns The {@link XStoreModule} customized.\n   *\n   * @internal\n   */\n  protected customizeStoreModule(\n    { state: defaultState, ...actionsGettersMutations }: AnyXStoreModule,\n    { state: xModuleState, ...newActionsGettersMutations }: AnyXStoreModuleOption,\n    configOptions: unknown\n  ): AnyXStoreModule {\n    const configOptionsObject = configOptions ? { config: configOptions } : {};\n    const customizedModule = deepMerge({}, actionsGettersMutations, newActionsGettersMutations);\n    customizedModule.state = deepMerge(defaultState(), xModuleState, configOptionsObject);\n    return customizedModule;\n  }\n\n  /**\n   * Registers the store emitters, making them emit the event when the part of the state selected\n   * changes.\n   *\n   * @param xModule - The {@link XModule} to register its Store Emitters.\n   *\n   * @internal\n   */\n  protected registerStoreEmitters(xModule: AnyXModule): void {\n    registerStoreEmitters(xModule, this.bus, this.store);\n  }\n\n  /**\n   * Registers the {@link https://vuex.vuejs.org/ | Vuex} store. If the store has not been passed\n   * through the {@link XPluginOptions} object, it creates one, and injects it in the Vue\n   * prototype. Then it registers an x module in the store, to safe scope all the\n   * {@link XModule | XModules} dynamically installed.\n   *\n   * @internal\n   */\n  protected registerStore(): void {\n    this.vue.use(Vuex); // We can safely install Vuex because if it is already installed Vue\n    // will simply ignore it\n    this.store =\n      this.options.store ??\n      new Store({\n        strict: process.env.NODE_ENV !== 'production'\n      });\n    if (!this.options.store) {\n      this.vue.prototype.$store = this.store;\n    }\n    this.store.registerModule('x', RootXStoreModule);\n  }\n\n  /**\n   * Applies the {@link createXComponentAPIMixin} mixin in the global Vue.\n   *\n   * @internal\n   */\n  protected applyMixins(): void {\n    this.vue.mixin(createXComponentAPIMixin(this.bus));\n  }\n\n  /**\n   * Registers the initial {@link XModule | XModules} during the {@link XPlugin} installation.\n   *\n   * @internal\n   */\n  protected registerInitialModules(): void {\n    this.options.initialXModules?.forEach(xModule => {\n      this.registerXModule(xModule);\n    });\n  }\n\n  /**\n   * Registers the pending {@link XModule | XModules}, that requested to be registered before the\n   * installation of the plugin.\n   *\n   * @internal\n   */\n  protected registerPendingXModules(): void {\n    forEach(XPlugin.pendingXModules, (_, xModule) => {\n      this.registerXModule(xModule);\n    });\n    XPlugin.pendingXModules = {};\n  }\n}\n\n/**\n * Vue plugin that modifies each component instance, extending them with the\n * {@link XComponentAPI | X Component API }.\n *\n * @example\n * Minimal installation example. An API adapter is needed to connect the X Components with the\n * suggestions, search, or tagging APIs. In this example we are using the default Empathy's platform\n * adapter.\n *\n * ```typescript\n *  import { platformAdapter } from '@empathyco/x-adapter-platform';\n *  Vue.use(xPlugin, { adapter: platformAdapter });\n * ```\n *\n * @example\n * If you are using {@link https://vuex.vuejs.org/ | Vuex} in your project you must install its\n *   plugin, and instantiate a store before installing the XPlugin:\n * ```typescript\n * Vue.use(Vuex);\n * const store = new Store({ ... });\n * Vue.use(xPlugin, { adapter, store });\n * ```\n * @public\n */\nexport const xPlugin = new XPlugin(bus);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"x-plugin.js","sources":["../../../src/plugins/x-plugin.ts"],"sourcesContent":["import { deepMerge } from '@empathyco/x-deep-merge';\nimport { forEach, Dictionary } from '@empathyco/x-utils';\nimport { App } from 'vue';\nimport { createStore, Module, Store } from 'vuex';\nimport { XComponentsAdapter } from '@empathyco/x-types';\nimport { EventPayload, SubjectPayload, XBus } from '@empathyco/x-bus';\nimport { Observable } from 'rxjs';\nimport { AnyXStoreModule, RootXStoreState } from '../store/store.types';\nimport { cleanGettersProxyCache } from '../store/utils/getters-proxy.utils';\nimport { RootXStoreModule } from '../store/x.module';\nimport { XEvent, XEventsTypes } from '../wiring/events.types';\nimport { AnyWire, WireMetadata } from '../wiring/wiring.types';\nimport { AnyXModule, XModuleName } from '../x-modules/x-modules.types';\nimport { sendWiringToDevtools } from './devtools/wiring.devtools';\nimport { bus } from './x-bus';\nimport { registerStoreEmitters } from './x-emitters';\nimport { AnyXStoreModuleOption, XModuleOptions, XPluginOptions } from './x-plugin.types';\nimport { assertXPluginOptionsAreValid } from './x-plugin.utils';\n\n/**\n * Vue plugin that initializes the properties needed by the x-components, and exposes the events bus\n * and the adapter after it has been installed.\n *\n * @public\n */\nexport class XPlugin {\n  /**\n   * {@link @empathyco/x-typesm#XComponentsAdapter | XComponentsAdapter} Is the middleware\n   * between the components and our API where data can be mapped to client needs.\n   * This property is only available after installing the plugin.\n   *\n   * @returns The installed adapter.\n   * @throws If this property is accessed before calling `Vue.use(xPlugin)`.\n   * @public\n   */\n  public static get adapter(): XComponentsAdapter {\n    return this.getInstance().adapter;\n  }\n\n  /**\n   * Exposed {@link @empathyco/x-bus#XBus}, so any kind of application can subscribe to\n   * {@link XEventsTypes} without having to pass through a component.\n   * This property is only available after installing the plugin.\n   *\n   * @returns The installed bus.\n   * @throws If this property is accessed before calling `Vue.use(xPlugin)`.\n   * @public\n   */\n  public static get bus(): XBus<XEventsTypes, WireMetadata> {\n    return this.getInstance().bus;\n  }\n\n  /**\n   * {@link https://vuex.vuejs.org | Vuex Store} Is the place where all shared data\n   * is saved.\n   *\n   * @returns The installed store.\n   * @throws If this property is accessed before calling `Vue.use(xPlugin)`.\n   * @public\n   */\n  public static get store(): Store<RootXStoreState> {\n    return this.getInstance().store;\n  }\n\n  /**\n   * Safely retrieves the installed instance of the XPlugin.\n   *\n   * @returns The installed instance of the XPlugin.\n   * @throws If this method is called before calling `Vue.use(xPlugin)`.\n   * @internal\n   */\n  protected static getInstance(): XPlugin {\n    if (!this.instance) {\n      throw Error(\"XPlugin must be installed before accessing it's API.\");\n    }\n    return this.instance;\n  }\n\n  /**\n   * Record of modules that have been tried to be installed before the installation of the plugin.\n   *\n   * @internal\n   */\n  protected static pendingXModules: Partial<Record<XModuleName, AnyXModule>> = {};\n\n  /**\n   * Instance of the installed plugin. Used to expose the bus and the adapter.\n   *\n   * @internal\n   */\n  protected static instance?: XPlugin;\n\n  public wiring: Partial<Record<XModuleName, Partial<Record<XEvent, string[]>>>> = {};\n  /**\n   * Bus for retrieving the observables when registering the wiring.\n   *\n   * @internal\n   */\n  protected bus: XBus<XEventsTypes, WireMetadata>;\n\n  /**\n   * Adapter for the API, responsible for transforming requests and responses.\n   *\n   * @internal\n   */\n  protected adapter!: XComponentsAdapter;\n\n  /**\n   * Set of the already installed {@link XModule | XModules} to avoid re-registering them.\n   *\n   * @internal\n   */\n  protected installedXModules = new Set<string>();\n\n  /**\n   * True if the plugin has been installed in a Vue instance, in this case\n   * {@link XModule |Xmodules} will be installed immediately. False otherwise, in this case\n   * {@link XModule | XModules} will be installed lazily when the {@link XPlugin#install} method\n   * is called.\n   *\n   * @internal\n   */\n  protected isInstalled = false;\n\n  /**\n   * The installation options of the plugin, where all the customization of\n   * {@link XModule | XModules} is done.\n   *\n   * @internal\n   */\n  protected options!: XPluginOptions;\n\n  /**\n   * The Vuex store, to pass to the wires for its registration, and to register the store\n   * modules on it.\n   *\n   * @internal\n   */\n  protected store!: Store<any>;\n\n  /**\n   * The Vue application instance, passed by the installation method.\n   *\n   * @internal\n   */\n  protected app!: App;\n\n  /**\n   * Creates a new instance of the XPlugin with the given bus passed as parameter.\n   *\n   * @param bus - The {@link @empathyco/x-bus#XBus} implementation to use for the plugin.\n   *\n   * @public\n   */\n  public constructor(bus: XBus<XEventsTypes, WireMetadata>) {\n    this.bus = bus;\n  }\n\n  /**\n   * If the plugin has already been installed, it immediately registers a {@link XModule}. If it\n   * has not been installed yet, it stores the module in a list until the plugin is installed.\n   *\n   * @param xModule - The module to register.\n   *\n   * @public\n   */\n  static registerXModule(xModule: AnyXModule): void {\n    if (this.instance) {\n      this.instance.registerXModule(xModule);\n    } else {\n      this.lazyRegisterXModule(xModule);\n    }\n  }\n\n  /**\n   * Utility method for resetting the installed instance of the plugin.\n   *\n   * @remarks Use only for testing.\n   *\n   * @internal\n   */\n  static resetInstance(): void {\n    cleanGettersProxyCache();\n    this.instance = undefined;\n  }\n\n  /**\n   * Stores the {@link XModule} in a dictionary, so it can be registered later in the installation\n   * process.\n   *\n   * @param xModule - The module to register.\n   *\n   * @internal\n   */\n  protected static lazyRegisterXModule(xModule: AnyXModule): void {\n    this.pendingXModules[xModule.name] = xModule;\n  }\n\n  /**\n   * Installs the plugin into the Vue instance.\n   *\n   * @param app - The Vue application instance.\n   * @param options - The options to install this plugin with.\n   * @throws If the XPlugin has already been installed, or the options are not valid.\n   *\n   * @internal\n   */\n  install(app: App, options?: XPluginOptions): void {\n    if (this.isInstalled) {\n      throw new Error('XPlugin has already been installed');\n    }\n    assertXPluginOptionsAreValid(options);\n    XPlugin.instance = this;\n    this.app = app;\n    this.options = options;\n    this.adapter = options.adapter;\n    this.registerStore();\n    this.registerInitialModules();\n    this.registerPendingXModules();\n    this.isInstalled = true;\n  }\n\n  /**\n   * Performs the registration of a {@link XModule}.\n   *\n   * @param xModule - The module to register.\n   *\n   * @internal\n   */\n  protected registerXModule(xModule: AnyXModule): void {\n    if (!this.installedXModules.has(xModule.name)) {\n      const customizedXModule = this.customizeXModule(xModule);\n      this.registerStoreModule(customizedXModule);\n      this.registerStoreEmitters(customizedXModule);\n      this.registerWiring(customizedXModule);\n      // The wiring must be registered after the store emitters\n      // to allow lazy loaded modules work properly.\n      this.installedXModules.add(xModule.name);\n      this.bus.emit('ModuleRegistered', xModule.name);\n    }\n  }\n\n  /**\n   * Performs a customization of a {@link XModule} using the XPlugin public and private options.\n   *\n   * @param xModule - The module to customize.\n   * @returns The customized xModule.\n   *\n   * @internal\n   */\n  protected customizeXModule({\n    name,\n    wiring,\n    storeModule,\n    storeEmitters,\n    ...restXModule\n  }: AnyXModule): AnyXModule {\n    const { wiring: wiringOptions, config }: XModuleOptions<XModuleName> =\n      this.options.xModules?.[name] ?? {};\n\n    const { storeModule: storeModuleOptions, storeEmitters: emittersOptions } =\n      this.options.__PRIVATE__xModules?.[name] ?? {};\n\n    return {\n      name,\n      wiring: wiringOptions ? deepMerge({}, wiring, wiringOptions) : wiring,\n      storeModule: this.customizeStoreModule(storeModule, storeModuleOptions ?? {}, config),\n      storeEmitters: emittersOptions\n        ? deepMerge({}, storeEmitters, emittersOptions)\n        : storeEmitters,\n      ...restXModule\n    };\n  }\n\n  /**\n   * Performs the registration of the wiring, retrieving the observable for each event, and\n   * executing each wire.\n   *\n   * @param xModule - The {@link XModule} to register its wiring.\n   *\n   * @internal\n   */\n  protected registerWiring({ wiring, name }: AnyXModule): void {\n    sendWiringToDevtools(name, wiring);\n    forEach(wiring, (event, wires: Dictionary<AnyWire>) => {\n      // Obtain the observable\n      const observable = this.bus.on(event, true) as unknown as Observable<\n        SubjectPayload<EventPayload<XEventsTypes, typeof event>, WireMetadata>\n      >;\n      // Register event wires\n      forEach(wires, (_, wire) => {\n        wire(observable, this.store as Store<RootXStoreState>, this.bus.on.bind(this.bus));\n      });\n    });\n  }\n\n  /**\n   * Registers a {@link https://vuex.vuejs.org/ | Vuex} store module under the 'x' module.\n   *\n   * @param xModule - The {@link XModule} to register its Store Module.\n   *\n   * @internal\n   */\n  protected registerStoreModule({ name, storeModule }: AnyXModule): void {\n    (storeModule as Module<any, any>).namespaced = true;\n    this.store.registerModule(['x', name], storeModule);\n  }\n\n  /**\n   * Overrides a {@link https://vuex.vuejs.org/ | Vuex} store module definition.\n   *\n   * Priority of configuration merging.\n   * 1st {@link XPluginOptions.xModules | xModules XPlugin option}.\n   * 2nd {@link XPluginOptions.__PRIVATE__xModules | Private xModules XPlugin option}.\n   * 3rd {@link XStoreModule.state | Default state of the xModule}.\n   *\n   * @param defaultModule - The default store module to override.\n   * @param moduleOptions - The state, actions, mutations and getters to override the defaultModule.\n   * @param configOptions - The state config to override the moduleOptions.\n   * @returns The {@link XStoreModule} customized.\n   *\n   * @internal\n   */\n  protected customizeStoreModule(\n    { state: defaultState, ...actionsGettersMutations }: AnyXStoreModule,\n    { state: xModuleState, ...newActionsGettersMutations }: AnyXStoreModuleOption,\n    configOptions: unknown\n  ): AnyXStoreModule {\n    const configOptionsObject = configOptions ? { config: configOptions } : {};\n    const customizedModule = deepMerge({}, actionsGettersMutations, newActionsGettersMutations);\n    customizedModule.state = deepMerge(defaultState(), xModuleState, configOptionsObject);\n    return customizedModule;\n  }\n\n  /**\n   * Registers the store emitters, making them emit the event when the part of the state selected\n   * changes.\n   *\n   * @param xModule - The {@link XModule} to register its Store Emitters.\n   *\n   * @internal\n   */\n  protected registerStoreEmitters(xModule: AnyXModule): void {\n    registerStoreEmitters(xModule, this.bus, this.store);\n  }\n\n  /**\n   * Registers the {@link https://vuex.vuejs.org/ | Vuex} store. If the store has not been passed\n   * through the {@link XPluginOptions} object, it creates one, and injects it in the Vue\n   * prototype. Then it registers an x module in the store, to safe scope all the\n   * {@link XModule | XModules} dynamically installed.\n   *\n   * @internal\n   */\n  protected registerStore(): void {\n    this.store = this.options.store ?? createStore({});\n    this.app.use(this.store);\n    this.store.registerModule('x', RootXStoreModule);\n  }\n  /**\n   * Registers the initial {@link XModule | XModules} during the {@link XPlugin} installation.\n   *\n   * @internal\n   */\n  protected registerInitialModules(): void {\n    this.options.initialXModules?.forEach(xModule => {\n      this.registerXModule(xModule);\n    });\n  }\n\n  /**\n   * Registers the pending {@link XModule | XModules}, that requested to be registered before the\n   * installation of the plugin.\n   *\n   * @internal\n   */\n  protected registerPendingXModules(): void {\n    forEach(XPlugin.pendingXModules, (_, xModule) => {\n      this.registerXModule(xModule);\n    });\n    XPlugin.pendingXModules = {};\n  }\n}\n\n/**\n * Vue plugin that modifies each component instance, extending them with the\n * {@link XComponentAPI | X Component API }.\n *\n * @example\n * Minimal installation example. An API adapter is needed to connect the X Components with the\n * suggestions, search, or tagging APIs. In this example we are using the default Empathy's platform\n * adapter.\n *\n * ```typescript\n *  import { platformAdapter } from '@empathyco/x-adapter-platform';\n *  Vue.use(xPlugin, { adapter: platformAdapter });\n * ```\n *\n * @example\n * If you are using {@link https://vuex.vuejs.org/ | Vuex} in your project you must install its\n *   plugin, and instantiate a store before installing the XPlugin:\n * ```typescript\n * Vue.use(Vuex);\n * const store = new Store({ ... });\n * Vue.use(xPlugin, { adapter, store });\n * ```\n * @public\n */\nexport const xPlugin = new XPlugin(bus);\n"],"names":[],"mappings":"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"}

package/js/services/directional-focus-navigation.service.js

@@ -1,4 +1,5 @@
 import { FOCUSABLE_SELECTORS } from '../utils/focus.js';
+import { getActiveElement } from '../utils/html.js';
 
 /**
  * Implementation of {@link SpatialNavigation} using directional focus.
@@ -91,9 +92,11 @@ class DirectionalFocusNavigationService {
      * SHIFT+TAB keys.
      */
     updateOrigin() {
-        const newOrigin = document.activeElement;
-        this.origin = newOrigin;
-        this.originRect = newOrigin.getBoundingClientRect();
+        const newOrigin = getActiveElement();
+        if (newOrigin) {
+            this.origin = newOrigin;
+            this.originRect = newOrigin.getBoundingClientRect();
+        }
     }
     /**
      * Finds the closest candidate to the origin from a list of candidates.

package/js/services/directional-focus-navigation.service.js.map

@@ -1 +1 @@
-{"version":3,"file":"directional-focus-navigation.service.js","sources":["../../../src/services/directional-focus-navigation.service.ts"],"sourcesContent":["import { FOCUSABLE_SELECTORS } from '../utils/focus';\nimport { ArrowKey } from '../utils/types';\nimport {\n  AbsoluteDistances,\n  Intersection,\n  Point,\n  Points,\n  SpatialNavigation\n} from './services.types';\n\n/**\n * Implementation of {@link SpatialNavigation} using directional focus.\n *\n * @public\n */\nexport class DirectionalFocusNavigationService implements SpatialNavigation {\n  /**\n   * The HTMLElement that is currently on focus and used as reference to navigateTo from.\n   */\n  private origin!: HTMLElement;\n\n  /**\n   * The DOMRect of the origin Element.\n   */\n  private originRect!: DOMRect;\n\n  /**\n   * Direction of the navigation.\n   */\n  private direction!: ArrowKey;\n\n  /**\n   * Weight of the projected intersection area weight in the\n   * {@link DirectionalFocusNavigationService.getDistanceScore | getDistanceScore} formula.\n   */\n  private readonly intersectionAreaWeight = 100;\n\n  /**\n   * Weight of the absolute distance on the orthogonal axis between to elements when navigating\n   * left or right. Used to calculate the displacement in\n   * {@link DirectionalFocusNavigationService.getDisplacementAndAlignment |\n   * getDisplacementAndAlignment}.\n   */\n  private readonly orthogonalWeightHorizontal = 30;\n\n  /**\n   * Weight of the absolute distance on the orthogonal axis between to elements when navigating\n   * up or down. Used to calculate the displacement in\n   * {@link DirectionalFocusNavigationService.getDisplacementAndAlignment |\n   * getDisplacementAndAlignment}.\n   */\n  private readonly orthogonalWeightVertical = 2;\n\n  /**\n   * Weight of the degree of alignment between two elements when calculating the alignment in\n   * {@link DirectionalFocusNavigationService.getDisplacementAndAlignment |\n   * getDisplacementAndAlignment}.\n   */\n  private readonly alignWeight = 5;\n\n  /**\n   * Set of functions to filter out candidates based on the navigation's direction.\n   */\n  private readonly filterFunction = {\n    ArrowUp: (candidateRect: DOMRect) => this.isBelow(this.originRect, candidateRect),\n    ArrowRight: (candidateRect: DOMRect) => this.isRightSide(candidateRect, this.originRect),\n    ArrowDown: (candidateRect: DOMRect) => this.isBelow(candidateRect, this.originRect),\n    ArrowLeft: (candidateRect: DOMRect) => this.isRightSide(this.originRect, candidateRect)\n  };\n\n  /**\n   * Constructor for the {@link DirectionalFocusNavigationService}.\n   *\n   * @param container - The element that contains the navigable elements.\n   * @param focusableSelectors - A comma separated string with the focusable selectors to look up.\n   */\n  public constructor(\n    /**\n     * The {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement | HTMLElement} that\n     * contains the navigable elements.\n     */\n    private readonly container: HTMLElement,\n    /**\n     * Comma separated focusable selectors to look up.\n     */\n    private readonly focusableSelectors = FOCUSABLE_SELECTORS\n  ) {}\n\n  /**\n   * Get the element that would be the next one to be navigated to based on the direction of the\n   * arrow key pressed. If there are no possible candidates the element to focus would be the one on\n   * currently on focus or the first one in the container.\n   *\n   * @param arrowKey - The arrow key that was pressed.\n   *\n   * @returns The element to navigate to.\n   */\n  navigateTo(arrowKey: ArrowKey): HTMLElement {\n    const rawCandidates = this.getFocusableElements();\n    this.direction = arrowKey;\n    this.updateOrigin();\n\n    return this.getBestCandidate(rawCandidates);\n  }\n\n  /**\n   * Gets focusable elements within the container.\n   *\n   * @returns List of focusable elements.\n   * @internal\n   */\n  private getFocusableElements(): HTMLElement[] {\n    return Array.from(this.container.querySelectorAll(this.focusableSelectors));\n  }\n\n  /**\n   * Updates the origin with the current document active element.\n   *\n   * @remarks\n   * This also covers cases when the user might have iterated through the DOM using the TAB or\n   * SHIFT+TAB keys.\n   */\n  private updateOrigin(): void {\n    const newOrigin = document.activeElement as HTMLElement;\n    this.origin = newOrigin;\n    this.originRect = newOrigin.getBoundingClientRect();\n  }\n\n  /**\n   * Finds the closest candidate to the origin from a list of candidates.\n   *\n   * @remarks\n   * If there are no candidates the origin will be retrieved as best candidate.\n   *\n   * @param rawCandidates - List of all candidates.\n   *\n   * @returns The closest candidate to the origin or origin if there's none.\n   * @internal\n   */\n  private getBestCandidate(rawCandidates: HTMLElement[]): HTMLElement {\n    const candidates = this.filterCandidates(rawCandidates);\n    let bestCandidate = this.origin;\n\n    candidates.reduce((bestCurrentScore: number, candidate) => {\n      const bestScore = Math.min(bestCurrentScore, this.getDistanceScore(candidate));\n      if (bestScore !== bestCurrentScore) {\n        bestCandidate = candidate;\n      }\n      return bestScore;\n    }, Number.MAX_SAFE_INTEGER);\n\n    return bestCandidate;\n  }\n\n  /**\n   * Filters out candidates that can't be candidates based on the direction of the navigation and\n   * if they are visible and enabled.\n   *\n   * @param rawCandidates - List of all candidates.\n   *\n   * @returns List of filtered candidates.\n   * @internal\n   */\n  private filterCandidates(rawCandidates: HTMLElement[]): HTMLElement[] {\n    return rawCandidates.filter(candidate => this.isValidCandidate(candidate));\n  }\n\n  /**\n   * Checks if the provided candidate is not the origin, is visible, enabled  and in the correct\n   * direction to be a valid candidate.\n   *\n   * @param candidate - The candidate element.\n   * @returns If the candidate is valid for the navigation.\n   * @internal\n   */\n  private isValidCandidate(candidate: HTMLElement): boolean {\n    return (\n      candidate !== this.origin &&\n      this.isCandidateVisible(candidate) &&\n      this.hasFocusCompatibleAttributes(candidate) &&\n      this.isInNavigateDirection(candidate)\n    );\n  }\n\n  /**\n   * Checks if the provided candidate is visible.\n   *\n   * @param candidate - The candidate element.\n   * @returns If the candidate is visible.\n   * @internal\n   */\n  private isCandidateVisible(candidate: HTMLElement): boolean {\n    const candidateStyle = window.getComputedStyle(candidate, null);\n\n    return !!(\n      candidate.offsetWidth &&\n      candidate.offsetHeight &&\n      candidateStyle.visibility === 'visible'\n    );\n  }\n\n  /**\n   * Checks if the provided candidate is disabled and if the tabindex allows the element to be\n   * focused.\n   *\n   * @param candidate - The candidate element.\n   * @returns If candidate's attributes allow it to be focused.\n   * @internal\n   */\n  private hasFocusCompatibleAttributes(candidate: HTMLElement): boolean {\n    return !candidate.getAttribute('disabled') && candidate.getAttribute('tabindex') !== '-1';\n  }\n\n  /**\n   * Checks if the provided candidate is in the direction the navigation is going.\n   *\n   * @param candidate - The candidate element.\n   * @returns If the candidate is in the correct direction.\n   * @internal\n   */\n  private isInNavigateDirection(candidate: HTMLElement): boolean {\n    return this.filterFunction[this.direction](candidate.getBoundingClientRect());\n  }\n\n  /**\n   * Calculates the candidate's score for it to be the next element to navigateTo to based on a\n   * formula that takes into account euclidean distance, displacement, alignment and\n   * intersection area relative to the origin element.\n   *\n   * @param candidate - The candidate element.\n   *\n   * @returns The candidate score for best candidate.\n   * @internal\n   */\n  private getDistanceScore(candidate: HTMLElement): number {\n    const candidateRect = candidate.getBoundingClientRect();\n    const { 0: candidatePoint, 1: originPoint } = this.getComparisionPoints(candidateRect);\n    const absoluteDistances: AbsoluteDistances = {\n      x: Math.abs(candidatePoint.x - originPoint.x),\n      y: Math.abs(candidatePoint.y - originPoint.y)\n    };\n    const euclideanDistance = Math.sqrt(\n      Math.pow(absoluteDistances.x, 2) + Math.pow(absoluteDistances.y, 2)\n    );\n    const intersection = this.getIntersection(this.originRect, candidateRect);\n    const { displacement, alignment } = this.getDisplacementAndAlignment(\n      candidateRect,\n      intersection,\n      absoluteDistances\n    );\n    const projectedArea = Math.sqrt(intersection.area) / this.intersectionAreaWeight;\n\n    return euclideanDistance + displacement - alignment - projectedArea;\n  }\n\n  /**\n   * Gets the closest point to origin within the candidate and to the candidate within the origin\n   * based on the navigation direction.\n   *\n   * @param candidateRect - The DOMRect of the candidate.\n   *\n   * @returns The candidate's closest Points to the origin.\n   * @internal\n   */\n  private getComparisionPoints(candidateRect: DOMRect): Points {\n    const points: Points = [\n      { x: 0, y: 0 },\n      { x: 0, y: 0 }\n    ];\n\n    return {\n      ...this.setParallelPointValues(points, candidateRect),\n      ...this.setOrthogonalPointValues(points, candidateRect)\n    };\n  }\n\n  /**\n   * Set parallel values between candidate and origin based on the navigation direction and\n   * returns them.\n   *\n   * @param points - Current values for the candidate and origin's points.\n   * @param candidateRect - The DOMRect of the candidate.\n   *\n   * @returns Candidate and origin points with parallel values set.\n   * @internal\n   */\n  private setParallelPointValues(\n    { 0: candidatePoint, 1: originPoint }: Points,\n    candidateRect: DOMRect\n  ): Points {\n    switch (this.direction) {\n      case 'ArrowUp':\n        candidatePoint.y = Math.min(candidateRect.bottom, this.originRect.top);\n        originPoint.y = this.originRect.top;\n        break;\n      case 'ArrowDown':\n        candidatePoint.y = Math.max(candidateRect.top, this.originRect.bottom);\n        originPoint.y = this.originRect.bottom;\n        break;\n      case 'ArrowRight':\n        candidatePoint.x = Math.max(candidateRect.left, this.originRect.right);\n        originPoint.x = this.originRect.right;\n        break;\n      case 'ArrowLeft':\n        candidatePoint.x = Math.min(candidateRect.right, this.originRect.left);\n        originPoint.x = this.originRect.left;\n        break;\n    }\n\n    return [candidatePoint, originPoint];\n  }\n\n  /**\n   * Set orthogonal values between candidate and origin based on the navigation direction and\n   * returns them.\n   *\n   * @param points - Current values for the candidate and origin's points.\n   * @param candidateRect - The DOMRect of the candidate.\n   *\n   * @returns Candidate and origin points with orthogonal values set.\n   * @internal\n   */\n  private setOrthogonalPointValues(\n    { 0: candidatePoint, 1: originPoint }: Points,\n    candidateRect: DOMRect\n  ): Points {\n    switch (this.direction) {\n      case 'ArrowUp':\n      case 'ArrowDown':\n        if (this.isRightSide(this.originRect, candidateRect)) {\n          candidatePoint.x = Math.min(candidateRect.right, this.originRect.left);\n          originPoint.x = this.originRect.left;\n        } else if (this.isRightSide(candidateRect, this.originRect)) {\n          candidatePoint.x = Math.max(candidateRect.left, this.originRect.right);\n          originPoint.x = this.originRect.right;\n        } else {\n          candidatePoint.x = Math.max(this.originRect.left, candidateRect.left);\n          originPoint.x = candidatePoint.x;\n        }\n        break;\n\n      case 'ArrowRight':\n      case 'ArrowLeft':\n        if (this.isBelow(this.originRect, candidateRect)) {\n          candidatePoint.y = Math.min(candidateRect.bottom, this.originRect.top);\n          originPoint.y = this.originRect.top;\n        } else if (this.isBelow(candidateRect, this.originRect)) {\n          candidatePoint.y = Math.max(candidateRect.top, this.originRect.bottom);\n          originPoint.y = this.originRect.bottom;\n        } else {\n          candidatePoint.y = Math.max(this.originRect.top, candidateRect.top);\n          originPoint.y = candidatePoint.y;\n        }\n        break;\n    }\n\n    return [candidatePoint, originPoint];\n  }\n\n  /**\n   * Calculates the displacement and alignment values for the candidate relative to the origin.\n   *\n   * @param candidateRect - The DOMRect of the candidate.\n   * @param intersection - Projected intersection between candidate and origin.\n   * @param absoluteDistances - Absolute distances between candidate and origin points.\n   *\n   * @returns Displacement and alignment values.\n   * @internal\n   */\n  private getDisplacementAndAlignment(\n    candidateRect: DOMRect,\n    intersection: Intersection,\n    absoluteDistances: AbsoluteDistances\n  ): { displacement: number; alignment: number } {\n    const areAligned = this.areAligned(this.originRect, candidateRect);\n\n    let alignBias = 0;\n    let orthogonalBias = 0;\n    let displacement = 0;\n\n    switch (this.direction) {\n      case 'ArrowUp':\n      case 'ArrowDown':\n        if (areAligned) {\n          alignBias = Math.min(intersection.width / this.originRect.width, 1);\n        } else {\n          orthogonalBias = this.originRect.width / 2;\n        }\n\n        displacement = (absoluteDistances.x + orthogonalBias) * this.orthogonalWeightVertical;\n        break;\n\n      case 'ArrowRight':\n      case 'ArrowLeft':\n        if (areAligned) {\n          alignBias = Math.min(intersection.height / this.originRect.height, 1);\n        } else {\n          orthogonalBias = this.originRect.height / 2;\n        }\n\n        displacement = (absoluteDistances.y + orthogonalBias) * this.orthogonalWeightHorizontal;\n        break;\n    }\n\n    return { displacement, alignment: alignBias * this.alignWeight };\n  }\n\n  /**\n   * Calculates the projected intersection between two\n   * {@link https://developer.mozilla.org/en-US/docs/Web/API/DOMRect | rects}.\n   *\n   * @param rect1 - First {@link https://developer.mozilla.org/en-US/docs/Web/API/DOMRect | rect}.\n   * @param rect2 - Second {@link https://developer.mozilla.org/en-US/docs/Web/API/DOMRect | rect}.\n   *\n   * @returns The intersection.\n   * @internal\n   */\n  private getIntersection(rect1: DOMRect, rect2: DOMRect): Intersection {\n    const intersection: Intersection = { width: 0, height: 0, area: 0 };\n\n    const topLeftPoint: Point = {\n      x: Math.max(rect1.left, rect2.left),\n      y: Math.max(rect1.top, rect2.top)\n    };\n    const bottomRightPoint: Point = {\n      x: Math.min(rect1.right, rect2.right),\n      y: Math.min(rect1.bottom, rect2.bottom)\n    };\n\n    intersection.width = Math.abs(topLeftPoint.x - bottomRightPoint.x);\n    intersection.height = Math.abs(topLeftPoint.y - bottomRightPoint.y);\n\n    if (topLeftPoint.x < bottomRightPoint.x || topLeftPoint.y < bottomRightPoint.y) {\n      intersection.area = intersection.width * intersection.height;\n    }\n\n    return intersection;\n  }\n\n  /**\n   * Checks that both DOMRect are aligned based on the provided direction.\n   *\n   * @param rect1 - The first DOMRect.\n   * @param rect2 - The DOMRect that the first one will be compared to.\n   *\n   * @returns If the DOMRect are aligned.\n   * @internal\n   */\n  private areAligned(rect1: DOMRect, rect2: DOMRect): boolean {\n    return this.direction === 'ArrowLeft' || this.direction === 'ArrowRight'\n      ? rect1.bottom > rect2.top && rect1.top < rect2.bottom\n      : rect1.right > rect2.left && rect1.left < rect2.right;\n  }\n\n  /**\n   * Checks that the first DOMRect is below the second one.\n   *\n   * @param rect1 - The first DOMRect.\n   * @param rect2 - The DOMRect that the first one will be compared to.\n   *\n   * @returns If it's below.\n   * @internal\n   */\n  private isBelow(rect1: DOMRect, rect2: DOMRect): boolean {\n    return (\n      rect1.top >= rect2.bottom ||\n      (rect1.top >= rect2.top &&\n        rect1.bottom > rect2.bottom &&\n        rect1.left < rect2.right &&\n        rect1.right > rect2.left)\n    );\n  }\n\n  /**\n   * Checks that the first DOMRect is to the right side of the second one.\n   *\n   * @param rect1 - The first DOMRect.\n   * @param rect2 - The DOMRect that the first one will be compared to.\n   *\n   * @returns If it's to the right side.\n   * @internal\n   */\n  private isRightSide(rect1: DOMRect, rect2: DOMRect): boolean {\n    return (\n      rect1.left >= rect2.right ||\n      (rect1.left >= rect2.left &&\n        rect1.right > rect2.right &&\n        rect1.bottom > rect2.top &&\n        rect1.top < rect2.bottom)\n    );\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"directional-focus-navigation.service.js","sources":["../../../src/services/directional-focus-navigation.service.ts"],"sourcesContent":["import { FOCUSABLE_SELECTORS } from '../utils/focus';\nimport { ArrowKey } from '../utils/types';\nimport { getActiveElement } from '../utils/html';\nimport {\n  AbsoluteDistances,\n  Intersection,\n  Point,\n  Points,\n  SpatialNavigation\n} from './services.types';\n\n/**\n * Implementation of {@link SpatialNavigation} using directional focus.\n *\n * @public\n */\nexport class DirectionalFocusNavigationService implements SpatialNavigation {\n  /**\n   * The HTMLElement that is currently on focus and used as reference to navigateTo from.\n   */\n  private origin!: HTMLElement;\n\n  /**\n   * The DOMRect of the origin Element.\n   */\n  private originRect!: DOMRect;\n\n  /**\n   * Direction of the navigation.\n   */\n  private direction!: ArrowKey;\n\n  /**\n   * Weight of the projected intersection area weight in the\n   * {@link DirectionalFocusNavigationService.getDistanceScore | getDistanceScore} formula.\n   */\n  private readonly intersectionAreaWeight = 100;\n\n  /**\n   * Weight of the absolute distance on the orthogonal axis between to elements when navigating\n   * left or right. Used to calculate the displacement in\n   * {@link DirectionalFocusNavigationService.getDisplacementAndAlignment |\n   * getDisplacementAndAlignment}.\n   */\n  private readonly orthogonalWeightHorizontal = 30;\n\n  /**\n   * Weight of the absolute distance on the orthogonal axis between to elements when navigating\n   * up or down. Used to calculate the displacement in\n   * {@link DirectionalFocusNavigationService.getDisplacementAndAlignment |\n   * getDisplacementAndAlignment}.\n   */\n  private readonly orthogonalWeightVertical = 2;\n\n  /**\n   * Weight of the degree of alignment between two elements when calculating the alignment in\n   * {@link DirectionalFocusNavigationService.getDisplacementAndAlignment |\n   * getDisplacementAndAlignment}.\n   */\n  private readonly alignWeight = 5;\n\n  /**\n   * Set of functions to filter out candidates based on the navigation's direction.\n   */\n  private readonly filterFunction = {\n    ArrowUp: (candidateRect: DOMRect) => this.isBelow(this.originRect, candidateRect),\n    ArrowRight: (candidateRect: DOMRect) => this.isRightSide(candidateRect, this.originRect),\n    ArrowDown: (candidateRect: DOMRect) => this.isBelow(candidateRect, this.originRect),\n    ArrowLeft: (candidateRect: DOMRect) => this.isRightSide(this.originRect, candidateRect)\n  };\n\n  /**\n   * Constructor for the {@link DirectionalFocusNavigationService}.\n   *\n   * @param container - The element that contains the navigable elements.\n   * @param focusableSelectors - A comma separated string with the focusable selectors to look up.\n   */\n  public constructor(\n    /**\n     * The {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement | HTMLElement} that\n     * contains the navigable elements.\n     */\n    private readonly container: HTMLElement,\n    /**\n     * Comma separated focusable selectors to look up.\n     */\n    private readonly focusableSelectors = FOCUSABLE_SELECTORS\n  ) {}\n\n  /**\n   * Get the element that would be the next one to be navigated to based on the direction of the\n   * arrow key pressed. If there are no possible candidates the element to focus would be the one on\n   * currently on focus or the first one in the container.\n   *\n   * @param arrowKey - The arrow key that was pressed.\n   *\n   * @returns The element to navigate to.\n   */\n  navigateTo(arrowKey: ArrowKey): HTMLElement {\n    const rawCandidates = this.getFocusableElements();\n    this.direction = arrowKey;\n    this.updateOrigin();\n\n    return this.getBestCandidate(rawCandidates);\n  }\n\n  /**\n   * Gets focusable elements within the container.\n   *\n   * @returns List of focusable elements.\n   * @internal\n   */\n  private getFocusableElements(): HTMLElement[] {\n    return Array.from(this.container.querySelectorAll(this.focusableSelectors));\n  }\n\n  /**\n   * Updates the origin with the current document active element.\n   *\n   * @remarks\n   * This also covers cases when the user might have iterated through the DOM using the TAB or\n   * SHIFT+TAB keys.\n   */\n  private updateOrigin(): void {\n    const newOrigin = getActiveElement();\n    if (newOrigin) {\n      this.origin = newOrigin as HTMLElement;\n      this.originRect = newOrigin.getBoundingClientRect();\n    }\n  }\n\n  /**\n   * Finds the closest candidate to the origin from a list of candidates.\n   *\n   * @remarks\n   * If there are no candidates the origin will be retrieved as best candidate.\n   *\n   * @param rawCandidates - List of all candidates.\n   *\n   * @returns The closest candidate to the origin or origin if there's none.\n   * @internal\n   */\n  private getBestCandidate(rawCandidates: HTMLElement[]): HTMLElement {\n    const candidates = this.filterCandidates(rawCandidates);\n    let bestCandidate = this.origin;\n\n    candidates.reduce((bestCurrentScore: number, candidate) => {\n      const bestScore = Math.min(bestCurrentScore, this.getDistanceScore(candidate));\n      if (bestScore !== bestCurrentScore) {\n        bestCandidate = candidate;\n      }\n      return bestScore;\n    }, Number.MAX_SAFE_INTEGER);\n\n    return bestCandidate;\n  }\n\n  /**\n   * Filters out candidates that can't be candidates based on the direction of the navigation and\n   * if they are visible and enabled.\n   *\n   * @param rawCandidates - List of all candidates.\n   *\n   * @returns List of filtered candidates.\n   * @internal\n   */\n  private filterCandidates(rawCandidates: HTMLElement[]): HTMLElement[] {\n    return rawCandidates.filter(candidate => this.isValidCandidate(candidate));\n  }\n\n  /**\n   * Checks if the provided candidate is not the origin, is visible, enabled  and in the correct\n   * direction to be a valid candidate.\n   *\n   * @param candidate - The candidate element.\n   * @returns If the candidate is valid for the navigation.\n   * @internal\n   */\n  private isValidCandidate(candidate: HTMLElement): boolean {\n    return (\n      candidate !== this.origin &&\n      this.isCandidateVisible(candidate) &&\n      this.hasFocusCompatibleAttributes(candidate) &&\n      this.isInNavigateDirection(candidate)\n    );\n  }\n\n  /**\n   * Checks if the provided candidate is visible.\n   *\n   * @param candidate - The candidate element.\n   * @returns If the candidate is visible.\n   * @internal\n   */\n  private isCandidateVisible(candidate: HTMLElement): boolean {\n    const candidateStyle = window.getComputedStyle(candidate, null);\n\n    return !!(\n      candidate.offsetWidth &&\n      candidate.offsetHeight &&\n      candidateStyle.visibility === 'visible'\n    );\n  }\n\n  /**\n   * Checks if the provided candidate is disabled and if the tabindex allows the element to be\n   * focused.\n   *\n   * @param candidate - The candidate element.\n   * @returns If candidate's attributes allow it to be focused.\n   * @internal\n   */\n  private hasFocusCompatibleAttributes(candidate: HTMLElement): boolean {\n    return !candidate.getAttribute('disabled') && candidate.getAttribute('tabindex') !== '-1';\n  }\n\n  /**\n   * Checks if the provided candidate is in the direction the navigation is going.\n   *\n   * @param candidate - The candidate element.\n   * @returns If the candidate is in the correct direction.\n   * @internal\n   */\n  private isInNavigateDirection(candidate: HTMLElement): boolean {\n    return this.filterFunction[this.direction](candidate.getBoundingClientRect());\n  }\n\n  /**\n   * Calculates the candidate's score for it to be the next element to navigateTo to based on a\n   * formula that takes into account euclidean distance, displacement, alignment and\n   * intersection area relative to the origin element.\n   *\n   * @param candidate - The candidate element.\n   *\n   * @returns The candidate score for best candidate.\n   * @internal\n   */\n  private getDistanceScore(candidate: HTMLElement): number {\n    const candidateRect = candidate.getBoundingClientRect();\n    const { 0: candidatePoint, 1: originPoint } = this.getComparisionPoints(candidateRect);\n    const absoluteDistances: AbsoluteDistances = {\n      x: Math.abs(candidatePoint.x - originPoint.x),\n      y: Math.abs(candidatePoint.y - originPoint.y)\n    };\n    const euclideanDistance = Math.sqrt(\n      Math.pow(absoluteDistances.x, 2) + Math.pow(absoluteDistances.y, 2)\n    );\n    const intersection = this.getIntersection(this.originRect, candidateRect);\n    const { displacement, alignment } = this.getDisplacementAndAlignment(\n      candidateRect,\n      intersection,\n      absoluteDistances\n    );\n    const projectedArea = Math.sqrt(intersection.area) / this.intersectionAreaWeight;\n\n    return euclideanDistance + displacement - alignment - projectedArea;\n  }\n\n  /**\n   * Gets the closest point to origin within the candidate and to the candidate within the origin\n   * based on the navigation direction.\n   *\n   * @param candidateRect - The DOMRect of the candidate.\n   *\n   * @returns The candidate's closest Points to the origin.\n   * @internal\n   */\n  private getComparisionPoints(candidateRect: DOMRect): Points {\n    const points: Points = [\n      { x: 0, y: 0 },\n      { x: 0, y: 0 }\n    ];\n\n    return {\n      ...this.setParallelPointValues(points, candidateRect),\n      ...this.setOrthogonalPointValues(points, candidateRect)\n    };\n  }\n\n  /**\n   * Set parallel values between candidate and origin based on the navigation direction and\n   * returns them.\n   *\n   * @param points - Current values for the candidate and origin's points.\n   * @param candidateRect - The DOMRect of the candidate.\n   *\n   * @returns Candidate and origin points with parallel values set.\n   * @internal\n   */\n  private setParallelPointValues(\n    { 0: candidatePoint, 1: originPoint }: Points,\n    candidateRect: DOMRect\n  ): Points {\n    switch (this.direction) {\n      case 'ArrowUp':\n        candidatePoint.y = Math.min(candidateRect.bottom, this.originRect.top);\n        originPoint.y = this.originRect.top;\n        break;\n      case 'ArrowDown':\n        candidatePoint.y = Math.max(candidateRect.top, this.originRect.bottom);\n        originPoint.y = this.originRect.bottom;\n        break;\n      case 'ArrowRight':\n        candidatePoint.x = Math.max(candidateRect.left, this.originRect.right);\n        originPoint.x = this.originRect.right;\n        break;\n      case 'ArrowLeft':\n        candidatePoint.x = Math.min(candidateRect.right, this.originRect.left);\n        originPoint.x = this.originRect.left;\n        break;\n    }\n\n    return [candidatePoint, originPoint];\n  }\n\n  /**\n   * Set orthogonal values between candidate and origin based on the navigation direction and\n   * returns them.\n   *\n   * @param points - Current values for the candidate and origin's points.\n   * @param candidateRect - The DOMRect of the candidate.\n   *\n   * @returns Candidate and origin points with orthogonal values set.\n   * @internal\n   */\n  private setOrthogonalPointValues(\n    { 0: candidatePoint, 1: originPoint }: Points,\n    candidateRect: DOMRect\n  ): Points {\n    switch (this.direction) {\n      case 'ArrowUp':\n      case 'ArrowDown':\n        if (this.isRightSide(this.originRect, candidateRect)) {\n          candidatePoint.x = Math.min(candidateRect.right, this.originRect.left);\n          originPoint.x = this.originRect.left;\n        } else if (this.isRightSide(candidateRect, this.originRect)) {\n          candidatePoint.x = Math.max(candidateRect.left, this.originRect.right);\n          originPoint.x = this.originRect.right;\n        } else {\n          candidatePoint.x = Math.max(this.originRect.left, candidateRect.left);\n          originPoint.x = candidatePoint.x;\n        }\n        break;\n\n      case 'ArrowRight':\n      case 'ArrowLeft':\n        if (this.isBelow(this.originRect, candidateRect)) {\n          candidatePoint.y = Math.min(candidateRect.bottom, this.originRect.top);\n          originPoint.y = this.originRect.top;\n        } else if (this.isBelow(candidateRect, this.originRect)) {\n          candidatePoint.y = Math.max(candidateRect.top, this.originRect.bottom);\n          originPoint.y = this.originRect.bottom;\n        } else {\n          candidatePoint.y = Math.max(this.originRect.top, candidateRect.top);\n          originPoint.y = candidatePoint.y;\n        }\n        break;\n    }\n\n    return [candidatePoint, originPoint];\n  }\n\n  /**\n   * Calculates the displacement and alignment values for the candidate relative to the origin.\n   *\n   * @param candidateRect - The DOMRect of the candidate.\n   * @param intersection - Projected intersection between candidate and origin.\n   * @param absoluteDistances - Absolute distances between candidate and origin points.\n   *\n   * @returns Displacement and alignment values.\n   * @internal\n   */\n  private getDisplacementAndAlignment(\n    candidateRect: DOMRect,\n    intersection: Intersection,\n    absoluteDistances: AbsoluteDistances\n  ): { displacement: number; alignment: number } {\n    const areAligned = this.areAligned(this.originRect, candidateRect);\n\n    let alignBias = 0;\n    let orthogonalBias = 0;\n    let displacement = 0;\n\n    switch (this.direction) {\n      case 'ArrowUp':\n      case 'ArrowDown':\n        if (areAligned) {\n          alignBias = Math.min(intersection.width / this.originRect.width, 1);\n        } else {\n          orthogonalBias = this.originRect.width / 2;\n        }\n\n        displacement = (absoluteDistances.x + orthogonalBias) * this.orthogonalWeightVertical;\n        break;\n\n      case 'ArrowRight':\n      case 'ArrowLeft':\n        if (areAligned) {\n          alignBias = Math.min(intersection.height / this.originRect.height, 1);\n        } else {\n          orthogonalBias = this.originRect.height / 2;\n        }\n\n        displacement = (absoluteDistances.y + orthogonalBias) * this.orthogonalWeightHorizontal;\n        break;\n    }\n\n    return { displacement, alignment: alignBias * this.alignWeight };\n  }\n\n  /**\n   * Calculates the projected intersection between two\n   * {@link https://developer.mozilla.org/en-US/docs/Web/API/DOMRect | rects}.\n   *\n   * @param rect1 - First {@link https://developer.mozilla.org/en-US/docs/Web/API/DOMRect | rect}.\n   * @param rect2 - Second {@link https://developer.mozilla.org/en-US/docs/Web/API/DOMRect | rect}.\n   *\n   * @returns The intersection.\n   * @internal\n   */\n  private getIntersection(rect1: DOMRect, rect2: DOMRect): Intersection {\n    const intersection: Intersection = { width: 0, height: 0, area: 0 };\n\n    const topLeftPoint: Point = {\n      x: Math.max(rect1.left, rect2.left),\n      y: Math.max(rect1.top, rect2.top)\n    };\n    const bottomRightPoint: Point = {\n      x: Math.min(rect1.right, rect2.right),\n      y: Math.min(rect1.bottom, rect2.bottom)\n    };\n\n    intersection.width = Math.abs(topLeftPoint.x - bottomRightPoint.x);\n    intersection.height = Math.abs(topLeftPoint.y - bottomRightPoint.y);\n\n    if (topLeftPoint.x < bottomRightPoint.x || topLeftPoint.y < bottomRightPoint.y) {\n      intersection.area = intersection.width * intersection.height;\n    }\n\n    return intersection;\n  }\n\n  /**\n   * Checks that both DOMRect are aligned based on the provided direction.\n   *\n   * @param rect1 - The first DOMRect.\n   * @param rect2 - The DOMRect that the first one will be compared to.\n   *\n   * @returns If the DOMRect are aligned.\n   * @internal\n   */\n  private areAligned(rect1: DOMRect, rect2: DOMRect): boolean {\n    return this.direction === 'ArrowLeft' || this.direction === 'ArrowRight'\n      ? rect1.bottom > rect2.top && rect1.top < rect2.bottom\n      : rect1.right > rect2.left && rect1.left < rect2.right;\n  }\n\n  /**\n   * Checks that the first DOMRect is below the second one.\n   *\n   * @param rect1 - The first DOMRect.\n   * @param rect2 - The DOMRect that the first one will be compared to.\n   *\n   * @returns If it's below.\n   * @internal\n   */\n  private isBelow(rect1: DOMRect, rect2: DOMRect): boolean {\n    return (\n      rect1.top >= rect2.bottom ||\n      (rect1.top >= rect2.top &&\n        rect1.bottom > rect2.bottom &&\n        rect1.left < rect2.right &&\n        rect1.right > rect2.left)\n    );\n  }\n\n  /**\n   * Checks that the first DOMRect is to the right side of the second one.\n   *\n   * @param rect1 - The first DOMRect.\n   * @param rect2 - The DOMRect that the first one will be compared to.\n   *\n   * @returns If it's to the right side.\n   * @internal\n   */\n  private isRightSide(rect1: DOMRect, rect2: DOMRect): boolean {\n    return (\n      rect1.left >= rect2.right ||\n      (rect1.left >= rect2.left &&\n        rect1.right > rect2.right &&\n        rect1.bottom > rect2.top &&\n        rect1.top < rect2.bottom)\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/js/store/utils/config-store.utils.js

@@ -1,5 +1,3 @@
-import Vue from 'vue';
-
 /**
  * Sets the request config. Can be used as a mutation.
  *
@@ -9,7 +7,7 @@ import Vue from 'vue';
  * @public
  */
 function setConfig(state, config) {
-    Vue.set(state, 'config', config);
+    state.config = config;
 }
 /**
  * Merges a new config with the current one. Can be used as a mutation.

package/js/store/utils/config-store.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"config-store.utils.js","sources":["../../../../src/store/utils/config-store.utils.ts"],"sourcesContent":["import Vue from 'vue';\n\n/**\n * Config mutations, containing a method to change the current config and other to merge\n * a new one.\n *\n * @public\n */\nexport interface ConfigMutations<T extends { config: T['config'] }> {\n  /**\n   * Sets the module config.\n   *\n   * @param config - The new config.\n   */\n  setConfig(config: T['config']): void;\n  /**\n   * Merges a new config with the current one.\n   *\n   * @param config - The config to be merged.\n   */\n  mergeConfig(config: T['config']): void;\n}\n\n/**\n * Sets the request config. Can be used as a mutation.\n *\n * @param state - The {@link https://vuex.vuejs.org/guide/state.html | state} provided by Vuex.\n * @param config - The new config.\n *\n * @public\n */\nexport function setConfig<T extends { config: T['config'] }>(state: T, config: T['config']): void {\n  Vue.set(state, 'config', config);\n}\n\n/**\n * Merges a new config with the current one. Can be used as a mutation.\n *\n * @param state - The {@link https://vuex.vuejs.org/guide/state.html | state} provided by Vuex.\n * @param config - The config to be merged.\n *\n * @public\n */\nexport function mergeConfig<T extends { config: T['config'] }>(\n  state: T,\n  config: Partial<T['config']>\n): void {\n  Object.assign(<object>state.config, config);\n}\n"],"names":[],"mappings":";;AAuBA;;;;;;;AAOG;AACa,SAAA,SAAS,CAAoC,KAAQ,EAAE,MAAmB,EAAA;IACxF,GAAG,CAAC,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;AACnC,CAAC;AAED;;;;;;;AAOG;AACa,SAAA,WAAW,CACzB,KAAQ,EACR,MAA4B,EAAA;IAE5B,MAAM,CAAC,MAAM,CAAS,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC9C;;;;"}
+{"version":3,"file":"config-store.utils.js","sources":["../../../../src/store/utils/config-store.utils.ts"],"sourcesContent":["/**\n * Config mutations, containing a method to change the current config and other to merge\n * a new one.\n *\n * @public\n */\nexport interface ConfigMutations<T extends { config: T['config'] }> {\n  /**\n   * Sets the module config.\n   *\n   * @param config - The new config.\n   */\n  setConfig(config: T['config']): void;\n  /**\n   * Merges a new config with the current one.\n   *\n   * @param config - The config to be merged.\n   */\n  mergeConfig(config: T['config']): void;\n}\n\n/**\n * Sets the request config. Can be used as a mutation.\n *\n * @param state - The {@link https://vuex.vuejs.org/guide/state.html | state} provided by Vuex.\n * @param config - The new config.\n *\n * @public\n */\nexport function setConfig<T extends { config: T['config'] }>(state: T, config: T['config']): void {\n  state.config = config;\n}\n\n/**\n * Merges a new config with the current one. Can be used as a mutation.\n *\n * @param state - The {@link https://vuex.vuejs.org/guide/state.html | state} provided by Vuex.\n * @param config - The config to be merged.\n *\n * @public\n */\nexport function mergeConfig<T extends { config: T['config'] }>(\n  state: T,\n  config: Partial<T['config']>\n): void {\n  Object.assign(<object>state.config, config);\n}\n"],"names":[],"mappings":"AAqBA;;;;;;;AAOG;AACa,SAAA,SAAS,CAAoC,KAAQ,EAAE,MAAmB,EAAA;AACxF,IAAA,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;AACxB,CAAC;AAED;;;;;;;AAOG;AACa,SAAA,WAAW,CACzB,KAAQ,EACR,MAA4B,EAAA;IAE5B,MAAM,CAAC,MAAM,CAAS,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC9C;;;;"}

package/js/store/utils/getters-proxy.utils.js

@@ -77,10 +77,11 @@ function defineGetterProxy(safeGettersProxy, getterName, fullPathGetterName, get
         enumerable: true
     });
 }
-/** Clean the cache (This is for testing purpose).
+/**
+ * Clean the cache (This is for testing purpose).
  *
  * @internal
- * */
+ */
 function cleanGettersProxyCache() {
     cache = {};
 }

package/js/store/utils/getters-proxy.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"getters-proxy.utils.js","sources":["../../../../src/store/utils/getters-proxy.utils.ts"],"sourcesContent":["import { reduce, Dictionary } from '@empathyco/x-utils';\nimport { Store } from 'vuex';\nimport { ExtractGetters, XModuleName } from '../../x-modules/x-modules.types';\nimport { AnyXStoreModule } from '../store.types';\n\ntype Getters = { [ModuleName in XModuleName]?: ExtractGetters<ModuleName> };\nlet cache: Getters = {};\n/**\n * Creates or return a proxy object of the getters of the storeModule passed.\n *\n * @param getters - The Vuex Store Getters.\n * @param moduleName - The name of the module.\n * @param storeModule - The store module.\n * @returns A {@link GettersTree} object with only the getters of the {@link XModule}.\n *\n * @internal\n *\n * @remarks This proxy will be used by the stateSelector, of the module. This is done to ensure that\n * a Vuex stateSelector can only access the getters of the {@link XModule} where it is registered.\n * This function task can be done with {@link getGettersProxy}, just without passing the\n * storeModule. But in that case every time we register emitters in a module, it will loop over all\n * the getters of all the store. This way, passing the moduleNeeded, it only loops over the getters\n * of that module. It is a performance question to have this two different implementations.\n *\n */\nexport function getGettersProxyFromModule<ModuleName extends XModuleName>(\n  getters: Pick<Store<any>, 'getters'>,\n  moduleName: ModuleName,\n  storeModule: AnyXStoreModule\n): ExtractGetters<ModuleName> {\n  /* TODO: Review why TS is not able to exclude undefined types from the Getters cache */\n  const cachedGetter = cache[moduleName];\n  if (isCacheGetterDefined<ModuleName>(cachedGetter)) {\n    return cachedGetter;\n  }\n  const modulePath = `x/${moduleName}/`;\n  const safeGetters = reduce(\n    storeModule.getters as Dictionary,\n    (safeGettersProxy, getterName) =>\n      defineGetterProxy(safeGettersProxy, getterName, `${modulePath}${getterName}`, getters),\n    {} as ExtractGetters<ModuleName>\n  );\n  cache[moduleName] = safeGetters as unknown as Getters[ModuleName];\n  return safeGetters;\n}\n\n/**\n * Creates or return a proxy object of the getters of the module with the moduleName passed.\n *\n * @param getters - The Vuex Store Getters.\n * @param moduleName - The name of the module.\n * @returns A {@link GettersTree} object with only the getters of the {@link XModule}.\n *\n * @internal\n *\n * @remarks This proxy will be used wireCommit to pass the module state and getters, to a function\n * that will return the payload to commit the mutation.\n */\nexport function getGettersProxy<ModuleName extends XModuleName>(\n  getters: Pick<Store<any>, 'getters'>,\n  moduleName: ModuleName\n): ExtractGetters<ModuleName> {\n  /* TODO: Review why TS is not able to exclude undefined types from the Getters cache */\n  const cachedGetter = cache[moduleName];\n  if (isCacheGetterDefined<ModuleName>(cachedGetter)) {\n    return cachedGetter;\n  }\n  const modulePath = `x/${moduleName}/`;\n  const getterKeys: string[] = Object.keys(getters).filter(getterKey =>\n    getterKey.startsWith(modulePath)\n  );\n  const safeGetters = getterKeys.reduce((safeGettersProxy, fullPathGetterName) => {\n    const getterName = fullPathGetterName.replace(modulePath, '');\n    return defineGetterProxy(safeGettersProxy, getterName, fullPathGetterName, getters);\n  }, {} as ExtractGetters<ModuleName>);\n  cache[moduleName] = safeGetters as unknown as Getters[ModuleName];\n  return safeGetters;\n}\n\n/**\n * Defines a JS getter in safeGettersProxy object that returns the Vuex getter value.\n *\n * @param safeGettersProxy - The object where the proxy will be defined.\n * @param getterName - The name of the Getter without path. For example: 'trimQuery'.\n * @param fullPathGetterName - The name of the getter to be accessed with the full path.\n * For example: 'x/searchBox/trimmedQuery'.\n * @param getters - The Vuex Store Getters.\n * @returns The same safeGetterProxy with new get defined.\n *\n * @internal\n */\nfunction defineGetterProxy<ModuleName extends XModuleName>(\n  safeGettersProxy: ExtractGetters<ModuleName>,\n  getterName: string,\n  fullPathGetterName: string,\n  getters: Dictionary\n): ExtractGetters<ModuleName> {\n  return Object.defineProperty(safeGettersProxy, getterName, {\n    get() {\n      return getters[fullPathGetterName];\n    },\n    enumerable: true\n  });\n}\n\n/** Clean the cache (This is for testing purpose).\n *\n * @internal\n * */\nexport function cleanGettersProxyCache(): void {\n  cache = {};\n}\n\n/**\n * Checks if the getter cached is defined.\n *\n * @param cachedGetter - The getter cached.\n * @returns If the getters is defined or not.\n *\n * @internal\n */\nfunction isCacheGetterDefined<ModuleName extends XModuleName>(\n  cachedGetter: ExtractGetters<ModuleName> | undefined | unknown\n): cachedGetter is ExtractGetters<ModuleName> {\n  return cachedGetter !== undefined;\n}\n"],"names":[],"mappings":";;AAMA,IAAI,KAAK,GAAY,EAAE,CAAC;AACxB;;;;;;;;;;;;;;;;;AAiBG;SACa,yBAAyB,CACvC,OAAoC,EACpC,UAAsB,EACtB,WAA4B,EAAA;;AAG5B,IAAA,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC;AACvC,IAAA,IAAI,oBAAoB,CAAa,YAAY,CAAC,EAAE;AAClD,QAAA,OAAO,YAAY,CAAC;AACrB,KAAA;AACD,IAAA,MAAM,UAAU,GAAG,CAAK,EAAA,EAAA,UAAU,GAAG,CAAC;AACtC,IAAA,MAAM,WAAW,GAAG,MAAM,CACxB,WAAW,CAAC,OAAqB,EACjC,CAAC,gBAAgB,EAAE,UAAU,KAC3B,iBAAiB,CAAC,gBAAgB,EAAE,UAAU,EAAE,CAAA,EAAG,UAAU,CAAG,EAAA,UAAU,CAAE,CAAA,EAAE,OAAO,CAAC,EACxF,EAAgC,CACjC,CAAC;AACF,IAAA,KAAK,CAAC,UAAU,CAAC,GAAG,WAA6C,CAAC;AAClE,IAAA,OAAO,WAAW,CAAC;AACrB,CAAC;AAED;;;;;;;;;;;AAWG;AACa,SAAA,eAAe,CAC7B,OAAoC,EACpC,UAAsB,EAAA;;AAGtB,IAAA,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC;AACvC,IAAA,IAAI,oBAAoB,CAAa,YAAY,CAAC,EAAE;AAClD,QAAA,OAAO,YAAY,CAAC;AACrB,KAAA;AACD,IAAA,MAAM,UAAU,GAAG,CAAK,EAAA,EAAA,UAAU,GAAG,CAAC;IACtC,MAAM,UAAU,GAAa,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,SAAS,IAChE,SAAS,CAAC,UAAU,CAAC,UAAU,CAAC,CACjC,CAAC;IACF,MAAM,WAAW,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,gBAAgB,EAAE,kBAAkB,KAAI;QAC7E,MAAM,UAAU,GAAG,kBAAkB,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;QAC9D,OAAO,iBAAiB,CAAC,gBAAgB,EAAE,UAAU,EAAE,kBAAkB,EAAE,OAAO,CAAC,CAAC;KACrF,EAAE,EAAgC,CAAC,CAAC;AACrC,IAAA,KAAK,CAAC,UAAU,CAAC,GAAG,WAA6C,CAAC;AAClE,IAAA,OAAO,WAAW,CAAC;AACrB,CAAC;AAED;;;;;;;;;;;AAWG;AACH,SAAS,iBAAiB,CACxB,gBAA4C,EAC5C,UAAkB,EAClB,kBAA0B,EAC1B,OAAmB,EAAA;AAEnB,IAAA,OAAO,MAAM,CAAC,cAAc,CAAC,gBAAgB,EAAE,UAAU,EAAE;QACzD,GAAG,GAAA;AACD,YAAA,OAAO,OAAO,CAAC,kBAAkB,CAAC,CAAC;SACpC;AACD,QAAA,UAAU,EAAE,IAAI;AACjB,KAAA,CAAC,CAAC;AACL,CAAC;AAED;;;AAGK;SACW,sBAAsB,GAAA;IACpC,KAAK,GAAG,EAAE,CAAC;AACb,CAAC;AAED;;;;;;;AAOG;AACH,SAAS,oBAAoB,CAC3B,YAA8D,EAAA;IAE9D,OAAO,YAAY,KAAK,SAAS,CAAC;AACpC;;;;"}
+{"version":3,"file":"getters-proxy.utils.js","sources":["../../../../src/store/utils/getters-proxy.utils.ts"],"sourcesContent":["import { reduce, Dictionary } from '@empathyco/x-utils';\nimport { ExtractGetters, XModuleName } from '../../x-modules/x-modules.types';\nimport { AnyXStoreModule } from '../store.types';\n\ntype Getters = { [ModuleName in XModuleName]?: ExtractGetters<ModuleName> };\nlet cache: Getters = {};\n/**\n * Creates or return a proxy object of the getters of the storeModule passed.\n *\n * @param getters - The Vuex Store Getters.\n * @param moduleName - The name of the module.\n * @param storeModule - The store module.\n * @returns A {@link GettersTree} object with only the getters of the {@link XModule}.\n *\n * @internal\n *\n * @remarks This proxy will be used by the stateSelector, of the module. This is done to ensure that\n * a Vuex stateSelector can only access the getters of the {@link XModule} where it is registered.\n * This function task can be done with {@link getGettersProxy}, just without passing the\n * storeModule. But in that case every time we register emitters in a module, it will loop over all\n * the getters of all the store. This way, passing the moduleNeeded, it only loops over the getters\n * of that module. It is a performance question to have this two different implementations.\n *\n */\nexport function getGettersProxyFromModule<ModuleName extends XModuleName>(\n  getters: Dictionary,\n  moduleName: ModuleName,\n  storeModule: AnyXStoreModule\n): ExtractGetters<ModuleName> {\n  /* TODO: Review why TS is not able to exclude undefined types from the Getters cache */\n  const cachedGetter = cache[moduleName];\n  if (isCacheGetterDefined<ModuleName>(cachedGetter)) {\n    return cachedGetter;\n  }\n  const modulePath = `x/${moduleName}/`;\n  const safeGetters = reduce(\n    storeModule.getters as Dictionary,\n    (safeGettersProxy, getterName) =>\n      defineGetterProxy(safeGettersProxy, getterName, `${modulePath}${getterName}`, getters),\n    {} as ExtractGetters<ModuleName>\n  );\n  cache[moduleName] = safeGetters as unknown as Getters[ModuleName];\n  return safeGetters;\n}\n\n/**\n * Creates or return a proxy object of the getters of the module with the moduleName passed.\n *\n * @param getters - The Vuex Store Getters.\n * @param moduleName - The name of the module.\n * @returns A {@link GettersTree} object with only the getters of the {@link XModule}.\n *\n * @internal\n *\n * @remarks This proxy will be used wireCommit to pass the module state and getters, to a function\n * that will return the payload to commit the mutation.\n */\nexport function getGettersProxy<ModuleName extends XModuleName>(\n  getters: Dictionary,\n  moduleName: ModuleName\n): ExtractGetters<ModuleName> {\n  /* TODO: Review why TS is not able to exclude undefined types from the Getters cache */\n  const cachedGetter = cache[moduleName];\n  if (isCacheGetterDefined<ModuleName>(cachedGetter)) {\n    return cachedGetter;\n  }\n  const modulePath = `x/${moduleName}/`;\n  const getterKeys: string[] = Object.keys(getters).filter(getterKey =>\n    getterKey.startsWith(modulePath)\n  );\n  const safeGetters = getterKeys.reduce((safeGettersProxy, fullPathGetterName) => {\n    const getterName = fullPathGetterName.replace(modulePath, '');\n    return defineGetterProxy(safeGettersProxy, getterName, fullPathGetterName, getters);\n  }, {} as ExtractGetters<ModuleName>);\n  cache[moduleName] = safeGetters as unknown as Getters[ModuleName];\n  return safeGetters;\n}\n\n/**\n * Defines a JS getter in safeGettersProxy object that returns the Vuex getter value.\n *\n * @param safeGettersProxy - The object where the proxy will be defined.\n * @param getterName - The name of the Getter without path. For example: 'trimQuery'.\n * @param fullPathGetterName - The name of the getter to be accessed with the full path.\n * For example: 'x/searchBox/trimmedQuery'.\n * @param getters - The Vuex Store Getters.\n * @returns The same safeGetterProxy with new get defined.\n *\n * @internal\n */\nfunction defineGetterProxy<ModuleName extends XModuleName>(\n  safeGettersProxy: ExtractGetters<ModuleName>,\n  getterName: string,\n  fullPathGetterName: string,\n  getters: Dictionary\n): ExtractGetters<ModuleName> {\n  return Object.defineProperty(safeGettersProxy, getterName, {\n    get() {\n      return getters[fullPathGetterName];\n    },\n    enumerable: true\n  });\n}\n\n/**\n * Clean the cache (This is for testing purpose).\n *\n * @internal\n */\nexport function cleanGettersProxyCache(): void {\n  cache = {};\n}\n\n/**\n * Checks if the getter cached is defined.\n *\n * @param cachedGetter - The getter cached.\n * @returns If the getters is defined or not.\n *\n * @internal\n */\nfunction isCacheGetterDefined<ModuleName extends XModuleName>(\n  cachedGetter: ExtractGetters<ModuleName> | undefined | unknown\n): cachedGetter is ExtractGetters<ModuleName> {\n  return cachedGetter !== undefined;\n}\n"],"names":[],"mappings":";;AAKA,IAAI,KAAK,GAAY,EAAE,CAAC;AACxB;;;;;;;;;;;;;;;;;AAiBG;SACa,yBAAyB,CACvC,OAAmB,EACnB,UAAsB,EACtB,WAA4B,EAAA;;AAG5B,IAAA,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC;AACvC,IAAA,IAAI,oBAAoB,CAAa,YAAY,CAAC,EAAE;AAClD,QAAA,OAAO,YAAY,CAAC;AACrB,KAAA;AACD,IAAA,MAAM,UAAU,GAAG,CAAK,EAAA,EAAA,UAAU,GAAG,CAAC;AACtC,IAAA,MAAM,WAAW,GAAG,MAAM,CACxB,WAAW,CAAC,OAAqB,EACjC,CAAC,gBAAgB,EAAE,UAAU,KAC3B,iBAAiB,CAAC,gBAAgB,EAAE,UAAU,EAAE,CAAA,EAAG,UAAU,CAAG,EAAA,UAAU,CAAE,CAAA,EAAE,OAAO,CAAC,EACxF,EAAgC,CACjC,CAAC;AACF,IAAA,KAAK,CAAC,UAAU,CAAC,GAAG,WAA6C,CAAC;AAClE,IAAA,OAAO,WAAW,CAAC;AACrB,CAAC;AAED;;;;;;;;;;;AAWG;AACa,SAAA,eAAe,CAC7B,OAAmB,EACnB,UAAsB,EAAA;;AAGtB,IAAA,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC;AACvC,IAAA,IAAI,oBAAoB,CAAa,YAAY,CAAC,EAAE;AAClD,QAAA,OAAO,YAAY,CAAC;AACrB,KAAA;AACD,IAAA,MAAM,UAAU,GAAG,CAAK,EAAA,EAAA,UAAU,GAAG,CAAC;IACtC,MAAM,UAAU,GAAa,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,SAAS,IAChE,SAAS,CAAC,UAAU,CAAC,UAAU,CAAC,CACjC,CAAC;IACF,MAAM,WAAW,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,gBAAgB,EAAE,kBAAkB,KAAI;QAC7E,MAAM,UAAU,GAAG,kBAAkB,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;QAC9D,OAAO,iBAAiB,CAAC,gBAAgB,EAAE,UAAU,EAAE,kBAAkB,EAAE,OAAO,CAAC,CAAC;KACrF,EAAE,EAAgC,CAAC,CAAC;AACrC,IAAA,KAAK,CAAC,UAAU,CAAC,GAAG,WAA6C,CAAC;AAClE,IAAA,OAAO,WAAW,CAAC;AACrB,CAAC;AAED;;;;;;;;;;;AAWG;AACH,SAAS,iBAAiB,CACxB,gBAA4C,EAC5C,UAAkB,EAClB,kBAA0B,EAC1B,OAAmB,EAAA;AAEnB,IAAA,OAAO,MAAM,CAAC,cAAc,CAAC,gBAAgB,EAAE,UAAU,EAAE;QACzD,GAAG,GAAA;AACD,YAAA,OAAO,OAAO,CAAC,kBAAkB,CAAC,CAAC;SACpC;AACD,QAAA,UAAU,EAAE,IAAI;AACjB,KAAA,CAAC,CAAC;AACL,CAAC;AAED;;;;AAIG;SACa,sBAAsB,GAAA;IACpC,KAAK,GAAG,EAAE,CAAC;AACb,CAAC;AAED;;;;;;;AAOG;AACH,SAAS,oBAAoB,CAC3B,YAA8D,EAAA;IAE9D,OAAO,YAAY,KAAK,SAAS,CAAC;AACpC;;;;"}

package/js/store/utils/query.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"query.utils.js","sources":["../../../../src/store/utils/query.utils.ts"],"sourcesContent":["import { RelatedTag } from '@empathyco/x-types';\n\n/**\n * Query state type, containing a property to hold the current query of the module.\n *\n * @public\n */\nexport interface QueryState {\n  /** The query of the module. Different modules may have queries that differ in value\n   * or time. */\n  query: string;\n}\n\n/**\n * The {@link QueryState} mutations.\n *\n * @public\n */\nexport interface QueryMutations {\n  /**\n   * Sets the query.\n   *\n   * @param query - The new query.\n   */\n  setQuery(query: string): void;\n}\n\n/**\n * Options to create a getter that combines the query with the selected related tags.\n *\n * @public\n */\nexport interface CreateRelatedTagsQueryGetterOptions<State, Getters> {\n  /**\n   * Retrieves the selected related tags of the module.\n   *\n   * @param state - The state of the module.\n   * @param getters - The getters of the module.\n   * @returns The list of selected related tags.\n   */\n  getRelatedTags: (state: State, getters: Getters) => RelatedTag[];\n}\n\n/**\n * Sets the query of the module.\n *\n * @param state - State of the module.\n * @param query - The new query to set.\n * @public\n */\nexport function setQuery(state: QueryState, query: string): void {\n  state.query = query;\n}\n\n/**\n * Creates a getter that combines the current selected related tags and the query of the module.\n *\n * @param options - Options on how the getter should behave.\n * @returns A getter that combines the selected related tags with the query.\n * @public\n */\nexport function createRelatedTagsQueryGetter<State extends QueryState, Getters>({\n  getRelatedTags\n}: CreateRelatedTagsQueryGetterOptions<State, Getters>): (\n  state: State,\n  getters: Getters\n) => string {\n  return function relatedTagsQuery(state, getters) {\n    const query = state.query.trim();\n    return query ? getRelatedTags(state, getters).reduce(concatRelatedTag, query).trim() : '';\n  };\n}\n\n/**\n * Joins a query and a related tag respecting the tag position.\n *\n * @param partialQuery - The query to concatenate the related tag with.\n * @param relatedTag - The related tag to concatenate.\n * @returns The query and the related tag joined.\n * @internal\n */\nfunction concatRelatedTag(\n  partialQuery: string,\n  { tag, query: relatedTagQuery }: RelatedTag\n): string {\n  return relatedTagQuery.startsWith(tag) ? `${tag} ${partialQuery}` : `${partialQuery} ${tag}`;\n}\n"],"names":[],"mappings":"AA2CA;;;;;;AAMG;AACa,SAAA,QAAQ,CAAC,KAAiB,EAAE,KAAa,EAAA;AACvD,IAAA,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;AACtB,CAAC;AAED;;;;;;AAMG;AACa,SAAA,4BAA4B,CAAoC,EAC9E,cAAc,EACsC,EAAA;AAIpD,IAAA,OAAO,SAAS,gBAAgB,CAAC,KAAK,EAAE,OAAO,EAAA;QAC7C,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QACjC,OAAO,KAAK,GAAG,cAAc,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,MAAM,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC;AAC5F,KAAC,CAAC;AACJ,CAAC;AAED;;;;;;;AAOG;AACH,SAAS,gBAAgB,CACvB,YAAoB,EACpB,EAAE,GAAG,EAAE,KAAK,EAAE,eAAe,EAAc,EAAA;IAE3C,OAAO,eAAe,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,CAAG,EAAA,GAAG,IAAI,YAAY,CAAA,CAAE,GAAG,GAAG,YAAY,CAAA,CAAA,EAAI,GAAG,CAAA,CAAE,CAAC;AAC/F;;;;"}
+{"version":3,"file":"query.utils.js","sources":["../../../../src/store/utils/query.utils.ts"],"sourcesContent":["import { RelatedTag } from '@empathyco/x-types';\n\n/**\n * Query state type, containing a property to hold the current query of the module.\n *\n * @public\n */\nexport interface QueryState {\n  /** The query of the module. Different modules may have queries that differ in value or time. */\n  query: string;\n}\n\n/**\n * The {@link QueryState} mutations.\n *\n * @public\n */\nexport interface QueryMutations {\n  /**\n   * Sets the query.\n   *\n   * @param query - The new query.\n   */\n  setQuery(query: string): void;\n}\n\n/**\n * Options to create a getter that combines the query with the selected related tags.\n *\n * @public\n */\nexport interface CreateRelatedTagsQueryGetterOptions<State, Getters> {\n  /**\n   * Retrieves the selected related tags of the module.\n   *\n   * @param state - The state of the module.\n   * @param getters - The getters of the module.\n   * @returns The list of selected related tags.\n   */\n  getRelatedTags: (state: State, getters: Getters) => RelatedTag[];\n}\n\n/**\n * Sets the query of the module.\n *\n * @param state - State of the module.\n * @param query - The new query to set.\n * @public\n */\nexport function setQuery(state: QueryState, query: string): void {\n  state.query = query;\n}\n\n/**\n * Creates a getter that combines the current selected related tags and the query of the module.\n *\n * @param options - Options on how the getter should behave.\n * @returns A getter that combines the selected related tags with the query.\n * @public\n */\nexport function createRelatedTagsQueryGetter<State extends QueryState, Getters>({\n  getRelatedTags\n}: CreateRelatedTagsQueryGetterOptions<State, Getters>): (\n  state: State,\n  getters: Getters\n) => string {\n  return function relatedTagsQuery(state, getters) {\n    const query = state.query.trim();\n    return query ? getRelatedTags(state, getters).reduce(concatRelatedTag, query).trim() : '';\n  };\n}\n\n/**\n * Joins a query and a related tag respecting the tag position.\n *\n * @param partialQuery - The query to concatenate the related tag with.\n * @param relatedTag - The related tag to concatenate.\n * @returns The query and the related tag joined.\n * @internal\n */\nfunction concatRelatedTag(\n  partialQuery: string,\n  { tag, query: relatedTagQuery }: RelatedTag\n): string {\n  return relatedTagQuery.startsWith(tag) ? `${tag} ${partialQuery}` : `${partialQuery} ${tag}`;\n}\n"],"names":[],"mappings":"AA0CA;;;;;;AAMG;AACa,SAAA,QAAQ,CAAC,KAAiB,EAAE,KAAa,EAAA;AACvD,IAAA,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;AACtB,CAAC;AAED;;;;;;AAMG;AACa,SAAA,4BAA4B,CAAoC,EAC9E,cAAc,EACsC,EAAA;AAIpD,IAAA,OAAO,SAAS,gBAAgB,CAAC,KAAK,EAAE,OAAO,EAAA;QAC7C,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QACjC,OAAO,KAAK,GAAG,cAAc,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,MAAM,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC;AAC5F,KAAC,CAAC;AACJ,CAAC;AAED;;;;;;;AAOG;AACH,SAAS,gBAAgB,CACvB,YAAoB,EACpB,EAAE,GAAG,EAAE,KAAK,EAAE,eAAe,EAAc,EAAA;IAE3C,OAAO,eAAe,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,CAAG,EAAA,GAAG,IAAI,YAAY,CAAA,CAAE,GAAG,GAAG,YAAY,CAAA,CAAA,EAAI,GAAG,CAAA,CAAE,CAAC;AAC/F;;;;"}

package/js/store/utils/status-store.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"status-store.utils.js","sources":["../../../../src/store/utils/status-store.utils.ts"],"sourcesContent":["/**\n * Status state type, containing a property to hold the status property.\n *\n * @public\n */\nexport interface StatusState {\n  /** The request status. Useful for changing the displayed component depending on whether the\n   * request has succeeded, has not been fulfilled or has failed. */\n  status: RequestStatus;\n}\n\n/**\n * Status mutations, containing a method to change the current status.\n *\n * @public\n */\nexport interface StatusMutations {\n  /**\n   * Sets the request status.\n   *\n   * @param status - The new request status.\n   */\n  setStatus(status: RequestStatus): void;\n}\n\n/**\n * The possible status of a request:\n * - Success: The request has resolved successfully.\n * - Loading: The request is in process, waiting for a response.\n * - Error: The request has failed.\n *\n * @public\n */\nexport type RequestStatus = 'success' | 'loading' | 'error' | 'initial';\n\n/**\n * Sets the request status. Can be used as a mutation.\n *\n * @param state - The {@link https://vuex.vuejs.org/guide/state.html | state} provided by Vuex.\n * @param status - The new request status.\n * @public\n */\nexport function setStatus(state: StatusState, status: RequestStatus): void {\n  state.status = status;\n}\n"],"names":[],"mappings":"AAmCA;;;;;;AAMG;AACa,SAAA,SAAS,CAAC,KAAkB,EAAE,MAAqB,EAAA;AACjE,IAAA,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;AACxB;;;;"}
+{"version":3,"file":"status-store.utils.js","sources":["../../../../src/store/utils/status-store.utils.ts"],"sourcesContent":["/**\n * Status state type, containing a property to hold the status property.\n *\n * @public\n */\nexport interface StatusState {\n  /**\n   * The request status. Useful for changing the displayed component depending on whether the\n   * request has succeeded, has not been fulfilled or has failed.\n   */\n  status: RequestStatus;\n}\n\n/**\n * Status mutations, containing a method to change the current status.\n *\n * @public\n */\nexport interface StatusMutations {\n  /**\n   * Sets the request status.\n   *\n   * @param status - The new request status.\n   */\n  setStatus(status: RequestStatus): void;\n}\n\n/**\n * The possible status of a request:\n * - Success: The request has resolved successfully.\n * - Loading: The request is in process, waiting for a response.\n * - Error: The request has failed.\n *\n * @public\n */\nexport type RequestStatus = 'success' | 'loading' | 'error' | 'initial';\n\n/**\n * Sets the request status. Can be used as a mutation.\n *\n * @param state - The {@link https://vuex.vuejs.org/guide/state.html | state} provided by Vuex.\n * @param status - The new request status.\n * @public\n */\nexport function setStatus(state: StatusState, status: RequestStatus): void {\n  state.status = status;\n}\n"],"names":[],"mappings":"AAqCA;;;;;;AAMG;AACa,SAAA,SAAS,CAAC,KAAkB,EAAE,MAAqB,EAAA;AACjE,IAAA,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;AACxB;;;;"}

package/js/store/x.module.js

@@ -5,27 +5,7 @@
  * @internal
  */
 const RootXStoreModule = {
-    state: () => ({
-        device: null,
-        empathize: null,
-        extraParams: null,
-        facets: null,
-        historyQueries: null,
-        identifierResults: null,
-        nextQueries: null,
-        popularSearches: null,
-        queriesPreview: null,
-        querySuggestions: null,
-        recommendations: null,
-        relatedTags: null,
-        scroll: null,
-        search: null,
-        searchBox: null,
-        semanticQueries: null,
-        tagging: null,
-        url: null,
-        experienceControls: null
-    }),
+    state: () => ({}),
     namespaced: true
 };
 

package/js/store/x.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"x.module.js","sources":["../../../src/store/x.module.ts"],"sourcesContent":["import { Module } from 'vuex';\nimport { RootXStoreState } from './store.types';\n\n/**\n * The type of the x module state has a property for each other sub-module assigned to `null`,\n * so we can avoid re-executing getters every time\n * the `store.registerModule` method is called.\n *\n * @internal\n */\nexport type XModuleState = { [Key in keyof RootXStoreState['x']]: null };\n\n/**\n * The main module of the X Store. All of the other {@link XModule | XModules} will be\n * registered as a sub-module of this one.\n *\n * @internal\n */\nexport const RootXStoreModule: Module<XModuleState, any> = {\n  state: () => ({\n    device: null,\n    empathize: null,\n    extraParams: null,\n    facets: null,\n    historyQueries: null,\n    identifierResults: null,\n    nextQueries: null,\n    popularSearches: null,\n    queriesPreview: null,\n    querySuggestions: null,\n    recommendations: null,\n    relatedTags: null,\n    scroll: null,\n    search: null,\n    searchBox: null,\n    semanticQueries: null,\n    tagging: null,\n    url: null,\n    experienceControls: null\n  }),\n  namespaced: true\n};\n"],"names":[],"mappings":"AAYA;;;;;AAKG;AACU,MAAA,gBAAgB,GAA8B;AACzD,IAAA,KAAK,EAAE,OAAO;AACZ,QAAA,MAAM,EAAE,IAAI;AACZ,QAAA,SAAS,EAAE,IAAI;AACf,QAAA,WAAW,EAAE,IAAI;AACjB,QAAA,MAAM,EAAE,IAAI;AACZ,QAAA,cAAc,EAAE,IAAI;AACpB,QAAA,iBAAiB,EAAE,IAAI;AACvB,QAAA,WAAW,EAAE,IAAI;AACjB,QAAA,eAAe,EAAE,IAAI;AACrB,QAAA,cAAc,EAAE,IAAI;AACpB,QAAA,gBAAgB,EAAE,IAAI;AACtB,QAAA,eAAe,EAAE,IAAI;AACrB,QAAA,WAAW,EAAE,IAAI;AACjB,QAAA,MAAM,EAAE,IAAI;AACZ,QAAA,MAAM,EAAE,IAAI;AACZ,QAAA,SAAS,EAAE,IAAI;AACf,QAAA,eAAe,EAAE,IAAI;AACrB,QAAA,OAAO,EAAE,IAAI;AACb,QAAA,GAAG,EAAE,IAAI;AACT,QAAA,kBAAkB,EAAE,IAAI;KACzB,CAAC;AACF,IAAA,UAAU,EAAE,IAAI;;;;;"}
+{"version":3,"file":"x.module.js","sources":["../../../src/store/x.module.ts"],"sourcesContent":["import { Module } from 'vuex';\nimport { RootXStoreState } from './store.types';\n\n/**\n * The type of the x module state has a property for each other sub-module assigned to `null`,\n * so we can avoid re-executing getters every time\n * the `store.registerModule` method is called.\n *\n * @internal\n */\nexport type XModuleState = { [Key in keyof RootXStoreState['x']]: null };\n\n/**\n * The main module of the X Store. All of the other {@link XModule | XModules} will be\n * registered as a sub-module of this one.\n *\n * @internal\n */\nexport const RootXStoreModule: Module<any, any> = {\n  state: () => ({}),\n  namespaced: true\n};\n"],"names":[],"mappings":"AAYA;;;;;AAKG;AACU,MAAA,gBAAgB,GAAqB;AAChD,IAAA,KAAK,EAAE,OAAO,EAAE,CAAC;AACjB,IAAA,UAAU,EAAE,IAAI;;;;;"}

package/js/utils/currency-formatter.js.map

@@ -1 +1 @@
-{"version":3,"file":"currency-formatter.js","sources":["../../../src/utils/currency-formatter.ts"],"sourcesContent":["/**\n * Regex to detect the format.\n */\nconst FORMAT_REGEX = /(i([^id]+))?i+(([^id?]+)(d+)(\\?)?)?/;\n\n/**\n * Configuration for format currency.\n */\ninterface CurrencyConfig {\n  /** The character between a group of three integer 'i's and the following one. */\n  integerSeparator: string;\n  /** The character between a group of three integer 'i's and the following one. It also\n   * supports more than one single character. */\n  decimalSeparator: string;\n  /** Length of decimals numbers. It counts the number of 'd's after the integer part. */\n  decimalsNumber: number;\n  /** Boolean value to hide or show the decimal part when it has 0. */\n  hideIntegerDecimals: boolean;\n}\n\n/**\n * Parts of number: integer and decimal.\n */\ninterface NumberParts {\n  /** Integer part of the number as string. */\n  integer: string;\n  /** Decimal part of the number as string. */\n  decimal: string;\n}\n\n/**\n * Format a value with a given format.\n *\n * @param value - Numeric value to be formatted.\n * @param format - Format or mask to be defined as string.\n *\n * @remarks\n * Format:\n * - Use 'i' to define integer numbers.\n * - Use 'd' to define decimal numbers. You can define the length of the decimal part. If the\n * doesn't include decimals, it is filled with zeros until reach the length defined with 'd's.\n * - Integer separator must be defined between the 3rd and the 4th integer 'i' of a group.\n * - Decimal separator must be defined between the last 'i' and the first 'd'. It can be more\n * than one character.\n * - Set whatever you need around the integers and decimals marks.\n * - Default mask: 'i.iii,dd' which returns '1.345,67'.\n * - If you want to hide the decimal part if it's zero (non significant), you can add the `?` symbol\n * after the decimal characters (e.g. 'i.iii,dd?', for `1234` you would get `1.234` instead of\n * `1.234,00`). It defines the value of `hideIntegerDecimals`:\n * - If true (exists) and the value is an integer without decimals, the decimal non significant\n * zeroes are hidden.\n * - If false, the default behaviour will fill with zeros the remaining length until getting\n * the one defined with the 'd's.\n *\n * @returns Formatted number.\n *\n * @public\n */\nexport function currencyFormatter(value: number, format = 'i.iii,dd'): string {\n  const { integer, decimal } = numberParts(value);\n  const { decimalSeparator, decimalsNumber, integerSeparator, hideIntegerDecimals } =\n    currencyConfig(format);\n\n  const formattedInteger = formatInteger(integer, integerSeparator);\n  const formattedDecimal = formatDecimal(decimal, {\n    decimalsNumber,\n    hideIntegerDecimals,\n    decimalSeparator\n  });\n  return format.replace(FORMAT_REGEX, `${formattedInteger}${formattedDecimal}`);\n}\n\n/**\n * Returns the formatted integer part. This computed returns:\n * - integer part with the integer separator added.\n *\n * @param integer - Integer value as a string.\n * @param integerSeparator - Separator to apply in the integer side.\n *\n * The regexp adds the integer separator for each thousand group (each 3 numbers).\n *\n * @returns Formatted integer.\n *\n * @internal\n */\nfunction formatInteger(integer: string, integerSeparator: string): string {\n  return integer.replace(/\\B(?=(\\d{3})+(?!\\d))/g, integerSeparator);\n}\n\n/**\n * Returns the formatted decimal. This computed returns:\n * - decimal part filled with zeros until complete remaining slots defined with the decimal\n * length in the format.\n * - decimal part truncated. The decimal numbers length, defined with the number of 'd's in the\n * format prop. This must MATCH with the number of decimals provided from the adapter.\n *\n * @param decimal - Decimal part as a string.\n * @param CurrencyConfig - From which the `decimalsNumber`, `decimalsSeparator` and\n * `hideIntegerDecimals` are obtained.\n *\n * @returns Formatted integer.\n *\n * @internal\n */\nfunction formatDecimal(\n  decimal: string,\n  {\n    decimalsNumber,\n    decimalSeparator,\n    hideIntegerDecimals\n  }: Omit<CurrencyConfig, 'integerSeparator'>\n): string {\n  return hideIntegerDecimals && !+decimal\n    ? ''\n    : `${decimalSeparator}${decimal.padEnd(decimalsNumber, '0').substring(0, decimalsNumber)}`;\n}\n\n/**\n * Function that divide fhe format passed as value for get integerSeparator, decimalSeparator\n * and decimalsNumber.\n *\n * @param format - Format or mask to apply to the value.\n *\n * @returns Object with properties of the currency config.\n *\n * @internal\n */\nfunction currencyConfig(format: string): CurrencyConfig {\n  const [\n    ,\n    ,\n    integerSeparator = '',\n    ,\n    decimalSeparator = '',\n    decimals = '',\n    hideIntegerDecimals = ''\n  ] = FORMAT_REGEX.exec(format) ?? [];\n  return {\n    integerSeparator,\n    decimalSeparator,\n    decimalsNumber: decimals.length,\n    hideIntegerDecimals: !!hideIntegerDecimals\n  };\n}\n\n/**\n * Divide the number in two parts by separator '.', one of them is the integer number and other\n * the decimals numbers.\n *\n * @param value - Numeric value to be formatted.\n *\n * @returns Parts of number.\n *\n * @internal\n */\nfunction numberParts(value: number): NumberParts {\n  const [integer, decimal = ''] = `${value}`.split('.');\n  return {\n    integer,\n    decimal\n  };\n}\n"],"names":[],"mappings":"AAAA;;AAEG;AACH,MAAM,YAAY,GAAG,qCAAqC,CAAC;AA2B3D;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BG;SACa,iBAAiB,CAAC,KAAa,EAAE,MAAM,GAAG,UAAU,EAAA;IAClE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;AAChD,IAAA,MAAM,EAAE,gBAAgB,EAAE,cAAc,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,GAC/E,cAAc,CAAC,MAAM,CAAC,CAAC;IAEzB,MAAM,gBAAgB,GAAG,aAAa,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAAC;AAClE,IAAA,MAAM,gBAAgB,GAAG,aAAa,CAAC,OAAO,EAAE;QAC9C,cAAc;QACd,mBAAmB;QACnB,gBAAgB;AACjB,KAAA,CAAC,CAAC;AACH,IAAA,OAAO,MAAM,CAAC,OAAO,CAAC,YAAY,EAAE,CAAG,EAAA,gBAAgB,CAAG,EAAA,gBAAgB,CAAE,CAAA,CAAC,CAAC;AAChF,CAAC;AAED;;;;;;;;;;;;AAYG;AACH,SAAS,aAAa,CAAC,OAAe,EAAE,gBAAwB,EAAA;IAC9D,OAAO,OAAO,CAAC,OAAO,CAAC,uBAAuB,EAAE,gBAAgB,CAAC,CAAC;AACpE,CAAC;AAED;;;;;;;;;;;;;;AAcG;AACH,SAAS,aAAa,CACpB,OAAe,EACf,EACE,cAAc,EACd,gBAAgB,EAChB,mBAAmB,EACsB,EAAA;AAE3C,IAAA,OAAO,mBAAmB,IAAI,CAAC,CAAC,OAAO;AACrC,UAAE,EAAE;UACF,GAAG,gBAAgB,CAAA,EAAG,OAAO,CAAC,MAAM,CAAC,cAAc,EAAE,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,cAAc,CAAC,EAAE,CAAC;AAC/F,CAAC;AAED;;;;;;;;;AASG;AACH,SAAS,cAAc,CAAC,MAAc,EAAA;AACpC,IAAA,MAAM,KAGJ,gBAAgB,GAAG,EAAE,IAErB,gBAAgB,GAAG,EAAE,EACrB,QAAQ,GAAG,EAAE,EACb,mBAAmB,GAAG,EAAE,CACzB,GAAG,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;IACpC,OAAO;QACL,gBAAgB;QAChB,gBAAgB;QAChB,cAAc,EAAE,QAAQ,CAAC,MAAM;QAC/B,mBAAmB,EAAE,CAAC,CAAC,mBAAmB;KAC3C,CAAC;AACJ,CAAC;AAED;;;;;;;;;AASG;AACH,SAAS,WAAW,CAAC,KAAa,EAAA;AAChC,IAAA,MAAM,CAAC,OAAO,EAAE,OAAO,GAAG,EAAE,CAAC,GAAG,CAAG,EAAA,KAAK,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACtD,OAAO;QACL,OAAO;QACP,OAAO;KACR,CAAC;AACJ;;;;"}
+{"version":3,"file":"currency-formatter.js","sources":["../../../src/utils/currency-formatter.ts"],"sourcesContent":["/**\n * Regex to detect the format.\n */\nconst FORMAT_REGEX = /(i([^id]+))?i+(([^id?]+)(d+)(\\?)?)?/;\n\n/**\n * Configuration for format currency.\n */\ninterface CurrencyConfig {\n  /** The character between a group of three integer 'i's and the following one. */\n  integerSeparator: string;\n  /**\n   * The character between a group of three integer 'i's and the following one. It also\n   * supports more than one single character.\n   */\n  decimalSeparator: string;\n  /** Length of decimals numbers. It counts the number of 'd's after the integer part. */\n  decimalsNumber: number;\n  /** Boolean value to hide or show the decimal part when it has 0. */\n  hideIntegerDecimals: boolean;\n}\n\n/**\n * Parts of number: integer and decimal.\n */\ninterface NumberParts {\n  /** Integer part of the number as string. */\n  integer: string;\n  /** Decimal part of the number as string. */\n  decimal: string;\n}\n\n/**\n * Format a value with a given format.\n *\n * @param value - Numeric value to be formatted.\n * @param format - Format or mask to be defined as string.\n *\n * @remarks\n * Format:\n * - Use 'i' to define integer numbers.\n * - Use 'd' to define decimal numbers. You can define the length of the decimal part. If the\n * doesn't include decimals, it is filled with zeros until reach the length defined with 'd's.\n * - Integer separator must be defined between the 3rd and the 4th integer 'i' of a group.\n * - Decimal separator must be defined between the last 'i' and the first 'd'. It can be more\n * than one character.\n * - Set whatever you need around the integers and decimals marks.\n * - Default mask: 'i.iii,dd' which returns '1.345,67'.\n * - If you want to hide the decimal part if it's zero (non significant), you can add the `?` symbol\n * after the decimal characters (e.g. 'i.iii,dd?', for `1234` you would get `1.234` instead of\n * `1.234,00`). It defines the value of `hideIntegerDecimals`:\n * - If true (exists) and the value is an integer without decimals, the decimal non significant\n * zeroes are hidden.\n * - If false, the default behaviour will fill with zeros the remaining length until getting\n * the one defined with the 'd's.\n *\n * @returns Formatted number.\n *\n * @public\n */\nexport function currencyFormatter(value: number, format = 'i.iii,dd'): string {\n  const { integer, decimal } = numberParts(value);\n  const { decimalSeparator, decimalsNumber, integerSeparator, hideIntegerDecimals } =\n    currencyConfig(format);\n\n  const formattedInteger = formatInteger(integer, integerSeparator);\n  const formattedDecimal = formatDecimal(decimal, {\n    decimalsNumber,\n    hideIntegerDecimals,\n    decimalSeparator\n  });\n  return format.replace(FORMAT_REGEX, `${formattedInteger}${formattedDecimal}`);\n}\n\n/**\n * Returns the formatted integer part. This computed returns:\n * - integer part with the integer separator added.\n *\n * @param integer - Integer value as a string.\n * @param integerSeparator - Separator to apply in the integer side.\n *\n * The regexp adds the integer separator for each thousand group (each 3 numbers).\n *\n * @returns Formatted integer.\n *\n * @internal\n */\nfunction formatInteger(integer: string, integerSeparator: string): string {\n  return integer.replace(/\\B(?=(\\d{3})+(?!\\d))/g, integerSeparator);\n}\n\n/**\n * Returns the formatted decimal. This computed returns:\n * - decimal part filled with zeros until complete remaining slots defined with the decimal\n * length in the format.\n * - decimal part truncated. The decimal numbers length, defined with the number of 'd's in the\n * format prop. This must MATCH with the number of decimals provided from the adapter.\n *\n * @param decimal - Decimal part as a string.\n * @param CurrencyConfig - From which the `decimalsNumber`, `decimalsSeparator` and\n * `hideIntegerDecimals` are obtained.\n *\n * @returns Formatted integer.\n *\n * @internal\n */\nfunction formatDecimal(\n  decimal: string,\n  {\n    decimalsNumber,\n    decimalSeparator,\n    hideIntegerDecimals\n  }: Omit<CurrencyConfig, 'integerSeparator'>\n): string {\n  return hideIntegerDecimals && !+decimal\n    ? ''\n    : `${decimalSeparator}${decimal.padEnd(decimalsNumber, '0').substring(0, decimalsNumber)}`;\n}\n\n/**\n * Function that divide fhe format passed as value for get integerSeparator, decimalSeparator\n * and decimalsNumber.\n *\n * @param format - Format or mask to apply to the value.\n *\n * @returns Object with properties of the currency config.\n *\n * @internal\n */\nfunction currencyConfig(format: string): CurrencyConfig {\n  const [\n    ,\n    ,\n    integerSeparator = '',\n    ,\n    decimalSeparator = '',\n    decimals = '',\n    hideIntegerDecimals = ''\n  ] = FORMAT_REGEX.exec(format) ?? [];\n  return {\n    integerSeparator,\n    decimalSeparator,\n    decimalsNumber: decimals.length,\n    hideIntegerDecimals: !!hideIntegerDecimals\n  };\n}\n\n/**\n * Divide the number in two parts by separator '.', one of them is the integer number and other\n * the decimals numbers.\n *\n * @param value - Numeric value to be formatted.\n *\n * @returns Parts of number.\n *\n * @internal\n */\nfunction numberParts(value: number): NumberParts {\n  const [integer, decimal = ''] = `${value}`.split('.');\n  return {\n    integer,\n    decimal\n  };\n}\n"],"names":[],"mappings":"AAAA;;AAEG;AACH,MAAM,YAAY,GAAG,qCAAqC,CAAC;AA6B3D;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BG;SACa,iBAAiB,CAAC,KAAa,EAAE,MAAM,GAAG,UAAU,EAAA;IAClE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;AAChD,IAAA,MAAM,EAAE,gBAAgB,EAAE,cAAc,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,GAC/E,cAAc,CAAC,MAAM,CAAC,CAAC;IAEzB,MAAM,gBAAgB,GAAG,aAAa,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAAC;AAClE,IAAA,MAAM,gBAAgB,GAAG,aAAa,CAAC,OAAO,EAAE;QAC9C,cAAc;QACd,mBAAmB;QACnB,gBAAgB;AACjB,KAAA,CAAC,CAAC;AACH,IAAA,OAAO,MAAM,CAAC,OAAO,CAAC,YAAY,EAAE,CAAG,EAAA,gBAAgB,CAAG,EAAA,gBAAgB,CAAE,CAAA,CAAC,CAAC;AAChF,CAAC;AAED;;;;;;;;;;;;AAYG;AACH,SAAS,aAAa,CAAC,OAAe,EAAE,gBAAwB,EAAA;IAC9D,OAAO,OAAO,CAAC,OAAO,CAAC,uBAAuB,EAAE,gBAAgB,CAAC,CAAC;AACpE,CAAC;AAED;;;;;;;;;;;;;;AAcG;AACH,SAAS,aAAa,CACpB,OAAe,EACf,EACE,cAAc,EACd,gBAAgB,EAChB,mBAAmB,EACsB,EAAA;AAE3C,IAAA,OAAO,mBAAmB,IAAI,CAAC,CAAC,OAAO;AACrC,UAAE,EAAE;UACF,GAAG,gBAAgB,CAAA,EAAG,OAAO,CAAC,MAAM,CAAC,cAAc,EAAE,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,cAAc,CAAC,EAAE,CAAC;AAC/F,CAAC;AAED;;;;;;;;;AASG;AACH,SAAS,cAAc,CAAC,MAAc,EAAA;AACpC,IAAA,MAAM,KAGJ,gBAAgB,GAAG,EAAE,IAErB,gBAAgB,GAAG,EAAE,EACrB,QAAQ,GAAG,EAAE,EACb,mBAAmB,GAAG,EAAE,CACzB,GAAG,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;IACpC,OAAO;QACL,gBAAgB;QAChB,gBAAgB;QAChB,cAAc,EAAE,QAAQ,CAAC,MAAM;QAC/B,mBAAmB,EAAE,CAAC,CAAC,mBAAmB;KAC3C,CAAC;AACJ,CAAC;AAED;;;;;;;;;AASG;AACH,SAAS,WAAW,CAAC,KAAa,EAAA;AAChC,IAAA,MAAM,CAAC,OAAO,EAAE,OAAO,GAAG,EAAE,CAAC,GAAG,CAAG,EAAA,KAAK,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACtD,OAAO;QACL,OAAO;QACP,OAAO;KACR,CAAC;AACJ;;;;"}

package/js/utils/html.js

@@ -26,7 +26,27 @@ function isElementEqualOrContained(a, b) {
  */
 function getTargetElement(event) {
     return event.composedPath()[0];
+}
+/**
+ * Retrieves the currently active element from the specified document or shadow root.
+ * This function is recursive to handle nested shadow DOMs, ensuring the actual active
+ * element is returned even if it resides deep within multiple shadow DOM layers.
+ *
+ * @param root - The root document or shadow root from which to retrieve the active element.
+ * Defaults to the global document if not specified.
+ * @returns The active element if one exists, or null if no active element can be found.
+ * In the context of shadow DOM, this will return the deepest active element
+ * within nested shadow roots.
+ *
+ * @public
+ */
+function getActiveElement(root = document) {
+    let current = root.activeElement;
+    while (current?.shadowRoot) {
+        current = current.shadowRoot.activeElement;
+    }
+    return current;
 }
 
-export { getTargetElement, isElementEqualOrContained };
+export { getActiveElement, getTargetElement, isElementEqualOrContained };
 //# sourceMappingURL=html.js.map

package/js/utils/html.js.map

@@ -1 +1 @@
-{"version":3,"file":"html.js","sources":["../../../src/utils/html.ts"],"sourcesContent":["/**\n * Returns true if the two elements are the same, or if `b` is a child of `a`.\n *\n * @param a - The element to check if it is equal to `b` or if it contains `b`.\n * @param b - The element to check if it is equal to `a` or contained inside it.\n * @returns True if `a` is equal to `b` or if it contains `b`.\n *\n * @public\n */\nexport function isElementEqualOrContained(a: Element, b: Element): boolean {\n  return a === b || a.contains(b);\n}\n\n/**\n * Returns the target element for a given event. The target element is obtained from `composedPath`\n * Event method because if the event is triggered inside a Shadow DOM context, `event.target` points\n * to Shadow DOM element, not the element that triggered the event. `composedPath` method also is\n * available in a non-shadow DOM context.\n *\n * @remarks In a shadow DOM context, this function only works if the Shadow DOM uses `open`\n * encapsulation mode.\n *\n * @param event - Event which takes place in the DOM.\n * @returns Target Element of the event.\n *\n * @public\n */\nexport function getTargetElement(event: Event): Element {\n  return event.composedPath()[0] as Element;\n}\n"],"names":[],"mappings":"AAAA;;;;;;;;AAQG;AACa,SAAA,yBAAyB,CAAC,CAAU,EAAE,CAAU,EAAA;IAC9D,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;AAClC,CAAC;AAED;;;;;;;;;;;;;AAaG;AACG,SAAU,gBAAgB,CAAC,KAAY,EAAA;AAC3C,IAAA,OAAO,KAAK,CAAC,YAAY,EAAE,CAAC,CAAC,CAAY,CAAC;AAC5C;;;;"}
+{"version":3,"file":"html.js","sources":["../../../src/utils/html.ts"],"sourcesContent":["/**\n * Returns true if the two elements are the same, or if `b` is a child of `a`.\n *\n * @param a - The element to check if it is equal to `b` or if it contains `b`.\n * @param b - The element to check if it is equal to `a` or contained inside it.\n * @returns True if `a` is equal to `b` or if it contains `b`.\n *\n * @public\n */\nexport function isElementEqualOrContained(a: Element, b: Element): boolean {\n  return a === b || a.contains(b);\n}\n\n/**\n * Returns the target element for a given event. The target element is obtained from `composedPath`\n * Event method because if the event is triggered inside a Shadow DOM context, `event.target` points\n * to Shadow DOM element, not the element that triggered the event. `composedPath` method also is\n * available in a non-shadow DOM context.\n *\n * @remarks In a shadow DOM context, this function only works if the Shadow DOM uses `open`\n * encapsulation mode.\n *\n * @param event - Event which takes place in the DOM.\n * @returns Target Element of the event.\n *\n * @public\n */\nexport function getTargetElement(event: Event): Element {\n  return event.composedPath()[0] as Element;\n}\n\n/**\n * Retrieves the currently active element from the specified document or shadow root.\n * This function is recursive to handle nested shadow DOMs, ensuring the actual active\n * element is returned even if it resides deep within multiple shadow DOM layers.\n *\n * @param root - The root document or shadow root from which to retrieve the active element.\n * Defaults to the global document if not specified.\n * @returns The active element if one exists, or null if no active element can be found.\n * In the context of shadow DOM, this will return the deepest active element\n * within nested shadow roots.\n *\n * @public\n */\nexport function getActiveElement(root: Document | ShadowRoot = document): Element | null {\n  let current = root.activeElement;\n  while (current?.shadowRoot) {\n    current = current.shadowRoot.activeElement;\n  }\n  return current;\n}\n"],"names":[],"mappings":"AAAA;;;;;;;;AAQG;AACa,SAAA,yBAAyB,CAAC,CAAU,EAAE,CAAU,EAAA;IAC9D,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;AAClC,CAAC;AAED;;;;;;;;;;;;;AAaG;AACG,SAAU,gBAAgB,CAAC,KAAY,EAAA;AAC3C,IAAA,OAAO,KAAK,CAAC,YAAY,EAAE,CAAC,CAAC,CAAY,CAAC;AAC5C,CAAC;AAED;;;;;;;;;;;;AAYG;AACa,SAAA,gBAAgB,CAAC,IAAA,GAA8B,QAAQ,EAAA;AACrE,IAAA,IAAI,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC;IACjC,OAAO,OAAO,EAAE,UAAU,EAAE;AAC1B,QAAA,OAAO,GAAG,OAAO,CAAC,UAAU,CAAC,aAAa,CAAC;AAC5C,KAAA;AACD,IAAA,OAAO,OAAO,CAAC;AACjB;;;;"}

package/js/wiring/namespaced-wires.operators.js.map

@@ -1 +1 @@
-{"version":3,"file":"namespaced-wires.operators.js","sources":["../../../src/wiring/namespaced-wires.operators.ts"],"sourcesContent":["import { XModuleName } from '../x-modules/x-modules.types';\nimport { NamespacedTimeWireOperator } from './namespaced-wiring.types';\nimport { debounce, throttle } from './wires.operators';\nimport { getStateAndGettersFromModule } from './wiring.utils';\n\n/**\n * Type safe debounce operator which creates a function which can only access the Module of\n * the {@link https://vuex.vuejs.org/ | Vuex} Store passed as parameter.\n *\n * @param moduleName - The {@link XModuleName} to create the operator wire.\n * @returns A function which creates a wire that uses the {@link debounce} wire operator to\n * execute the `wire` after the time has passed without invoking it. This debounce time\n * is given by the execution of the `timeRetrieving` function.\n *\n * @public\n */\nexport function namespacedDebounce<ModuleName extends XModuleName>(\n  moduleName: ModuleName\n): NamespacedTimeWireOperator<ModuleName> {\n  return createNamespacedTimeWireOperator(moduleName, debounce);\n}\n\n/**\n * Type safe throttle operator which creates a function which can only access the Module of\n * the {@link https://vuex.vuejs.org/ | Vuex} Store passed as parameter.\n *\n * @param moduleName - The {@link XModuleName} to create the operator wire.\n * @returns A function which creates a wire that uses the {@link throttle} wire operator to\n * execute the `wire` once every couple of milliseconds. This throttle time is given by\n * the execution of the `timeRetrieving` function.\n *\n * @public\n */\nexport function namespacedThrottle<ModuleName extends XModuleName>(\n  moduleName: ModuleName\n): NamespacedTimeWireOperator<ModuleName> {\n  return createNamespacedTimeWireOperator(moduleName, throttle);\n}\n\n/**\n * Creates a function which creates a namespaced wire that uses the {@link debounce} or\n * {@link throttle} time wire operator.\n *\n * @param moduleName - The {@link XModuleName} to create the operator wire.\n * @param timingOperator - The time wire operator {@link debounce} or {@link throttle}.\n * @returns A function which creates a namespaced time wire operator.\n *\n * @internal\n */\nfunction createNamespacedTimeWireOperator<ModuleName extends XModuleName>(\n  moduleName: ModuleName,\n  timingOperator: typeof throttle | typeof debounce\n): NamespacedTimeWireOperator<ModuleName> {\n  return (wire, timeSelector, options) =>\n    timingOperator(\n      wire,\n      ({ state, getters }) =>\n        timeSelector(getStateAndGettersFromModule(state, getters, moduleName)),\n      options\n    );\n}\n"],"names":[],"mappings":";;;AAKA;;;;;;;;;;AAUG;AACG,SAAU,kBAAkB,CAChC,UAAsB,EAAA;AAEtB,IAAA,OAAO,gCAAgC,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;AAChE,CAAC;AAED;;;;;;;;;;AAUG;AACG,SAAU,kBAAkB,CAChC,UAAsB,EAAA;AAEtB,IAAA,OAAO,gCAAgC,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;AAChE,CAAC;AAED;;;;;;;;;AASG;AACH,SAAS,gCAAgC,CACvC,UAAsB,EACtB,cAAiD,EAAA;AAEjD,IAAA,OAAO,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,KACjC,cAAc,CACZ,IAAI,EACJ,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KACjB,YAAY,CAAC,4BAA4B,CAAC,KAAK,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,EACxE,OAAO,CACR,CAAC;AACN;;;;"}
+{"version":3,"file":"namespaced-wires.operators.js","sources":["../../../src/wiring/namespaced-wires.operators.ts"],"sourcesContent":["import { Dictionary } from '@empathyco/x-utils';\nimport { XModuleName } from '../x-modules/x-modules.types';\nimport { NamespacedTimeWireOperator } from './namespaced-wiring.types';\nimport { debounce, throttle } from './wires.operators';\nimport { getStateAndGettersFromModule } from './wiring.utils';\n\n/**\n * Type safe debounce operator which creates a function which can only access the Module of\n * the {@link https://vuex.vuejs.org/ | Vuex} Store passed as parameter.\n *\n * @param moduleName - The {@link XModuleName} to create the operator wire.\n * @returns A function which creates a wire that uses the {@link debounce} wire operator to\n * execute the `wire` after the time has passed without invoking it. This debounce time\n * is given by the execution of the `timeRetrieving` function.\n *\n * @public\n */\nexport function namespacedDebounce<ModuleName extends XModuleName>(\n  moduleName: ModuleName\n): NamespacedTimeWireOperator<ModuleName> {\n  return createNamespacedTimeWireOperator(moduleName, debounce);\n}\n\n/**\n * Type safe throttle operator which creates a function which can only access the Module of\n * the {@link https://vuex.vuejs.org/ | Vuex} Store passed as parameter.\n *\n * @param moduleName - The {@link XModuleName} to create the operator wire.\n * @returns A function which creates a wire that uses the {@link throttle} wire operator to\n * execute the `wire` once every couple of milliseconds. This throttle time is given by\n * the execution of the `timeRetrieving` function.\n *\n * @public\n */\nexport function namespacedThrottle<ModuleName extends XModuleName>(\n  moduleName: ModuleName\n): NamespacedTimeWireOperator<ModuleName> {\n  return createNamespacedTimeWireOperator(moduleName, throttle);\n}\n\n/**\n * Creates a function which creates a namespaced wire that uses the {@link debounce} or\n * {@link throttle} time wire operator.\n *\n * @param moduleName - The {@link XModuleName} to create the operator wire.\n * @param timingOperator - The time wire operator {@link debounce} or {@link throttle}.\n * @returns A function which creates a namespaced time wire operator.\n *\n * @internal\n */\nfunction createNamespacedTimeWireOperator<ModuleName extends XModuleName>(\n  moduleName: ModuleName,\n  timingOperator: typeof throttle | typeof debounce\n): NamespacedTimeWireOperator<ModuleName> {\n  return (wire, timeSelector, options) =>\n    timingOperator(\n      wire,\n      ({ state, getters }) =>\n        timeSelector(getStateAndGettersFromModule(state, getters as Dictionary, moduleName)),\n      options\n    );\n}\n"],"names":[],"mappings":";;;AAMA;;;;;;;;;;AAUG;AACG,SAAU,kBAAkB,CAChC,UAAsB,EAAA;AAEtB,IAAA,OAAO,gCAAgC,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;AAChE,CAAC;AAED;;;;;;;;;;AAUG;AACG,SAAU,kBAAkB,CAChC,UAAsB,EAAA;AAEtB,IAAA,OAAO,gCAAgC,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;AAChE,CAAC;AAED;;;;;;;;;AASG;AACH,SAAS,gCAAgC,CACvC,UAAsB,EACtB,cAAiD,EAAA;AAEjD,IAAA,OAAO,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,KACjC,cAAc,CACZ,IAAI,EACJ,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KACjB,YAAY,CAAC,4BAA4B,CAAC,KAAK,EAAE,OAAqB,EAAE,UAAU,CAAC,CAAC,EACtF,OAAO,CACR,CAAC;AACN;;;;"}

package/js/wiring/wiring.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"wiring.utils.js","sources":["../../../src/wiring/wiring.utils.ts"],"sourcesContent":["import { Store } from 'vuex';\nimport { RootXStoreState, StoreModuleStateAndGetters } from '../store/store.types';\nimport { getGettersProxy } from '../store/utils/getters-proxy.utils';\nimport { ExtractState, XModuleName } from '../x-modules/x-modules.types';\nimport { Wiring } from './wiring.types';\n\n/**\n * Util function to generate type-safe wiring.\n * If TypeScript ever accepts the PR about generic type inference this function can be removed.\n *\n * @param wiring - The wiring to create.\n * @returns Type-safe wiring.\n *\n * @public\n */\nexport function createWiring<T extends Partial<Wiring>>(wiring: T): T {\n  return wiring;\n}\n\n/**\n * Returns an object with the getters and state of a module of store defined by the moduleName\n * parameter.\n *\n * @param state - The Vuex store State.\n * @param getters - The Vuex store Getters.\n * @param moduleName - The {@link XModuleName} of the module.\n * @returns The {@link StoreModuleStateAndGetters} with the Getters and the State of the\n * {@link XStoreModule | Store Module} defined by moduleName.\n *\n * @public\n */\nexport function getStateAndGettersFromModule<ModuleName extends XModuleName>(\n  state: RootXStoreState,\n  getters: Pick<Store<any>, 'getters'>,\n  moduleName: ModuleName\n): StoreModuleStateAndGetters<ModuleName> {\n  return {\n    state: state.x[moduleName] as unknown as ExtractState<ModuleName>,\n    getters: getGettersProxy(getters, moduleName)\n  };\n}\n"],"names":[],"mappings":";;AAMA;;;;;;;;AAQG;AACG,SAAU,YAAY,CAA4B,MAAS,EAAA;AAC/D,IAAA,OAAO,MAAM,CAAC;AAChB,CAAC;AAED;;;;;;;;;;;AAWG;SACa,4BAA4B,CAC1C,KAAsB,EACtB,OAAoC,EACpC,UAAsB,EAAA;IAEtB,OAAO;AACL,QAAA,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,UAAU,CAAwC;AACjE,QAAA,OAAO,EAAE,eAAe,CAAC,OAAO,EAAE,UAAU,CAAC;KAC9C,CAAC;AACJ;;;;"}
+{"version":3,"file":"wiring.utils.js","sources":["../../../src/wiring/wiring.utils.ts"],"sourcesContent":["import { Dictionary } from '@empathyco/x-utils';\nimport { RootXStoreState, StoreModuleStateAndGetters } from '../store/store.types';\nimport { getGettersProxy } from '../store/utils/getters-proxy.utils';\nimport { ExtractState, XModuleName } from '../x-modules/x-modules.types';\nimport { Wiring } from './wiring.types';\n\n/**\n * Util function to generate type-safe wiring.\n * If TypeScript ever accepts the PR about generic type inference this function can be removed.\n *\n * @param wiring - The wiring to create.\n * @returns Type-safe wiring.\n *\n * @public\n */\nexport function createWiring<T extends Partial<Wiring>>(wiring: T): T {\n  return wiring;\n}\n\n/**\n * Returns an object with the getters and state of a module of store defined by the moduleName\n * parameter.\n *\n * @param state - The Vuex store State.\n * @param getters - The Vuex store Getters.\n * @param moduleName - The {@link XModuleName} of the module.\n * @returns The {@link StoreModuleStateAndGetters} with the Getters and the State of the\n * {@link XStoreModule | Store Module} defined by moduleName.\n *\n * @public\n */\nexport function getStateAndGettersFromModule<ModuleName extends XModuleName>(\n  state: RootXStoreState,\n  getters: Dictionary,\n  moduleName: ModuleName\n): StoreModuleStateAndGetters<ModuleName> {\n  return {\n    state: state.x[moduleName] as unknown as ExtractState<ModuleName>,\n    getters: getGettersProxy(getters, moduleName)\n  };\n}\n"],"names":[],"mappings":";;AAMA;;;;;;;;AAQG;AACG,SAAU,YAAY,CAA4B,MAAS,EAAA;AAC/D,IAAA,OAAO,MAAM,CAAC;AAChB,CAAC;AAED;;;;;;;;;;;AAWG;SACa,4BAA4B,CAC1C,KAAsB,EACtB,OAAmB,EACnB,UAAsB,EAAA;IAEtB,OAAO;AACL,QAAA,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,UAAU,CAAwC;AACjE,QAAA,OAAO,EAAE,eAAe,CAAC,OAAO,EAAE,UAAU,CAAC;KAC9C,CAAC;AACJ;;;;"}