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

package/js/x-modules/device/x-module.js

@@ -13,7 +13,7 @@ const deviceXModule = {
     name: 'device',
     storeModule: deviceXStoreModule,
     storeEmitters: deviceEmitters,
-    wiring: deviceWiring
+    wiring: deviceWiring,
 };
 XPlugin.registerXModule(deviceXModule);
 

package/js/x-modules/device/x-module.js.map

@@ -1 +1 @@
-{"version":3,"file":"x-module.js","sources":["../../../../src/x-modules/device/x-module.ts"],"sourcesContent":["import { XModule } from '../x-modules.types';\nimport { XPlugin } from '../../plugins/x-plugin';\nimport { deviceEmitters } from './store/emitters';\nimport { deviceXStoreModule } from './store/module';\nimport { DeviceXStoreModule } from './store/types';\nimport { deviceWiring } from './wiring';\n\n/**\n * Device {@link XModule} alias.\n *\n * @public\n */\nexport type DeviceXModule = XModule<DeviceXStoreModule>;\n\n/**\n * Device {@link XModule} implementation. This module is auto-registered as soon as you\n * import any component from the `device` entry point.\n *\n * @public\n */\nexport const deviceXModule: DeviceXModule = {\n  name: 'device',\n  storeModule: deviceXStoreModule,\n  storeEmitters: deviceEmitters,\n  wiring: deviceWiring\n};\n\nXPlugin.registerXModule(deviceXModule);\n"],"names":[],"mappings":";;;;;AAcA;;;;;AAKG;AACU,MAAA,aAAa,GAAkB;AAC1C,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,WAAW,EAAE,kBAAkB;AAC/B,IAAA,aAAa,EAAE,cAAc;AAC7B,IAAA,MAAM,EAAE,YAAY;EACpB;AAEF,OAAO,CAAC,eAAe,CAAC,aAAa,CAAC;;;;"}
+{"version":3,"file":"x-module.js","sources":["../../../../src/x-modules/device/x-module.ts"],"sourcesContent":["import type { XModule } from '../x-modules.types'\nimport type { DeviceXStoreModule } from './store/types'\nimport { XPlugin } from '../../plugins/x-plugin'\nimport { deviceEmitters } from './store/emitters'\nimport { deviceXStoreModule } from './store/module'\nimport { deviceWiring } from './wiring'\n\n/**\n * Device {@link XModule} alias.\n *\n * @public\n */\nexport type DeviceXModule = XModule<DeviceXStoreModule>\n\n/**\n * Device {@link XModule} implementation. This module is auto-registered as soon as you\n * import any component from the `device` entry point.\n *\n * @public\n */\nexport const deviceXModule: DeviceXModule = {\n  name: 'device',\n  storeModule: deviceXStoreModule,\n  storeEmitters: deviceEmitters,\n  wiring: deviceWiring,\n}\n\nXPlugin.registerXModule(deviceXModule)\n"],"names":[],"mappings":";;;;;AAcA;;;;;AAKG;AACU,MAAA,aAAa,GAAkB;AAC1C,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,WAAW,EAAE,kBAAkB;AAC/B,IAAA,aAAa,EAAE,cAAc;AAC7B,IAAA,MAAM,EAAE,YAAY;EACrB;AAED,OAAO,CAAC,eAAe,CAAC,aAAa,CAAC;;;;"}

package/js/x-modules/empathize/components/empathize.vue.js

@@ -1,5 +1,5 @@
 import _sfc_main from './empathize.vue2.js';
-import { openBlock, createBlock, resolveDynamicComponent, withCtx, withDirectives, createElementVNode, withModifiers, createCommentVNode, renderSlot, vShow } from 'vue';
+import { openBlock, createBlock, resolveDynamicComponent, withCtx, withDirectives, createElementVNode, withModifiers, renderSlot, vShow } from 'vue';
 import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.js';
 
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -9,15 +9,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         "div",
         {
           ref: "empathizeRef",
+          class: "x-empathize",
+          "data-test": "empathize",
           onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
           }, ["prevent"])),
           onFocusin: _cache[1] || (_cache[1] = (...args) => _ctx.open && _ctx.open(...args)),
-          onFocusout: _cache[2] || (_cache[2] = (...args) => _ctx.close && _ctx.close(...args)),
-          class: "x-empathize",
-          "data-test": "empathize"
+          onFocusout: _cache[2] || (_cache[2] = (...args) => _ctx.close && _ctx.close(...args))
         },
         [
-          createCommentVNode(" @slot (Required) Modal container content "),
           renderSlot(_ctx.$slots, "default")
         ],
         544

package/js/x-modules/empathize/components/empathize.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"empathize.vue.js","sources":["../../../../../src/x-modules/empathize/components/empathize.vue"],"sourcesContent":["<template>\n  <component :is=\"animation\">\n    <div\n      v-show=\"isOpen && hasContent\"\n      ref=\"empathizeRef\"\n      @mousedown.prevent\n      @focusin=\"open\"\n      @focusout=\"close\"\n      class=\"x-empathize\"\n      data-test=\"empathize\"\n    >\n      <!-- @slot (Required) Modal container content -->\n      <slot />\n    </div>\n  </component>\n</template>\n\n<script lang=\"ts\">\n  import { defineComponent, PropType, ref } from 'vue';\n  import { NoAnimation } from '../../../components';\n  import { use$x, useDebounce } from '../../../composables';\n  import { AnimationProp } from '../../../types';\n  import { XEvent } from '../../../wiring';\n  import { empathizeXModule } from '../x-module';\n  import { getActiveElement } from '../../../utils/html';\n\n  /**\n   * Component containing the empathize. It has a required slot to define its content and two props\n   * to define when to open and close it: `eventsToOpenEmpathize` and `eventsToCloseEmpathize`.\n   *\n   * @public\n   */\n  export default defineComponent({\n    name: 'Empathize',\n    xModule: empathizeXModule.name,\n    props: {\n      /** Array of {@link XEvent} to open the empathize. */\n      eventsToOpenEmpathize: {\n        type: Array as PropType<XEvent[]>,\n        default: () => ['UserFocusedSearchBox', 'UserIsTypingAQuery', 'UserClickedSearchBox']\n      },\n      /** Array of {@link XEvent} to close the empathize. */\n      eventsToCloseEmpathize: {\n        type: Array as PropType<XEvent[]>,\n        default: () => [\n          'UserClosedEmpathize',\n          'UserSelectedASuggestion',\n          'UserPressedEnterKey',\n          'UserBlurredSearchBox'\n        ]\n      },\n      /** Animation component that will be used to animate the empathize. */\n      animation: {\n        type: AnimationProp,\n        default: () => NoAnimation\n      }\n    },\n    setup(props) {\n      const $x = use$x();\n\n      const empathizeRef = ref<HTMLDivElement>();\n\n      const isOpen = ref(false);\n      const hasContent = ref(!!empathizeRef.value?.children.length);\n\n      /**\n       * Changes the state of {@link Empathize.isOpen} assigning to it the value of `newOpen`\n       * parameter. Also emits the {@link XEvent} `EmpathizeOpened` or `EmpathizeClosed` if\n       * the state really changes.\n       *\n       * @param newOpen - The new open state to assign to {@link Empathize.isOpen}.\n       */\n      const changeOpen = useDebounce((newOpen: boolean) => {\n        if (isOpen.value !== newOpen) {\n          isOpen.value = newOpen;\n          const empathizeEvent = isOpen.value ? 'EmpathizeOpened' : 'EmpathizeClosed';\n          $x.emit(empathizeEvent, undefined, { target: empathizeRef.value });\n        }\n      }, 0);\n\n      /**\n       * Open empathize. This method will be executed on any event in\n       * {@link Empathize.eventsToOpenEmpathize} and on DOM event `focusin` on Empathize root\n       * element.\n       */\n      function open() {\n        hasContent.value = !!empathizeRef.value?.children.length;\n        if (hasContent.value) {\n          changeOpen(true);\n        }\n      }\n\n      /**\n       * Close empathize. This method will be executed on any event in\n       * {@link Empathize.eventsToCloseEmpathize} and on DOM event `focusout` on Empathize root\n       * element.\n       */\n      function close() {\n        const activeElement = getActiveElement();\n        if (!empathizeRef.value?.contains(activeElement)) {\n          changeOpen(false);\n        }\n      }\n\n      props.eventsToOpenEmpathize.forEach(event => $x.on(event, false).subscribe(open));\n      props.eventsToCloseEmpathize.forEach(event => $x.on(event, false).subscribe(close));\n\n      return {\n        close,\n        empathizeRef,\n        hasContent,\n        isOpen,\n        open\n      };\n    }\n  });\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nA list of events that the component will emit:\n\n- [`EmpathizeOpened`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n  the event is emitted after receiving an event to change the state `isOpen` to `true`. The event\n  payload is undefined and can have a metadata with the module and the element that emitted it.\n- [`EmpathizeClosed`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n  the event is emitted after receiving an event to change the state `isOpen` to `false`. The event\n  payload is undefined and can have a metadata with the module and the element that emitted it.\n\n## Examples\n\nThis component will listen to the configured events in `eventsToOpenEmpathize` and\n`eventsToCloseEmpathize` props and open/close itself accordingly. By default, those props values\nare:\n\n- Open: `UserFocusedSearchBox`, `'`UserIsTypingAQuery`, `'`UserClickedSearchBox` and\n- Close: `UserClosedEmpathize`, `UserSelectedASuggestion`, `UserPressedEnter`,\n  'UserBlurredSearchBox`\n\n### Basic examples\n\nThe component rendering the query suggestions, popular searches and history queries with keyboard\nnavigation.\n\n```vue\n<Empathize>\n  <template #default>\n    <BaseKeyboardNavigation>\n      <QuerySuggestions/>\n      <PopularSearches/>\n      <HistoryQueries/>\n    </BaseKeyboardNavigation>\n  </template>\n</Empathize>\n```\n\nDefining custom values for the events to open and close the Empathize. For example opening it when\nthe search box loses the focus and closing it when the search box receives the focus:\n\n```vue\n<Empathize\n  :eventsToOpenEmpathize=\"['UserBlurredSearchBox']\"\n  :eventsToCloseEmpathize=\"['UserFocusedSearchBox']\"\n>\n  <template #default>\n    Please, type a query in the Search Box.\n  </template>\n</Empathize>\n```\n\nAn animation can be used for the opening and closing using the `animation` prop. The animation, must\nbe a Component with a `Transition` with a slot inside:\n\n```vue\n<Empathize :animation=\"collapseFromTop\">\n  <template #default>\n    <PopularSearches/>\n  </template>\n</Empathize>\n```\n</docs>\n"],"names":["_createBlock","_resolveDynamicComponent","_withCtx","_withDirectives","_createElementVNode","_withModifiers","_createCommentVNode","isOpen","hasContent"],"mappings":";;;;SAAA,WAaU,CAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,QAAA,EAAA;sBAXNA,WAWM,CAAAC,uBAAA,CAAA,IAAA,CAAA,SAAA,CAAA,EAAA,IAAA,EAAA;AAAA,IAAA,OAAA,EATAC,OAAc,CAAA,MAAA;AAAA,MACRC,cAAA,CAAAC,kBAAA;AAAA,QAAA,KAAA;AAAA,QALhB;AAAA,UAMO,GAAA,EAAA,cAAA;AAAA,UACA,aAAQ,MAAE,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAAC,aAAA,CAAA,MAAA;AAAA,WAAA,EAAA,CAAA,SAAA,CAAA,CAAA,CAAA;AAAA,UACX,WAAM,MAAa,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA,CAAA,GAAA,IAAA,KAAA,IAAA,CAAA,IAAA,IAAA,IAAA,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA,CAAA;AAAA,UACnB,UAAA,EAAS,OAAC,CAAW,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA,CAAA,GAAA,IAAA,KAAA,IAAA,CAAA,KAAA,IAAA,IAAA,CAAA,KAAA,CAAA,GAAA,IAAA,CAAA,CAAA;AAAA,UAAA,KAAA,EAAA,aAAA;AAErB,UAAA,WAAA,EAAA,WAAA;AAAA,SAAA;AACA,QAAA;AAAA,UAAAC,kBAAA,CAAA,4CAAA,CAAA;qBATQC,IAAUC,CAAAA,MAAAA,EAAAA,SAAAA,CAAAA;AAAAA,SAAAA;;;;;AAHxB,OAAA,CAAA;AAAA,KAAA,CAAA;;;;;;;;;"}
+{"version":3,"file":"empathize.vue.js","sources":["../../../../../src/x-modules/empathize/components/empathize.vue"],"sourcesContent":["<template>\n  <component :is=\"animation\">\n    <div\n      v-show=\"isOpen && hasContent\"\n      ref=\"empathizeRef\"\n      class=\"x-empathize\"\n      data-test=\"empathize\"\n      @mousedown.prevent\n      @focusin=\"open\"\n      @focusout=\"close\"\n    >\n      <!-- @slot (Required) Modal container content -->\n      <slot />\n    </div>\n  </component>\n</template>\n\n<script lang=\"ts\">\nimport type { PropType } from 'vue'\nimport type { XEvent } from '../../../wiring'\nimport { computed, defineComponent, ref } from 'vue'\nimport { NoAnimation } from '../../../components'\nimport { use$x, useDebounce } from '../../../composables'\nimport { AnimationProp } from '../../../types'\nimport { getActiveElement } from '../../../utils/html'\nimport { empathizeXModule } from '../x-module'\n\n/**\n * Component containing the empathize. It has a required slot to define its content and two props\n * to define when to open and close it: `eventsToOpenEmpathize` and `eventsToCloseEmpathize`.\n *\n * @public\n */\nexport default defineComponent({\n  name: 'Empathize',\n  xModule: empathizeXModule.name,\n  props: {\n    /** Array of {@link XEvent} to open the empathize. */\n    eventsToOpenEmpathize: {\n      type: Array as PropType<XEvent[]>,\n      default: () => ['UserFocusedSearchBox', 'UserIsTypingAQuery', 'UserClickedSearchBox'],\n    },\n    /** Array of {@link XEvent} to close the empathize. */\n    eventsToCloseEmpathize: {\n      type: Array as PropType<XEvent[]>,\n      default: () => [\n        'UserClosedEmpathize',\n        'UserSelectedASuggestion',\n        'UserPressedEnterKey',\n        'UserBlurredSearchBox',\n      ],\n    },\n    /** Animation component that will be used to animate the empathize. */\n    animation: {\n      type: AnimationProp,\n      default: () => NoAnimation,\n    },\n  },\n  setup(props) {\n    const $x = use$x()\n\n    const empathizeRef = ref<HTMLDivElement>()\n\n    const isOpen = ref(false)\n    const hasContent = computed(() => !!empathizeRef.value?.children?.length)\n\n    /**\n     * Changes the state of {@link Empathize.isOpen} assigning to it the value of `newOpen`\n     * parameter. Also emits the {@link XEvent} `EmpathizeOpened` or `EmpathizeClosed` if\n     * the state really changes.\n     *\n     * @param newOpen - The new open state to assign to {@link Empathize.isOpen}.\n     */\n    const changeOpen = useDebounce((newOpen: boolean) => {\n      if (isOpen.value !== newOpen) {\n        isOpen.value = newOpen\n        const empathizeEvent = isOpen.value ? 'EmpathizeOpened' : 'EmpathizeClosed'\n        $x.emit(empathizeEvent, undefined, { target: empathizeRef.value })\n      }\n    }, 0)\n\n    /**\n     * Open empathize. This method will be executed on any event in\n     * {@link Empathize.eventsToOpenEmpathize} and on DOM event `focusin` on Empathize root\n     * element.\n     */\n    function open() {\n      if (hasContent.value) {\n        changeOpen(true)\n      }\n    }\n\n    /**\n     * Close empathize. This method will be executed on any event in\n     * {@link Empathize.eventsToCloseEmpathize} and on DOM event `focusout` on Empathize root\n     * element.\n     */\n    function close() {\n      const activeElement = getActiveElement()\n      if (!empathizeRef.value?.contains(activeElement)) {\n        changeOpen(false)\n      }\n    }\n\n    props.eventsToOpenEmpathize.forEach(event => $x.on(event, false).subscribe(open))\n    props.eventsToCloseEmpathize.forEach(event => $x.on(event, false).subscribe(close))\n\n    return {\n      close,\n      empathizeRef,\n      hasContent,\n      isOpen,\n      open,\n    }\n  },\n})\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nA list of events that the component will emit:\n\n- [`EmpathizeOpened`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n  the event is emitted after receiving an event to change the state `isOpen` to `true`. The event\n  payload is undefined and can have a metadata with the module and the element that emitted it.\n- [`EmpathizeClosed`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n  the event is emitted after receiving an event to change the state `isOpen` to `false`. The event\n  payload is undefined and can have a metadata with the module and the element that emitted it.\n\n## Examples\n\nThis component will listen to the configured events in `eventsToOpenEmpathize` and\n`eventsToCloseEmpathize` props and open/close itself accordingly. By default, those props values\nare:\n\n- Open: `UserFocusedSearchBox`, `'`UserIsTypingAQuery`, `'`UserClickedSearchBox` and\n- Close: `UserClosedEmpathize`, `UserSelectedASuggestion`, `UserPressedEnter`,\n  'UserBlurredSearchBox`\n\n### Basic examples\n\nThe component rendering the query suggestions, popular searches and history queries with keyboard\nnavigation.\n\n```vue\n<Empathize>\n  <template #default>\n    <BaseKeyboardNavigation>\n      <QuerySuggestions/>\n      <PopularSearches/>\n      <HistoryQueries/>\n    </BaseKeyboardNavigation>\n  </template>\n</Empathize>\n```\n\nDefining custom values for the events to open and close the Empathize. For example opening it when\nthe search box loses the focus and closing it when the search box receives the focus:\n\n```vue\n<Empathize\n  :eventsToOpenEmpathize=\"['UserBlurredSearchBox']\"\n  :eventsToCloseEmpathize=\"['UserFocusedSearchBox']\"\n>\n  <template #default>\n    Please, type a query in the Search Box.\n  </template>\n</Empathize>\n```\n\nAn animation can be used for the opening and closing using the `animation` prop. The animation, must\nbe a Component with a `Transition` with a slot inside:\n\n```vue\n<Empathize :animation=\"collapseFromTop\">\n  <template #default>\n    <PopularSearches/>\n  </template>\n</Empathize>\n```\n</docs>\n"],"names":["_createBlock","_resolveDynamicComponent","_withCtx","_withDirectives","_createElementVNode","_withModifiers","isOpen","hasContent"],"mappings":";;;;SAAA,WAaU,CAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,QAAA,EAAA;sBAXNA,WAWM,CAAAC,uBAAA,CAAA,IAAA,CAAA,SAAA,CAAA,EAAA,IAAA,EAAA;AAAA,IAAA,OAAA,EATAC,OAAc,CAAA,MAAA;AAAA,MACZC,cAAA,CAAAC,kBAAA;AAAA,QAAa,KAAA;AAAA,QAAA;AAAA,UACnB,GAAA,EAAA,cAAA;AAAA,UACC,KAAA,EAAA,aAAA;AAAA,UACA,WAAO,EAAA,WAAA;AAAA,UACP,aAAQ,MAAE,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAAC,aAAA,CAAA,MAAA;AAAA,WAAA,EAAA,CAAA,SAAA,CAAA,CAAA,CAAA;AAAA,UAAA,SAAA,EAAA,MAAA,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA,CAAA,GAAA,IAAA,KAAA,IAAA,CAAA,IAAA,IAAA,IAAA,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA,CAAA;UAGX,UAAQ,EAAA,MAAA,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA,CAAA,GAAA,IAAA,KAAA,IAAA,CAAA,KAAA,IAAA,IAAA,CAAA,KAAA,CAAA,GAAA,IAAA,CAAA,CAAA;AAAA,SAAA;;qBATAC,IAAUC,CAAAA,MAAAA,EAAAA,SAAAA,CAAAA;AAAAA,SAAAA;;;;;AAHxB,OAAA,CAAA;AAAA,KAAA,CAAA;;;;;;;;;"}

package/js/x-modules/empathize/components/empathize.vue2.js

@@ -1,4 +1,7 @@
-import { defineComponent, ref } from 'vue';
+import { defineComponent, ref, computed } from 'vue';
+import '../../../components/animations/animate-clip-path/animate-clip-path.style.scss.js';
+import '../../../components/animations/animate-scale/animate-scale.style.scss.js';
+import '../../../components/animations/animate-translate/animate-translate.style.scss.js';
 import '../../../components/animations/animate-width.vue2.js';
 import '../../../components/animations/animate-width.vue3.js';
 import '../../../components/animations/collapse-height.vue2.js';
@@ -7,21 +10,39 @@ import '../../../components/animations/collapse-width.vue2.js';
 import '../../../components/animations/collapse-width.vue3.js';
 import '../../../components/animations/cross-fade.vue2.js';
 import '../../../components/animations/cross-fade.vue3.js';
-import '../../../components/animations/fade.vue2.js';
-import '../../../components/animations/fade.vue3.js';
 import '../../../components/animations/fade-and-slide.vue2.js';
 import '../../../components/animations/fade-and-slide.vue3.js';
+import '../../../components/animations/fade.vue2.js';
+import '../../../components/animations/fade.vue3.js';
 import _sfc_main$1 from '../../../components/animations/no-animation.vue.js';
 import '../../../components/animations/staggered-fade-and-slide.vue2.js';
 import '../../../components/animations/staggered-fade-and-slide.vue3.js';
-import '../../../components/animations/animate-clip-path/animate-clip-path.style.scss.js';
-import '../../../components/animations/animate-scale/animate-scale.style.scss.js';
-import '../../../components/animations/animate-translate/animate-translate.style.scss.js';
+import '../../../components/auto-progress-bar.vue2.js';
+import '../../../components/auto-progress-bar.vue3.js';
+import '../../../components/base-dropdown.vue2.js';
+import '../../../components/base-dropdown.vue3.js';
+import '../../../components/base-event-button.vue2.js';
+import '../../../components/base-grid.vue2.js';
+import '../../../components/base-grid.vue3.js';
+import '../../../components/base-keyboard-navigation.vue2.js';
+import '../../../components/base-rating.vue2.js';
+import '../../../components/base-rating.vue3.js';
+import '../../../components/base-slider.vue2.js';
+import '../../../components/base-slider.vue3.js';
+import '../../../components/base-switch.vue2.js';
+import '../../../components/base-switch.vue3.js';
+import '../../../components/base-teleport.vue2.js';
+import '../../../components/base-variable-column-grid.vue2.js';
 import '../../../components/column-picker/base-column-picker-dropdown.vue2.js';
 import '../../../components/column-picker/base-column-picker-list.vue2.js';
 import '../../../components/currency/base-currency.vue2.js';
+import '../../../components/display-click-provider.vue.js';
+import '../../../components/display-emitter.vue.js';
 import '../../../components/filters/labels/base-price-filter-label.vue.js';
 import '../../../components/filters/labels/base-rating-filter-label.vue2.js';
+import '../../../components/global-x-bus.vue.js';
+import '../../../components/highlight.vue2.js';
+import '../../../components/items-list.vue2.js';
 import '../../../components/layouts/fixed-header-and-asides-layout.vue2.js';
 import '../../../components/layouts/fixed-header-and-asides-layout.vue3.js';
 import '../../../components/layouts/multi-column-max-width-layout.vue2.js';
@@ -29,24 +50,29 @@ import '../../../components/layouts/multi-column-max-width-layout.vue3.js';
 import '../../../components/layouts/multi-column-max-width-layout.vue4.js';
 import '../../../components/layouts/single-column-layout.vue2.js';
 import '../../../components/layouts/single-column-layout.vue3.js';
+import '../../../components/location-provider.vue.js';
 import '../../../components/modals/base-events-modal-close.vue2.js';
-import '../../../components/modals/base-events-modal.vue2.js';
 import '../../../components/modals/base-events-modal-open.vue2.js';
-import '../../../components/modals/base-modal.vue2.js';
-import '../../../components/modals/base-modal.vue3.js';
-import '../../../components/modals/base-id-modal.vue2.js';
+import '../../../components/modals/base-events-modal.vue2.js';
 import '../../../components/modals/base-id-modal-close.vue2.js';
 import '../../../components/modals/base-id-modal-open.vue2.js';
+import '../../../components/modals/base-id-modal.vue2.js';
+import '../../../components/modals/base-modal.vue2.js';
+import '../../../components/modals/base-modal.vue3.js';
 import '../../../components/modals/close-main-modal.vue2.js';
 import '../../../components/modals/main-modal.vue2.js';
 import '../../../components/modals/open-main-modal.vue2.js';
+import '../../../components/page-loader-button.vue2.js';
+import '../../../components/page-loader-button.vue3.js';
+import '../../../components/page-selector.vue2.js';
+import '../../../components/page-selector.vue3.js';
 import '../../../components/panels/base-header-toggle-panel.vue2.js';
 import '../../../components/panels/base-header-toggle-panel.vue3.js';
-import '../../../components/panels/base-toggle-panel.vue2.js';
-import '../../../components/panels/base-id-toggle-panel.vue2.js';
 import '../../../components/panels/base-id-toggle-panel-button.vue2.js';
+import '../../../components/panels/base-id-toggle-panel.vue2.js';
 import '../../../components/panels/base-tabs-panel.vue2.js';
 import '../../../components/panels/base-tabs-panel.vue3.js';
+import '../../../components/panels/base-toggle-panel.vue2.js';
 import '../../../components/result/base-result-add-to-cart.vue2.js';
 import '../../../components/result/base-result-current-price.vue2.js';
 import '../../../components/result/base-result-image.vue2.js';
@@ -56,37 +82,18 @@ import '../../../components/result/base-result-link.vue3.js';
 import '../../../components/result/base-result-previous-price.vue2.js';
 import '../../../components/result/base-result-rating.vue2.js';
 import '../../../components/result/base-result-rating.vue3.js';
-import '../../../components/result/result-variants-provider.vue.js';
 import '../../../components/result/result-variant-selector.vue2.js';
 import '../../../components/result/result-variant-selector.vue3.js';
+import '../../../components/result/result-variants-provider.vue.js';
 import '../../../components/scroll/base-scroll.vue2.js';
 import '@empathyco/x-utils';
 import { use$x } from '../../../composables/use-_x.js';
-import '../../../components/suggestions/base-suggestion.vue2.js';
-import '../../../components/suggestions/base-suggestions.vue2.js';
-import '../../../components/suggestions/base-suggestions.vue3.js';
-import '../../../components/auto-progress-bar.vue2.js';
-import '../../../components/auto-progress-bar.vue3.js';
-import '../../../components/base-dropdown.vue2.js';
-import '../../../components/base-dropdown.vue3.js';
-import '../../../components/base-event-button.vue2.js';
-import '../../../components/base-grid.vue2.js';
-import '../../../components/base-grid.vue3.js';
-import '../../../components/base-keyboard-navigation.vue2.js';
-import '../../../components/base-rating.vue2.js';
-import '../../../components/base-rating.vue3.js';
-import '../../../components/base-switch.vue2.js';
-import '../../../components/base-switch.vue3.js';
-import '../../../components/base-variable-column-grid.vue2.js';
-import '../../../components/display-emitter.vue.js';
-import '../../../components/global-x-bus.vue.js';
-import '../../../components/highlight.vue2.js';
-import '../../../components/items-list.vue2.js';
-import '../../../components/location-provider.vue.js';
 import '../../../components/sliding-panel.vue2.js';
 import '../../../components/sliding-panel.vue3.js';
 import '../../../components/snippet-callbacks.vue2.js';
-import '../../../components/page-loader-button.vue2.js';
+import '../../../components/suggestions/base-suggestion.vue2.js';
+import '../../../components/suggestions/base-suggestions.vue2.js';
+import '../../../components/suggestions/base-suggestions.vue3.js';
 import '../../../composables/create-use-device.js';
 import '@vue/devtools-api';
 import '../../../plugins/devtools/timeline.devtools.js';
@@ -99,8 +106,8 @@ import 'vuex';
 import { useDebounce } from '../../../composables/use-debounce.js';
 import '@vueuse/core';
 import { AnimationProp } from '../../../types/animation-prop.js';
-import { empathizeXModule } from '../x-module.js';
 import { getActiveElement } from '../../../utils/html.js';
+import { empathizeXModule } from '../x-module.js';
 
 /**
  * Component containing the empathize. It has a required slot to define its content and two props
@@ -115,7 +122,7 @@ var _sfc_main = defineComponent({
         /** Array of {@link XEvent} to open the empathize. */
         eventsToOpenEmpathize: {
             type: Array,
-            default: () => ['UserFocusedSearchBox', 'UserIsTypingAQuery', 'UserClickedSearchBox']
+            default: () => ['UserFocusedSearchBox', 'UserIsTypingAQuery', 'UserClickedSearchBox'],
         },
         /** Array of {@link XEvent} to close the empathize. */
         eventsToCloseEmpathize: {
@@ -124,20 +131,20 @@ var _sfc_main = defineComponent({
                 'UserClosedEmpathize',
                 'UserSelectedASuggestion',
                 'UserPressedEnterKey',
-                'UserBlurredSearchBox'
-            ]
+                'UserBlurredSearchBox',
+            ],
         },
         /** Animation component that will be used to animate the empathize. */
         animation: {
             type: AnimationProp,
-            default: () => _sfc_main$1
-        }
+            default: () => _sfc_main$1,
+        },
     },
     setup(props) {
         const $x = use$x();
         const empathizeRef = ref();
         const isOpen = ref(false);
-        const hasContent = ref(!!empathizeRef.value?.children.length);
+        const hasContent = computed(() => !!empathizeRef.value?.children?.length);
         /**
          * Changes the state of {@link Empathize.isOpen} assigning to it the value of `newOpen`
          * parameter. Also emits the {@link XEvent} `EmpathizeOpened` or `EmpathizeClosed` if
@@ -158,7 +165,6 @@ var _sfc_main = defineComponent({
          * element.
          */
         function open() {
-            hasContent.value = !!empathizeRef.value?.children.length;
             if (hasContent.value) {
                 changeOpen(true);
             }
@@ -181,9 +187,9 @@ var _sfc_main = defineComponent({
             empathizeRef,
             hasContent,
             isOpen,
-            open
+            open,
         };
-    }
+    },
 });
 
 export { _sfc_main as default };

package/js/x-modules/empathize/components/empathize.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"empathize.vue2.js","sources":["../../../../../src/x-modules/empathize/components/empathize.vue"],"sourcesContent":["<template>\n  <component :is=\"animation\">\n    <div\n      v-show=\"isOpen && hasContent\"\n      ref=\"empathizeRef\"\n      @mousedown.prevent\n      @focusin=\"open\"\n      @focusout=\"close\"\n      class=\"x-empathize\"\n      data-test=\"empathize\"\n    >\n      <!-- @slot (Required) Modal container content -->\n      <slot />\n    </div>\n  </component>\n</template>\n\n<script lang=\"ts\">\n  import { defineComponent, PropType, ref } from 'vue';\n  import { NoAnimation } from '../../../components';\n  import { use$x, useDebounce } from '../../../composables';\n  import { AnimationProp } from '../../../types';\n  import { XEvent } from '../../../wiring';\n  import { empathizeXModule } from '../x-module';\n  import { getActiveElement } from '../../../utils/html';\n\n  /**\n   * Component containing the empathize. It has a required slot to define its content and two props\n   * to define when to open and close it: `eventsToOpenEmpathize` and `eventsToCloseEmpathize`.\n   *\n   * @public\n   */\n  export default defineComponent({\n    name: 'Empathize',\n    xModule: empathizeXModule.name,\n    props: {\n      /** Array of {@link XEvent} to open the empathize. */\n      eventsToOpenEmpathize: {\n        type: Array as PropType<XEvent[]>,\n        default: () => ['UserFocusedSearchBox', 'UserIsTypingAQuery', 'UserClickedSearchBox']\n      },\n      /** Array of {@link XEvent} to close the empathize. */\n      eventsToCloseEmpathize: {\n        type: Array as PropType<XEvent[]>,\n        default: () => [\n          'UserClosedEmpathize',\n          'UserSelectedASuggestion',\n          'UserPressedEnterKey',\n          'UserBlurredSearchBox'\n        ]\n      },\n      /** Animation component that will be used to animate the empathize. */\n      animation: {\n        type: AnimationProp,\n        default: () => NoAnimation\n      }\n    },\n    setup(props) {\n      const $x = use$x();\n\n      const empathizeRef = ref<HTMLDivElement>();\n\n      const isOpen = ref(false);\n      const hasContent = ref(!!empathizeRef.value?.children.length);\n\n      /**\n       * Changes the state of {@link Empathize.isOpen} assigning to it the value of `newOpen`\n       * parameter. Also emits the {@link XEvent} `EmpathizeOpened` or `EmpathizeClosed` if\n       * the state really changes.\n       *\n       * @param newOpen - The new open state to assign to {@link Empathize.isOpen}.\n       */\n      const changeOpen = useDebounce((newOpen: boolean) => {\n        if (isOpen.value !== newOpen) {\n          isOpen.value = newOpen;\n          const empathizeEvent = isOpen.value ? 'EmpathizeOpened' : 'EmpathizeClosed';\n          $x.emit(empathizeEvent, undefined, { target: empathizeRef.value });\n        }\n      }, 0);\n\n      /**\n       * Open empathize. This method will be executed on any event in\n       * {@link Empathize.eventsToOpenEmpathize} and on DOM event `focusin` on Empathize root\n       * element.\n       */\n      function open() {\n        hasContent.value = !!empathizeRef.value?.children.length;\n        if (hasContent.value) {\n          changeOpen(true);\n        }\n      }\n\n      /**\n       * Close empathize. This method will be executed on any event in\n       * {@link Empathize.eventsToCloseEmpathize} and on DOM event `focusout` on Empathize root\n       * element.\n       */\n      function close() {\n        const activeElement = getActiveElement();\n        if (!empathizeRef.value?.contains(activeElement)) {\n          changeOpen(false);\n        }\n      }\n\n      props.eventsToOpenEmpathize.forEach(event => $x.on(event, false).subscribe(open));\n      props.eventsToCloseEmpathize.forEach(event => $x.on(event, false).subscribe(close));\n\n      return {\n        close,\n        empathizeRef,\n        hasContent,\n        isOpen,\n        open\n      };\n    }\n  });\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nA list of events that the component will emit:\n\n- [`EmpathizeOpened`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n  the event is emitted after receiving an event to change the state `isOpen` to `true`. The event\n  payload is undefined and can have a metadata with the module and the element that emitted it.\n- [`EmpathizeClosed`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n  the event is emitted after receiving an event to change the state `isOpen` to `false`. The event\n  payload is undefined and can have a metadata with the module and the element that emitted it.\n\n## Examples\n\nThis component will listen to the configured events in `eventsToOpenEmpathize` and\n`eventsToCloseEmpathize` props and open/close itself accordingly. By default, those props values\nare:\n\n- Open: `UserFocusedSearchBox`, `'`UserIsTypingAQuery`, `'`UserClickedSearchBox` and\n- Close: `UserClosedEmpathize`, `UserSelectedASuggestion`, `UserPressedEnter`,\n  'UserBlurredSearchBox`\n\n### Basic examples\n\nThe component rendering the query suggestions, popular searches and history queries with keyboard\nnavigation.\n\n```vue\n<Empathize>\n  <template #default>\n    <BaseKeyboardNavigation>\n      <QuerySuggestions/>\n      <PopularSearches/>\n      <HistoryQueries/>\n    </BaseKeyboardNavigation>\n  </template>\n</Empathize>\n```\n\nDefining custom values for the events to open and close the Empathize. For example opening it when\nthe search box loses the focus and closing it when the search box receives the focus:\n\n```vue\n<Empathize\n  :eventsToOpenEmpathize=\"['UserBlurredSearchBox']\"\n  :eventsToCloseEmpathize=\"['UserFocusedSearchBox']\"\n>\n  <template #default>\n    Please, type a query in the Search Box.\n  </template>\n</Empathize>\n```\n\nAn animation can be used for the opening and closing using the `animation` prop. The animation, must\nbe a Component with a `Transition` with a slot inside:\n\n```vue\n<Empathize :animation=\"collapseFromTop\">\n  <template #default>\n    <PopularSearches/>\n  </template>\n</Empathize>\n```\n</docs>\n"],"names":["NoAnimation"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BE;;;;;AAKE;AACF,gBAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,WAAW;IACjB,OAAO,EAAE,gBAAgB,CAAC,IAAI;AAC9B,IAAA,KAAK,EAAE;;AAEL,QAAA,qBAAqB,EAAE;AACrB,YAAA,IAAI,EAAE,KAA2B;YACjC,OAAO,EAAE,MAAM,CAAC,sBAAsB,EAAE,oBAAoB,EAAE,sBAAsB,CAAA;AACrF,SAAA;;AAED,QAAA,sBAAsB,EAAE;AACtB,YAAA,IAAI,EAAE,KAA2B;YACjC,OAAO,EAAE,MAAM;gBACb,qBAAqB;gBACrB,yBAAyB;gBACzB,qBAAqB;gBACrB,sBAAqB;AACvB,aAAA;AACD,SAAA;;AAED,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,aAAa;AACnB,YAAA,OAAO,EAAE,MAAMA,WAAU;AAC3B,SAAA;AACD,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAA;AACT,QAAA,MAAM,EAAC,GAAI,KAAK,EAAE,CAAA;AAElB,QAAA,MAAM,eAAe,GAAG,EAAkB,CAAA;AAE1C,QAAA,MAAM,MAAK,GAAI,GAAG,CAAC,KAAK,CAAC,CAAA;AACzB,QAAA,MAAM,aAAa,GAAG,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;AAE7D;;;;;;AAME;AACF,QAAA,MAAM,aAAa,WAAW,CAAC,CAAC,OAAgB,KAAK;AACnD,YAAA,IAAI,MAAM,CAAC,KAAM,KAAI,OAAO,EAAE;AAC5B,gBAAA,MAAM,CAAC,KAAI,GAAI,OAAO,CAAA;AACtB,gBAAA,MAAM,cAAe,GAAE,MAAM,CAAC,QAAQ,iBAAkB,GAAE,iBAAiB,CAAA;AAC3E,gBAAA,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,SAAS,EAAE,EAAE,MAAM,EAAE,YAAY,CAAC,KAAM,EAAC,CAAC,CAAA;AACpE,aAAA;SACD,EAAE,CAAC,CAAC,CAAA;AAEL;;;;AAIE;AACF,QAAA,SAAS,IAAI,GAAA;AACX,YAAA,UAAU,CAAC,KAAI,GAAI,CAAC,CAAC,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAA;YACxD,IAAI,UAAU,CAAC,KAAK,EAAE;gBACpB,UAAU,CAAC,IAAI,CAAC,CAAA;AAClB,aAAA;SACF;AAEA;;;;AAIE;AACF,QAAA,SAAS,KAAK,GAAA;AACZ,YAAA,MAAM,aAAY,GAAI,gBAAgB,EAAE,CAAA;YACxC,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,EAAE;gBAChD,UAAU,CAAC,KAAK,CAAC,CAAA;AACnB,aAAA;SACF;QAEA,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC,KAAI,IAAK,EAAE,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAA;QACjF,KAAK,CAAC,sBAAsB,CAAC,OAAO,CAAC,KAAI,IAAK,EAAE,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAA;QAEnF,OAAO;YACL,KAAK;YACL,YAAY;YACZ,UAAU;YACV,MAAM;YACN,IAAG;SACJ,CAAA;KACH;AACD,CAAA,CAAC;;;;"}
+{"version":3,"file":"empathize.vue2.js","sources":["../../../../../src/x-modules/empathize/components/empathize.vue"],"sourcesContent":["<template>\n  <component :is=\"animation\">\n    <div\n      v-show=\"isOpen && hasContent\"\n      ref=\"empathizeRef\"\n      class=\"x-empathize\"\n      data-test=\"empathize\"\n      @mousedown.prevent\n      @focusin=\"open\"\n      @focusout=\"close\"\n    >\n      <!-- @slot (Required) Modal container content -->\n      <slot />\n    </div>\n  </component>\n</template>\n\n<script lang=\"ts\">\nimport type { PropType } from 'vue'\nimport type { XEvent } from '../../../wiring'\nimport { computed, defineComponent, ref } from 'vue'\nimport { NoAnimation } from '../../../components'\nimport { use$x, useDebounce } from '../../../composables'\nimport { AnimationProp } from '../../../types'\nimport { getActiveElement } from '../../../utils/html'\nimport { empathizeXModule } from '../x-module'\n\n/**\n * Component containing the empathize. It has a required slot to define its content and two props\n * to define when to open and close it: `eventsToOpenEmpathize` and `eventsToCloseEmpathize`.\n *\n * @public\n */\nexport default defineComponent({\n  name: 'Empathize',\n  xModule: empathizeXModule.name,\n  props: {\n    /** Array of {@link XEvent} to open the empathize. */\n    eventsToOpenEmpathize: {\n      type: Array as PropType<XEvent[]>,\n      default: () => ['UserFocusedSearchBox', 'UserIsTypingAQuery', 'UserClickedSearchBox'],\n    },\n    /** Array of {@link XEvent} to close the empathize. */\n    eventsToCloseEmpathize: {\n      type: Array as PropType<XEvent[]>,\n      default: () => [\n        'UserClosedEmpathize',\n        'UserSelectedASuggestion',\n        'UserPressedEnterKey',\n        'UserBlurredSearchBox',\n      ],\n    },\n    /** Animation component that will be used to animate the empathize. */\n    animation: {\n      type: AnimationProp,\n      default: () => NoAnimation,\n    },\n  },\n  setup(props) {\n    const $x = use$x()\n\n    const empathizeRef = ref<HTMLDivElement>()\n\n    const isOpen = ref(false)\n    const hasContent = computed(() => !!empathizeRef.value?.children?.length)\n\n    /**\n     * Changes the state of {@link Empathize.isOpen} assigning to it the value of `newOpen`\n     * parameter. Also emits the {@link XEvent} `EmpathizeOpened` or `EmpathizeClosed` if\n     * the state really changes.\n     *\n     * @param newOpen - The new open state to assign to {@link Empathize.isOpen}.\n     */\n    const changeOpen = useDebounce((newOpen: boolean) => {\n      if (isOpen.value !== newOpen) {\n        isOpen.value = newOpen\n        const empathizeEvent = isOpen.value ? 'EmpathizeOpened' : 'EmpathizeClosed'\n        $x.emit(empathizeEvent, undefined, { target: empathizeRef.value })\n      }\n    }, 0)\n\n    /**\n     * Open empathize. This method will be executed on any event in\n     * {@link Empathize.eventsToOpenEmpathize} and on DOM event `focusin` on Empathize root\n     * element.\n     */\n    function open() {\n      if (hasContent.value) {\n        changeOpen(true)\n      }\n    }\n\n    /**\n     * Close empathize. This method will be executed on any event in\n     * {@link Empathize.eventsToCloseEmpathize} and on DOM event `focusout` on Empathize root\n     * element.\n     */\n    function close() {\n      const activeElement = getActiveElement()\n      if (!empathizeRef.value?.contains(activeElement)) {\n        changeOpen(false)\n      }\n    }\n\n    props.eventsToOpenEmpathize.forEach(event => $x.on(event, false).subscribe(open))\n    props.eventsToCloseEmpathize.forEach(event => $x.on(event, false).subscribe(close))\n\n    return {\n      close,\n      empathizeRef,\n      hasContent,\n      isOpen,\n      open,\n    }\n  },\n})\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nA list of events that the component will emit:\n\n- [`EmpathizeOpened`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n  the event is emitted after receiving an event to change the state `isOpen` to `true`. The event\n  payload is undefined and can have a metadata with the module and the element that emitted it.\n- [`EmpathizeClosed`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n  the event is emitted after receiving an event to change the state `isOpen` to `false`. The event\n  payload is undefined and can have a metadata with the module and the element that emitted it.\n\n## Examples\n\nThis component will listen to the configured events in `eventsToOpenEmpathize` and\n`eventsToCloseEmpathize` props and open/close itself accordingly. By default, those props values\nare:\n\n- Open: `UserFocusedSearchBox`, `'`UserIsTypingAQuery`, `'`UserClickedSearchBox` and\n- Close: `UserClosedEmpathize`, `UserSelectedASuggestion`, `UserPressedEnter`,\n  'UserBlurredSearchBox`\n\n### Basic examples\n\nThe component rendering the query suggestions, popular searches and history queries with keyboard\nnavigation.\n\n```vue\n<Empathize>\n  <template #default>\n    <BaseKeyboardNavigation>\n      <QuerySuggestions/>\n      <PopularSearches/>\n      <HistoryQueries/>\n    </BaseKeyboardNavigation>\n  </template>\n</Empathize>\n```\n\nDefining custom values for the events to open and close the Empathize. For example opening it when\nthe search box loses the focus and closing it when the search box receives the focus:\n\n```vue\n<Empathize\n  :eventsToOpenEmpathize=\"['UserBlurredSearchBox']\"\n  :eventsToCloseEmpathize=\"['UserFocusedSearchBox']\"\n>\n  <template #default>\n    Please, type a query in the Search Box.\n  </template>\n</Empathize>\n```\n\nAn animation can be used for the opening and closing using the `animation` prop. The animation, must\nbe a Component with a `Transition` with a slot inside:\n\n```vue\n<Empathize :animation=\"collapseFromTop\">\n  <template #default>\n    <PopularSearches/>\n  </template>\n</Empathize>\n```\n</docs>\n"],"names":["NoAnimation"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA;;;;;AAKE;AACF,gBAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,WAAW;IACjB,OAAO,EAAE,gBAAgB,CAAC,IAAI;AAC9B,IAAA,KAAK,EAAE;;AAEL,QAAA,qBAAqB,EAAE;AACrB,YAAA,IAAI,EAAE,KAA2B;YACjC,OAAO,EAAE,MAAM,CAAC,sBAAsB,EAAE,oBAAoB,EAAE,sBAAsB,CAAC;AACtF,SAAA;;AAED,QAAA,sBAAsB,EAAE;AACtB,YAAA,IAAI,EAAE,KAA2B;YACjC,OAAO,EAAE,MAAM;gBACb,qBAAqB;gBACrB,yBAAyB;gBACzB,qBAAqB;gBACrB,sBAAsB;AACvB,aAAA;AACF,SAAA;;AAED,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,aAAa;AACnB,YAAA,OAAO,EAAE,MAAMA,WAAW;AAC3B,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAA;AACT,QAAA,MAAM,EAAC,GAAI,KAAK,EAAC,CAAA;AAEjB,QAAA,MAAM,eAAe,GAAG,EAAiB,CAAA;AAEzC,QAAA,MAAM,SAAS,GAAG,CAAC,KAAK,CAAA,CAAA;AACxB,QAAA,MAAM,UAAW,GAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,YAAY,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAA,CAAA;AAExE;;;;;;AAME;AACF,QAAA,MAAM,aAAa,WAAW,CAAC,CAAC,OAAgB,KAAK;AACnD,YAAA,IAAI,MAAM,CAAC,KAAM,KAAI,OAAO,EAAE;AAC5B,gBAAA,MAAM,CAAC,QAAQ,OAAM,CAAA;AACrB,gBAAA,MAAM,cAAe,GAAE,MAAM,CAAC,KAAM,GAAE,iBAAgB,GAAI,iBAAgB,CAAA;AAC1E,gBAAA,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,SAAS,EAAE,EAAE,MAAM,EAAE,YAAY,CAAC,KAAI,EAAG,CAAA,CAAA;AACnE,aAAA;SACD,EAAE,CAAC,CAAA,CAAA;AAEJ;;;;AAIE;AACF,QAAA,SAAS,IAAI,GAAA;YACX,IAAI,UAAU,CAAC,KAAK,EAAE;gBACpB,UAAU,CAAC,IAAI,CAAA,CAAA;AACjB,aAAA;SACF;AAEA;;;;AAIE;AACF,QAAA,SAAS,KAAK,GAAA;AACZ,YAAA,MAAM,aAAY,GAAI,gBAAgB,EAAC,CAAA;YACvC,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,EAAE;gBAChD,UAAU,CAAC,KAAK,CAAA,CAAA;AAClB,aAAA;SACF;QAEA,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA,CAAA;QAChF,KAAK,CAAC,sBAAsB,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA,CAAA;QAElF,OAAO;YACL,KAAK;YACL,YAAY;YACZ,UAAU;YACV,MAAM;YACN,IAAI;SACN,CAAA;KACD;AACF,CAAA,CAAA;;;;"}

package/js/x-modules/empathize/store/emitters.js

@@ -1,3 +1,4 @@
+import '@empathyco/x-utils';
 import { createStoreEmitters } from '../../../store/utils/store-emitters.utils.js';
 import { empathizeXStoreModule } from './module.js';
 

package/js/x-modules/empathize/store/emitters.js.map

@@ -1 +1 @@
-{"version":3,"file":"emitters.js","sources":["../../../../../src/x-modules/empathize/store/emitters.ts"],"sourcesContent":["import { createStoreEmitters } from '../../../store';\nimport { empathizeXStoreModule } from './module';\n\n/**\n * {@link StoreEmitters} For the empathize module.\n *\n * @internal\n */\nexport const empathizeEmitters = createStoreEmitters(empathizeXStoreModule, {});\n"],"names":[],"mappings":";;;AAGA;;;;AAIG;AACU,MAAA,iBAAiB,GAAG,mBAAmB,CAAC,qBAAqB,EAAE,EAAE;;;;"}
+{"version":3,"file":"emitters.js","sources":["../../../../../src/x-modules/empathize/store/emitters.ts"],"sourcesContent":["import { createStoreEmitters } from '../../../store'\nimport { empathizeXStoreModule } from './module'\n\n/**\n * {@link StoreEmitters} For the empathize module.\n *\n * @internal\n */\nexport const empathizeEmitters = createStoreEmitters(empathizeXStoreModule, {})\n"],"names":[],"mappings":";;;;AAGA;;;;AAIG;AACU,MAAA,iBAAiB,GAAG,mBAAmB,CAAC,qBAAqB,EAAE,EAAE;;;;"}

package/js/x-modules/empathize/store/module.js

@@ -8,7 +8,7 @@ import { setConfig, mergeConfig } from '../../../store/utils/config-store.utils.
 const empathizeXStoreModule = {
     state: () => ({
         config: {},
-        isOpen: false
+        isOpen: false,
     }),
     getters: {},
     mutations: {
@@ -16,9 +16,9 @@ const empathizeXStoreModule = {
             state.isOpen = isOpen;
         },
         setConfig,
-        mergeConfig
+        mergeConfig,
     },
-    actions: {}
+    actions: {},
 };
 
 export { empathizeXStoreModule };

package/js/x-modules/empathize/store/module.js.map

@@ -1 +1 @@
-{"version":3,"file":"module.js","sources":["../../../../../src/x-modules/empathize/store/module.ts"],"sourcesContent":["import { setConfig, mergeConfig } from '../../../store/utils/config-store.utils';\nimport { EmpathizeXStoreModule } from './types';\n\n/**\n * {@link XStoreModule} For the empathize module.\n *\n * @internal\n */\nexport const empathizeXStoreModule: EmpathizeXStoreModule = {\n  state: () => ({\n    config: {},\n    isOpen: false\n  }),\n  getters: {},\n  mutations: {\n    setIsOpen(state, isOpen) {\n      state.isOpen = isOpen;\n    },\n    setConfig,\n    mergeConfig\n  },\n  actions: {}\n};\n"],"names":[],"mappings":";;AAGA;;;;AAIG;AACU,MAAA,qBAAqB,GAA0B;AAC1D,IAAA,KAAK,EAAE,OAAO;AACZ,QAAA,MAAM,EAAE,EAAE;AACV,QAAA,MAAM,EAAE,KAAK;KACd,CAAC;AACF,IAAA,OAAO,EAAE,EAAE;AACX,IAAA,SAAS,EAAE;QACT,SAAS,CAAC,KAAK,EAAE,MAAM,EAAA;AACrB,YAAA,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;SACvB;QACD,SAAS;QACT,WAAW;AACZ,KAAA;AACD,IAAA,OAAO,EAAE,EAAE;;;;;"}
+{"version":3,"file":"module.js","sources":["../../../../../src/x-modules/empathize/store/module.ts"],"sourcesContent":["import type { EmpathizeXStoreModule } from './types'\nimport { mergeConfig, setConfig } from '../../../store/utils/config-store.utils'\n\n/**\n * {@link XStoreModule} For the empathize module.\n *\n * @internal\n */\nexport const empathizeXStoreModule: EmpathizeXStoreModule = {\n  state: () => ({\n    config: {},\n    isOpen: false,\n  }),\n  getters: {},\n  mutations: {\n    setIsOpen(state, isOpen) {\n      state.isOpen = isOpen\n    },\n    setConfig,\n    mergeConfig,\n  },\n  actions: {},\n}\n"],"names":[],"mappings":";;AAGA;;;;AAIG;AACU,MAAA,qBAAqB,GAA0B;AAC1D,IAAA,KAAK,EAAE,OAAO;AACZ,QAAA,MAAM,EAAE,EAAE;AACV,QAAA,MAAM,EAAE,KAAK;KACd,CAAC;AACF,IAAA,OAAO,EAAE,EAAE;AACX,IAAA,SAAS,EAAE;QACT,SAAS,CAAC,KAAK,EAAE,MAAM,EAAA;AACrB,YAAA,KAAK,CAAC,MAAM,GAAG,MAAM,CAAA;SACtB;QACD,SAAS;QACT,WAAW;AACZ,KAAA;AACD,IAAA,OAAO,EAAE,EAAE;;;;;"}

package/js/x-modules/empathize/wiring.js

@@ -20,11 +20,11 @@ const setIsNotOpen = namespacedWireCommit('empathize')('setIsOpen', false);
  */
 const empathizeWiring = createWiring({
     EmpathizeOpened: {
-        setIsOpen
+        setIsOpen,
     },
     EmpathizeClosed: {
-        setIsNotOpen
-    }
+        setIsNotOpen,
+    },
 });
 
 export { empathizeWiring };

package/js/x-modules/empathize/wiring.js.map

@@ -1 +1 @@
-{"version":3,"file":"wiring.js","sources":["../../../../src/x-modules/empathize/wiring.ts"],"sourcesContent":["import { namespacedWireCommit } from '../../wiring/namespaced-wires.factory';\nimport { createWiring } from '../../wiring/wiring.utils';\n\n/**\n * Sets the empathize state `isOpen` to true.\n *\n * @public\n */\nconst setIsOpen = namespacedWireCommit('empathize')('setIsOpen', true);\n\n/**\n * Sets the empathize state `isOpen` to false.\n *\n * @public\n */\nconst setIsNotOpen = namespacedWireCommit('empathize')('setIsOpen', false);\n\n/**\n * Wiring configuration for the {@link EmpathizeXModule | empathize module}.\n *\n * @internal\n */\nexport const empathizeWiring = createWiring({\n  EmpathizeOpened: {\n    setIsOpen\n  },\n  EmpathizeClosed: {\n    setIsNotOpen\n  }\n});\n"],"names":[],"mappings":";;;AAGA;;;;AAIG;AACH,MAAM,SAAS,GAAG,oBAAoB,CAAC,WAAW,CAAC,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;AAEvE;;;;AAIG;AACH,MAAM,YAAY,GAAG,oBAAoB,CAAC,WAAW,CAAC,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;AAE3E;;;;AAIG;AACI,MAAM,eAAe,GAAG,YAAY,CAAC;AAC1C,IAAA,eAAe,EAAE;QACf,SAAS;AACV,KAAA;AACD,IAAA,eAAe,EAAE;QACf,YAAY;AACb,KAAA;AACF,CAAA;;;;"}
+{"version":3,"file":"wiring.js","sources":["../../../../src/x-modules/empathize/wiring.ts"],"sourcesContent":["import { namespacedWireCommit } from '../../wiring/namespaced-wires.factory'\nimport { createWiring } from '../../wiring/wiring.utils'\n\n/**\n * Sets the empathize state `isOpen` to true.\n *\n * @public\n */\nconst setIsOpen = namespacedWireCommit('empathize')('setIsOpen', true)\n\n/**\n * Sets the empathize state `isOpen` to false.\n *\n * @public\n */\nconst setIsNotOpen = namespacedWireCommit('empathize')('setIsOpen', false)\n\n/**\n * Wiring configuration for the {@link EmpathizeXModule | empathize module}.\n *\n * @internal\n */\nexport const empathizeWiring = createWiring({\n  EmpathizeOpened: {\n    setIsOpen,\n  },\n  EmpathizeClosed: {\n    setIsNotOpen,\n  },\n})\n"],"names":[],"mappings":";;;AAGA;;;;AAIG;AACH,MAAM,SAAS,GAAG,oBAAoB,CAAC,WAAW,CAAC,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA;AAEtE;;;;AAIG;AACH,MAAM,YAAY,GAAG,oBAAoB,CAAC,WAAW,CAAC,CAAC,WAAW,EAAE,KAAK,CAAC,CAAA;AAE1E;;;;AAIG;AACI,MAAM,eAAe,GAAG,YAAY,CAAC;AAC1C,IAAA,eAAe,EAAE;QACf,SAAS;AACV,KAAA;AACD,IAAA,eAAe,EAAE;QACf,YAAY;AACb,KAAA;AACF,CAAA;;;;"}

package/js/x-modules/empathize/x-module.js

@@ -13,7 +13,7 @@ const empathizeXModule = {
     name: 'empathize',
     storeModule: empathizeXStoreModule,
     storeEmitters: empathizeEmitters,
-    wiring: empathizeWiring
+    wiring: empathizeWiring,
 };
 XPlugin.registerXModule(empathizeXModule);
 

package/js/x-modules/empathize/x-module.js.map

@@ -1 +1 @@
-{"version":3,"file":"x-module.js","sources":["../../../../src/x-modules/empathize/x-module.ts"],"sourcesContent":["import { XPlugin } from '../../plugins/x-plugin';\nimport { XModule } from '../x-modules.types';\nimport { empathizeEmitters } from './store/emitters';\nimport { empathizeXStoreModule } from './store/module';\nimport { EmpathizeXStoreModule } from './store/types';\nimport { empathizeWiring } from './wiring';\n\n/**\n * Empathize {@link XModule} alias.\n *\n * @public\n */\nexport type EmpathizeXModule = XModule<EmpathizeXStoreModule>;\n\n/**\n * Empathize {@link XModule} implementation. This module is auto-registered as soon as you\n * import any component from the `empathize` entry point.\n *\n * @public\n */\nexport const empathizeXModule: EmpathizeXModule = {\n  name: 'empathize',\n  storeModule: empathizeXStoreModule,\n  storeEmitters: empathizeEmitters,\n  wiring: empathizeWiring\n};\n\nXPlugin.registerXModule(empathizeXModule);\n"],"names":[],"mappings":";;;;;AAcA;;;;;AAKG;AACU,MAAA,gBAAgB,GAAqB;AAChD,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,WAAW,EAAE,qBAAqB;AAClC,IAAA,aAAa,EAAE,iBAAiB;AAChC,IAAA,MAAM,EAAE,eAAe;EACvB;AAEF,OAAO,CAAC,eAAe,CAAC,gBAAgB,CAAC;;;;"}
+{"version":3,"file":"x-module.js","sources":["../../../../src/x-modules/empathize/x-module.ts"],"sourcesContent":["import type { XModule } from '../x-modules.types'\nimport type { EmpathizeXStoreModule } from './store/types'\nimport { XPlugin } from '../../plugins/x-plugin'\nimport { empathizeEmitters } from './store/emitters'\nimport { empathizeXStoreModule } from './store/module'\nimport { empathizeWiring } from './wiring'\n\n/**\n * Empathize {@link XModule} alias.\n *\n * @public\n */\nexport type EmpathizeXModule = XModule<EmpathizeXStoreModule>\n\n/**\n * Empathize {@link XModule} implementation. This module is auto-registered as soon as you\n * import any component from the `empathize` entry point.\n *\n * @public\n */\nexport const empathizeXModule: EmpathizeXModule = {\n  name: 'empathize',\n  storeModule: empathizeXStoreModule,\n  storeEmitters: empathizeEmitters,\n  wiring: empathizeWiring,\n}\n\nXPlugin.registerXModule(empathizeXModule)\n"],"names":[],"mappings":";;;;;AAcA;;;;;AAKG;AACU,MAAA,gBAAgB,GAAqB;AAChD,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,WAAW,EAAE,qBAAqB;AAClC,IAAA,aAAa,EAAE,iBAAiB;AAChC,IAAA,MAAM,EAAE,eAAe;EACxB;AAED,OAAO,CAAC,eAAe,CAAC,gBAAgB,CAAC;;;;"}

package/js/x-modules/experience-controls/components/experience-controls.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent } from 'vue';
-import { experienceControlsXModule } from '../x-module.js';
 import { useXBus } from '../../../composables/use-x-bus.js';
+import { experienceControlsXModule } from '../x-module.js';
 
 /**
  * This component subscribes to changes in the ExperienceControls module to fire the events that
@@ -24,9 +24,8 @@ var _sfc_main = defineComponent({
             });
         }
         xBus.on('ExperienceControlsEventsChanged', false).subscribe(event => onEventsChanged(event));
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
         return () => { };
-    }
+    },
 });
 
 export { _sfc_main as default };

package/js/x-modules/experience-controls/components/experience-controls.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"experience-controls.vue.js","sources":["../../../../../src/x-modules/experience-controls/components/experience-controls.vue"],"sourcesContent":["<script lang=\"ts\">\n  import { defineComponent } from 'vue';\n  import { XEvent, XEventsTypes } from '../../../wiring/events.types';\n  import { experienceControlsXModule } from '../x-module';\n  import { useXBus } from '../../../composables/use-x-bus';\n\n  /**\n   * This component subscribes to changes in the ExperienceControls module to fire the events that\n   * propagate the configuration.\n   *\n   * @public\n   */\n  export default defineComponent({\n    name: 'ExperienceControls',\n    xModule: experienceControlsXModule.name,\n    setup() {\n      const xBus = useXBus();\n\n      /**\n       * Iterates the list of XEvents received and emits them.\n       *\n       * @param events - Events to be emitted.\n       */\n      function onEventsChanged(events: Partial<XEventsTypes>): void {\n        Object.entries(events).forEach(([eventName, eventPayload]) => {\n          xBus.emit(eventName as XEvent, eventPayload);\n        });\n      }\n\n      xBus.on('ExperienceControlsEventsChanged', false).subscribe(event => onEventsChanged(event));\n\n      // eslint-disable-next-line @typescript-eslint/no-empty-function\n      return () => {};\n    }\n  });\n</script>\n\n<docs lang=\"mdx\">\n## Examples\n\nThis component will fire the events received in the `ExperienceControlsEventsChanged` event.\n\n```vue\n<template>\n  <ExperienceControls />\n</template>\n<script>\n  import { ExperienceControls } from '@empathyco/x-components/experience-controls';\n\n  export default {\n    name: 'ExperienceControlsDemo',\n    components: {\n      ExperienceControls\n    }\n  };\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;AAME;;;;;AAKE;AACF,gBAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,oBAAoB;IAC1B,OAAO,EAAE,yBAAyB,CAAC,IAAI;IACvC,KAAK,GAAA;AACH,QAAA,MAAM,IAAG,GAAI,OAAO,EAAE,CAAA;AAEtB;;;;AAIE;QACF,SAAS,eAAe,CAAC,MAA6B,EAAA;AACpD,YAAA,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,YAAY,CAAC,KAAK;AAC5D,gBAAA,IAAI,CAAC,IAAI,CAAC,SAAmB,EAAE,YAAY,CAAC,CAAA;AAC9C,aAAC,CAAC,CAAA;SACJ;AAEA,QAAA,IAAI,CAAC,EAAE,CAAC,iCAAiC,EAAE,KAAK,CAAC,CAAC,SAAS,CAAC,KAAI,IAAK,eAAe,CAAC,KAAK,CAAC,CAAC,CAAA;;AAG5F,QAAA,OAAO,MAAO,GAAC,CAAA;KACjB;AACD,CAAA,CAAC;;;;"}
+{"version":3,"file":"experience-controls.vue.js","sources":["../../../../../src/x-modules/experience-controls/components/experience-controls.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { XEvent, XEventsTypes } from '../../../wiring/events.types'\nimport { defineComponent } from 'vue'\nimport { useXBus } from '../../../composables/use-x-bus'\nimport { experienceControlsXModule } from '../x-module'\n\n/**\n * This component subscribes to changes in the ExperienceControls module to fire the events that\n * propagate the configuration.\n *\n * @public\n */\nexport default defineComponent({\n  name: 'ExperienceControls',\n  xModule: experienceControlsXModule.name,\n  setup() {\n    const xBus = useXBus()\n\n    /**\n     * Iterates the list of XEvents received and emits them.\n     *\n     * @param events - Events to be emitted.\n     */\n    function onEventsChanged(events: Partial<XEventsTypes>): void {\n      Object.entries(events).forEach(([eventName, eventPayload]) => {\n        xBus.emit(eventName as XEvent, eventPayload)\n      })\n    }\n\n    xBus.on('ExperienceControlsEventsChanged', false).subscribe(event => onEventsChanged(event))\n\n    return () => {}\n  },\n})\n</script>\n\n<docs lang=\"mdx\">\n## Examples\n\nThis component will fire the events received in the `ExperienceControlsEventsChanged` event.\n\n```vue\n<template>\n  <ExperienceControls />\n</template>\n<script>\nimport { ExperienceControls } from '@empathyco/x-components/experience-controls'\n\nexport default {\n  name: 'ExperienceControlsDemo',\n  components: {\n    ExperienceControls,\n  },\n}\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;AAMA;;;;;AAKE;AACF,gBAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,oBAAoB;IAC1B,OAAO,EAAE,yBAAyB,CAAC,IAAI;IACvC,KAAK,GAAA;AACH,QAAA,MAAM,IAAG,GAAI,OAAO,EAAC,CAAA;AAErB;;;;AAIE;QACF,SAAS,eAAe,CAAC,MAA6B,EAAA;AACpD,YAAA,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,YAAY,CAAC,KAAK;AAC5D,gBAAA,IAAI,CAAC,IAAI,CAAC,SAAmB,EAAE,YAAY,CAAA,CAAA;AAC7C,aAAC,CAAA,CAAA;SACH;AAEA,QAAA,IAAI,CAAC,EAAE,CAAC,iCAAiC,EAAE,KAAK,CAAC,CAAC,SAAS,CAAC,SAAS,eAAe,CAAC,KAAK,CAAC,CAAA,CAAA;AAE3F,QAAA,OAAO,MAAO,GAAA,CAAA;KACf;AACF,CAAA,CAAA;;;;"}

package/js/x-modules/experience-controls/store/actions/fetch-and-save-experience-controls.action.js

@@ -1,13 +1,13 @@
 import { createFetchAndSaveActions } from '../../../../store/utils/fetch-and-save-action.utils.js';
 
 const { fetchAndSave, cancelPrevious } = createFetchAndSaveActions({
-    fetch({ dispatch }, request) {
+    async fetch({ dispatch }, request) {
         return dispatch('fetchExperienceControlsResponse', request);
     },
     onSuccess({ commit }, experienceControlsResponse) {
         commit('setControls', experienceControlsResponse.controls);
         commit('setEvents', experienceControlsResponse.events);
-    }
+    },
 });
 /**
  * Default implementation for fetchAndSaveExperienceControls action.

package/js/x-modules/experience-controls/store/actions/fetch-and-save-experience-controls.action.js.map

@@ -1 +1 @@
-{"version":3,"file":"fetch-and-save-experience-controls.action.js","sources":["../../../../../../src/x-modules/experience-controls/store/actions/fetch-and-save-experience-controls.action.ts"],"sourcesContent":["import { ExperienceControlsRequest, ExperienceControlsResponse } from '@empathyco/x-types';\nimport { createFetchAndSaveActions } from '../../../../store/utils/fetch-and-save-action.utils';\nimport { ExperienceControlsActionContext } from '../types';\n\nconst { fetchAndSave, cancelPrevious } = createFetchAndSaveActions<\n  ExperienceControlsActionContext,\n  ExperienceControlsRequest | null,\n  ExperienceControlsResponse\n>({\n  fetch({ dispatch }, request) {\n    return dispatch('fetchExperienceControlsResponse', request);\n  },\n  onSuccess({ commit }, experienceControlsResponse) {\n    commit('setControls', experienceControlsResponse.controls);\n    commit('setEvents', experienceControlsResponse.events);\n  }\n});\n\n/**\n * Default implementation for fetchAndSaveExperienceControls action.\n *\n * @public\n */\nexport const fetchAndSaveExperienceControlsResponse = fetchAndSave;\n\n/**\n * Default implementation for fetchAndSaveExperienceControls action.\n *\n * @public\n */\nexport const cancelFetchAndSaveControls = cancelPrevious;\n"],"names":[],"mappings":";;AAIA,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,yBAAyB,CAIhE;AACA,IAAA,KAAK,CAAC,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAA;AACzB,QAAA,OAAO,QAAQ,CAAC,iCAAiC,EAAE,OAAO,CAAC,CAAC;KAC7D;AACD,IAAA,SAAS,CAAC,EAAE,MAAM,EAAE,EAAE,0BAA0B,EAAA;AAC9C,QAAA,MAAM,CAAC,aAAa,EAAE,0BAA0B,CAAC,QAAQ,CAAC,CAAC;AAC3D,QAAA,MAAM,CAAC,WAAW,EAAE,0BAA0B,CAAC,MAAM,CAAC,CAAC;KACxD;AACF,CAAA,CAAC,CAAC;AAEH;;;;AAIG;AACI,MAAM,sCAAsC,GAAG,aAAa;AAEnE;;;;AAIG;AACI,MAAM,0BAA0B,GAAG;;;;"}
+{"version":3,"file":"fetch-and-save-experience-controls.action.js","sources":["../../../../../../src/x-modules/experience-controls/store/actions/fetch-and-save-experience-controls.action.ts"],"sourcesContent":["import type { ExperienceControlsRequest, ExperienceControlsResponse } from '@empathyco/x-types'\nimport type { ExperienceControlsActionContext } from '../types'\nimport { createFetchAndSaveActions } from '../../../../store/utils/fetch-and-save-action.utils'\n\nconst { fetchAndSave, cancelPrevious } = createFetchAndSaveActions<\n  ExperienceControlsActionContext,\n  ExperienceControlsRequest | null,\n  ExperienceControlsResponse\n>({\n  async fetch({ dispatch }, request) {\n    return dispatch('fetchExperienceControlsResponse', request)\n  },\n  onSuccess({ commit }, experienceControlsResponse) {\n    commit('setControls', experienceControlsResponse.controls)\n    commit('setEvents', experienceControlsResponse.events)\n  },\n})\n\n/**\n * Default implementation for fetchAndSaveExperienceControls action.\n *\n * @public\n */\nexport const fetchAndSaveExperienceControlsResponse = fetchAndSave\n\n/**\n * Default implementation for fetchAndSaveExperienceControls action.\n *\n * @public\n */\nexport const cancelFetchAndSaveControls = cancelPrevious\n"],"names":[],"mappings":";;AAIA,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,yBAAyB,CAIhE;AACA,IAAA,MAAM,KAAK,CAAC,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAA;AAC/B,QAAA,OAAO,QAAQ,CAAC,iCAAiC,EAAE,OAAO,CAAC,CAAA;KAC5D;AACD,IAAA,SAAS,CAAC,EAAE,MAAM,EAAE,EAAE,0BAA0B,EAAA;AAC9C,QAAA,MAAM,CAAC,aAAa,EAAE,0BAA0B,CAAC,QAAQ,CAAC,CAAA;AAC1D,QAAA,MAAM,CAAC,WAAW,EAAE,0BAA0B,CAAC,MAAM,CAAC,CAAA;KACvD;AACF,CAAA,CAAC,CAAA;AAEF;;;;AAIG;AACI,MAAM,sCAAsC,GAAG,aAAY;AAElE;;;;AAIG;AACI,MAAM,0BAA0B,GAAG;;;;"}

package/js/x-modules/experience-controls/store/actions/fetch-experience-controls.action.js

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

package/js/x-modules/experience-controls/store/actions/fetch-experience-controls.action.js.map

@@ -1 +1 @@
-{"version":3,"file":"fetch-experience-controls.action.js","sources":["../../../../../../src/x-modules/experience-controls/store/actions/fetch-experience-controls.action.ts"],"sourcesContent":["import { ExperienceControlsResponse } from '@empathyco/x-types';\nimport { ExperienceControlsXStoreModule } from '../types';\nimport { XPlugin } from '../../../../plugins/x-plugin';\n\n/**\n * Default implementation for the {@link ExperienceControlsActions.fetchExperienceControlsResponse}.\n *\n * @param _context - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,\n * provided by Vuex.\n * @param request - The experience controls request to make.\n * @returns The experience controls response.\n *\n * @public\n */\n// eslint-disable-next-line max-len\nexport const fetchExperienceControlsResponse: ExperienceControlsXStoreModule['actions']['fetchExperienceControlsResponse'] =\n  (_context, request) => {\n    return request\n      ? XPlugin.adapter.experienceControls(request).then(response => response)\n      : ({} as ExperienceControlsResponse);\n  };\n"],"names":[],"mappings":";;AAIA;;;;;;;;;AASG;AACH;MACa,+BAA+B,GAC1C,CAAC,QAAQ,EAAE,OAAO,KAAI;AACpB,IAAA,OAAO,OAAO;AACZ,UAAE,OAAO,CAAC,OAAO,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC;UACrE,EAAiC,CAAC;AACzC;;;;"}
+{"version":3,"file":"fetch-experience-controls.action.js","sources":["../../../../../../src/x-modules/experience-controls/store/actions/fetch-experience-controls.action.ts"],"sourcesContent":["import type { ExperienceControlsResponse } from '@empathyco/x-types'\nimport type { ExperienceControlsXStoreModule } from '../types'\nimport { XPlugin } from '../../../../plugins/x-plugin'\n\n/**\n * Default implementation for the {@link ExperienceControlsActions.fetchExperienceControlsResponse}.\n *\n * @param _context - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,\n * provided by Vuex.\n * @param request - The experience controls request to make.\n * @returns The experience controls response.\n *\n * @public\n */\n\nexport const fetchExperienceControlsResponse: ExperienceControlsXStoreModule['actions']['fetchExperienceControlsResponse'] =\n  async (_context, request) => {\n    return request\n      ? XPlugin.adapter.experienceControls(request).then(response => response)\n      : ({} as ExperienceControlsResponse)\n  }\n"],"names":[],"mappings":";;AAIA;;;;;;;;;AASG;AAEU,MAAA,+BAA+B,GAC1C,OAAO,QAAQ,EAAE,OAAO,KAAI;AAC1B,IAAA,OAAO,OAAO;AACZ,UAAE,OAAO,CAAC,OAAO,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC;UACrE,EAAiC,CAAA;AACxC;;;;"}

package/js/x-modules/experience-controls/store/emitters.js

@@ -1,3 +1,4 @@
+import '@empathyco/x-utils';
 import { createStoreEmitters } from '../../../store/utils/store-emitters.utils.js';
 import { experienceControlsXStoreModule } from './module.js';
 
@@ -8,9 +9,9 @@ import { experienceControlsXStoreModule } from './module.js';
  */
 const experienceControlsEmitters = createStoreEmitters(experienceControlsXStoreModule, {
     ExperienceControlsEventsChanged: {
-        selector: state => state.events
+        selector: state => state.events,
     },
-    ExperienceControlsRequestUpdated: (_, getters) => getters.experienceControlsRequest
+    ExperienceControlsRequestUpdated: (_, getters) => getters.experienceControlsRequest,
 });
 
 export { experienceControlsEmitters };

package/js/x-modules/experience-controls/store/emitters.js.map

@@ -1 +1 @@
-{"version":3,"file":"emitters.js","sources":["../../../../../src/x-modules/experience-controls/store/emitters.ts"],"sourcesContent":["import { createStoreEmitters } from '../../../store';\nimport { experienceControlsXStoreModule } from './module';\n\n/**\n * {@link StoreEmitters} For the {@link ExperienceControlsXModule}.\n *\n * @internal\n */\nexport const experienceControlsEmitters = createStoreEmitters(experienceControlsXStoreModule, {\n  ExperienceControlsEventsChanged: {\n    selector: state => state.events\n  },\n  ExperienceControlsRequestUpdated: (_, getters) => getters.experienceControlsRequest\n});\n"],"names":[],"mappings":";;;AAGA;;;;AAIG;AACU,MAAA,0BAA0B,GAAG,mBAAmB,CAAC,8BAA8B,EAAE;AAC5F,IAAA,+BAA+B,EAAE;AAC/B,QAAA,QAAQ,EAAE,KAAK,IAAI,KAAK,CAAC,MAAM;AAChC,KAAA;IACD,gCAAgC,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,yBAAyB;AACpF,CAAA;;;;"}
+{"version":3,"file":"emitters.js","sources":["../../../../../src/x-modules/experience-controls/store/emitters.ts"],"sourcesContent":["import { createStoreEmitters } from '../../../store'\nimport { experienceControlsXStoreModule } from './module'\n\n/**\n * {@link StoreEmitters} For the {@link ExperienceControlsXModule}.\n *\n * @internal\n */\nexport const experienceControlsEmitters = createStoreEmitters(experienceControlsXStoreModule, {\n  ExperienceControlsEventsChanged: {\n    selector: state => state.events,\n  },\n  ExperienceControlsRequestUpdated: (_, getters) => getters.experienceControlsRequest,\n})\n"],"names":[],"mappings":";;;;AAGA;;;;AAIG;AACU,MAAA,0BAA0B,GAAG,mBAAmB,CAAC,8BAA8B,EAAE;AAC5F,IAAA,+BAA+B,EAAE;AAC/B,QAAA,QAAQ,EAAE,KAAK,IAAI,KAAK,CAAC,MAAM;AAChC,KAAA;IACD,gCAAgC,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,yBAAyB;AACpF,CAAA;;;;"}

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

@@ -8,10 +8,9 @@
  *
  * @public
  */
-// eslint-disable-next-line max-len
 const experienceControlsRequest = ({ params }) => {
     return {
-        extraParams: params
+        extraParams: params,
     };
 };
 

package/js/x-modules/experience-controls/store/getters/experience-controls-results-request.getter.js.map

@@ -1 +1 @@
-{"version":3,"file":"experience-controls-results-request.getter.js","sources":["../../../../../../src/x-modules/experience-controls/store/getters/experience-controls-results-request.getter.ts"],"sourcesContent":["import { ExperienceControlsXStoreModule } from '../types';\n\n/**\n * Default implementation for the {@link ExperienceControlsGetters.experienceControlsRequest}\n * getter.\n *\n * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the controls\n * results module.\n * @returns The params results request to fetch data from the API.\n *\n * @public\n */\n// eslint-disable-next-line max-len\nexport const experienceControlsRequest: ExperienceControlsXStoreModule['getters']['experienceControlsRequest'] =\n  ({ params }) => {\n    return {\n      extraParams: params\n    };\n  };\n"],"names":[],"mappings":"AAEA;;;;;;;;;AASG;AACH;MACa,yBAAyB,GACpC,CAAC,EAAE,MAAM,EAAE,KAAI;IACb,OAAO;AACL,QAAA,WAAW,EAAE,MAAM;KACpB,CAAC;AACJ;;;;"}
+{"version":3,"file":"experience-controls-results-request.getter.js","sources":["../../../../../../src/x-modules/experience-controls/store/getters/experience-controls-results-request.getter.ts"],"sourcesContent":["import type { ExperienceControlsXStoreModule } from '../types'\n\n/**\n * Default implementation for the {@link ExperienceControlsGetters.experienceControlsRequest}\n * getter.\n *\n * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the controls\n * results module.\n * @returns The params results request to fetch data from the API.\n *\n * @public\n */\n\nexport const experienceControlsRequest: ExperienceControlsXStoreModule['getters']['experienceControlsRequest'] =\n  ({ params }) => {\n    return {\n      extraParams: params,\n    }\n  }\n"],"names":[],"mappings":"AAEA;;;;;;;;;AASG;MAEU,yBAAyB,GACpC,CAAC,EAAE,MAAM,EAAE,KAAI;IACb,OAAO;AACL,QAAA,WAAW,EAAE,MAAM;KACpB,CAAA;AACH;;;;"}

package/js/x-modules/experience-controls/store/module.js

@@ -3,8 +3,6 @@ import { fetchAndSaveExperienceControlsResponse, cancelFetchAndSaveControls } fr
 import { fetchExperienceControlsResponse } from './actions/fetch-experience-controls.action.js';
 import { experienceControlsRequest } from './getters/experience-controls-results-request.getter.js';
 
-/* eslint-disable max-len */
-/* eslint-enable max-len */
 /**.
  * {@link XStoreModule} For the experience-controls module.
  *
@@ -15,10 +13,10 @@ const experienceControlsXStoreModule = {
         controls: {},
         events: {},
         status: 'initial',
-        params: {}
+        params: {},
     }),
     getters: {
-        experienceControlsRequest
+        experienceControlsRequest,
     },
     mutations: {
         setControls(state, controls) {
@@ -30,13 +28,13 @@ const experienceControlsXStoreModule = {
         setParams(state, params) {
             state.params = params;
         },
-        setStatus
+        setStatus,
     },
     actions: {
         fetchExperienceControlsResponse,
         fetchAndSaveExperienceControlsResponse,
-        cancelFetchAndSaveControls
-    }
+        cancelFetchAndSaveControls,
+    },
 };
 
 export { experienceControlsXStoreModule };