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

package/js/plugins/devtools/timeline.devtools.js.map

@@ -1 +1 @@
-{"version":3,"file":"timeline.devtools.js","sources":["../../../../src/plugins/devtools/timeline.devtools.ts"],"sourcesContent":["import { DevtoolsPluginApi } from '@vue/devtools-api';\nimport { Dictionary } from '@empathyco/x-utils';\nimport { XEvent, XEventPayload } from '../../wiring/events.types';\nimport { WirePayload } from '../../wiring/wiring.types';\nimport { hslToHex } from './colors.utils';\n\n/**\n * Contains the devtools API.\n */\nlet devtoolsAPI: DevtoolsPluginApi<Dictionary> | undefined;\n\n/**\n * List of all the configured timeline layers for {@link XEvent}s.\n */\nconst timelineLayers = [\n  {\n    id: 'x-components-all-events',\n    regex: /^$/,\n    label: 'X events'\n  },\n  {\n    id: 'x-components-module-registered-events',\n    regex: /^ModuleRegistered$/,\n    label: 'X registered modules'\n  },\n  {\n    id: 'x-components-user-events',\n    regex: /^User/,\n    label: 'X user events'\n  },\n\n  {\n    id: 'x-components-request-events',\n    regex: /Request(?:Changed|Updated)$/,\n    label: 'X request events'\n  },\n  {\n    id: 'x-components-status-change-events',\n    regex: /Changed$/,\n    label: 'X status change events'\n  },\n  {\n    id: 'x-components-miscellanea-events',\n    regex: /.*/,\n    label: 'X miscellanea events'\n  }\n];\n\n/** Set containing the different layer ids. */\nconst layerIds = new Set(timelineLayers.map(layer => layer.id));\n\n/**\n * Retrieves the timeline layer that an {@link XEvent} belongs to.\n *\n * @param event - The {@link XEvent} to retrieve its layer id.\n * @returns The layer id for the {@link XEvent}.\n */\nfunction getTimelineLayer(event: XEvent): string {\n  return timelineLayers.find(layer => layer.regex.test(event))!.id;\n}\n\n/**\n * Configures Vue's devtools timeline with new rows for {@link XEvent}s.\n *\n * @param api - Vue's devtools API.\n * @internal\n */\nexport function setupTimelinePlugin(api: DevtoolsPluginApi<Dictionary>): void {\n  devtoolsAPI = api;\n  timelineLayers.forEach(layer =>\n    api.addTimelineLayer({\n      id: layer.id,\n      label: layer.label,\n      color: hslToHex(329, 100, 50)\n    })\n  );\n  api.on.inspectTimelineEvent(payload => {\n    if (layerIds.has(payload.layerId)) {\n      const component = (<WirePayload<unknown>>payload.event.data).metadata.component;\n      if (component) {\n        api.highlightElement(component);\n      }\n    }\n  });\n}\n\n/**\n * Sends the emission of an {@link XEvent} to the devtools.\n *\n * @param event - The emitted {@link XEvent}.\n * @param value - An object containing both the event payload and its metadata.\n * @internal\n */\nexport function logDevtoolsXEvent<Event extends XEvent>(\n  event: Event,\n  value: WirePayload<XEventPayload<Event>>\n): void {\n  if (process.env.NODE_ENV !== 'production' && devtoolsAPI) {\n    const timelineEvent = {\n      title: event,\n      data: {\n        ...value,\n        metadata: {\n          ...value.metadata,\n          // FIX-ME: copying metadata.component as it is defined as a non-enumerable property.\n          component: value.metadata.component\n        }\n      },\n      time: devtoolsAPI.now()\n    };\n    devtoolsAPI.addTimelineEvent({\n      event: timelineEvent,\n      layerId: getTimelineLayer(event)\n    });\n    devtoolsAPI.addTimelineEvent({\n      event: timelineEvent,\n      layerId: 'x-components-all-events'\n    });\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"timeline.devtools.js","sources":["../../../../src/plugins/devtools/timeline.devtools.ts"],"sourcesContent":["import type { Dictionary } from '@empathyco/x-utils'\nimport type { DevtoolsPluginApi } from '@vue/devtools-api'\nimport type { XEvent, XEventPayload } from '../../wiring/events.types'\nimport type { WirePayload } from '../../wiring/wiring.types'\nimport { hslToHex } from './colors.utils'\n\n/**\n * Contains the devtools API.\n */\nlet devtoolsAPI: DevtoolsPluginApi<Dictionary> | undefined\n\n/**\n * List of all the configured timeline layers for {@link XEvent}s.\n */\nconst timelineLayers = [\n  {\n    id: 'x-components-all-events',\n    regex: /^$/,\n    label: 'X events',\n  },\n  {\n    id: 'x-components-module-registered-events',\n    regex: /^ModuleRegistered$/,\n    label: 'X registered modules',\n  },\n  {\n    id: 'x-components-user-events',\n    regex: /^User/,\n    label: 'X user events',\n  },\n\n  {\n    id: 'x-components-request-events',\n    regex: /Request(?:Changed|Updated)$/,\n    label: 'X request events',\n  },\n  {\n    id: 'x-components-status-change-events',\n    regex: /Changed$/,\n    label: 'X status change events',\n  },\n  {\n    id: 'x-components-miscellanea-events',\n    regex: /.*/,\n    label: 'X miscellanea events',\n  },\n]\n\n/** Set containing the different layer ids. */\nconst layerIds = new Set(timelineLayers.map(layer => layer.id))\n\n/**\n * Retrieves the timeline layer that an {@link XEvent} belongs to.\n *\n * @param event - The {@link XEvent} to retrieve its layer id.\n * @returns The layer id for the {@link XEvent}.\n */\nfunction getTimelineLayer(event: XEvent): string {\n  return timelineLayers.find(layer => layer.regex.test(event))!.id\n}\n\n/**\n * Configures Vue's devtools timeline with new rows for {@link XEvent}s.\n *\n * @param api - Vue's devtools API.\n * @internal\n */\nexport function setupTimelinePlugin(api: DevtoolsPluginApi<Dictionary>): void {\n  devtoolsAPI = api\n  timelineLayers.forEach(layer =>\n    api.addTimelineLayer({\n      id: layer.id,\n      label: layer.label,\n      color: hslToHex(329, 100, 50),\n    }),\n  )\n  api.on.inspectTimelineEvent(payload => {\n    if (layerIds.has(payload.layerId)) {\n      const component = (<WirePayload<unknown>>payload.event.data).metadata.component\n      if (component) {\n        api.highlightElement(component)\n      }\n    }\n  })\n}\n\n/**\n * Sends the emission of an {@link XEvent} to the devtools.\n *\n * @param event - The emitted {@link XEvent}.\n * @param value - An object containing both the event payload and its metadata.\n * @internal\n */\nexport function logDevtoolsXEvent<Event extends XEvent>(\n  event: Event,\n  value: WirePayload<XEventPayload<Event>>,\n): void {\n  // eslint-disable-next-line node/prefer-global/process\n  if (process.env.NODE_ENV !== 'production' && devtoolsAPI) {\n    const timelineEvent = {\n      title: event,\n      data: {\n        ...value,\n        metadata: {\n          ...value.metadata,\n          // FIX-ME: copying metadata.component as it is defined as a non-enumerable property.\n          component: value.metadata.component,\n        },\n      },\n      time: devtoolsAPI.now(),\n    }\n    devtoolsAPI.addTimelineEvent({\n      event: timelineEvent,\n      layerId: getTimelineLayer(event),\n    })\n    devtoolsAPI.addTimelineEvent({\n      event: timelineEvent,\n      layerId: 'x-components-all-events',\n    })\n  }\n}\n"],"names":[],"mappings":";;AAMA;;AAEG;AACH,IAAI,WAAsD,CAAA;AAE1D;;AAEG;AACH,MAAM,cAAc,GAAG;AACrB,IAAA;AACE,QAAA,EAAE,EAAE,yBAAyB;AAC7B,QAAA,KAAK,EAAE,IAAI;AACX,QAAA,KAAK,EAAE,UAAU;AAClB,KAAA;AACD,IAAA;AACE,QAAA,EAAE,EAAE,uCAAuC;AAC3C,QAAA,KAAK,EAAE,oBAAoB;AAC3B,QAAA,KAAK,EAAE,sBAAsB;AAC9B,KAAA;AACD,IAAA;AACE,QAAA,EAAE,EAAE,0BAA0B;AAC9B,QAAA,KAAK,EAAE,OAAO;AACd,QAAA,KAAK,EAAE,eAAe;AACvB,KAAA;AAED,IAAA;AACE,QAAA,EAAE,EAAE,6BAA6B;AACjC,QAAA,KAAK,EAAE,6BAA6B;AACpC,QAAA,KAAK,EAAE,kBAAkB;AAC1B,KAAA;AACD,IAAA;AACE,QAAA,EAAE,EAAE,mCAAmC;AACvC,QAAA,KAAK,EAAE,UAAU;AACjB,QAAA,KAAK,EAAE,wBAAwB;AAChC,KAAA;AACD,IAAA;AACE,QAAA,EAAE,EAAE,iCAAiC;AACrC,QAAA,KAAK,EAAE,IAAI;AACX,QAAA,KAAK,EAAE,sBAAsB;AAC9B,KAAA;CACF,CAAA;AAED;AACA,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,IAAI,KAAK,CAAC,EAAE,CAAC,CAAC,CAAA;AAE/D;;;;;AAKG;AACH,SAAS,gBAAgB,CAAC,KAAa,EAAA;AACrC,IAAA,OAAO,cAAc,CAAC,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAE,CAAC,EAAE,CAAA;AAClE,CAAC;AAED;;;;;AAKG;AACG,SAAU,mBAAmB,CAAC,GAAkC,EAAA;IACpE,WAAW,GAAG,GAAG,CAAA;IACjB,cAAc,CAAC,OAAO,CAAC,KAAK,IAC1B,GAAG,CAAC,gBAAgB,CAAC;QACnB,EAAE,EAAE,KAAK,CAAC,EAAE;QACZ,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,KAAK,EAAE,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC;AAC9B,KAAA,CAAC,CACH,CAAA;AACD,IAAA,GAAG,CAAC,EAAE,CAAC,oBAAoB,CAAC,OAAO,IAAG;QACpC,IAAI,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;YACjC,MAAM,SAAS,GAA0B,OAAO,CAAC,KAAK,CAAC,IAAK,CAAC,QAAQ,CAAC,SAAS,CAAA;AAC/E,YAAA,IAAI,SAAS,EAAE;AACb,gBAAA,GAAG,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAA;AAChC,aAAA;AACF,SAAA;AACH,KAAC,CAAC,CAAA;AACJ,CAAC;AAED;;;;;;AAMG;AACa,SAAA,iBAAiB,CAC/B,KAAY,EACZ,KAAwC,EAAA;;IAGxC,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,IAAI,WAAW,EAAE;AACxD,QAAA,MAAM,aAAa,GAAG;AACpB,YAAA,KAAK,EAAE,KAAK;AACZ,YAAA,IAAI,EAAE;AACJ,gBAAA,GAAG,KAAK;AACR,gBAAA,QAAQ,EAAE;oBACR,GAAG,KAAK,CAAC,QAAQ;;AAEjB,oBAAA,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,SAAS;AACpC,iBAAA;AACF,aAAA;AACD,YAAA,IAAI,EAAE,WAAW,CAAC,GAAG,EAAE;SACxB,CAAA;QACD,WAAW,CAAC,gBAAgB,CAAC;AAC3B,YAAA,KAAK,EAAE,aAAa;AACpB,YAAA,OAAO,EAAE,gBAAgB,CAAC,KAAK,CAAC;AACjC,SAAA,CAAC,CAAA;QACF,WAAW,CAAC,gBAAgB,CAAC;AAC3B,YAAA,KAAK,EAAE,aAAa;AACpB,YAAA,OAAO,EAAE,yBAAyB;AACnC,SAAA,CAAC,CAAA;AACH,KAAA;AACH;;;;"}

package/js/plugins/devtools/wiring.devtools.js

@@ -12,6 +12,8 @@ const wiresStatus = {};
  * Creates tags given a node representing a wire.
  *
  * @param node - The inspector node representing a {@link Wire}.
+ * @param node.tags - tags node.
+ * @param node.id - id node.
  * @returns A list of tags for the given node.
  */
 function createWireTags({ tags = [], id }) {
@@ -20,7 +22,7 @@ function createWireTags({ tags = [], id }) {
         newTags.push({
             label: 'disabled',
             backgroundColor: hslToHex(0, 88, 30),
-            textColor: hslToHex(0, 84, 90)
+            textColor: hslToHex(0, 84, 90),
         });
     }
     return newTags;
@@ -35,7 +37,7 @@ function setupWiringDevtools(api) {
     const inspectorId = 'wiring-inspector';
     api.addInspector({
         id: inspectorId,
-        label: 'X-Components Wiring'
+        label: 'X-Components Wiring',
     });
     api.on.getInspectorTree(payload => {
         if (payload.inspectorId !== inspectorId) {
@@ -55,8 +57,8 @@ function setupWiringDevtools(api) {
                     label: event,
                     children: wiresNodes.map(wireNode => ({
                         ...wireNode,
-                        tags: createWireTags(wireNode)
-                    }))
+                        tags: createWireTags(wireNode),
+                    })),
                 });
             }
             return nodes;
@@ -71,13 +73,14 @@ function setupWiringDevtools(api) {
                 {
                     key: 'enabled',
                     value: wiresStatus[payload.nodeId],
-                    editable: true
-                }
-            ]
+                    editable: true,
+                },
+            ],
         };
     });
     api.on.editInspectorState(payload => {
         if (payload.inspectorId === inspectorId) {
+            // eslint-disable-next-line ts/no-unsafe-assignment
             wiresStatus[payload.nodeId] = payload.state.value;
             api.sendInspectorTree(inspectorId);
         }
@@ -92,6 +95,7 @@ function setupWiringDevtools(api) {
  * @internal
  */
 function sendWiringToDevtools(module, wiring) {
+    // eslint-disable-next-line node/prefer-global/process
     if (process.env.NODE_ENV !== 'production') {
         forEach(wiring, (event, wires) => {
             const eventWiring = wiringNodes[event] ?? (wiringNodes[event] = []);
@@ -105,9 +109,9 @@ function sendWiringToDevtools(module, wiring) {
                     tags: [
                         {
                             label: module,
-                            ...moduleColors[module]
-                        }
-                    ]
+                            ...moduleColors[module],
+                        },
+                    ],
                 });
             });
         });

package/js/plugins/devtools/wiring.devtools.js.map

@@ -1 +1 @@
-{"version":3,"file":"wiring.devtools.js","sources":["../../../../src/plugins/devtools/wiring.devtools.ts"],"sourcesContent":["import { Dictionary, forEach, reduce } from '@empathyco/x-utils';\nimport { CustomInspectorNode, DevtoolsPluginApi, InspectorNodeTag } from '@vue/devtools-api';\nimport { XEvent } from '../../wiring/events.types';\nimport { filter } from '../../wiring/wires.operators';\nimport { AnyWire, Wiring } from '../../wiring/wiring.types';\nimport { XModuleName } from '../../x-modules/x-modules.types';\nimport { hslToHex, moduleColors } from './colors.utils';\n\n/** The full list of wiring nodes for the inspector. */\nconst wiringNodes: Partial<Record<XEvent, CustomInspectorNode[]>> = {};\n/**\n * Record of the wires enabled/disabled status.\n */\nconst wiresStatus: Record<string, boolean> = {};\n\n/**\n * Creates tags given a node representing a wire.\n *\n * @param node - The inspector node representing a {@link Wire}.\n * @returns A list of tags for the given node.\n */\nfunction createWireTags({ tags = [], id }: CustomInspectorNode): InspectorNodeTag[] {\n  const newTags: InspectorNodeTag[] = [...tags];\n  if (!wiresStatus[id]) {\n    newTags.push({\n      label: 'disabled',\n      backgroundColor: hslToHex(0, 88, 30),\n      textColor: hslToHex(0, 84, 90)\n    });\n  }\n  return newTags;\n}\n\n/**\n * Setups an inspector in Vue's devtools to show the wiring.\n *\n * @param api - Vue's devtools API.\n * @internal\n */\nexport function setupWiringDevtools(api: DevtoolsPluginApi<Dictionary<unknown>>): void {\n  const inspectorId = 'wiring-inspector';\n  api.addInspector({\n    id: inspectorId,\n    label: 'X-Components Wiring'\n  });\n  api.on.getInspectorTree(payload => {\n    if (payload.inspectorId !== inspectorId) {\n      return;\n    }\n    const query = payload.filter.toLowerCase();\n    payload.rootNodes = reduce(\n      wiringNodes,\n      (nodes, event, eventWires) => {\n        const wiresNodes =\n          /* If there is no active search, or the event name includes the query, we include all the\n            available wires. */\n          !query || event.toLowerCase().includes(query)\n            ? eventWires\n            : eventWires.filter(node =>\n                node.label.toLowerCase().includes(payload.filter.toLowerCase())\n              );\n        if (wiresNodes.length) {\n          nodes.push({\n            id: event,\n            label: event,\n            children: wiresNodes.map(wireNode => ({\n              ...wireNode,\n              tags: createWireTags(wireNode)\n            }))\n          });\n        }\n        return nodes;\n      },\n      <CustomInspectorNode[]>[]\n    );\n  });\n\n  api.on.getInspectorState(payload => {\n    if (payload.inspectorId !== inspectorId) {\n      return;\n    }\n    payload.state = {\n      status: [\n        {\n          key: 'enabled',\n          value: wiresStatus[payload.nodeId],\n          editable: true\n        }\n      ]\n    };\n  });\n\n  api.on.editInspectorState(payload => {\n    if (payload.inspectorId === inspectorId) {\n      wiresStatus[payload.nodeId] = payload.state.value;\n      api.sendInspectorTree(inspectorId);\n    }\n  });\n}\n\n/**\n * Sends the module wiring to Vue's devtools inspector. Additionally, it modifies each wire, adding\n * a filter function to let it be enabled/disabled from the devtools.\n *\n * @param module - The module name this wiring belongs too.\n * @param wiring - The wiring to save.\n * @internal\n */\nexport function sendWiringToDevtools(module: XModuleName, wiring: Partial<Wiring>): void {\n  if (process.env.NODE_ENV !== 'production') {\n    forEach(wiring, (event, wires: Dictionary<AnyWire>) => {\n      const eventWiring = wiringNodes[event] ?? (wiringNodes[event] = []);\n      forEach(wires, (wireName, wire) => {\n        const id = `${module}-${event}-${wireName}`;\n        wiresStatus[id] = true;\n        wires[wireName] = filter(wire, () => wiresStatus[id]);\n        eventWiring.push({\n          id,\n          label: wireName,\n          tags: [\n            {\n              label: module,\n              ...moduleColors[module]\n            }\n          ]\n        });\n      });\n    });\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"wiring.devtools.js","sources":["../../../../src/plugins/devtools/wiring.devtools.ts"],"sourcesContent":["import type { Dictionary } from '@empathyco/x-utils'\nimport type { CustomInspectorNode, DevtoolsPluginApi, InspectorNodeTag } from '@vue/devtools-api'\nimport type { XEvent } from '../../wiring/events.types'\nimport type { AnyWire, Wiring } from '../../wiring/wiring.types'\nimport type { XModuleName } from '../../x-modules/x-modules.types'\nimport { forEach, reduce } from '@empathyco/x-utils'\nimport { filter } from '../../wiring/wires.operators'\nimport { hslToHex, moduleColors } from './colors.utils'\n\n/** The full list of wiring nodes for the inspector. */\nconst wiringNodes: Partial<Record<XEvent, CustomInspectorNode[]>> = {}\n/**\n * Record of the wires enabled/disabled status.\n */\nconst wiresStatus: Record<string, boolean> = {}\n\n/**\n * Creates tags given a node representing a wire.\n *\n * @param node - The inspector node representing a {@link Wire}.\n * @param node.tags - tags node.\n * @param node.id - id node.\n * @returns A list of tags for the given node.\n */\nfunction createWireTags({ tags = [], id }: CustomInspectorNode): InspectorNodeTag[] {\n  const newTags: InspectorNodeTag[] = [...tags]\n  if (!wiresStatus[id]) {\n    newTags.push({\n      label: 'disabled',\n      backgroundColor: hslToHex(0, 88, 30),\n      textColor: hslToHex(0, 84, 90),\n    })\n  }\n  return newTags\n}\n\n/**\n * Setups an inspector in Vue's devtools to show the wiring.\n *\n * @param api - Vue's devtools API.\n * @internal\n */\nexport function setupWiringDevtools(api: DevtoolsPluginApi<Dictionary<unknown>>): void {\n  const inspectorId = 'wiring-inspector'\n  api.addInspector({\n    id: inspectorId,\n    label: 'X-Components Wiring',\n  })\n  api.on.getInspectorTree(payload => {\n    if (payload.inspectorId !== inspectorId) {\n      return\n    }\n    const query = payload.filter.toLowerCase()\n    payload.rootNodes = reduce(\n      wiringNodes,\n      (nodes, event, eventWires) => {\n        const wiresNodes =\n          /* If there is no active search, or the event name includes the query, we include all the\n            available wires. */\n          !query || event.toLowerCase().includes(query)\n            ? eventWires\n            : eventWires.filter(node =>\n                node.label.toLowerCase().includes(payload.filter.toLowerCase()),\n              )\n        if (wiresNodes.length) {\n          nodes.push({\n            id: event,\n            label: event,\n            children: wiresNodes.map(wireNode => ({\n              ...wireNode,\n              tags: createWireTags(wireNode),\n            })),\n          })\n        }\n        return nodes\n      },\n      <CustomInspectorNode[]>[],\n    )\n  })\n\n  api.on.getInspectorState(payload => {\n    if (payload.inspectorId !== inspectorId) {\n      return\n    }\n    payload.state = {\n      status: [\n        {\n          key: 'enabled',\n          value: wiresStatus[payload.nodeId],\n          editable: true,\n        },\n      ],\n    }\n  })\n\n  api.on.editInspectorState(payload => {\n    if (payload.inspectorId === inspectorId) {\n      // eslint-disable-next-line ts/no-unsafe-assignment\n      wiresStatus[payload.nodeId] = payload.state.value\n      api.sendInspectorTree(inspectorId)\n    }\n  })\n}\n\n/**\n * Sends the module wiring to Vue's devtools inspector. Additionally, it modifies each wire, adding\n * a filter function to let it be enabled/disabled from the devtools.\n *\n * @param module - The module name this wiring belongs too.\n * @param wiring - The wiring to save.\n * @internal\n */\nexport function sendWiringToDevtools(module: XModuleName, wiring: Partial<Wiring>): void {\n  // eslint-disable-next-line node/prefer-global/process\n  if (process.env.NODE_ENV !== 'production') {\n    forEach(wiring, (event, wires: Dictionary<AnyWire>) => {\n      const eventWiring = wiringNodes[event] ?? (wiringNodes[event] = [])\n      forEach(wires, (wireName, wire) => {\n        const id = `${module}-${event}-${wireName}`\n        wiresStatus[id] = true\n        wires[wireName] = filter(wire, () => wiresStatus[id])\n        eventWiring.push({\n          id,\n          label: wireName,\n          tags: [\n            {\n              label: module,\n              ...moduleColors[module],\n            },\n          ],\n        })\n      })\n    })\n  }\n}\n"],"names":[],"mappings":"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"}

package/js/plugins/x-bus.js

@@ -2,7 +2,7 @@ import { XPriorityBus } from '@empathyco/x-bus';
 import { logDevtoolsXEvent } from './devtools/timeline.devtools.js';
 
 /**
- * Default {@link @empathyco/x-bus#XBus} implementation.
+ * Default XBus implementation.
  *
  * @public
  */
@@ -16,9 +16,9 @@ const bus = new XPriorityBus({
         Initialized: 64,
         Provided: 128,
         DataReceived: 256,
-        ModuleRegistered: 512
+        ModuleRegistered: 512,
     },
-    emitCallbacks: [logDevtoolsXEvent]
+    emitCallbacks: [logDevtoolsXEvent],
 });
 
 export { bus };

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

@@ -1 +1 @@
-{"version":3,"file":"x-bus.js","sources":["../../../src/plugins/x-bus.ts"],"sourcesContent":["import { XPriorityBus } from '@empathyco/x-bus';\nimport { XEventsTypes } from '../wiring/events.types';\nimport { WireMetadata } from '../wiring/wiring.types';\nimport { logDevtoolsXEvent } from './devtools/timeline.devtools';\n\n/**\n * Default {@link @empathyco/x-bus#XBus} implementation.\n *\n * @public\n */\nexport const bus = new XPriorityBus<XEventsTypes, WireMetadata>({\n  priorities: {\n    Updated: 2,\n    Changed: 4,\n    FromUrl: 8,\n    User: 16,\n    External: 32,\n    Initialized: 64,\n    Provided: 128,\n    DataReceived: 256,\n    ModuleRegistered: 512\n  },\n  emitCallbacks: [logDevtoolsXEvent]\n});\n"],"names":[],"mappings":";;;AAKA;;;;AAIG;AACU,MAAA,GAAG,GAAG,IAAI,YAAY,CAA6B;AAC9D,IAAA,UAAU,EAAE;AACV,QAAA,OAAO,EAAE,CAAC;AACV,QAAA,OAAO,EAAE,CAAC;AACV,QAAA,OAAO,EAAE,CAAC;AACV,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,QAAQ,EAAE,EAAE;AACZ,QAAA,WAAW,EAAE,EAAE;AACf,QAAA,QAAQ,EAAE,GAAG;AACb,QAAA,YAAY,EAAE,GAAG;AACjB,QAAA,gBAAgB,EAAE,GAAG;AACtB,KAAA;IACD,aAAa,EAAE,CAAC,iBAAiB,CAAC;AACnC,CAAA;;;;"}
+{"version":3,"file":"x-bus.js","sources":["../../../src/plugins/x-bus.ts"],"sourcesContent":["import type { XEventsTypes } from '../wiring/events.types'\nimport type { WireMetadata } from '../wiring/wiring.types'\nimport { XPriorityBus } from '@empathyco/x-bus'\nimport { logDevtoolsXEvent } from './devtools/timeline.devtools'\n\n/**\n * Default XBus implementation.\n *\n * @public\n */\nexport const bus = new XPriorityBus<XEventsTypes, WireMetadata>({\n  priorities: {\n    Updated: 2,\n    Changed: 4,\n    FromUrl: 8,\n    User: 16,\n    External: 32,\n    Initialized: 64,\n    Provided: 128,\n    DataReceived: 256,\n    ModuleRegistered: 512,\n  },\n  emitCallbacks: [logDevtoolsXEvent],\n})\n"],"names":[],"mappings":";;;AAKA;;;;AAIG;AACU,MAAA,GAAG,GAAG,IAAI,YAAY,CAA6B;AAC9D,IAAA,UAAU,EAAE;AACV,QAAA,OAAO,EAAE,CAAC;AACV,QAAA,OAAO,EAAE,CAAC;AACV,QAAA,OAAO,EAAE,CAAC;AACV,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,QAAQ,EAAE,EAAE;AACZ,QAAA,WAAW,EAAE,EAAE;AACf,QAAA,QAAQ,EAAE,GAAG;AACb,QAAA,YAAY,EAAE,GAAG;AACjB,QAAA,gBAAgB,EAAE,GAAG;AACtB,KAAA;IACD,aAAa,EAAE,CAAC,iBAAiB,CAAC;AACnC,CAAA;;;;"}

package/js/plugins/x-emitters.js

@@ -6,19 +6,21 @@ import { getGettersProxyFromModule } from '../store/utils/getters-proxy.utils.js
  * changes.
  *
  * @param xModule - The {@link XModule} to register its Store Emitters.
- * @param bus - The {@link @empathyco/x-bus#XBus} to emit the events by the Emitters.
+ * @param bus - The XBus to emit the events by the Emitters.
  * @param store - The Vuex store to access to state and getters to watch them.
- *
  * @internal
  */
 function registerStoreEmitters({ name, storeEmitters, storeModule }, bus, store) {
     const safeGettersProxy = getGettersProxyFromModule(store.getters, name, storeModule);
     forEach(storeEmitters, (event, stateSelector) => {
         const { selector, immediate, filter, metadata, ...options } = normalizeStateSelector(stateSelector);
-        const watcherSelector = () => selector(store.state.x[name], safeGettersProxy);
+        const watcherSelector = () => 
+        // eslint-disable-next-line ts/no-unsafe-return,ts/no-unsafe-member-access
+        selector(store.state.x[name], safeGettersProxy);
         const emit = (newValue, oldValue) => {
+            // eslint-disable-next-line ts/no-unsafe-member-access
             if (filter(newValue, oldValue, store.state.x[name])) {
-                bus.emit(event, newValue, { ...metadata, moduleName: name, oldValue });
+                void bus.emit(event, newValue, { ...metadata, moduleName: name, oldValue });
             }
         };
         store.watch(watcherSelector, emit, options);
@@ -45,9 +47,9 @@ function normalizeStateSelector(stateSelector) {
         immediate: false,
         filter: () => true,
         metadata: {
-            replaceable: true
+            replaceable: true,
         },
-        ...selectorOptions
+        ...selectorOptions,
     };
 }
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"x-emitters.js","sources":["../../../src/plugins/x-emitters.ts"],"sourcesContent":["import { XBus } from '@empathyco/x-bus';\nimport { Dictionary, forEach } from '@empathyco/x-utils';\nimport { Store } from 'vuex';\nimport { getGettersProxyFromModule } from '../store/utils/getters-proxy.utils';\nimport { AnySimpleStateSelector, AnyStateSelector } from '../store/utils/store-emitters.utils';\nimport { XEventPayload, XEventsTypes } from '../wiring/events.types';\nimport { WireMetadata } from '../wiring/wiring.types';\nimport { AnyXModule } from '../x-modules/x-modules.types';\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 * @param bus - The {@link @empathyco/x-bus#XBus} to emit the events by the Emitters.\n * @param store - The Vuex store to access to state and getters to watch them.\n *\n * @internal\n */\nexport function registerStoreEmitters(\n  { name, storeEmitters, storeModule }: AnyXModule,\n  bus: XBus<XEventsTypes, WireMetadata>,\n  store: Store<any>\n): void {\n  const safeGettersProxy = getGettersProxyFromModule(\n    store.getters as Dictionary,\n    name,\n    storeModule\n  );\n  forEach(storeEmitters, (event, stateSelector: AnySimpleStateSelector | AnyStateSelector) => {\n    const { selector, immediate, filter, metadata, ...options } =\n      normalizeStateSelector(stateSelector);\n\n    const watcherSelector = (): XEventPayload<typeof event> =>\n      selector(store.state.x[name], safeGettersProxy);\n    const emit: (\n      newValue: XEventPayload<typeof event>,\n      oldValue?: XEventPayload<typeof event>\n    ) => void = (newValue, oldValue) => {\n      if (filter(newValue, oldValue, store.state.x[name])) {\n        bus.emit(event, newValue, { ...metadata, moduleName: name, oldValue });\n      }\n    };\n\n    store.watch(watcherSelector, emit, options);\n\n    if (immediate) {\n      emit(watcherSelector());\n    }\n  });\n}\n\n/**\n * Transforms a {@link AnySimpleStateSelector} into a {@link AnyStateSelector}, and sets\n * default values for its properties.\n *\n * @param stateSelector - The state selector to normalize.\n * @returns A {@link AnyStateSelector} with all the properties set.\n *\n * @internal\n */\nfunction normalizeStateSelector(stateSelector: AnySimpleStateSelector | AnyStateSelector) {\n  const selectorOptions = isSimpleSelector(stateSelector)\n    ? { selector: stateSelector }\n    : stateSelector;\n\n  return {\n    deep: false,\n    immediate: false,\n    filter: () => true,\n    metadata: {\n      replaceable: true\n    },\n    ...selectorOptions\n  };\n}\n\n/**\n * Checks if the type of the store emitter selector is simple or complex. This selector can be\n * a function if it is simple or an object with the selector and other options if it is complex.\n *\n * @param stateSelector - The store emitter selector.\n * @returns A boolean which flags if the stateSelector is simple (function) or complex (object).\n *\n * @internal\n */\nexport function isSimpleSelector(\n  stateSelector: AnySimpleStateSelector | AnyStateSelector\n): stateSelector is AnySimpleStateSelector {\n  return typeof stateSelector === 'function';\n}\n"],"names":[],"mappings":";;;AASA;;;;;;;;;AASG;AACa,SAAA,qBAAqB,CACnC,EAAE,IAAI,EAAE,aAAa,EAAE,WAAW,EAAc,EAChD,GAAqC,EACrC,KAAiB,EAAA;AAEjB,IAAA,MAAM,gBAAgB,GAAG,yBAAyB,CAChD,KAAK,CAAC,OAAqB,EAC3B,IAAI,EACJ,WAAW,CACZ,CAAC;IACF,OAAO,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,aAAwD,KAAI;AACzF,QAAA,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,OAAO,EAAE,GACzD,sBAAsB,CAAC,aAAa,CAAC,CAAC;AAExC,QAAA,MAAM,eAAe,GAAG,MACtB,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC,CAAC;AAClD,QAAA,MAAM,IAAI,GAGE,CAAC,QAAQ,EAAE,QAAQ,KAAI;AACjC,YAAA,IAAI,MAAM,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE;AACnD,gBAAA,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,GAAG,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;AACxE,aAAA;AACH,SAAC,CAAC;QAEF,KAAK,CAAC,KAAK,CAAC,eAAe,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;AAE5C,QAAA,IAAI,SAAS,EAAE;AACb,YAAA,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC;AACzB,SAAA;AACH,KAAC,CAAC,CAAC;AACL,CAAC;AAED;;;;;;;;AAQG;AACH,SAAS,sBAAsB,CAAC,aAAwD,EAAA;AACtF,IAAA,MAAM,eAAe,GAAG,gBAAgB,CAAC,aAAa,CAAC;AACrD,UAAE,EAAE,QAAQ,EAAE,aAAa,EAAE;UAC3B,aAAa,CAAC;IAElB,OAAO;AACL,QAAA,IAAI,EAAE,KAAK;AACX,QAAA,SAAS,EAAE,KAAK;AAChB,QAAA,MAAM,EAAE,MAAM,IAAI;AAClB,QAAA,QAAQ,EAAE;AACR,YAAA,WAAW,EAAE,IAAI;AAClB,SAAA;AACD,QAAA,GAAG,eAAe;KACnB,CAAC;AACJ,CAAC;AAED;;;;;;;;AAQG;AACG,SAAU,gBAAgB,CAC9B,aAAwD,EAAA;AAExD,IAAA,OAAO,OAAO,aAAa,KAAK,UAAU,CAAC;AAC7C;;;;"}
+{"version":3,"file":"x-emitters.js","sources":["../../../src/plugins/x-emitters.ts"],"sourcesContent":["import type { XBus } from '@empathyco/x-bus'\nimport type { Dictionary } from '@empathyco/x-utils'\nimport type { Store } from 'vuex'\nimport type { AnySimpleStateSelector, AnyStateSelector } from '../store/utils/store-emitters.utils'\nimport type { XEventPayload, XEventsTypes } from '../wiring/events.types'\nimport type { WireMetadata } from '../wiring/wiring.types'\nimport type { AnyXModule } from '../x-modules/x-modules.types'\nimport { forEach } from '@empathyco/x-utils'\nimport { getGettersProxyFromModule } from '../store/utils/getters-proxy.utils'\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 * @param bus - The XBus to emit the events by the Emitters.\n * @param store - The Vuex store to access to state and getters to watch them.\n * @internal\n */\nexport function registerStoreEmitters(\n  { name, storeEmitters, storeModule }: AnyXModule,\n  bus: XBus<XEventsTypes, WireMetadata>,\n  store: Store<any>,\n): void {\n  const safeGettersProxy = getGettersProxyFromModule(store.getters as Dictionary, name, storeModule)\n  forEach(storeEmitters, (event, stateSelector: AnySimpleStateSelector | AnyStateSelector) => {\n    const { selector, immediate, filter, metadata, ...options } =\n      normalizeStateSelector(stateSelector)\n\n    const watcherSelector = (): XEventPayload<typeof event> =>\n      // eslint-disable-next-line ts/no-unsafe-return,ts/no-unsafe-member-access\n      selector(store.state.x[name], safeGettersProxy)\n    const emit: (\n      newValue: XEventPayload<typeof event>,\n      oldValue?: XEventPayload<typeof event>,\n    ) => void = (newValue, oldValue) => {\n      // eslint-disable-next-line ts/no-unsafe-member-access\n      if (filter(newValue, oldValue, store.state.x[name])) {\n        void bus.emit(event, newValue, { ...metadata, moduleName: name, oldValue })\n      }\n    }\n\n    store.watch(watcherSelector, emit, options)\n\n    if (immediate) {\n      emit(watcherSelector())\n    }\n  })\n}\n\n/**\n * Transforms a {@link AnySimpleStateSelector} into a {@link AnyStateSelector}, and sets\n * default values for its properties.\n *\n * @param stateSelector - The state selector to normalize.\n * @returns A {@link AnyStateSelector} with all the properties set.\n *\n * @internal\n */\nfunction normalizeStateSelector(stateSelector: AnySimpleStateSelector | AnyStateSelector) {\n  const selectorOptions = isSimpleSelector(stateSelector)\n    ? { selector: stateSelector }\n    : stateSelector\n\n  return {\n    deep: false,\n    immediate: false,\n    filter: () => true,\n    metadata: {\n      replaceable: true,\n    },\n    ...selectorOptions,\n  }\n}\n\n/**\n * Checks if the type of the store emitter selector is simple or complex. This selector can be\n * a function if it is simple or an object with the selector and other options if it is complex.\n *\n * @param stateSelector - The store emitter selector.\n * @returns A boolean which flags if the stateSelector is simple (function) or complex (object).\n *\n * @internal\n */\nexport function isSimpleSelector(\n  stateSelector: AnySimpleStateSelector | AnyStateSelector,\n): stateSelector is AnySimpleStateSelector {\n  return typeof stateSelector === 'function'\n}\n"],"names":[],"mappings":";;;AAUA;;;;;;;;AAQG;AACa,SAAA,qBAAqB,CACnC,EAAE,IAAI,EAAE,aAAa,EAAE,WAAW,EAAc,EAChD,GAAqC,EACrC,KAAiB,EAAA;AAEjB,IAAA,MAAM,gBAAgB,GAAG,yBAAyB,CAAC,KAAK,CAAC,OAAqB,EAAE,IAAI,EAAE,WAAW,CAAC,CAAA;IAClG,OAAO,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,aAAwD,KAAI;AACzF,QAAA,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,OAAO,EAAE,GACzD,sBAAsB,CAAC,aAAa,CAAC,CAAA;QAEvC,MAAM,eAAe,GAAG;;AAEtB,QAAA,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC,CAAA;AACjD,QAAA,MAAM,IAAI,GAGE,CAAC,QAAQ,EAAE,QAAQ,KAAI;;AAEjC,YAAA,IAAI,MAAM,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE;AACnD,gBAAA,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,GAAG,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAA;AAC5E,aAAA;AACH,SAAC,CAAA;QAED,KAAK,CAAC,KAAK,CAAC,eAAe,EAAE,IAAI,EAAE,OAAO,CAAC,CAAA;AAE3C,QAAA,IAAI,SAAS,EAAE;AACb,YAAA,IAAI,CAAC,eAAe,EAAE,CAAC,CAAA;AACxB,SAAA;AACH,KAAC,CAAC,CAAA;AACJ,CAAC;AAED;;;;;;;;AAQG;AACH,SAAS,sBAAsB,CAAC,aAAwD,EAAA;AACtF,IAAA,MAAM,eAAe,GAAG,gBAAgB,CAAC,aAAa,CAAC;AACrD,UAAE,EAAE,QAAQ,EAAE,aAAa,EAAE;UAC3B,aAAa,CAAA;IAEjB,OAAO;AACL,QAAA,IAAI,EAAE,KAAK;AACX,QAAA,SAAS,EAAE,KAAK;AAChB,QAAA,MAAM,EAAE,MAAM,IAAI;AAClB,QAAA,QAAQ,EAAE;AACR,YAAA,WAAW,EAAE,IAAI;AAClB,SAAA;AACD,QAAA,GAAG,eAAe;KACnB,CAAA;AACH,CAAC;AAED;;;;;;;;AAQG;AACG,SAAU,gBAAgB,CAC9B,aAAwD,EAAA;AAExD,IAAA,OAAO,OAAO,aAAa,KAAK,UAAU,CAAA;AAC5C;;;;"}

package/js/plugins/x-plugin.js

@@ -16,8 +16,8 @@ import { assertXPluginOptionsAreValid } from './x-plugin.utils.js';
  */
 class XPlugin {
     /**
-     * {@link @empathyco/x-typesm#XComponentsAdapter | XComponentsAdapter} Is the middleware
-     * between the components and our API where data can be mapped to client needs.
+     * XComponentsAdapter Is the middleware between the components and our API where data can be
+     * mapped to client needs.
      * This property is only available after installing the plugin.
      *
      * @returns The installed adapter.
@@ -28,7 +28,7 @@ class XPlugin {
         return this.getInstance().adapter;
     }
     /**
-     * Exposed {@link @empathyco/x-bus#XBus}, so any kind of application can subscribe to
+     * Exposed XBus, so any kind of application can subscribe to
      * {@link XEventsTypes} without having to pass through a component.
      * This property is only available after installing the plugin.
      *
@@ -59,29 +59,29 @@ class XPlugin {
      */
     static getInstance() {
         if (!this.instance) {
-            throw Error("XPlugin must be installed before accessing it's API.");
+            throw new Error("XPlugin must be installed before accessing it's API.");
         }
         return this.instance;
     }
     /**
      * Creates a new instance of the XPlugin with the given bus passed as parameter.
      *
-     * @param bus - The {@link @empathyco/x-bus#XBus} implementation to use for the plugin.
+     * @param bus - The XBus implementation to use for the plugin.
      *
      * @public
      */
     constructor(bus) {
         this.wiring = {};
         /**
-         * Set of the already installed {@link XModule | XModules} to avoid re-registering them.
+         * Set of the already installed XModules to avoid re-registering them.
          *
          * @internal
          */
         this.installedXModules = new Set();
         /**
          * True if the plugin has been installed in a Vue instance, in this case
-         * {@link XModule |Xmodules} will be installed immediately. False otherwise, in this case
-         * {@link XModule | XModules} will be installed lazily when the {@link XPlugin#install} method
+         * XModules will be installed immediately. False otherwise, in this case
+         * XModules will be installed lazily when the {@link XPlugin#install} method
          * is called.
          *
          * @internal
@@ -166,7 +166,7 @@ class XPlugin {
             // The wiring must be registered after the store emitters
             // to allow lazy loaded modules work properly.
             this.installedXModules.add(xModule.name);
-            this.bus.emit('ModuleRegistered', xModule.name);
+            void this.bus.emit('ModuleRegistered', xModule.name);
         }
     }
     /**
@@ -174,7 +174,6 @@ class XPlugin {
      *
      * @param xModule - The module to customize.
      * @returns The customized xModule.
-     *
      * @internal
      */
     customizeXModule({ name, wiring, storeModule, storeEmitters, ...restXModule }) {
@@ -182,12 +181,14 @@ class XPlugin {
         const { storeModule: storeModuleOptions, storeEmitters: emittersOptions } = this.options.__PRIVATE__xModules?.[name] ?? {};
         return {
             name,
+            // eslint-disable-next-line ts/no-unsafe-assignment
             wiring: wiringOptions ? deepMerge({}, wiring, wiringOptions) : wiring,
             storeModule: this.customizeStoreModule(storeModule, storeModuleOptions ?? {}, config),
+            // eslint-disable-next-line ts/no-unsafe-assignment
             storeEmitters: emittersOptions
                 ? deepMerge({}, storeEmitters, emittersOptions)
                 : storeEmitters,
-            ...restXModule
+            ...restXModule,
         };
     }
     /**
@@ -195,7 +196,6 @@ class XPlugin {
      * executing each wire.
      *
      * @param xModule - The {@link XModule} to register its wiring.
-     *
      * @internal
      */
     registerWiring({ wiring, name }) {
@@ -213,7 +213,6 @@ class XPlugin {
      * Registers a {@link https://vuex.vuejs.org/ | Vuex} store module under the 'x' module.
      *
      * @param xModule - The {@link XModule} to register its Store Module.
-     *
      * @internal
      */
     registerStoreModule({ name, storeModule }) {
@@ -232,13 +231,15 @@ class XPlugin {
      * @param moduleOptions - The state, actions, mutations and getters to override the defaultModule.
      * @param configOptions - The state config to override the moduleOptions.
      * @returns The {@link XStoreModule} customized.
-     *
      * @internal
      */
     customizeStoreModule({ state: defaultState, ...actionsGettersMutations }, { state: xModuleState, ...newActionsGettersMutations }, configOptions) {
         const configOptionsObject = configOptions ? { config: configOptions } : {};
+        // eslint-disable-next-line ts/no-unsafe-assignment
         const customizedModule = deepMerge({}, actionsGettersMutations, newActionsGettersMutations);
+        // eslint-disable-next-line ts/no-unsafe-assignment,ts/no-unsafe-member-access
         customizedModule.state = deepMerge(defaultState(), xModuleState, configOptionsObject);
+        // eslint-disable-next-line ts/no-unsafe-return
         return customizedModule;
     }
     /**
@@ -246,7 +247,6 @@ class XPlugin {
      * changes.
      *
      * @param xModule - The {@link XModule} to register its Store Emitters.
-     *
      * @internal
      */
     registerStoreEmitters(xModule) {

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 { 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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"}
+{"version":3,"file":"x-plugin.js","sources":["../../../src/plugins/x-plugin.ts"],"sourcesContent":["import type { EventPayload, SubjectPayload, XBus } from '@empathyco/x-bus'\nimport type { XComponentsAdapter } from '@empathyco/x-types'\nimport type { Dictionary } from '@empathyco/x-utils'\nimport type { Observable } from 'rxjs'\nimport type { App } from 'vue'\nimport type { Module, Store } from 'vuex'\nimport type { AnyXStoreModule, RootXStoreState } from '../store/store.types'\nimport type { XEvent, XEventsTypes } from '../wiring/events.types'\nimport type { AnyWire, WireMetadata } from '../wiring/wiring.types'\nimport type { AnyXModule, XModuleName } from '../x-modules/x-modules.types'\nimport type { AnyXStoreModuleOption, XModuleOptions, XPluginOptions } from './x-plugin.types'\nimport { deepMerge } from '@empathyco/x-deep-merge'\nimport { forEach } from '@empathyco/x-utils'\nimport { createStore } from 'vuex'\nimport { cleanGettersProxyCache } from '../store/utils/getters-proxy.utils'\nimport { RootXStoreModule } from '../store/x.module'\nimport { sendWiringToDevtools } from './devtools/wiring.devtools'\nimport { bus } from './x-bus'\nimport { registerStoreEmitters } from './x-emitters'\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   * XComponentsAdapter Is the middleware between the components and our API where data can be\n   * 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 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 new 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 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   * XModules will be installed immediately. False otherwise, in this case\n   * 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 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      void 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   * @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      // eslint-disable-next-line ts/no-unsafe-assignment\n      wiring: wiringOptions ? deepMerge({}, wiring, wiringOptions) : wiring,\n      storeModule: this.customizeStoreModule(storeModule, storeModuleOptions ?? {}, config),\n      // eslint-disable-next-line ts/no-unsafe-assignment\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   * @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   * @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   * @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    // eslint-disable-next-line ts/no-unsafe-assignment\n    const customizedModule = deepMerge({}, actionsGettersMutations, newActionsGettersMutations)\n    // eslint-disable-next-line ts/no-unsafe-assignment,ts/no-unsafe-member-access\n    customizedModule.state = deepMerge(defaultState(), xModuleState, configOptionsObject)\n    // eslint-disable-next-line ts/no-unsafe-return\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   * @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/plugins/x-plugin.utils.js

@@ -6,14 +6,10 @@
  */
 function assertXPluginOptionsAreValid(options) {
     if (!options) {
-        throw new Error(
-        // eslint-disable-next-line max-len
-        'XPlugin needs to be installed with an options object containing at least an adapter. Please provide a valid object');
+        throw new Error('XPlugin needs to be installed with an options object containing at least an adapter. Please provide a valid object');
     }
     if (options.adapter == null) {
-        throw new Error(
-        // eslint-disable-next-line max-len
-        "The options object doesn't seem to have an adapter. Please, create one and pass it through the options object");
+        throw new Error("The options object doesn't seem to have an adapter. Please, create one and pass it through the options object");
     }
 }
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"x-plugin.utils.js","sources":["../../../src/plugins/x-plugin.utils.ts"],"sourcesContent":["import { ExtractGetters, XModuleName } from '../x-modules/x-modules.types';\nimport { XPluginOptions } from './x-plugin.types';\n\n/**\n * Asserts that the passed options object is valid, providing helpful error messages.\n *\n * @param options - The options to check if they are valid.\n * @public\n */\nexport function assertXPluginOptionsAreValid(\n  options: XPluginOptions | undefined\n): asserts options is XPluginOptions {\n  if (!options) {\n    throw new Error(\n      // eslint-disable-next-line max-len\n      'XPlugin needs to be installed with an options object containing at least an adapter. Please provide a valid object'\n    );\n  }\n\n  if (options.adapter == null) {\n    throw new Error(\n      // eslint-disable-next-line max-len\n      \"The options object doesn't seem to have an adapter. Please, create one and pass it through the options object\"\n    );\n  }\n}\n\n/**\n * Generates a getter path string with the module and getter name.\n *\n * @param moduleName - The module name the getter belongs to.\n * @param getterName - The getter name.\n * @returns A string representing the getter path.\n * @public\n */\nexport function getGetterPath<ModuleName extends XModuleName>(\n  moduleName: ModuleName,\n  getterName: keyof ExtractGetters<ModuleName>\n): string {\n  return `x/${moduleName}/${getterName as string}`;\n}\n"],"names":[],"mappings":"AAGA;;;;;AAKG;AACG,SAAU,4BAA4B,CAC1C,OAAmC,EAAA;IAEnC,IAAI,CAAC,OAAO,EAAE;AACZ,QAAA,MAAM,IAAI,KAAK;;AAEb,QAAA,oHAAoH,CACrH,CAAC;AACH,KAAA;AAED,IAAA,IAAI,OAAO,CAAC,OAAO,IAAI,IAAI,EAAE;AAC3B,QAAA,MAAM,IAAI,KAAK;;AAEb,QAAA,+GAA+G,CAChH,CAAC;AACH,KAAA;AACH,CAAC;AAED;;;;;;;AAOG;AACa,SAAA,aAAa,CAC3B,UAAsB,EACtB,UAA4C,EAAA;AAE5C,IAAA,OAAO,CAAK,EAAA,EAAA,UAAU,CAAI,CAAA,EAAA,UAAoB,EAAE,CAAC;AACnD;;;;"}
+{"version":3,"file":"x-plugin.utils.js","sources":["../../../src/plugins/x-plugin.utils.ts"],"sourcesContent":["import type { ExtractGetters, XModuleName } from '../x-modules/x-modules.types'\nimport type { XPluginOptions } from './x-plugin.types'\n\n/**\n * Asserts that the passed options object is valid, providing helpful error messages.\n *\n * @param options - The options to check if they are valid.\n * @public\n */\nexport function assertXPluginOptionsAreValid(\n  options: XPluginOptions | undefined,\n): asserts options is XPluginOptions {\n  if (!options) {\n    throw new Error(\n      'XPlugin needs to be installed with an options object containing at least an adapter. Please provide a valid object',\n    )\n  }\n\n  if (options.adapter == null) {\n    throw new Error(\n      \"The options object doesn't seem to have an adapter. Please, create one and pass it through the options object\",\n    )\n  }\n}\n\n/**\n * Generates a getter path string with the module and getter name.\n *\n * @param moduleName - The module name the getter belongs to.\n * @param getterName - The getter name.\n * @returns A string representing the getter path.\n * @public\n */\nexport function getGetterPath<ModuleName extends XModuleName>(\n  moduleName: ModuleName,\n  getterName: keyof ExtractGetters<ModuleName>,\n): string {\n  return `x/${moduleName}/${getterName as string}`\n}\n"],"names":[],"mappings":"AAGA;;;;;AAKG;AACG,SAAU,4BAA4B,CAC1C,OAAmC,EAAA;IAEnC,IAAI,CAAC,OAAO,EAAE;AACZ,QAAA,MAAM,IAAI,KAAK,CACb,oHAAoH,CACrH,CAAA;AACF,KAAA;AAED,IAAA,IAAI,OAAO,CAAC,OAAO,IAAI,IAAI,EAAE;AAC3B,QAAA,MAAM,IAAI,KAAK,CACb,+GAA+G,CAChH,CAAA;AACF,KAAA;AACH,CAAC;AAED;;;;;;;AAOG;AACa,SAAA,aAAa,CAC3B,UAAsB,EACtB,UAA4C,EAAA;AAE5C,IAAA,OAAO,CAAK,EAAA,EAAA,UAAU,CAAI,CAAA,EAAA,UAAoB,EAAE,CAAA;AAClD;;;;"}

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

@@ -57,7 +57,7 @@ class DirectionalFocusNavigationService {
             ArrowUp: (candidateRect) => this.isBelow(this.originRect, candidateRect),
             ArrowRight: (candidateRect) => this.isRightSide(candidateRect, this.originRect),
             ArrowDown: (candidateRect) => this.isBelow(candidateRect, this.originRect),
-            ArrowLeft: (candidateRect) => this.isRightSide(this.originRect, candidateRect)
+            ArrowLeft: (candidateRect) => this.isRightSide(this.originRect, candidateRect),
         };
     }
     /**
@@ -196,9 +196,9 @@ class DirectionalFocusNavigationService {
         const { 0: candidatePoint, 1: originPoint } = this.getComparisionPoints(candidateRect);
         const absoluteDistances = {
             x: Math.abs(candidatePoint.x - originPoint.x),
-            y: Math.abs(candidatePoint.y - originPoint.y)
+            y: Math.abs(candidatePoint.y - originPoint.y),
         };
-        const euclideanDistance = Math.sqrt(Math.pow(absoluteDistances.x, 2) + Math.pow(absoluteDistances.y, 2));
+        const euclideanDistance = Math.sqrt(absoluteDistances.x ** 2 + absoluteDistances.y ** 2);
         const intersection = this.getIntersection(this.originRect, candidateRect);
         const { displacement, alignment } = this.getDisplacementAndAlignment(candidateRect, intersection, absoluteDistances);
         const projectedArea = Math.sqrt(intersection.area) / this.intersectionAreaWeight;
@@ -216,11 +216,11 @@ class DirectionalFocusNavigationService {
     getComparisionPoints(candidateRect) {
         const points = [
             { x: 0, y: 0 },
-            { x: 0, y: 0 }
+            { x: 0, y: 0 },
         ];
         return {
             ...this.setParallelPointValues(points, candidateRect),
-            ...this.setOrthogonalPointValues(points, candidateRect)
+            ...this.setOrthogonalPointValues(points, candidateRect),
         };
     }
     /**
@@ -229,7 +229,6 @@ class DirectionalFocusNavigationService {
      *
      * @param points - Current values for the candidate and origin's points.
      * @param candidateRect - The DOMRect of the candidate.
-     *
      * @returns Candidate and origin points with parallel values set.
      * @internal
      */
@@ -260,7 +259,6 @@ class DirectionalFocusNavigationService {
      *
      * @param points - Current values for the candidate and origin's points.
      * @param candidateRect - The DOMRect of the candidate.
-     *
      * @returns Candidate and origin points with orthogonal values set.
      * @internal
      */
@@ -352,11 +350,11 @@ class DirectionalFocusNavigationService {
         const intersection = { width: 0, height: 0, area: 0 };
         const topLeftPoint = {
             x: Math.max(rect1.left, rect2.left),
-            y: Math.max(rect1.top, rect2.top)
+            y: Math.max(rect1.top, rect2.top),
         };
         const bottomRightPoint = {
             x: Math.min(rect1.right, rect2.right),
-            y: Math.min(rect1.bottom, rect2.bottom)
+            y: Math.min(rect1.bottom, rect2.bottom),
         };
         intersection.width = Math.abs(topLeftPoint.x - bottomRightPoint.x);
         intersection.height = Math.abs(topLeftPoint.y - bottomRightPoint.y);