@empathyco/x-components 3.0.0-alpha.30 → 3.0.0-alpha.301

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

@@ -1,4 +1,3 @@
-import { __assign } from 'tslib';
 import { getXComponentXModuleName, isXComponent } from '../components/x-component.utils.js';
 import { getAliasAPI } from './x-plugin.alias.js';
 
@@ -12,20 +11,20 @@ import { getAliasAPI } from './x-plugin.alias.js';
  * @returns Mixin options which registers the component as X-Component and the $x.
  * @internal
  */
-var createXComponentAPIMixin = function (bus) { return ({
+const createXComponentAPIMixin = (bus) => ({
     inject: {
         $location: {
             from: 'location',
             default: undefined
         }
     },
-    created: function () {
+    beforeCreate() {
         this.xComponent = getRootXComponent(this);
-        var aliasAPI = getAliasAPI(this.$store);
-        var busAPI = getBusAPI(bus, this);
+        const aliasAPI = getAliasAPI(this);
+        const busAPI = getBusAPI(bus, this);
         this.$x = Object.assign(aliasAPI, busAPI);
     }
-}); };
+});
 /**
  * Creates an object containing the API related to the {@link XBus}.
  *
@@ -37,11 +36,9 @@ var createXComponentAPIMixin = function (bus) { return ({
  */
 function getBusAPI(bus, component) {
     return {
-        emit: function (event, payload, metadata) {
-            var _a;
-            if (metadata === void 0) { metadata = {}; }
+        emit: (event, payload, metadata = {}) => {
             bus.emit(event, payload, createWireMetadata(component, metadata));
-            (_a = component.xComponent) === null || _a === void 0 ? void 0 : _a.$emit(event, payload);
+            component.xComponent?.$emit(event, payload);
         },
         on: bus.on.bind(bus)
     };
@@ -55,7 +52,18 @@ function getBusAPI(bus, component) {
  * @internal
  */
 function createWireMetadata(component, metadata) {
-    return __assign({ moduleName: getXComponentXModuleName(component.xComponent), location: component.$location }, metadata);
+    return Object.defineProperties({
+        moduleName: getXComponentXModuleName(component.xComponent),
+        location: component.$location,
+        ...metadata
+    }, {
+        component: {
+            value: component,
+            /* FIX-ME: defining component as a non-enumerable property to ease tests changes due to
+             * cyclic dependencies in Vue component instances. */
+            enumerable: false
+        }
+    });
 }
 /**
  * Given a component, finds the root XComponent in the ancestors hierarchy.
@@ -65,12 +73,13 @@ function createWireMetadata(component, metadata) {
  * @public
  */
 function getRootXComponent(component) {
-    var xComponent;
-    while (component !== undefined && component !== null) {
-        if (isXComponent(component)) {
-            xComponent = component;
+    let xComponent;
+    let currentComponent = component;
+    while (currentComponent != null) {
+        if (isXComponent(currentComponent)) {
+            xComponent = currentComponent;
         }
-        component = component.$parent;
+        currentComponent = currentComponent.$parent;
     }
     return xComponent;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"x-plugin.mixin.js","sources":["../../../src/plugins/x-plugin.mixin.ts"],"sourcesContent":["import Vue, { ComponentOptions } from 'vue';\nimport { XComponent } from '../components/x-component.types';\nimport { getXComponentXModuleName, isXComponent } from '../components/x-component.utils';\nimport { XEvent, XEventPayload } from '../wiring/events.types';\nimport { WireMetadata } from '../wiring/wiring.types';\nimport { FeatureLocation } from '../types/origin';\nimport { XBus } from './x-bus.types';\nimport { getAliasAPI } from './x-plugin.alias';\nimport { XComponentAPI, XComponentBusAPI } from './x-plugin.types';\n\ndeclare module 'vue/types/vue' {\n  export interface Vue {\n    $x: XComponentAPI;\n  }\n}\n\ninterface PrivateExtendedVueComponent extends Vue {\n  $location?: FeatureLocation;\n  xComponent: XComponent | undefined;\n}\n\n/**\n * Vue global mixin that adds a `$x` object to every component with the {@link XComponentAPI}.\n *\n * @remarks It adds an injection property `origin` which value is included in the metadata of each\n * event emitted with `$x.emit`.\n *\n * @param bus - The {@link XBus} to use inside the components for emitting events.\n * @returns Mixin options which registers the component as X-Component and the $x.\n * @internal\n */\nexport const createXComponentAPIMixin = (\n  bus: XBus\n): ComponentOptions<Vue> & ThisType<PrivateExtendedVueComponent> => ({\n  inject: {\n    $location: {\n      from: 'location',\n      default: undefined\n    }\n  },\n  created(): void {\n    this.xComponent = getRootXComponent(this);\n    const aliasAPI = getAliasAPI(this.$store);\n    const busAPI = getBusAPI(bus, this);\n    this.$x = Object.assign(aliasAPI, busAPI);\n  }\n});\n\n/**\n * Creates an object containing the API related to the {@link XBus}.\n *\n * @param bus - The global {@link XBus}.\n * @param component - The component instance.\n *\n * @returns An object containing the {@link XComponentBusAPI}.\n * @internal\n */\nexport function getBusAPI(bus: XBus, component: PrivateExtendedVueComponent): XComponentBusAPI {\n  return {\n    emit: <Event extends XEvent>(\n      event: Event,\n      payload?: XEventPayload<Event>,\n      metadata: Omit<WireMetadata, 'moduleName'> = {}\n    ) => {\n      bus.emit(event, payload as any, createWireMetadata(component, metadata));\n      component.xComponent?.$emit(event, payload);\n    },\n    on: bus.on.bind(bus)\n  };\n}\n\n/**\n * Creates a wire metadata object based on the component and the provided metadata.\n *\n * @param component - The component this metadata belongs to.\n * @param metadata - Additional metadata emitted by the component.\n * @returns A {@link WireMetadata} object.\n * @internal\n */\nfunction createWireMetadata(\n  component: PrivateExtendedVueComponent,\n  metadata: Partial<WireMetadata>\n): WireMetadata {\n  return {\n    moduleName: getXComponentXModuleName(component.xComponent),\n    location: component.$location,\n    ...metadata\n  };\n}\n\n/**\n * Given a component, finds the root XComponent in the ancestors hierarchy.\n *\n * @param component - The component to find its root XComponent.\n * @returns The root XComponent or undefined if it has not.\n * @public\n */\nexport function getRootXComponent(component: Vue): XComponent | undefined {\n  let xComponent: XComponent | undefined;\n  while (component !== undefined && component !== null) {\n    if (isXComponent(component)) {\n      xComponent = component;\n    }\n    component = component.$parent;\n  }\n  return xComponent;\n}\n"],"names":[],"mappings":";;;;AAqBA;;;;;;;;;;IAUa,wBAAwB,GAAG,UACtC,GAAS,IACyD,QAAC;IACnE,MAAM,EAAE;QACN,SAAS,EAAE;YACT,IAAI,EAAE,UAAU;YAChB,OAAO,EAAE,SAAS;SACnB;KACF;IACD,OAAO,EAAP;QACE,IAAI,CAAC,UAAU,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC;QAC1C,IAAM,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC1C,IAAM,MAAM,GAAG,SAAS,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;QACpC,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;KAC3C;CACF,KAAE;AAEH;;;;;;;;;SASgB,SAAS,CAAC,GAAS,EAAE,SAAsC;IACzE,OAAO;QACL,IAAI,EAAE,UACJ,KAAY,EACZ,OAA8B,EAC9B,QAA+C;;YAA/C,yBAAA,EAAA,aAA+C;YAE/C,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,OAAc,EAAE,kBAAkB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;YACzE,MAAA,SAAS,CAAC,UAAU,0CAAE,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;SAC7C;QACD,EAAE,EAAE,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC;KACrB,CAAC;AACJ,CAAC;AAED;;;;;;;;AAQA,SAAS,kBAAkB,CACzB,SAAsC,EACtC,QAA+B;IAE/B,kBACE,UAAU,EAAE,wBAAwB,CAAC,SAAS,CAAC,UAAU,CAAC,EAC1D,QAAQ,EAAE,SAAS,CAAC,SAAS,IAC1B,QAAQ,EACX;AACJ,CAAC;AAED;;;;;;;SAOgB,iBAAiB,CAAC,SAAc;IAC9C,IAAI,UAAkC,CAAC;IACvC,OAAO,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,IAAI,EAAE;QACpD,IAAI,YAAY,CAAC,SAAS,CAAC,EAAE;YAC3B,UAAU,GAAG,SAAS,CAAC;SACxB;QACD,SAAS,GAAG,SAAS,CAAC,OAAO,CAAC;KAC/B;IACD,OAAO,UAAU,CAAC;AACpB;;;;"}
+{"version":3,"file":"x-plugin.mixin.js","sources":["../../../src/plugins/x-plugin.mixin.ts"],"sourcesContent":["import Vue, { ComponentOptions } from 'vue';\nimport { Store } from 'vuex';\nimport { getXComponentXModuleName, isXComponent } from '../components/x-component.utils';\nimport { RootXStoreState } from '../store/store.types';\nimport { XEvent, XEventPayload } from '../wiring/events.types';\nimport { WireMetadata } from '../wiring/wiring.types';\nimport { FeatureLocation } from '../types/origin';\nimport { XModuleName } from '../x-modules/x-modules.types';\nimport { XBus } from './x-bus.types';\nimport { getAliasAPI } from './x-plugin.alias';\nimport { XComponentAPI, XComponentBusAPI } from './x-plugin.types';\n\ndeclare module 'vue/types/vue' {\n  export interface Vue {\n    $x: XComponentAPI;\n  }\n}\n\ndeclare module 'vue/types/options' {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  export interface ComponentOptions<V, Data, Methods, Computed, PropsDef, Props> {\n    xModule?: XModuleName;\n  }\n}\n\ninterface PrivateExtendedVueComponent extends Vue {\n  $location?: FeatureLocation;\n  $store: Store<{ x: Partial<RootXStoreState['x']> }>;\n  xComponent: Vue | undefined;\n}\n\n/**\n * Vue global mixin that adds a `$x` object to every component with the {@link XComponentAPI}.\n *\n * @remarks It adds an injection property `origin` which value is included in the metadata of each\n * event emitted with `$x.emit`.\n *\n * @param bus - The {@link XBus} to use inside the components for emitting events.\n * @returns Mixin options which registers the component as X-Component and the $x.\n * @internal\n */\nexport const createXComponentAPIMixin = (\n  bus: XBus\n): ComponentOptions<Vue> & ThisType<PrivateExtendedVueComponent> => ({\n  inject: {\n    $location: {\n      from: 'location',\n      default: undefined\n    }\n  },\n  beforeCreate(this: PrivateExtendedVueComponent) {\n    this.xComponent = getRootXComponent(this);\n    const aliasAPI = getAliasAPI(this);\n    const busAPI = getBusAPI(bus, this);\n    this.$x = Object.assign(aliasAPI, busAPI);\n  }\n});\n\n/**\n * Creates an object containing the API related to the {@link XBus}.\n *\n * @param bus - The global {@link XBus}.\n * @param component - The component instance.\n *\n * @returns An object containing the {@link XComponentBusAPI}.\n * @internal\n */\nexport function getBusAPI(bus: XBus, component: PrivateExtendedVueComponent): XComponentBusAPI {\n  return {\n    emit: <Event extends XEvent>(\n      event: Event,\n      payload?: XEventPayload<Event>,\n      metadata: Omit<WireMetadata, 'moduleName'> = {}\n    ) => {\n      bus.emit(event, payload as any, createWireMetadata(component, metadata));\n      component.xComponent?.$emit(event, payload);\n    },\n    on: bus.on.bind(bus)\n  };\n}\n\n/**\n * Creates a wire metadata object based on the component and the provided metadata.\n *\n * @param component - The component this metadata belongs to.\n * @param metadata - Additional metadata emitted by the component.\n * @returns A {@link WireMetadata} object.\n * @internal\n */\nfunction createWireMetadata(\n  component: PrivateExtendedVueComponent,\n  metadata: Partial<WireMetadata>\n): WireMetadata {\n  return Object.defineProperties(\n    {\n      moduleName: getXComponentXModuleName(component.xComponent),\n      location: component.$location,\n      ...metadata\n    },\n    {\n      component: {\n        value: component,\n        /* FIX-ME: defining component as a non-enumerable property to ease tests changes due to\n         * cyclic dependencies in Vue component instances. */\n        enumerable: false\n      }\n    }\n  );\n}\n\n/**\n * Given a component, finds the root XComponent in the ancestors hierarchy.\n *\n * @param component - The component to find its root XComponent.\n * @returns The root XComponent or undefined if it has not.\n * @public\n */\nexport function getRootXComponent(component: Vue): Vue | undefined {\n  let xComponent: Vue | undefined;\n  let currentComponent: Vue | null = component;\n  while (currentComponent != null) {\n    if (isXComponent(currentComponent)) {\n      xComponent = currentComponent;\n    }\n    currentComponent = currentComponent.$parent;\n  }\n  return xComponent;\n}\n"],"names":[],"mappings":";;;AA+BA;;;;;;;;;AASG;MACU,wBAAwB,GAAG,CACtC,GAAS,MAC0D;AACnE,IAAA,MAAM,EAAE;AACN,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,UAAU;AAChB,YAAA,OAAO,EAAE,SAAS;AACnB,SAAA;AACF,KAAA;IACD,YAAY,GAAA;AACV,QAAA,IAAI,CAAC,UAAU,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC;AAC1C,QAAA,MAAM,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;QACnC,MAAM,MAAM,GAAG,SAAS,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;QACpC,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;KAC3C;AACF,CAAA,EAAE;AAEH;;;;;;;;AAQG;AACa,SAAA,SAAS,CAAC,GAAS,EAAE,SAAsC,EAAA;IACzE,OAAO;QACL,IAAI,EAAE,CACJ,KAAY,EACZ,OAA8B,EAC9B,QAAA,GAA6C,EAAE,KAC7C;AACF,YAAA,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,OAAc,EAAE,kBAAkB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;YACzE,SAAS,CAAC,UAAU,EAAE,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;SAC7C;QACD,EAAE,EAAE,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC;KACrB,CAAC;AACJ,CAAC;AAED;;;;;;;AAOG;AACH,SAAS,kBAAkB,CACzB,SAAsC,EACtC,QAA+B,EAAA;IAE/B,OAAO,MAAM,CAAC,gBAAgB,CAC5B;AACE,QAAA,UAAU,EAAE,wBAAwB,CAAC,SAAS,CAAC,UAAU,CAAC;QAC1D,QAAQ,EAAE,SAAS,CAAC,SAAS;AAC7B,QAAA,GAAG,QAAQ;KACZ,EACD;AACE,QAAA,SAAS,EAAE;AACT,YAAA,KAAK,EAAE,SAAS;AAChB;AACqD;AACrD,YAAA,UAAU,EAAE,KAAK;AAClB,SAAA;AACF,KAAA,CACF,CAAC;AACJ,CAAC;AAED;;;;;;AAMG;AACG,SAAU,iBAAiB,CAAC,SAAc,EAAA;AAC9C,IAAA,IAAI,UAA2B,CAAC;IAChC,IAAI,gBAAgB,GAAe,SAAS,CAAC;IAC7C,OAAO,gBAAgB,IAAI,IAAI,EAAE;AAC/B,QAAA,IAAI,YAAY,CAAC,gBAAgB,CAAC,EAAE;YAClC,UAAU,GAAG,gBAAgB,CAAC;AAC/B,SAAA;AACD,QAAA,gBAAgB,GAAG,gBAAgB,CAAC,OAAO,CAAC;AAC7C,KAAA;AACD,IAAA,OAAO,UAAU,CAAC;AACpB;;;;"}

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

@@ -24,7 +24,7 @@ function assertXPluginOptionsAreValid(options) {
  * @public
  */
 function getGetterPath(moduleName, getterName) {
-    return "x/" + moduleName + "/" + getterName;
+    return `x/${moduleName}/${getterName}`;
 }
 
 export { assertXPluginOptionsAreValid, getGetterPath };

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 */\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;;;;;SAKgB,4BAA4B,CAC1C,OAAmC;IAEnC,IAAI,CAAC,OAAO,EAAE;QACZ,MAAM,IAAI,KAAK;;QAEb,oHAAoH,CACrH,CAAC;KACH;IAED,IAAI,OAAO,CAAC,OAAO,IAAI,IAAI,EAAE;QAC3B,MAAM,IAAI,KAAK;;QAEb,+GAA+G,CAChH,CAAC;KACH;AACH,CAAC;AAED;;;;;;;;SAQgB,aAAa,CAC3B,UAAsB,EACtB,UAA4C;IAE5C,OAAO,OAAK,UAAU,SAAI,UAAsB,CAAC;AACnD;;;;"}
+{"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 */\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;;;;AAIG;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;;;;"}

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

@@ -1,18 +1,18 @@
-import { __assign } from 'tslib';
+import { FOCUSABLE_SELECTORS } from '../utils/focus.js';
 
 /**
  * Implementation of {@link SpatialNavigation} using directional focus.
  *
  * @public
  */
-var DirectionalFocusNavigationService = /** @class */ (function () {
+class DirectionalFocusNavigationService {
     /**
      * Constructor for the {@link DirectionalFocusNavigationService}.
      *
      * @param container - The element that contains the navigable elements.
      * @param focusableSelectors - A comma separated string with the focusable selectors to look up.
      */
-    function DirectionalFocusNavigationService(
+    constructor(
     /**
      * The {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement | HTMLElement} that
      * contains the navigable elements.
@@ -21,10 +21,7 @@ var DirectionalFocusNavigationService = /** @class */ (function () {
     /**
      * Comma separated focusable selectors to look up.
      */
-    // eslint-disable-next-line max-len
-    focusableSelectors) {
-        var _this = this;
-        if (focusableSelectors === void 0) { focusableSelectors = 'a, button, details, input, textarea, select, [tabindex]:not([tabindex="-1"])'; }
+    focusableSelectors = FOCUSABLE_SELECTORS) {
         this.container = container;
         this.focusableSelectors = focusableSelectors;
         /**
@@ -56,10 +53,10 @@ var DirectionalFocusNavigationService = /** @class */ (function () {
          * Set of functions to filter out candidates based on the navigation's direction.
          */
         this.filterFunction = {
-            ArrowUp: function (candidateRect) { return _this.isBelow(_this.originRect, candidateRect); },
-            ArrowRight: function (candidateRect) { return _this.isRightSide(candidateRect, _this.originRect); },
-            ArrowDown: function (candidateRect) { return _this.isBelow(candidateRect, _this.originRect); },
-            ArrowLeft: function (candidateRect) { return _this.isRightSide(_this.originRect, candidateRect); }
+            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)
         };
     }
     /**
@@ -71,21 +68,21 @@ var DirectionalFocusNavigationService = /** @class */ (function () {
      *
      * @returns The element to navigate to.
      */
-    DirectionalFocusNavigationService.prototype.navigateTo = function (arrowKey) {
-        var rawCandidates = this.getFocusableElements();
+    navigateTo(arrowKey) {
+        const rawCandidates = this.getFocusableElements();
         this.direction = arrowKey;
         this.updateOrigin();
         return this.getBestCandidate(rawCandidates);
-    };
+    }
     /**
      * Gets focusable elements within the container.
      *
      * @returns List of focusable elements.
      * @internal
      */
-    DirectionalFocusNavigationService.prototype.getFocusableElements = function () {
+    getFocusableElements() {
         return Array.from(this.container.querySelectorAll(this.focusableSelectors));
-    };
+    }
     /**
      * Updates the origin with the current document active element.
      *
@@ -93,11 +90,11 @@ var DirectionalFocusNavigationService = /** @class */ (function () {
      * This also covers cases when the user might have iterated through the DOM using the TAB or
      * SHIFT+TAB keys.
      */
-    DirectionalFocusNavigationService.prototype.updateOrigin = function () {
-        var newOrigin = document.activeElement;
+    updateOrigin() {
+        const newOrigin = document.activeElement;
         this.origin = newOrigin;
         this.originRect = newOrigin.getBoundingClientRect();
-    };
+    }
     /**
      * Finds the closest candidate to the origin from a list of candidates.
      *
@@ -109,19 +106,18 @@ var DirectionalFocusNavigationService = /** @class */ (function () {
      * @returns The closest candidate to the origin or origin if there's none.
      * @internal
      */
-    DirectionalFocusNavigationService.prototype.getBestCandidate = function (rawCandidates) {
-        var _this = this;
-        var candidates = this.filterCandidates(rawCandidates);
-        var bestCandidate = this.origin;
-        candidates.reduce(function (bestCurrentScore, candidate) {
-            var bestScore = Math.min(bestCurrentScore, _this.getDistanceScore(candidate));
+    getBestCandidate(rawCandidates) {
+        const candidates = this.filterCandidates(rawCandidates);
+        let bestCandidate = this.origin;
+        candidates.reduce((bestCurrentScore, candidate) => {
+            const bestScore = Math.min(bestCurrentScore, this.getDistanceScore(candidate));
             if (bestScore !== bestCurrentScore) {
                 bestCandidate = candidate;
             }
             return bestScore;
         }, Number.MAX_SAFE_INTEGER);
         return bestCandidate;
-    };
+    }
     /**
      * Filters out candidates that can't be candidates based on the direction of the navigation and
      * if they are visible and enabled.
@@ -131,10 +127,9 @@ var DirectionalFocusNavigationService = /** @class */ (function () {
      * @returns List of filtered candidates.
      * @internal
      */
-    DirectionalFocusNavigationService.prototype.filterCandidates = function (rawCandidates) {
-        var _this = this;
-        return rawCandidates.filter(function (candidate) { return _this.isValidCandidate(candidate); });
-    };
+    filterCandidates(rawCandidates) {
+        return rawCandidates.filter(candidate => this.isValidCandidate(candidate));
+    }
     /**
      * Checks if the provided candidate is not the origin, is visible, enabled  and in the correct
      * direction to be a valid candidate.
@@ -143,12 +138,12 @@ var DirectionalFocusNavigationService = /** @class */ (function () {
      * @returns If the candidate is valid for the navigation.
      * @internal
      */
-    DirectionalFocusNavigationService.prototype.isValidCandidate = function (candidate) {
+    isValidCandidate(candidate) {
         return (candidate !== this.origin &&
             this.isCandidateVisible(candidate) &&
             this.hasFocusCompatibleAttributes(candidate) &&
             this.isInNavigateDirection(candidate));
-    };
+    }
     /**
      * Checks if the provided candidate is visible.
      *
@@ -156,12 +151,12 @@ var DirectionalFocusNavigationService = /** @class */ (function () {
      * @returns If the candidate is visible.
      * @internal
      */
-    DirectionalFocusNavigationService.prototype.isCandidateVisible = function (candidate) {
-        var candidateStyle = window.getComputedStyle(candidate, null);
+    isCandidateVisible(candidate) {
+        const candidateStyle = window.getComputedStyle(candidate, null);
         return !!(candidate.offsetWidth &&
             candidate.offsetHeight &&
             candidateStyle.visibility === 'visible');
-    };
+    }
     /**
      * Checks if the provided candidate is disabled and if the tabindex allows the element to be
      * focused.
@@ -170,9 +165,9 @@ var DirectionalFocusNavigationService = /** @class */ (function () {
      * @returns If candidate's attributes allow it to be focused.
      * @internal
      */
-    DirectionalFocusNavigationService.prototype.hasFocusCompatibleAttributes = function (candidate) {
+    hasFocusCompatibleAttributes(candidate) {
         return !candidate.getAttribute('disabled') && candidate.getAttribute('tabindex') !== '-1';
-    };
+    }
     /**
      * Checks if the provided candidate is in the direction the navigation is going.
      *
@@ -180,9 +175,9 @@ var DirectionalFocusNavigationService = /** @class */ (function () {
      * @returns If the candidate is in the correct direction.
      * @internal
      */
-    DirectionalFocusNavigationService.prototype.isInNavigateDirection = function (candidate) {
+    isInNavigateDirection(candidate) {
         return this.filterFunction[this.direction](candidate.getBoundingClientRect());
-    };
+    }
     /**
      * Calculates the candidate's score for it to be the next element to navigateTo to based on a
      * formula that takes into account euclidean distance, displacement, alignment and
@@ -193,19 +188,19 @@ var DirectionalFocusNavigationService = /** @class */ (function () {
      * @returns The candidate score for best candidate.
      * @internal
      */
-    DirectionalFocusNavigationService.prototype.getDistanceScore = function (candidate) {
-        var candidateRect = candidate.getBoundingClientRect();
-        var _a = this.getComparisionPoints(candidateRect), candidatePoint = _a[0], originPoint = _a[1];
-        var absoluteDistances = {
+    getDistanceScore(candidate) {
+        const candidateRect = candidate.getBoundingClientRect();
+        const { 0: candidatePoint, 1: originPoint } = this.getComparisionPoints(candidateRect);
+        const absoluteDistances = {
             x: Math.abs(candidatePoint.x - originPoint.x),
             y: Math.abs(candidatePoint.y - originPoint.y)
         };
-        var euclideanDistance = Math.sqrt(Math.pow(absoluteDistances.x, 2) + Math.pow(absoluteDistances.y, 2));
-        var intersection = this.getIntersection(this.originRect, candidateRect);
-        var _b = this.getDisplacementAndAlignment(candidateRect, intersection, absoluteDistances), displacement = _b.displacement, alignment = _b.alignment;
-        var projectedArea = Math.sqrt(intersection.area) / this.intersectionAreaWeight;
+        const euclideanDistance = Math.sqrt(Math.pow(absoluteDistances.x, 2) + Math.pow(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;
         return euclideanDistance + displacement - alignment - projectedArea;
-    };
+    }
     /**
      * Gets the closest point to origin within the candidate and to the candidate within the origin
      * based on the navigation direction.
@@ -215,13 +210,16 @@ var DirectionalFocusNavigationService = /** @class */ (function () {
      * @returns The candidate's closest Points to the origin.
      * @internal
      */
-    DirectionalFocusNavigationService.prototype.getComparisionPoints = function (candidateRect) {
-        var points = [
+    getComparisionPoints(candidateRect) {
+        const points = [
             { x: 0, y: 0 },
             { x: 0, y: 0 }
         ];
-        return __assign(__assign({}, this.setParallelPointValues(points, candidateRect)), this.setOrthogonalPointValues(points, candidateRect));
-    };
+        return {
+            ...this.setParallelPointValues(points, candidateRect),
+            ...this.setOrthogonalPointValues(points, candidateRect)
+        };
+    }
     /**
      * Set parallel values between candidate and origin based on the navigation direction and
      * returns them.
@@ -232,8 +230,7 @@ var DirectionalFocusNavigationService = /** @class */ (function () {
      * @returns Candidate and origin points with parallel values set.
      * @internal
      */
-    DirectionalFocusNavigationService.prototype.setParallelPointValues = function (_a, candidateRect) {
-        var candidatePoint = _a[0], originPoint = _a[1];
+    setParallelPointValues({ 0: candidatePoint, 1: originPoint }, candidateRect) {
         switch (this.direction) {
             case 'ArrowUp':
                 candidatePoint.y = Math.min(candidateRect.bottom, this.originRect.top);
@@ -253,7 +250,7 @@ var DirectionalFocusNavigationService = /** @class */ (function () {
                 break;
         }
         return [candidatePoint, originPoint];
-    };
+    }
     /**
      * Set orthogonal values between candidate and origin based on the navigation direction and
      * returns them.
@@ -264,8 +261,7 @@ var DirectionalFocusNavigationService = /** @class */ (function () {
      * @returns Candidate and origin points with orthogonal values set.
      * @internal
      */
-    DirectionalFocusNavigationService.prototype.setOrthogonalPointValues = function (_a, candidateRect) {
-        var candidatePoint = _a[0], originPoint = _a[1];
+    setOrthogonalPointValues({ 0: candidatePoint, 1: originPoint }, candidateRect) {
         switch (this.direction) {
             case 'ArrowUp':
             case 'ArrowDown':
@@ -299,7 +295,7 @@ var DirectionalFocusNavigationService = /** @class */ (function () {
                 break;
         }
         return [candidatePoint, originPoint];
-    };
+    }
     /**
      * Calculates the displacement and alignment values for the candidate relative to the origin.
      *
@@ -310,11 +306,11 @@ var DirectionalFocusNavigationService = /** @class */ (function () {
      * @returns Displacement and alignment values.
      * @internal
      */
-    DirectionalFocusNavigationService.prototype.getDisplacementAndAlignment = function (candidateRect, intersection, absoluteDistances) {
-        var areAligned = this.areAligned(this.originRect, candidateRect);
-        var alignBias = 0;
-        var orthogonalBias = 0;
-        var displacement = 0;
+    getDisplacementAndAlignment(candidateRect, intersection, absoluteDistances) {
+        const areAligned = this.areAligned(this.originRect, candidateRect);
+        let alignBias = 0;
+        let orthogonalBias = 0;
+        let displacement = 0;
         switch (this.direction) {
             case 'ArrowUp':
             case 'ArrowDown':
@@ -337,8 +333,8 @@ var DirectionalFocusNavigationService = /** @class */ (function () {
                 displacement = (absoluteDistances.y + orthogonalBias) * this.orthogonalWeightHorizontal;
                 break;
         }
-        return { displacement: displacement, alignment: alignBias * this.alignWeight };
-    };
+        return { displacement, alignment: alignBias * this.alignWeight };
+    }
     /**
      * Calculates the projected intersection between two
      * {@link https://developer.mozilla.org/en-US/docs/Web/API/DOMRect | rects}.
@@ -349,13 +345,13 @@ var DirectionalFocusNavigationService = /** @class */ (function () {
      * @returns The intersection.
      * @internal
      */
-    DirectionalFocusNavigationService.prototype.getIntersection = function (rect1, rect2) {
-        var intersection = { width: 0, height: 0, area: 0 };
-        var topLeftPoint = {
+    getIntersection(rect1, rect2) {
+        const intersection = { width: 0, height: 0, area: 0 };
+        const topLeftPoint = {
             x: Math.max(rect1.left, rect2.left),
             y: Math.max(rect1.top, rect2.top)
         };
-        var bottomRightPoint = {
+        const bottomRightPoint = {
             x: Math.min(rect1.right, rect2.right),
             y: Math.min(rect1.bottom, rect2.bottom)
         };
@@ -365,7 +361,7 @@ var DirectionalFocusNavigationService = /** @class */ (function () {
             intersection.area = intersection.width * intersection.height;
         }
         return intersection;
-    };
+    }
     /**
      * Checks that both DOMRect are aligned based on the provided direction.
      *
@@ -375,11 +371,11 @@ var DirectionalFocusNavigationService = /** @class */ (function () {
      * @returns If the DOMRect are aligned.
      * @internal
      */
-    DirectionalFocusNavigationService.prototype.areAligned = function (rect1, rect2) {
+    areAligned(rect1, rect2) {
         return this.direction === 'ArrowLeft' || this.direction === 'ArrowRight'
             ? rect1.bottom > rect2.top && rect1.top < rect2.bottom
             : rect1.right > rect2.left && rect1.left < rect2.right;
-    };
+    }
     /**
      * Checks that the first DOMRect is below the second one.
      *
@@ -389,13 +385,13 @@ var DirectionalFocusNavigationService = /** @class */ (function () {
      * @returns If it's below.
      * @internal
      */
-    DirectionalFocusNavigationService.prototype.isBelow = function (rect1, rect2) {
+    isBelow(rect1, rect2) {
         return (rect1.top >= rect2.bottom ||
             (rect1.top >= rect2.top &&
                 rect1.bottom > rect2.bottom &&
                 rect1.left < rect2.right &&
                 rect1.right > rect2.left));
-    };
+    }
     /**
      * Checks that the first DOMRect is to the right side of the second one.
      *
@@ -405,15 +401,14 @@ var DirectionalFocusNavigationService = /** @class */ (function () {
      * @returns If it's to the right side.
      * @internal
      */
-    DirectionalFocusNavigationService.prototype.isRightSide = function (rect1, rect2) {
+    isRightSide(rect1, rect2) {
         return (rect1.left >= rect2.right ||
             (rect1.left >= rect2.left &&
                 rect1.right > rect2.right &&
                 rect1.bottom > rect2.top &&
                 rect1.top < rect2.bottom));
-    };
-    return DirectionalFocusNavigationService;
-}());
+    }
+}
 
 export { DirectionalFocusNavigationService };
 //# sourceMappingURL=directional-focus-navigation.service.js.map

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 { 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    // eslint-disable-next-line max-len\n    private readonly focusableSelectors: string = 'a, button, details, input, textarea, select, [tabindex]:not([tabindex=\"-1\"])'\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 {\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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"}