@empathyco/x-components 3.0.0-alpha.7 → 3.0.0-alpha.70

package/js/x-modules/device/components/device-detector.vue_rollup-plugin-vue_script.vue.js

@@ -0,0 +1,122 @@
+import { __decorate } from 'tslib';
+import Vue from 'vue';
+import GlobalEvents from 'vue-global-events';
+import { Prop, Watch, Component } from 'vue-property-decorator';
+import { xComponentMixin } from '../../../components/x-component.mixin.js';
+import { XEmit } from '../../../components/decorators/bus.decorators.js';
+import { throttle } from '../../../utils/throttle.js';
+import { deviceXModule } from '../x-module.js';
+
+/**
+ * This component helps detecting or setting a device, that can be used later to create
+ * different layouts optimized for different devices. This detected device is available under
+ * the {@link XComponentAliasAPI.device} property.
+ *
+ * @public
+ */
+let DeviceDetector = class DeviceDetector extends Vue {
+    constructor() {
+        super(...arguments);
+        /**
+         * The width in pixels of the window where the app is being rendered.
+         *
+         * @internal
+         */
+        this.windowWidthPx = null;
+        /**
+         * Throttled version of {@link DeviceDetector.storeWindowWidth} function.
+         *
+         * @internal
+         */
+        // eslint-disable-next-line @typescript-eslint/unbound-method
+        this.throttledStoreWindowWidth = this.storeWindowWidth;
+    }
+    /**
+     * List of each of the entries of the breakpoints sorted from the smallest to the biggest
+     * max width.
+     *
+     * @returns A list of the breakpoints sorted by its max width in ascending order.
+     *
+     * @internal
+     */
+    get sortedBreakpoints() {
+        return Object.entries(this.breakpoints).sort(([, aWidth], [, bWidth]) => aWidth - bWidth);
+    }
+    /**
+     * The device detected by this component, or the value provided in {@link DeviceDetector.force}
+     * prop.
+     *
+     * @returns The detected device, or the value provided in {@link DeviceDetector.force}
+     * prop.
+     *
+     * @internal
+     */
+    get detectedDevice() {
+        if (this.force) {
+            return this.force;
+        }
+        else if (this.windowWidthPx === null) {
+            return null;
+        }
+        else {
+            return (this.sortedBreakpoints.find(([, width]) => this.windowWidthPx <= width)?.[0] ?? null);
+        }
+    }
+    /**
+     * Stores the window width in {@link DeviceDetector.windowWidthPx}.
+     *
+     * @internal
+     */
+    storeWindowWidth() {
+        this.windowWidthPx = window.innerWidth;
+    }
+    /**
+     * Updates {@link DeviceDetector.throttledStoreWindowWidth} with the throttle time at
+     * {@link DeviceDetector.throttleMs}.
+     *
+     * @param throttleMs - The new duration in milliseconds for the throttle.
+     *
+     * @internal
+     */
+    updateThrottledStoreWindowWidth(throttleMs) {
+        // eslint-disable-next-line @typescript-eslint/unbound-method
+        this.throttledStoreWindowWidth = throttle(this.storeWindowWidth, throttleMs);
+    }
+    /**
+     * Initialises the store window width.
+     *
+     * @remarks This is done this way to ensure SSR compatibility.
+     *
+     * @internal
+     */
+    mounted() {
+        this.storeWindowWidth();
+    }
+};
+__decorate([
+    Prop({ default: () => ({}) })
+], DeviceDetector.prototype, "breakpoints", void 0);
+__decorate([
+    Prop()
+], DeviceDetector.prototype, "force", void 0);
+__decorate([
+    Prop({ default: 100 })
+], DeviceDetector.prototype, "throttleMs", void 0);
+__decorate([
+    XEmit('DeviceProvided')
+], DeviceDetector.prototype, "detectedDevice", null);
+__decorate([
+    Watch('throttleMs', { immediate: true })
+], DeviceDetector.prototype, "updateThrottledStoreWindowWidth", null);
+DeviceDetector = __decorate([
+    Component({
+        mixins: [xComponentMixin(deviceXModule)],
+        components: {
+            GlobalEvents
+        }
+    })
+], DeviceDetector);
+var script = DeviceDetector;
+
+export { script as default };
+//# sourceMappingURL=device-detector.vue_rollup-plugin-vue_script.vue.js.map

package/js/x-modules/device/components/device-detector.vue_rollup-plugin-vue_script.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"device-detector.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../../src/x-modules/device/components/device-detector.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\nimport Vue from 'vue';\nimport GlobalEvents from 'vue-global-events';\nimport { Component, Prop, Watch } from 'vue-property-decorator';\nimport { xComponentMixin } from '../../../components/x-component.mixin';\nimport { XEmit } from '../../../components/decorators/bus.decorators';\nimport { throttle } from '../../../utils/throttle';\nimport { deviceXModule } from '../x-module';\n\n/** Alias just to improve code readiness. */\ntype Device = string;\n/** Alias just to improve code readiness. */\ntype MaxWidth = number;\n\n/**\n * This component helps detecting or setting a device, that can be used later to create\n * different layouts optimized for different devices. This detected device is available under\n * the {@link XComponentAliasAPI.device} property.\n *\n * @public\n */\n@Component({\n  mixins: [xComponentMixin(deviceXModule)],\n  components: {\n    GlobalEvents\n  }\n})\nexport default class DeviceDetector extends Vue {\n  /**\n   * Record of the device name, that can be whatever you want `xs`, `mobile`, `big`... And\n   * the max width in pixels for that device.\n   *\n   * @public\n   */\n  @Prop({ default: () => ({}) })\n  public readonly breakpoints!: Record<Device, MaxWidth>;\n\n  /**\n   * Forces a device, ignoring the {@link DeviceDetector.breakpoints} prop.\n   *\n   * @public\n   */\n  @Prop()\n  public readonly force?: Device;\n\n  /**\n   * Time in milliseconds to throttle the resize events used to detect the device.\n   *\n   * @public\n   */\n  @Prop({ default: 100 })\n  public readonly throttleMs!: number;\n\n  /**\n   * The width in pixels of the window where the app is being rendered.\n   *\n   * @internal\n   */\n  protected windowWidthPx: number | null = null;\n\n  /**\n   * Throttled version of {@link DeviceDetector.storeWindowWidth} function.\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @typescript-eslint/unbound-method\n  protected throttledStoreWindowWidth = this.storeWindowWidth;\n\n  /**\n   * List of each of the entries of the breakpoints sorted from the smallest to the biggest\n   * max width.\n   *\n   * @returns A list of the breakpoints sorted by its max width in ascending order.\n   *\n   * @internal\n   */\n  protected get sortedBreakpoints(): [Device, MaxWidth][] {\n    return Object.entries(this.breakpoints).sort(([, aWidth], [, bWidth]) => aWidth - bWidth);\n  }\n\n  /**\n   * The device detected by this component, or the value provided in {@link DeviceDetector.force}\n   * prop.\n   *\n   * @returns The detected device, or the value provided in {@link DeviceDetector.force}\n   * prop.\n   *\n   * @internal\n   */\n  @XEmit('DeviceProvided')\n  public get detectedDevice(): string | null {\n    if (this.force) {\n      return this.force;\n    } else if (this.windowWidthPx === null) {\n      return null;\n    } else {\n      return (\n        this.sortedBreakpoints.find(([, width]) => this.windowWidthPx! <= width)?.[0] ?? null\n      );\n    }\n  }\n\n  /**\n   * Stores the window width in {@link DeviceDetector.windowWidthPx}.\n   *\n   * @internal\n   */\n  protected storeWindowWidth(): void {\n    this.windowWidthPx = window.innerWidth;\n  }\n\n  /**\n   * Updates {@link DeviceDetector.throttledStoreWindowWidth} with the throttle time at\n   * {@link DeviceDetector.throttleMs}.\n   *\n   * @param throttleMs - The new duration in milliseconds for the throttle.\n   *\n   * @internal\n   */\n  @Watch('throttleMs', { immediate: true })\n  protected updateThrottledStoreWindowWidth(throttleMs: number): void {\n    // eslint-disable-next-line @typescript-eslint/unbound-method\n    this.throttledStoreWindowWidth = throttle(this.storeWindowWidth, throttleMs);\n  }\n\n  /**\n   * Initialises the store window width.\n   *\n   * @remarks This is done this way to ensure SSR compatibility.\n   *\n   * @internal\n   */\n  mounted(): void {\n    this.storeWindowWidth();\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;AAkBA;;;;;;;AAaA,IAAqB,cAAc,GAAnC,MAAqB,cAAe,SAAQ,GAAG;IAA/C;;;;;;;QA+BY,kBAAa,GAAkB,IAAI,CAAC;;;;;;;QAQpC,8BAAyB,GAAG,IAAI,CAAC,gBAAgB,CAAC;KAqE7D;;;;;;;;;IA3DC,IAAc,iBAAiB;QAC7B,OAAO,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,MAAM,CAAC,EAAE,GAAG,MAAM,CAAC,KAAK,MAAM,GAAG,MAAM,CAAC,CAAC;KAC3F;;;;;;;;;;IAYD,IAAW,cAAc;QACvB,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,OAAO,IAAI,CAAC,KAAK,CAAC;SACnB;aAAM,IAAI,IAAI,CAAC,aAAa,KAAK,IAAI,EAAE;YACtC,OAAO,IAAI,CAAC;SACb;aAAM;YACL,QACE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,IAAI,CAAC,aAAc,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,IAAI,EACrF;SACH;KACF;;;;;;IAOS,gBAAgB;QACxB,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC;KACxC;;;;;;;;;IAWS,+BAA+B,CAAC,UAAkB;;QAE1D,IAAI,CAAC,yBAAyB,GAAG,QAAQ,CAAC,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC;KAC9E;;;;;;;;IASD,OAAO;QACL,IAAI,CAAC,gBAAgB,EAAE,CAAC;KACzB;CACF,CAAA;AApGC;IADC,IAAI,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;mDACyB;AAQvD;IADC,IAAI,EAAE;6CACwB;AAQ/B;IADC,IAAI,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC;kDACa;AAuCpC;IADC,KAAK,CAAC,gBAAgB,CAAC;oDAWvB;AAoBD;IADC,KAAK,CAAC,YAAY,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;qEAIxC;AAhGkB,cAAc;IANlC,SAAS,CAAC;QACT,MAAM,EAAE,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;QACxC,UAAU,EAAE;YACV,YAAY;SACb;KACF,CAAC;GACmB,cAAc,CA4GlC;aA5GoB,cAAc;;;;"}

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

@@ -1,5 +1,4 @@
-import '../../../store/x.module.js';
-import { createStoreEmitters } from '../../../store/store.utils.js';
+import { createStoreEmitters } from '../../../store/utils/store-emitters.utils.js';
 import { deviceXStoreModule } from './module.js';
 
 /**
@@ -7,7 +6,7 @@ import { deviceXStoreModule } from './module.js';
  *
  * @internal
  */
-var deviceEmitters = createStoreEmitters(deviceXStoreModule, {});
+const deviceEmitters = createStoreEmitters(deviceXStoreModule, {});
 
 export { deviceEmitters };
 //# sourceMappingURL=emitters.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"emitters.js","sources":["../../../../../src/x-modules/device/store/emitters.ts"],"sourcesContent":["import { createStoreEmitters } from '../../../store';\nimport { deviceXStoreModule } from './module';\n\n/**\n * {@link StoreEmitters} For the device module.\n *\n * @internal\n */\nexport const deviceEmitters = createStoreEmitters(deviceXStoreModule, {});\n"],"names":[],"mappings":";;;;AAGA;;;;;IAKa,cAAc,GAAG,mBAAmB,CAAC,kBAAkB,EAAE,EAAE;;;;"}
+{"version":3,"file":"emitters.js","sources":["../../../../../src/x-modules/device/store/emitters.ts"],"sourcesContent":["import { createStoreEmitters } from '../../../store';\nimport { deviceXStoreModule } from './module';\n\n/**\n * {@link StoreEmitters} For the device module.\n *\n * @internal\n */\nexport const deviceEmitters = createStoreEmitters(deviceXStoreModule, {});\n"],"names":[],"mappings":";;;AAGA;;;;;MAKa,cAAc,GAAG,mBAAmB,CAAC,kBAAkB,EAAE,EAAE;;;;"}

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

@@ -3,13 +3,13 @@
  *
  * @internal
  */
-var deviceXStoreModule = {
-    state: function () { return ({
+const deviceXStoreModule = {
+    state: () => ({
         name: null
-    }); },
+    }),
     getters: {},
     mutations: {
-        setName: function (state, name) {
+        setName(state, name) {
             state.name = name;
         }
     },

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

@@ -1 +1 @@
-{"version":3,"file":"module.js","sources":["../../../../../src/x-modules/device/store/module.ts"],"sourcesContent":["import { DeviceXStoreModule } from './types';\n\n/**\n * {@link XStoreModule} For the device module.\n *\n * @internal\n */\nexport const deviceXStoreModule: DeviceXStoreModule = {\n  state: () => ({\n    name: null\n  }),\n  getters: {},\n  mutations: {\n    setName(state, name) {\n      state.name = name;\n    }\n  },\n  actions: {}\n};\n"],"names":[],"mappings":"AAEA;;;;;IAKa,kBAAkB,GAAuB;IACpD,KAAK,EAAE,cAAM,QAAC;QACZ,IAAI,EAAE,IAAI;KACX,IAAC;IACF,OAAO,EAAE,EAAE;IACX,SAAS,EAAE;QACT,OAAO,YAAC,KAAK,EAAE,IAAI;YACjB,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC;SACnB;KACF;IACD,OAAO,EAAE,EAAE;;;;;"}
+{"version":3,"file":"module.js","sources":["../../../../../src/x-modules/device/store/module.ts"],"sourcesContent":["import { DeviceXStoreModule } from './types';\n\n/**\n * {@link XStoreModule} For the device module.\n *\n * @internal\n */\nexport const deviceXStoreModule: DeviceXStoreModule = {\n  state: () => ({\n    name: null\n  }),\n  getters: {},\n  mutations: {\n    setName(state, name) {\n      state.name = name;\n    }\n  },\n  actions: {}\n};\n"],"names":[],"mappings":"AAEA;;;;;MAKa,kBAAkB,GAAuB;IACpD,KAAK,EAAE,OAAO;QACZ,IAAI,EAAE,IAAI;KACX,CAAC;IACF,OAAO,EAAE,EAAE;IACX,SAAS,EAAE;QACT,OAAO,CAAC,KAAK,EAAE,IAAI;YACjB,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC;SACnB;KACF;IACD,OAAO,EAAE,EAAE;;;;;"}

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

@@ -1,26 +1,26 @@
-import { createWiring } from '../../wiring/wiring.utils.js';
 import { namespacedWireCommit } from '../../wiring/namespaced-wires.factory.js';
+import { createWiring } from '../../wiring/wiring.utils.js';
 
 /**
  * WireCommit for {@link DeviceXModule}.
  *
  * @internal
  */
-var wireCommit = namespacedWireCommit('device');
+const wireCommit = namespacedWireCommit('device');
 /**
  * Sets the device of the {@link DeviceXModule}.
  *
  * @public
  */
-var setName = wireCommit('setName');
+const setName = wireCommit('setName');
 /**
  * Wiring configuration for the {@link DeviceXModule | device module}.
  *
  * @internal
  */
-var deviceWiring = createWiring({
+const deviceWiring = createWiring({
     DeviceProvided: {
-        setName: setName
+        setName
     }
 });
 

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

@@ -1 +1 @@
-{"version":3,"file":"wiring.js","sources":["../../../../src/x-modules/device/wiring.ts"],"sourcesContent":["import { namespacedWireCommit } from '../../wiring/namespaced-wires.factory';\nimport { createWiring } from '../../wiring/wiring.utils';\n\n/**\n * WireCommit for {@link DeviceXModule}.\n *\n * @internal\n */\nconst wireCommit = namespacedWireCommit('device');\n\n/**\n * Sets the device of the {@link DeviceXModule}.\n *\n * @public\n */\nexport const setName = wireCommit('setName');\n\n/**\n * Wiring configuration for the {@link DeviceXModule | device module}.\n *\n * @internal\n */\nexport const deviceWiring = createWiring({\n  DeviceProvided: {\n    setName\n  }\n});\n"],"names":[],"mappings":";;;AAGA;;;;;AAKA,IAAM,UAAU,GAAG,oBAAoB,CAAC,QAAQ,CAAC,CAAC;AAElD;;;;;IAKa,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE;AAE7C;;;;;IAKa,YAAY,GAAG,YAAY,CAAC;IACvC,cAAc,EAAE;QACd,OAAO,SAAA;KACR;CACF;;;;"}
+{"version":3,"file":"wiring.js","sources":["../../../../src/x-modules/device/wiring.ts"],"sourcesContent":["import { namespacedWireCommit } from '../../wiring/namespaced-wires.factory';\nimport { createWiring } from '../../wiring/wiring.utils';\n\n/**\n * WireCommit for {@link DeviceXModule}.\n *\n * @internal\n */\nconst wireCommit = namespacedWireCommit('device');\n\n/**\n * Sets the device of the {@link DeviceXModule}.\n *\n * @public\n */\nexport const setName = wireCommit('setName');\n\n/**\n * Wiring configuration for the {@link DeviceXModule | device module}.\n *\n * @internal\n */\nexport const deviceWiring = createWiring({\n  DeviceProvided: {\n    setName\n  }\n});\n"],"names":[],"mappings":";;;AAGA;;;;;AAKA,MAAM,UAAU,GAAG,oBAAoB,CAAC,QAAQ,CAAC,CAAC;AAElD;;;;;MAKa,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE;AAE7C;;;;;MAKa,YAAY,GAAG,YAAY,CAAC;IACvC,cAAc,EAAE;QACd,OAAO;KACR;CACF;;;;"}

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

@@ -1,5 +1,5 @@
-import { deviceXStoreModule } from './store/module.js';
 import { deviceEmitters } from './store/emitters.js';
+import { deviceXStoreModule } from './store/module.js';
 import { deviceWiring } from './wiring.js';
 
 /**
@@ -8,7 +8,7 @@ import { deviceWiring } from './wiring.js';
  *
  * @public
  */
-var deviceXModule = {
+const deviceXModule = {
     name: 'device',
     storeModule: deviceXStoreModule,
     storeEmitters: deviceEmitters,

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 { 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"],"names":[],"mappings":";;;;AAaA;;;;;;IAMa,aAAa,GAAkB;IAC1C,IAAI,EAAE,QAAQ;IACd,WAAW,EAAE,kBAAkB;IAC/B,aAAa,EAAE,cAAc;IAC7B,MAAM,EAAE,YAAY;;;;;"}
+{"version":3,"file":"x-module.js","sources":["../../../../src/x-modules/device/x-module.ts"],"sourcesContent":["import { XModule } from '../x-modules.types';\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"],"names":[],"mappings":";;;;AAaA;;;;;;MAMa,aAAa,GAAkB;IAC1C,IAAI,EAAE,QAAQ;IACd,WAAW,EAAE,kBAAkB;IAC/B,aAAa,EAAE,cAAc;IAC7B,MAAM,EAAE,YAAY;;;;;"}

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

@@ -1,11 +1,11 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-import script from './empathize.vue_rollup-plugin-vue=script.js';
+import script from './empathize.vue_rollup-plugin-vue_script.vue.js';
+import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.mjs';
 
 /* script */
-var __vue_script__ = script;
+const __vue_script__ = script;
 
 /* template */
-var __vue_render__ = function() {
+var __vue_render__ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -17,30 +17,30 @@ var __vue_render__ = function() {
             staticClass: "x-empathize",
             attrs: { "data-test": "empathize" },
             on: {
-              mousedown: function($event) {
+              mousedown: function ($event) {
                 $event.preventDefault();
               },
               focusin: _vm.open,
-              focusout: _vm.close
-            }
+              focusout: _vm.close,
+            },
           },
           [_vm._t("default")],
           2
         )
-      : _vm._e()
+      : _vm._e(),
   ])
 };
 var __vue_staticRenderFns__ = [];
 __vue_render__._withStripped = true;
 
   /* style */
-  var __vue_inject_styles__ = undefined;
+  const __vue_inject_styles__ = undefined;
   /* scoped */
-  var __vue_scope_id__ = undefined;
+  const __vue_scope_id__ = undefined;
   /* module identifier */
-  var __vue_module_identifier__ = undefined;
+  const __vue_module_identifier__ = undefined;
   /* functional template */
-  var __vue_is_functional_template__ = false;
+  const __vue_is_functional_template__ = false;
   /* style inject */
   
   /* style inject SSR */
@@ -49,7 +49,7 @@ __vue_render__._withStripped = true;
   
 
   
-  var __vue_component__ = /*#__PURE__*/__vue_normalize__(
+  const __vue_component__ = /*#__PURE__*/__vue_normalize__(
     { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
     __vue_inject_styles__,
     __vue_script__,
@@ -62,5 +62,5 @@ __vue_render__._withStripped = true;
     undefined
   );
 
-export default __vue_component__;
+export { __vue_component__ as default };
 //# sourceMappingURL=empathize.vue.js.map

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-if=\"isOpen\"\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 Vue from 'vue';\n  import Component from 'vue-class-component';\n  import { Prop } from 'vue-property-decorator';\n  import { XOn } from '../../../components/decorators/bus.decorators';\n  import { Debounce } from '../../../components/decorators/debounce.decorators';\n  import { NoElement } from '../../../components/no-element';\n  import { xComponentMixin } from '../../../components/x-component.mixin';\n  import { WireMetadata, XEvent } from '../../../wiring';\n  import { 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   */\n  @Component({\n    mixins: [xComponentMixin(empathizeXModule)]\n  })\n  export default class Empathize extends Vue {\n    /**\n     * Animation component that will be used to animate the empathize.\n     *\n     * @public\n     */\n    @Prop({ default: () => NoElement })\n    protected animation!: Vue;\n\n    /**\n     * Array of {@link XEvent | xEvents} to open the empathize.\n     *\n     * @public\n     */\n    @Prop({ default: () => ['UserFocusedSearchBox', 'UserIsTypingAQuery', 'UserClickedSearchBox'] })\n    protected eventsToOpenEmpathize!: XEvent[];\n\n    /**\n     * Array of {@link XEvent | xEvents} to close the empathize.\n     *\n     * @public\n     */\n    @Prop({\n      default: () => [\n        'UserClosedEmpathize',\n        'UserSelectedASuggestion',\n        'UserPressedEnter',\n        'UserBlurredSearchBox'\n      ]\n    })\n    protected eventsToCloseEmpathize!: XEvent[];\n\n    /**\n     * The modal container is open.\n     *\n     * @internal\n     */\n    protected isOpen = false;\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 element.\n     *\n     * @param payload - The payload of the {@link XEvent}, that is unused in this case.\n     * @param metadata - The {@link WireMetadata} of the event, used to emit the Empathize XEvents.\n     *\n     * @internal\n     */\n    @XOn(component => (component as Empathize).eventsToOpenEmpathize)\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars-experimental\n    open(payload: unknown, metadata: WireMetadata): void {\n      this.changeOpenState(true, metadata);\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     * @param payload - The payload of the {@link XEvent}, that is unused in this case.\n     * @param metadata - The {@link WireMetadata} of the event, used to emit the Empathize XEvents.\n     *\n     * @internal\n     */\n    @XOn(component => (component as Empathize).eventsToCloseEmpathize)\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars-experimental\n    close(payload: unknown, metadata: WireMetadata): void {\n      this.changeOpenState(false, metadata);\n    }\n\n    /**\n     * Changes the state of {@link Empathize.isOpen} assigning to it the value of `newOpenState`\n     * parameter. Also emits the {@link XEvent | XEvents} `EmpathizeOpened` or `EmpathizeClosed` if\n     * the state really changes.\n     *\n     * @param newOpenState - The new state to assign to {@link Empathize.isOpen}.\n     * @param metadata - The {@link WireMetadata} to emit the {@link XEvent | XEvents}. If is\n     * undefined, a this component is used as source of info for the metadata.\n     *\n     * @internal\n     */\n    @Debounce(0)\n    changeOpenState(newOpenState: boolean, metadata: WireMetadata): void {\n      if (this.isOpen !== newOpenState) {\n        this.isOpen = newOpenState;\n        this.$x.emit(\n          this.isOpen ? 'EmpathizeOpened' : 'EmpathizeClosed',\n          undefined,\n          metadata ?? { moduleName: 'empathize', target: this.$el }\n        );\n      }\n    }\n  }\n</script>\n\n<docs>\n#Examples\n\nThis component will listen to the configured events in eventsToOpenEmpathize and\neventsToCloseEmpathize props and open/close itself accordingly. By default, those props values are:\n```eventsToOpenEmpathize=['UserFocusedSearchBox', 'UserIsTypingAQuery', 'UserClickedSearchBox']```\nand ```eventsToCloseEmpathize=['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 :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,\nmust be 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\n## Events\n\nA list of events that the component will emit:\n\n- `EmpathizeOpened`: the event is emitted after receiving an event to change the state `isOpen` to\n`true`. The event payload is undefined and can have a metadata with the module and the element that\nemitted it.\n- `EmpathizeClosed`: the event is emitted after receiving an event to change the state `isOpen` to\n`false`. The event payload is undefined and can have a metadata with the module and the element that\nemitted it.\n</docs>\n"],"names":["const"],"mappings":";;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"empathize.vue.js","sources":["../../../../../src/x-modules/empathize/components/empathize.vue"],"sourcesContent":["<template>\n  <component :is=\"animation\">\n    <div\n      v-if=\"isOpen\"\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 Vue from 'vue';\n  import Component from 'vue-class-component';\n  import { Prop } from 'vue-property-decorator';\n  import { XOn } from '../../../components/decorators/bus.decorators';\n  import { Debounce } from '../../../components/decorators/debounce.decorators';\n  import { NoElement } from '../../../components/no-element';\n  import { xComponentMixin } from '../../../components/x-component.mixin';\n  import { WireMetadata, XEvent } from '../../../wiring';\n  import { 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   */\n  @Component({\n    mixins: [xComponentMixin(empathizeXModule)]\n  })\n  export default class Empathize extends Vue {\n    /**\n     * Animation component that will be used to animate the empathize.\n     *\n     * @public\n     */\n    @Prop({ default: () => NoElement })\n    protected animation!: Vue;\n\n    /**\n     * Array of {@link XEvent | xEvents} to open the empathize.\n     *\n     * @public\n     */\n    @Prop({ default: () => ['UserFocusedSearchBox', 'UserIsTypingAQuery', 'UserClickedSearchBox'] })\n    protected eventsToOpenEmpathize!: XEvent[];\n\n    /**\n     * Array of {@link XEvent | xEvents} to close the empathize.\n     *\n     * @public\n     */\n    @Prop({\n      default: () => [\n        'UserClosedEmpathize',\n        'UserSelectedASuggestion',\n        'UserPressedEnter',\n        'UserBlurredSearchBox'\n      ]\n    })\n    protected eventsToCloseEmpathize!: XEvent[];\n\n    /**\n     * The modal container is open.\n     *\n     * @internal\n     */\n    protected isOpen = false;\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 element.\n     *\n     * @param payload - The payload of the {@link XEvent}, that is unused in this case.\n     * @param metadata - The {@link WireMetadata} of the event, used to emit the Empathize XEvents.\n     *\n     * @internal\n     */\n    @XOn(component => (component as Empathize).eventsToOpenEmpathize)\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars-experimental\n    open(payload: unknown, metadata: WireMetadata): void {\n      this.changeOpenState(true, metadata);\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     * @param payload - The payload of the {@link XEvent}, that is unused in this case.\n     * @param metadata - The {@link WireMetadata} of the event, used to emit the Empathize XEvents.\n     *\n     * @internal\n     */\n    @XOn(component => (component as Empathize).eventsToCloseEmpathize)\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars-experimental\n    close(payload: unknown, metadata: WireMetadata): void {\n      this.changeOpenState(false, metadata);\n    }\n\n    /**\n     * Changes the state of {@link Empathize.isOpen} assigning to it the value of `newOpenState`\n     * parameter. Also emits the {@link XEvent | XEvents} `EmpathizeOpened` or `EmpathizeClosed` if\n     * the state really changes.\n     *\n     * @param newOpenState - The new state to assign to {@link Empathize.isOpen}.\n     * @param metadata - The {@link WireMetadata} to emit the {@link XEvent | XEvents}. If is\n     * undefined, a this component is used as source of info for the metadata.\n     *\n     * @internal\n     */\n    @Debounce(0)\n    changeOpenState(newOpenState: boolean, metadata: WireMetadata): void {\n      if (this.isOpen !== newOpenState) {\n        this.isOpen = newOpenState;\n        this.$x.emit(\n          this.isOpen ? 'EmpathizeOpened' : 'EmpathizeClosed',\n          undefined,\n          metadata ?? { moduleName: 'empathize', target: this.$el }\n        );\n      }\n    }\n  }\n</script>\n\n<docs lang=\"mdx\">\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\n## Events\n\nA list of events that the component will emit:\n\n- `EmpathizeOpened`: the event is emitted after receiving an event to change the state `isOpen` to\n  `true`. The event payload is undefined and can have a metadata with the module and the element\n  that emitted it.\n- `EmpathizeClosed`: the event is emitted after receiving an event to change the state `isOpen` to\n  `false`. The event payload is undefined and can have a metadata with the module and the element\n  that emitted it.\n</docs>\n"],"names":[],"mappings":";;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/x-modules/empathize/components/empathize.vue_rollup-plugin-vue_script.vue.js

@@ -0,0 +1,105 @@
+import { __decorate } from 'tslib';
+import Vue from 'vue';
+import Component from 'vue-class-component';
+import { Prop } from 'vue-property-decorator';
+import { XOn } from '../../../components/decorators/bus.decorators.js';
+import { Debounce } from '../../../components/decorators/debounce.decorators.js';
+import { NoElement } from '../../../components/no-element.js';
+import { xComponentMixin } from '../../../components/x-component.mixin.js';
+import { empathizeXModule } from '../x-module.js';
+
+/**
+ * Component containing the empathize. It has a required slot to define its content and two props
+ * to define when to open and close it: eventsToOpenEmpathize and eventsToCloseEmpathize.
+ *
+ * @public
+ */
+let Empathize = class Empathize extends Vue {
+    constructor() {
+        super(...arguments);
+        /**
+         * The modal container is open.
+         *
+         * @internal
+         */
+        this.isOpen = false;
+    }
+    /**
+     * Open empathize. This method will be executed on any event in
+     * {@link Empathize.eventsToOpenEmpathize} and on DOM event `focusin` on Empathize root element.
+     *
+     * @param payload - The payload of the {@link XEvent}, that is unused in this case.
+     * @param metadata - The {@link WireMetadata} of the event, used to emit the Empathize XEvents.
+     *
+     * @internal
+     */
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars-experimental
+    open(payload, metadata) {
+        this.changeOpenState(true, metadata);
+    }
+    /**
+     * Close empathize. This method will be executed on any event in
+     * {@link Empathize.eventsToCloseEmpathize} and on DOM event `focusout` on Empathize root
+     * element.
+     *
+     * @param payload - The payload of the {@link XEvent}, that is unused in this case.
+     * @param metadata - The {@link WireMetadata} of the event, used to emit the Empathize XEvents.
+     *
+     * @internal
+     */
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars-experimental
+    close(payload, metadata) {
+        this.changeOpenState(false, metadata);
+    }
+    /**
+     * Changes the state of {@link Empathize.isOpen} assigning to it the value of `newOpenState`
+     * parameter. Also emits the {@link XEvent | XEvents} `EmpathizeOpened` or `EmpathizeClosed` if
+     * the state really changes.
+     *
+     * @param newOpenState - The new state to assign to {@link Empathize.isOpen}.
+     * @param metadata - The {@link WireMetadata} to emit the {@link XEvent | XEvents}. If is
+     * undefined, a this component is used as source of info for the metadata.
+     *
+     * @internal
+     */
+    changeOpenState(newOpenState, metadata) {
+        if (this.isOpen !== newOpenState) {
+            this.isOpen = newOpenState;
+            this.$x.emit(this.isOpen ? 'EmpathizeOpened' : 'EmpathizeClosed', undefined, metadata ?? { moduleName: 'empathize', target: this.$el });
+        }
+    }
+};
+__decorate([
+    Prop({ default: () => NoElement })
+], Empathize.prototype, "animation", void 0);
+__decorate([
+    Prop({ default: () => ['UserFocusedSearchBox', 'UserIsTypingAQuery', 'UserClickedSearchBox'] })
+], Empathize.prototype, "eventsToOpenEmpathize", void 0);
+__decorate([
+    Prop({
+        default: () => [
+            'UserClosedEmpathize',
+            'UserSelectedASuggestion',
+            'UserPressedEnter',
+            'UserBlurredSearchBox'
+        ]
+    })
+], Empathize.prototype, "eventsToCloseEmpathize", void 0);
+__decorate([
+    XOn(component => component.eventsToOpenEmpathize)
+], Empathize.prototype, "open", null);
+__decorate([
+    XOn(component => component.eventsToCloseEmpathize)
+], Empathize.prototype, "close", null);
+__decorate([
+    Debounce(0)
+], Empathize.prototype, "changeOpenState", null);
+Empathize = __decorate([
+    Component({
+        mixins: [xComponentMixin(empathizeXModule)]
+    })
+], Empathize);
+var script = Empathize;
+
+export { script as default };
+//# sourceMappingURL=empathize.vue_rollup-plugin-vue_script.vue.js.map

package/js/x-modules/empathize/components/empathize.vue_rollup-plugin-vue_script.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empathize.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../../src/x-modules/empathize/components/empathize.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport Vue from 'vue';\nimport Component from 'vue-class-component';\nimport { Prop } from 'vue-property-decorator';\nimport { XOn } from '../../../components/decorators/bus.decorators';\nimport { Debounce } from '../../../components/decorators/debounce.decorators';\nimport { NoElement } from '../../../components/no-element';\nimport { xComponentMixin } from '../../../components/x-component.mixin';\nimport { WireMetadata, XEvent } from '../../../wiring';\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 */\n@Component({\n  mixins: [xComponentMixin(empathizeXModule)]\n})\nexport default class Empathize extends Vue {\n  /**\n   * Animation component that will be used to animate the empathize.\n   *\n   * @public\n   */\n  @Prop({ default: () => NoElement })\n  protected animation!: Vue;\n\n  /**\n   * Array of {@link XEvent | xEvents} to open the empathize.\n   *\n   * @public\n   */\n  @Prop({ default: () => ['UserFocusedSearchBox', 'UserIsTypingAQuery', 'UserClickedSearchBox'] })\n  protected eventsToOpenEmpathize!: XEvent[];\n\n  /**\n   * Array of {@link XEvent | xEvents} to close the empathize.\n   *\n   * @public\n   */\n  @Prop({\n    default: () => [\n      'UserClosedEmpathize',\n      'UserSelectedASuggestion',\n      'UserPressedEnter',\n      'UserBlurredSearchBox'\n    ]\n  })\n  protected eventsToCloseEmpathize!: XEvent[];\n\n  /**\n   * The modal container is open.\n   *\n   * @internal\n   */\n  protected isOpen = false;\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 element.\n   *\n   * @param payload - The payload of the {@link XEvent}, that is unused in this case.\n   * @param metadata - The {@link WireMetadata} of the event, used to emit the Empathize XEvents.\n   *\n   * @internal\n   */\n  @XOn(component => (component as Empathize).eventsToOpenEmpathize)\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars-experimental\n  open(payload: unknown, metadata: WireMetadata): void {\n    this.changeOpenState(true, metadata);\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   * @param payload - The payload of the {@link XEvent}, that is unused in this case.\n   * @param metadata - The {@link WireMetadata} of the event, used to emit the Empathize XEvents.\n   *\n   * @internal\n   */\n  @XOn(component => (component as Empathize).eventsToCloseEmpathize)\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars-experimental\n  close(payload: unknown, metadata: WireMetadata): void {\n    this.changeOpenState(false, metadata);\n  }\n\n  /**\n   * Changes the state of {@link Empathize.isOpen} assigning to it the value of `newOpenState`\n   * parameter. Also emits the {@link XEvent | XEvents} `EmpathizeOpened` or `EmpathizeClosed` if\n   * the state really changes.\n   *\n   * @param newOpenState - The new state to assign to {@link Empathize.isOpen}.\n   * @param metadata - The {@link WireMetadata} to emit the {@link XEvent | XEvents}. If is\n   * undefined, a this component is used as source of info for the metadata.\n   *\n   * @internal\n   */\n  @Debounce(0)\n  changeOpenState(newOpenState: boolean, metadata: WireMetadata): void {\n    if (this.isOpen !== newOpenState) {\n      this.isOpen = newOpenState;\n      this.$x.emit(\n        this.isOpen ? 'EmpathizeOpened' : 'EmpathizeClosed',\n        undefined,\n        metadata ?? { moduleName: 'empathize', target: this.$el }\n      );\n    }\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;AA2BA;;;;;;AASA,IAAqB,SAAS,GAA9B,MAAqB,SAAU,SAAQ,GAAG;IAA1C;;;;;;;QAqCY,WAAM,GAAG,KAAK,CAAC;KAuD1B;;;;;;;;;;;IA1CC,IAAI,CAAC,OAAgB,EAAE,QAAsB;QAC3C,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;KACtC;;;;;;;;;;;;IAcD,KAAK,CAAC,OAAgB,EAAE,QAAsB;QAC5C,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;KACvC;;;;;;;;;;;;IAcD,eAAe,CAAC,YAAqB,EAAE,QAAsB;QAC3D,IAAI,IAAI,CAAC,MAAM,KAAK,YAAY,EAAE;YAChC,IAAI,CAAC,MAAM,GAAG,YAAY,CAAC;YAC3B,IAAI,CAAC,EAAE,CAAC,IAAI,CACV,IAAI,CAAC,MAAM,GAAG,iBAAiB,GAAG,iBAAiB,EACnD,SAAS,EACT,QAAQ,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,CAAC,GAAG,EAAE,CAC1D,CAAC;SACH;KACF;CACF,CAAA;AArFC;IADC,IAAI,CAAC,EAAE,OAAO,EAAE,MAAM,SAAS,EAAE,CAAC;4CACT;AAQ1B;IADC,IAAI,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,sBAAsB,EAAE,oBAAoB,EAAE,sBAAsB,CAAC,EAAE,CAAC;wDACrD;AAe3C;IARC,IAAI,CAAC;QACJ,OAAO,EAAE,MAAM;YACb,qBAAqB;YACrB,yBAAyB;YACzB,kBAAkB;YAClB,sBAAsB;SACvB;KACF,CAAC;yDAC0C;AAoB5C;IAFC,GAAG,CAAC,SAAS,IAAK,SAAuB,CAAC,qBAAqB,CAAC;qCAIhE;AAcD;IAFC,GAAG,CAAC,SAAS,IAAK,SAAuB,CAAC,sBAAsB,CAAC;sCAIjE;AAcD;IADC,QAAQ,CAAC,CAAC,CAAC;gDAUX;AA3FkB,SAAS;IAH7B,SAAS,CAAC;QACT,MAAM,EAAE,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC;KAC5C,CAAC;GACmB,SAAS,CA4F7B;aA5FoB,SAAS;;;;"}

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

@@ -1,5 +1,4 @@
-import '../../../store/x.module.js';
-import { createStoreEmitters } from '../../../store/store.utils.js';
+import { createStoreEmitters } from '../../../store/utils/store-emitters.utils.js';
 import { empathizeXStoreModule } from './module.js';
 
 /**
@@ -7,7 +6,7 @@ import { empathizeXStoreModule } from './module.js';
  *
  * @internal
  */
-var empathizeEmitters = createStoreEmitters(empathizeXStoreModule, {});
+const empathizeEmitters = createStoreEmitters(empathizeXStoreModule, {});
 
 export { empathizeEmitters };
 //# sourceMappingURL=emitters.js.map

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;;;;;IAKa,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;;;;;MAKa,iBAAiB,GAAG,mBAAmB,CAAC,qBAAqB,EAAE,EAAE;;;;"}

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

@@ -3,14 +3,14 @@
  *
  * @internal
  */
-var empathizeXStoreModule = {
-    state: function () { return ({
+const empathizeXStoreModule = {
+    state: () => ({
         config: {},
         isOpen: false
-    }); },
+    }),
     getters: {},
     mutations: {
-        setIsOpen: function (state, isOpen) {
+        setIsOpen(state, isOpen) {
             state.isOpen = isOpen;
         }
     },

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 { 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  },\n  actions: {}\n};\n"],"names":[],"mappings":"AAEA;;;;;IAKa,qBAAqB,GAA0B;IAC1D,KAAK,EAAE,cAAM,QAAC;QACZ,MAAM,EAAE,EAAE;QACV,MAAM,EAAE,KAAK;KACd,IAAC;IACF,OAAO,EAAE,EAAE;IACX,SAAS,EAAE;QACT,SAAS,YAAC,KAAK,EAAE,MAAM;YACrB,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;SACvB;KACF;IACD,OAAO,EAAE,EAAE;;;;;"}
+{"version":3,"file":"module.js","sources":["../../../../../src/x-modules/empathize/store/module.ts"],"sourcesContent":["import { 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  },\n  actions: {}\n};\n"],"names":[],"mappings":"AAEA;;;;;MAKa,qBAAqB,GAA0B;IAC1D,KAAK,EAAE,OAAO;QACZ,MAAM,EAAE,EAAE;QACV,MAAM,EAAE,KAAK;KACd,CAAC;IACF,OAAO,EAAE,EAAE;IACX,SAAS,EAAE;QACT,SAAS,CAAC,KAAK,EAAE,MAAM;YACrB,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;SACvB;KACF;IACD,OAAO,EAAE,EAAE;;;;;"}

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

@@ -1,29 +1,29 @@
-import { createWiring } from '../../wiring/wiring.utils.js';
 import { namespacedWireCommit } from '../../wiring/namespaced-wires.factory.js';
+import { createWiring } from '../../wiring/wiring.utils.js';
 
 /**
  * Sets the empathize state `isOpen` to true.
  *
  * @public
  */
-var setIsOpen = namespacedWireCommit('empathize')('setIsOpen', true);
+const setIsOpen = namespacedWireCommit('empathize')('setIsOpen', true);
 /**
  * Sets the empathize state `isOpen` to false.
  *
  * @public
  */
-var setIsNotOpen = namespacedWireCommit('empathize')('setIsOpen', false);
+const setIsNotOpen = namespacedWireCommit('empathize')('setIsOpen', false);
 /**
  * Wiring configuration for the {@link EmpathizeXModule | empathize module}.
  *
  * @internal
  */
-var empathizeWiring = createWiring({
+const empathizeWiring = createWiring({
     EmpathizeOpened: {
-        setIsOpen: setIsOpen
+        setIsOpen
     },
     EmpathizeClosed: {
-        setIsNotOpen: setIsNotOpen
+        setIsNotOpen
     }
 });
 

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;;;;;AAKA,IAAM,SAAS,GAAG,oBAAoB,CAAC,WAAW,CAAC,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;AAEvE;;;;;AAKA,IAAM,YAAY,GAAG,oBAAoB,CAAC,WAAW,CAAC,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;AAE3E;;;;;IAKa,eAAe,GAAG,YAAY,CAAC;IAC1C,eAAe,EAAE;QACf,SAAS,WAAA;KACV;IACD,eAAe,EAAE;QACf,YAAY,cAAA;KACb;CACF;;;;"}
+{"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;;;;;AAKA,MAAM,SAAS,GAAG,oBAAoB,CAAC,WAAW,CAAC,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;AAEvE;;;;;AAKA,MAAM,YAAY,GAAG,oBAAoB,CAAC,WAAW,CAAC,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;AAE3E;;;;;MAKa,eAAe,GAAG,YAAY,CAAC;IAC1C,eAAe,EAAE;QACf,SAAS;KACV;IACD,eAAe,EAAE;QACf,YAAY;KACb;CACF;;;;"}

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

@@ -1,5 +1,5 @@
-import { empathizeXStoreModule } from './store/module.js';
 import { empathizeEmitters } from './store/emitters.js';
+import { empathizeXStoreModule } from './store/module.js';
 import { empathizeWiring } from './wiring.js';
 
 /**
@@ -8,7 +8,7 @@ import { empathizeWiring } from './wiring.js';
  *
  * @public
  */
-var empathizeXModule = {
+const empathizeXModule = {
     name: 'empathize',
     storeModule: empathizeXStoreModule,
     storeEmitters: empathizeEmitters,

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 { 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"],"names":[],"mappings":";;;;AAaA;;;;;;IAMa,gBAAgB,GAAqB;IAChD,IAAI,EAAE,WAAW;IACjB,WAAW,EAAE,qBAAqB;IAClC,aAAa,EAAE,iBAAiB;IAChC,MAAM,EAAE,eAAe;;;;;"}
+{"version":3,"file":"x-module.js","sources":["../../../../src/x-modules/empathize/x-module.ts"],"sourcesContent":["import { 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"],"names":[],"mappings":";;;;AAaA;;;;;;MAMa,gBAAgB,GAAqB;IAChD,IAAI,EAAE,WAAW;IACjB,WAAW,EAAE,qBAAqB;IAClC,aAAa,EAAE,iBAAiB;IAChC,MAAM,EAAE,eAAe;;;;;"}

package/js/x-modules/extra-params/components/extra-params.vue.js

@@ -0,0 +1,39 @@
+import script from './extra-params.vue_rollup-plugin-vue_script.vue.js';
+import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.mjs';
+
+/* script */
+const __vue_script__ = script;
+
+/* template */
+
+  /* style */
+  const __vue_inject_styles__ = undefined;
+  /* scoped */
+  const __vue_scope_id__ = undefined;
+  /* module identifier */
+  const __vue_module_identifier__ = undefined;
+  /* functional template */
+  const __vue_is_functional_template__ = undefined;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__ = /*#__PURE__*/__vue_normalize__(
+    {},
+    __vue_inject_styles__,
+    __vue_script__,
+    __vue_scope_id__,
+    __vue_is_functional_template__,
+    __vue_module_identifier__,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
+export { __vue_component__ as default };
+//# sourceMappingURL=extra-params.vue.js.map