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

package/js/components/scroll/scroll.mixin.js

@@ -1,288 +0,0 @@
-import { __decorate } from 'tslib';
-import Vue from 'vue';
-import { Prop, Watch, Component } from 'vue-property-decorator';
-import { throttle } from '../../utils/throttle.js';
-import { XOn } from '../decorators/bus.decorators.js';
-
-/**
- * Mixin to share Scroll logic.
- *
- * @public
- */
-let ScrollMixin = class ScrollMixin extends Vue {
-    constructor() {
-        super(...arguments);
-        /**
-         * Property for getting the client height of scroll.
-         *
-         * @internal
-         */
-        this.clientHeight = 0;
-        /**
-         * Property for getting the current position of scroll.
-         *
-         * @internal
-         */
-        this.currentPosition = 0;
-        /**
-         * Property for getting the previous position of scroll.
-         *
-         * @internal
-         */
-        this.previousPosition = 0;
-        /**
-         * Property for getting the scroll height.
-         *
-         * @internal
-         */
-        this.scrollHeight = 0;
-        /**
-         * Flag to know if the property clientHeight is changing or gets the final value.
-         *
-         * @internal
-         */
-        this.isClientHeightChanging = false;
-        /**
-         * Property for setting the direction of scroll.
-         *
-         * @internal
-         */
-        this.scrollDirection = 'UP';
-        this.throtteledCall = throttle(this.restoreClientHeightFlag, 100);
-    }
-    /**
-     * Restores the clientHeight flag when clientHeight property stops changing.
-     * Also sets a new previous position, before update the current one.
-     *
-     * @internal
-     */
-    restoreClientHeightFlag() {
-        this.isClientHeightChanging = false;
-        this.previousPosition = this.currentPosition;
-    }
-    /**
-     * Throttled version of the function that stores the DOM scroll related properties.
-     * The duration of the throttle is configured through the
-     * {@link ScrollMixin.throttleMs}.
-     *
-     * @returns A throttled version of the function to store the scroll data.
-     * @internal
-     */
-    get throttledStoreScrollData() {
-        return throttle(this.storeScrollData, this.throttleMs);
-    }
-    /**
-     * Returns distance missing to endPosition position.
-     *
-     * @returns A number for knowing the distance missing to endPosition position.
-     * @internal
-     */
-    get distanceToEnd() {
-        return this.scrollEndPosition - this.currentPosition;
-    }
-    /**
-     * Returns `true` when the amount of pixels scrolled is greater than
-     * the {@link ScrollMixin.distanceToBottom}.
-     *
-     * @returns A boolean for knowing if the user is about to reaching to the end.
-     * @internal
-     */
-    get hasScrollAlmostReachedEnd() {
-        return !this.hasScrollReachedStart && this.distanceToBottom > this.distanceToEnd;
-    }
-    /**
-     * Returns `true` when there is no more content to scroll.
-     *
-     * @returns A boolean for knowing if the user scrolls to the end.
-     * @internal
-     */
-    get hasScrollReachedEnd() {
-        return this.currentPosition === this.scrollEndPosition;
-    }
-    /**
-     * Returns `true` when the scroll is at the initial position.
-     *
-     * @returns A boolean for knowing if the user scrolls to the start.
-     * @internal
-     */
-    get hasScrollReachedStart() {
-        return this.currentPosition === 0;
-    }
-    /**
-     * Returns end position of scroll.
-     *
-     * @returns A number for knowing end position of scroll.
-     * @internal
-     */
-    get scrollEndPosition() {
-        return this.scrollHeight - this.clientHeight;
-    }
-    /**
-     * Initialises DOM dependant scroll properties.
-     *
-     * @internal
-     */
-    mounted() {
-        this.$nextTick().then(() => {
-            if (!this.$el) {
-                // TODO Replace with Empathy's logger
-                // eslint-disable-next-line no-console
-                console.warn('[ScrollMixin]', 'Components using this mixin must set `this.$el` to the HTML node that is scrolling.');
-            }
-            else {
-                this.storeScrollData();
-            }
-        });
-    }
-    /**
-     * Resets the scroll position.
-     *
-     * @internal
-     */
-    resetScroll() {
-        this.$nextTick().then(() => {
-            if (this.resetOnChange) {
-                this.$el.scrollTo({ top: 0 });
-            }
-        });
-    }
-    /**
-     * Change the isClientHeightChanging flag when the property clientHeight is changing and
-     * calls throttleledCall method.
-     *
-     * @internal
-     */
-    onClientHeightChanged() {
-        this.isClientHeightChanging = true;
-        this.throtteledCall();
-    }
-    /**
-     * Emits the `scroll` event.
-     *
-     * @param _newScrollPosition - The new position of scroll.
-     * @param oldScrollPosition - The old position of scroll.
-     * @internal
-     */
-    emitScroll(_newScrollPosition, oldScrollPosition) {
-        this.$emit('scroll', this.currentPosition);
-        this.previousPosition = oldScrollPosition;
-    }
-    /**
-     * Sets direction of scroll based in {@link ScrollDirection} when the current position
-     * has changed.
-     *
-     * @internal
-     */
-    setScrollDirection() {
-        if (!this.isClientHeightChanging && this.currentPosition !== this.previousPosition) {
-            this.scrollDirection = this.currentPosition > this.previousPosition ? 'DOWN' : 'UP';
-        }
-    }
-    /**
-     * Emits the 'scroll:at-start' event when the user reaches the start.
-     *
-     * @param isScrollAtStart - For knowing if the user reaches at start.
-     * @internal
-     */
-    emitScrollReachedAtStart(isScrollAtStart) {
-        this.$emit('scroll:at-start', isScrollAtStart);
-    }
-    /**
-     * Emits the 'scroll:almost-at-end' event when the user is about to reach to end.
-     *
-     * @param isScrollAlmostAtEnd - For knowing if the user is about to reach to end.
-     * @internal
-     */
-    emitScrollAlmostAtEnd(isScrollAlmostAtEnd) {
-        this.$emit('scroll:almost-at-end', isScrollAlmostAtEnd);
-    }
-    /**
-     * Emits the 'scroll:at-end' event when the user reaches the end.
-     *
-     * @param isScrollAtEnd - For knowing if the user reaches at end.
-     * @internal
-     */
-    emitScrollAtEnd(isScrollAtEnd) {
-        this.$emit('scroll:at-end', isScrollAtEnd);
-    }
-    /**
-     * Emits the `scroll:direction-change` event when the scrolling direction has changed.
-     *
-     * @param direction - The new direction of scroll.
-     * @internal
-     */
-    emitScrollDirection(direction) {
-        if (!this.isClientHeightChanging) {
-            this.$emit('scroll:direction-change', direction);
-        }
-    }
-    /**
-     * Updates scroll related properties.
-     *
-     * @internal
-     */
-    storeScrollData() {
-        if (this.$el) {
-            this.currentPosition = this.$el.scrollTop;
-            this.scrollHeight = this.$el.scrollHeight;
-            this.clientHeight = this.$el.clientHeight;
-        }
-    }
-};
-__decorate([
-    Prop({ default: 100 })
-], ScrollMixin.prototype, "distanceToBottom", void 0);
-__decorate([
-    Prop({ default: 100 })
-], ScrollMixin.prototype, "firstElementThresholdPx", void 0);
-__decorate([
-    Prop({ default: 100 })
-], ScrollMixin.prototype, "throttleMs", void 0);
-__decorate([
-    Prop({ type: Boolean, default: true })
-], ScrollMixin.prototype, "resetOnChange", void 0);
-__decorate([
-    Prop({
-        default: () => [
-            'SearchBoxQueryChanged',
-            'SortChanged',
-            'SelectedFiltersChanged',
-            'SelectedFiltersForRequestChanged',
-            'SelectedRelatedTagsChanged',
-            'UserChangedExtraParams'
-        ]
-    })
-], ScrollMixin.prototype, "resetOn", void 0);
-__decorate([
-    XOn(instance => instance.resetOn)
-], ScrollMixin.prototype, "resetScroll", null);
-__decorate([
-    Watch('clientHeight', { immediate: true })
-], ScrollMixin.prototype, "onClientHeightChanged", null);
-__decorate([
-    Watch('currentPosition')
-], ScrollMixin.prototype, "emitScroll", null);
-__decorate([
-    Watch('currentPosition')
-], ScrollMixin.prototype, "setScrollDirection", null);
-__decorate([
-    Watch('hasScrollReachedStart')
-], ScrollMixin.prototype, "emitScrollReachedAtStart", null);
-__decorate([
-    Watch('hasScrollAlmostReachedEnd')
-], ScrollMixin.prototype, "emitScrollAlmostAtEnd", null);
-__decorate([
-    Watch('hasScrollReachedEnd')
-], ScrollMixin.prototype, "emitScrollAtEnd", null);
-__decorate([
-    Watch('scrollDirection')
-], ScrollMixin.prototype, "emitScrollDirection", null);
-ScrollMixin = __decorate([
-    Component
-    /* eslint-disable @typescript-eslint/unbound-method */
-], ScrollMixin);
-var ScrollMixin$1 = ScrollMixin;
-/*  eslint-enable @typescript-eslint/unbound-method */
-
-export { ScrollMixin$1 as default };
-//# sourceMappingURL=scroll.mixin.js.map

package/js/components/scroll/scroll.mixin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scroll.mixin.js","sources":["../../../../src/components/scroll/scroll.mixin.ts"],"sourcesContent":["import Vue from 'vue';\nimport { Component, Prop, Watch } from 'vue-property-decorator';\nimport { throttle } from '../../utils/throttle';\nimport { XEvent } from '../../wiring/events.types';\nimport { XOn } from '../decorators/bus.decorators';\nimport { ScrollDirection } from './scroll.types';\n\n/**\n * Mixin to share Scroll logic.\n *\n * @public\n */\n@Component\n/* eslint-disable @typescript-eslint/unbound-method */\nexport default class ScrollMixin extends Vue {\n  /**\n   * The scrolling container reference.\n   *\n   * @public\n   */\n  public $el!: HTMLElement;\n  /**\n   * Distance to the end of the scroll that when reached will emit the\n   * `scroll:about-to-end` event.\n   *\n   * @public\n   */\n  @Prop({ default: 100 })\n  public distanceToBottom!: number;\n  /**\n   * Positive vertical distance to still consider that the element is the first one visible.\n   * For example, if set to 100, after scrolling 100 pixels, the first rendered element\n   * will still be considered the first one.\n   */\n  @Prop({ default: 100 })\n  public firstElementThresholdPx!: number;\n  /**\n   * Time duration to ignore the subsequent scroll events after an emission.\n   * Higher values will decrease events precision but can prevent performance issues.\n   *\n   * @public\n   */\n  @Prop({ default: 100 })\n  public throttleMs!: number;\n\n  /**\n   * If true (default), sets the scroll position to the top when certain events are emitted.\n   *\n   * @public\n   */\n  @Prop({ type: Boolean, default: true })\n  protected resetOnChange!: boolean;\n\n  /**\n   * List of events that should reset the scroll when emitted.\n   *\n   * @public\n   */\n  @Prop({\n    default: () => [\n      'SearchBoxQueryChanged',\n      'SortChanged',\n      'SelectedFiltersChanged',\n      'SelectedFiltersForRequestChanged',\n      'SelectedRelatedTagsChanged',\n      'UserChangedExtraParams'\n    ]\n  })\n  public resetOn!: XEvent;\n\n  /**\n   * Property for getting the client height of scroll.\n   *\n   * @internal\n   */\n  protected clientHeight = 0;\n  /**\n   * Property for getting the current position of scroll.\n   *\n   * @internal\n   */\n  protected currentPosition = 0;\n  /**\n   * Property for getting the direction of scroll.\n   *\n   * @internal\n   */\n  protected direction!: ScrollDirection;\n  /**\n   * Property for getting the previous position of scroll.\n   *\n   * @internal\n   */\n  protected previousPosition = 0;\n  /**\n   * Property for getting the scroll height.\n   *\n   * @internal\n   */\n  protected scrollHeight = 0;\n  /**\n   * Flag to know if the property clientHeight is changing or gets the final value.\n   *\n   * @internal\n   */\n  protected isClientHeightChanging = false;\n  /**\n   * Property for setting the direction of scroll.\n   *\n   * @internal\n   */\n  protected scrollDirection: ScrollDirection = 'UP';\n\n  /**\n   * Restores the clientHeight flag when clientHeight property stops changing.\n   * Also sets a new previous position, before update the current one.\n   *\n   * @internal\n   */\n  protected restoreClientHeightFlag(): void {\n    this.isClientHeightChanging = false;\n    this.previousPosition = this.currentPosition;\n  }\n\n  protected throtteledCall = throttle(this.restoreClientHeightFlag, 100);\n\n  /**\n   * Throttled version of the function that stores the DOM scroll related properties.\n   * The duration of the throttle is configured through the\n   * {@link ScrollMixin.throttleMs}.\n   *\n   * @returns A throttled version of the function to store the scroll data.\n   * @internal\n   */\n  protected get throttledStoreScrollData(): () => void {\n    return throttle(this.storeScrollData, this.throttleMs);\n  }\n\n  /**\n   * Returns distance missing to endPosition position.\n   *\n   * @returns A number for knowing the distance missing to endPosition position.\n   * @internal\n   */\n  protected get distanceToEnd(): number {\n    return this.scrollEndPosition - this.currentPosition;\n  }\n\n  /**\n   * Returns `true` when the amount of pixels scrolled is greater than\n   * the {@link ScrollMixin.distanceToBottom}.\n   *\n   * @returns A boolean for knowing if the user is about to reaching to the end.\n   * @internal\n   */\n  protected get hasScrollAlmostReachedEnd(): boolean {\n    return !this.hasScrollReachedStart && this.distanceToBottom > this.distanceToEnd;\n  }\n\n  /**\n   * Returns `true` when there is no more content to scroll.\n   *\n   * @returns A boolean for knowing if the user scrolls to the end.\n   * @internal\n   */\n  protected get hasScrollReachedEnd(): boolean {\n    return this.currentPosition === this.scrollEndPosition;\n  }\n\n  /**\n   * Returns `true` when the scroll is at the initial position.\n   *\n   * @returns A boolean for knowing if the user scrolls to the start.\n   * @internal\n   */\n  protected get hasScrollReachedStart(): boolean {\n    return this.currentPosition === 0;\n  }\n\n  /**\n   * Returns end position of scroll.\n   *\n   * @returns A number for knowing end position of scroll.\n   * @internal\n   */\n  protected get scrollEndPosition(): number {\n    return this.scrollHeight - this.clientHeight;\n  }\n\n  /**\n   * Initialises DOM dependant scroll properties.\n   *\n   * @internal\n   */\n  mounted(): void {\n    this.$nextTick().then(() => {\n      if (!this.$el) {\n        // TODO Replace with Empathy's logger\n        // eslint-disable-next-line no-console\n        console.warn(\n          '[ScrollMixin]',\n          'Components using this mixin must set `this.$el` to the HTML node that is scrolling.'\n        );\n      } else {\n        this.storeScrollData();\n      }\n    });\n  }\n\n  /**\n   * Resets the scroll position.\n   *\n   * @internal\n   */\n  @XOn(instance => (instance as ScrollMixin).resetOn)\n  resetScroll(): void {\n    this.$nextTick().then(() => {\n      if (this.resetOnChange) {\n        this.$el.scrollTo({ top: 0 });\n      }\n    });\n  }\n\n  /**\n   * Change the isClientHeightChanging flag when the property clientHeight is changing and\n   * calls throttleledCall method.\n   *\n   * @internal\n   */\n  @Watch('clientHeight', { immediate: true })\n  protected onClientHeightChanged(): void {\n    this.isClientHeightChanging = true;\n\n    this.throtteledCall();\n  }\n\n  /**\n   * Emits the `scroll` event.\n   *\n   * @param _newScrollPosition - The new position of scroll.\n   * @param oldScrollPosition - The old position of scroll.\n   * @internal\n   */\n  @Watch('currentPosition')\n  protected emitScroll(_newScrollPosition: number, oldScrollPosition: number): void {\n    this.$emit('scroll', this.currentPosition);\n    this.previousPosition = oldScrollPosition;\n  }\n\n  /**\n   * Sets direction of scroll based in {@link ScrollDirection} when the current position\n   * has changed.\n   *\n   * @internal\n   */\n  @Watch('currentPosition')\n  protected setScrollDirection(): void {\n    if (!this.isClientHeightChanging && this.currentPosition !== this.previousPosition) {\n      this.scrollDirection = this.currentPosition > this.previousPosition ? 'DOWN' : 'UP';\n    }\n  }\n\n  /**\n   * Emits the 'scroll:at-start' event when the user reaches the start.\n   *\n   * @param isScrollAtStart - For knowing if the user reaches at start.\n   * @internal\n   */\n  @Watch('hasScrollReachedStart')\n  protected emitScrollReachedAtStart(isScrollAtStart: boolean): void {\n    this.$emit('scroll:at-start', isScrollAtStart);\n  }\n\n  /**\n   * Emits the 'scroll:almost-at-end' event when the user is about to reach to end.\n   *\n   * @param isScrollAlmostAtEnd - For knowing if the user is about to reach to end.\n   * @internal\n   */\n  @Watch('hasScrollAlmostReachedEnd')\n  protected emitScrollAlmostAtEnd(isScrollAlmostAtEnd: boolean): void {\n    this.$emit('scroll:almost-at-end', isScrollAlmostAtEnd);\n  }\n\n  /**\n   * Emits the 'scroll:at-end' event when the user reaches the end.\n   *\n   * @param isScrollAtEnd - For knowing if the user reaches at end.\n   * @internal\n   */\n  @Watch('hasScrollReachedEnd')\n  protected emitScrollAtEnd(isScrollAtEnd: boolean): void {\n    this.$emit('scroll:at-end', isScrollAtEnd);\n  }\n\n  /**\n   * Emits the `scroll:direction-change` event when the scrolling direction has changed.\n   *\n   * @param direction - The new direction of scroll.\n   * @internal\n   */\n  @Watch('scrollDirection')\n  protected emitScrollDirection(direction: ScrollDirection): void {\n    if (!this.isClientHeightChanging) {\n      this.$emit('scroll:direction-change', direction);\n    }\n  }\n\n  /**\n   * Updates scroll related properties.\n   *\n   * @internal\n   */\n  protected storeScrollData(): void {\n    if (this.$el) {\n      this.currentPosition = this.$el.scrollTop;\n      this.scrollHeight = this.$el.scrollHeight;\n      this.clientHeight = this.$el.clientHeight;\n    }\n  }\n}\n/*  eslint-enable @typescript-eslint/unbound-method */\n"],"names":[],"mappings":"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"}

package/js/components/x-component.mixin.js

@@ -1,21 +0,0 @@
-import { XPlugin } from '../plugins/x-plugin.js';
-
-/**
- * Initializes a component as an X-Component:
- * * Registers the module passed as parameter.
- * * Flags the component as X-Component, so then it can be detected with the {@link isXComponent}
- * function.
- *
- * @param module - The module associated to the X-Component using this mixin.
- * @returns Mixin for the module.
- * @public
- */
-function xComponentMixin(module) {
-    XPlugin.registerXModule(module);
-    return {
-        xModule: module.name
-    };
-}
-
-export { xComponentMixin };
-//# sourceMappingURL=x-component.mixin.js.map

package/js/components/x-component.mixin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"x-component.mixin.js","sources":["../../../src/components/x-component.mixin.ts"],"sourcesContent":["import Vue, { ComponentOptions } from 'vue';\nimport { XPlugin } from '../plugins/x-plugin';\nimport { AnyXModule } from '../x-modules/x-modules.types';\n\n/**\n * Initializes a component as an X-Component:\n * * Registers the module passed as parameter.\n * * Flags the component as X-Component, so then it can be detected with the {@link isXComponent}\n * function.\n *\n * @param module - The module associated to the X-Component using this mixin.\n * @returns Mixin for the module.\n * @public\n */\nexport function xComponentMixin(module: AnyXModule): ComponentOptions<Vue> {\n  XPlugin.registerXModule(module);\n  return {\n    xModule: module.name\n  };\n}\n"],"names":[],"mappings":";;AAIA;;;;;;;;;AASG;AACG,SAAU,eAAe,CAAC,MAAkB,EAAA;AAChD,IAAA,OAAO,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;IAChC,OAAO;QACL,OAAO,EAAE,MAAM,CAAC,IAAI;KACrB,CAAC;AACJ;;;;"}

package/js/composables/create-use-device.composable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"create-use-device.composable.js","sources":["../../../src/composables/create-use-device.composable.ts"],"sourcesContent":["import { reduce } from '@empathyco/x-utils';\nimport { useWindowSize, useScreenOrientation, useEventListener, useMemoize } from '@vueuse/core';\nimport { computed, effectScope, ref, Ref } from 'vue';\nimport { capitalize } from '../utils';\n\n/**\n * The Return type of the composable returned by `createUseDevice`.\n *\n * @public\n */\nexport type UseDeviceReturn<Device extends string = string> = {\n  orientation: Ref<'landscape' | 'portrait' | undefined>;\n  isTouchable: Ref<boolean>;\n  deviceName: Ref<string>;\n} & UseDeviceFlags<Device>;\n\n/**\n * The device flags type of the Return type of the composable returned by `createUseDevice`.\n *\n * @public\n */\nexport type UseDeviceFlags<Device extends string> = Record<\n  `is${Capitalize<Device>}`,\n  Ref<boolean>\n> &\n  Record<`is${Capitalize<Device>}OrGreater`, Ref<boolean>> &\n  Record<`is${Capitalize<Device>}OrLess`, Ref<boolean>>;\n\n/**\n * Factory function that creates a composable for device detection using the devices parameter\n * to configure breakpoints.\n *\n * @param devices - An object containing the breakpoints, where the key is the name of the device\n * and the value is the screen width.\n * @returns A composable which provides multiple reactive flags and values for detecting the\n * current device. The flags names depends on the names passed in the `devices` parameter.\n * @remarks The `orientation` only works for orientation-sensor devices (mobile, tablet, etc). If\n * in a desktop, the height of the window is larger than the width, the orientation will be\n * `landscape`.\n *\n * @example\n * ´´´typescript\n * const useDevice = createUseDevice(\\{ mobile: 0, tablet: 744, desktop: 1024 \\});\n * const \\{\n *   isMobile,\n *   isMobileOrLess,\n *   isMobileOrGreater,\n *   isTablet,\n *   isTabletOrLess,\n *   isTabletOrGreater,\n *   isDesktop,\n *   isDesktopOrLess,\n *   isDesktopOrGreater,\n *   deviceName,\n *   orientation,\n *   istTouchable\n * \\} = useDevice();\n *\n * @public\n */\nexport function createUseDevice<Device extends string>(\n  devices: Record<Device, number>\n): () => UseDeviceReturn<Device> {\n  let devicesFlags: UseDeviceFlags<Device>;\n  let orientation: UseDeviceReturn['orientation'];\n  let isTouchable: UseDeviceReturn['isTouchable'];\n  let deviceName: UseDeviceReturn['deviceName'];\n  // The `effectScope` group all the changes in one to avoid multiple re-renderings.\n  const scope = effectScope();\n  scope.run(() => {\n    devicesFlags = getDeviceFlags(devices);\n    orientation = getOrientation();\n    isTouchable = getIsTouchable();\n    deviceName = getDeviceName(devices, devicesFlags);\n  });\n  return () => ({\n    ...devicesFlags,\n    orientation,\n    isTouchable,\n    deviceName\n  });\n}\n\n/**\n * A function that returns reactive flags to detect the current device based on provided\n * breakpoints.\n *\n * @param devices - An object containing the breakpoints, where the key is the name of the device\n * and the value is the screen width.\n * @returns A object containing the multiple reactive flags.\n *\n * @internal\n */\nfunction getDeviceFlags<Device extends string>(\n  devices: Record<Device, number>\n): UseDeviceFlags<Device> {\n  const { width: windowSize } = useWindowSize();\n  return reduce(\n    devices,\n    (accumulator, device, deviceWidth) => {\n      const isDevice = computed(() => isCurrentDevice(device, devices, windowSize.value));\n      accumulator[`is${capitalize(device)}`] = isDevice;\n      accumulator[`is${capitalize(device)}OrLess`] = computed(\n        () => deviceWidth >= windowSize.value || isDevice.value\n      );\n      accumulator[`is${capitalize(device)}OrGreater`] = computed(\n        () => deviceWidth <= windowSize.value\n      );\n      return accumulator;\n    },\n    {} as Record<string, Ref<boolean>>\n  );\n}\n\n/**\n * To get the devices sorted by size and not run this calculation on every check.\n */\nconst getSortedByWidthDevices = useMemoize((devices: Record<string, number>) =>\n  Object.entries(devices).sort(([, aWidth], [, bWidth]) => bWidth - aWidth)\n);\n\n/**\n * Checks if the current device satisfies the criteria of being a valid device.\n *\n * @param device - The name of the current device.\n * @param devices - An object containing device names and their\n * respective widths.\n * @param windowSize - The width of the window.\n * @returns A boolean value indicating whether the current device satisfies the\n * criteria of being a valid device.\n *\n * @internal\n */\nfunction isCurrentDevice(\n  device: string,\n  devices: Record<string, number>,\n  windowSize: number\n): boolean {\n  const deviceWidth = devices[device];\n  return (\n    deviceWidth <= windowSize &&\n    !getSortedByWidthDevices(devices).some(\n      ([, otherDeviceWidth]) => otherDeviceWidth <= windowSize && otherDeviceWidth > deviceWidth\n    )\n  );\n}\n\n/**\n * A function that returns the current device orientation as a reactive value.\n *\n * @returns A reactive value indicating the current device\n * orientation.\n *\n * @internal\n */\nfunction getOrientation(): UseDeviceReturn['orientation'] {\n  const { orientation } = useScreenOrientation();\n  return computed(() =>\n    orientation.value?.includes('landscape')\n      ? 'landscape'\n      : orientation.value?.includes('portrait')\n      ? 'portrait'\n      : undefined\n  );\n}\n\n/**\n * A function that returns a reactive boolean indicating whether the current device is\n * touch-enabled.\n *\n * @returns A reactive boolean indicating whether the current device is touch-enabled.\n *\n * @internal\n */\nfunction getIsTouchable(): Ref<boolean> {\n  const isTouchableRef = ref(detectTouchable());\n  if (window) {\n    useEventListener(window, 'resize', () => (isTouchableRef.value = detectTouchable()), {\n      passive: true\n    });\n  }\n  return isTouchableRef;\n}\n\n/**\n * A function that returns a reactive string indicating the name of the currently detected device\n * based on the provided devices and device flags.\n *\n * @param  devices - An object containing the breakpoints, where the key is the name of the device\n * and the value is the screen width.\n * @param devicesFlags - An object containing multiple reactive flags and values for detecting\n * the current device.\n * @returns A reactive string indicating the name of the currently detected device.\n *\n * @internal\n */\nfunction getDeviceName(\n  devices: Record<string, number>,\n  devicesFlags: UseDeviceFlags<string>\n): Ref<string> {\n  return computed(\n    () => Object.keys(devices).find(device => devicesFlags[`is${capitalize(device)}`]?.value) ?? ''\n  );\n}\n\n/**\n * A utility function that detects whether the current device is touch-enabled.\n *\n * @returns A boolean indicating whether the current device is touch-enabled.\n *\n * @internal\n */\nfunction detectTouchable(): boolean {\n  return 'ontouchstart' in window || navigator.maxTouchPoints > 0;\n}\n"],"names":[],"mappings":"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"}

package/js/composables/use-no-element-render.js

@@ -1,17 +0,0 @@
-import { h } from 'vue';
-
-/**
- * Returns a render function that returns the default slot or nothing if it's not defined.
- *
- * @param slots - The slots object from the component.
- * @returns The result of the rendering function to use.
- *
- * @public
- */
-function useNoElementRender(slots) {
-    const defaultSlotContent = typeof slots.default === 'function' ? slots.default()?.[0] : slots.default?.[0];
-    return defaultSlotContent ?? h();
-}
-
-export { useNoElementRender };
-//# sourceMappingURL=use-no-element-render.js.map

package/js/composables/use-no-element-render.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-no-element-render.js","sources":["../../../src/composables/use-no-element-render.ts"],"sourcesContent":["import { h, SetupContext } from 'vue';\nimport { VNode } from 'vue/types/vnode';\n\n/**\n * Returns a render function that returns the default slot or nothing if it's not defined.\n *\n * @param slots - The slots object from the component.\n * @returns The result of the rendering function to use.\n *\n * @public\n */\nexport function useNoElementRender(\n  slots: { [key: string]: VNode[] | undefined } | SetupContext['slots']\n): VNode {\n  const defaultSlotContent =\n    typeof slots.default === 'function' ? slots.default()?.[0] : slots.default?.[0];\n\n  return defaultSlotContent ?? h();\n}\n"],"names":[],"mappings":";;AAGA;;;;;;;AAOG;AACG,SAAU,kBAAkB,CAChC,KAAqE,EAAA;AAErE,IAAA,MAAM,kBAAkB,GACtB,OAAO,KAAK,CAAC,OAAO,KAAK,UAAU,GAAG,KAAK,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;AAElF,IAAA,OAAO,kBAAkB,IAAI,CAAC,EAAE,CAAC;AACnC;;;;"}

package/js/composables/use-register-x-module.js

@@ -1,17 +0,0 @@
-import { XPlugin } from '../plugins/x-plugin.js';
-
-/**
- * Initializes a component as an X-Component:
- * * Registers the module passed as parameter.
- * * Flags the component as X-Component, so then it can be detected with the {@link isXComponent}
- * function.
- *
- * @param module - The module associated to the X-Component that is being registered.
- * @public
- */
-function useRegisterXModule(module) {
-    XPlugin.registerXModule(module);
-}
-
-export { useRegisterXModule };
-//# sourceMappingURL=use-register-x-module.js.map

package/js/composables/use-register-x-module.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-register-x-module.js","sources":["../../../src/composables/use-register-x-module.ts"],"sourcesContent":["import { AnyXModule } from '../x-modules/x-modules.types';\nimport { XPlugin } from '../plugins/x-plugin';\n/**\n * Initializes a component as an X-Component:\n * * Registers the module passed as parameter.\n * * Flags the component as X-Component, so then it can be detected with the {@link isXComponent}\n * function.\n *\n * @param module - The module associated to the X-Component that is being registered.\n * @public\n */\nexport function useRegisterXModule(module: AnyXModule): void {\n  XPlugin.registerXModule(module);\n}\n"],"names":[],"mappings":";;AAEA;;;;;;;;AAQG;AACG,SAAU,kBAAkB,CAAC,MAAkB,EAAA;AACnD,IAAA,OAAO,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;AAClC;;;;"}

package/js/directives/infinite-scroll/infinite-scroll.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"infinite-scroll.js","sources":["../../../../src/directives/infinite-scroll/infinite-scroll.ts"],"sourcesContent":["import { DirectiveOptions } from 'vue';\nimport { Vue } from 'vue/types/vue';\nimport { InfiniteScroll, ObserverOptions } from './infinite-scroll.types';\n\nconst VIEWPORT_ID = 'viewport';\n\n/**\n * A record which contains {@link IntersectionObserver} objects indexed by the id of the scrollable\n * container.\n */\nconst state: Record<string, IntersectionObserver> = {};\n\n/**\n * Custom Vue directive for infinite scroll.\n *\n * This directive uses the IntersectionObserver API to handle the intersection between the\n * children and the scrollable container. The content of the children moves up on scroll and when it\n * reaches the end, the IntersectionObserver triggers that both elements are intersecting.\n *\n * How it works.\n *\n * As a summary, if the scroll reaches the end, the `vNode.context.onInfiniteScrollEnd` function\n * implemented by the component which imports the directive, is executed. If you provide a margin in\n * the directive options, this function is triggered when the scroll reaches the end minus that\n * amount of pixels. A default margin of 200px is set.\n *\n * Usage.\n *\n * The directive has to be set in the target element. It can receive an argument which will be used\n * to determine the scrollable container. Possible values:\n * `html`: will set the <html> as the scrollable container.\n * `body`: will set the <body> as the scrollable container.\n * ID: will set the DOM element with the provided id as the scrollable container.\n *\n * If no argument is provided the scrollable container fallbacks to the viewport.\n *\n * @example How to use it.\n *\n * ```html\n *  <ResultsList v-infinite-scroll:html>\n * ```\n *\n * ```html\n *  <ResultsList v-infinite-scroll:body>\n * ```\n *\n * ```html\n *  <BaseScroll id='scroll-test'>\n *    <ResultsList v-infinite-scroll:scroll-test>\n *  </BaseScroll>\n * ```\n *\n * ```html\n *  <ResultsList v-infinite-scroll=\"{ margin: 40 }\">\n * ```\n *\n * @public\n */\nexport const infiniteScroll: DirectiveOptions = {\n  inserted(element, { arg: id = VIEWPORT_ID, value: { margin = 200 } = {} }, vNode) {\n    const root = getRoot(element, id);\n\n    state[id] = createIntersectionObserver({\n      root,\n      margin,\n      vNode\n    });\n\n    state[id].observe(element);\n  },\n\n  unbind(_element, { arg: id = VIEWPORT_ID }) {\n    if (state[id]) {\n      state[id].disconnect();\n      delete state[id];\n    }\n  }\n};\n\n/**\n * Retrieves the root element for the provided id.\n *\n * @param element - Target element where directive is set.\n * @param id - String identifier.\n * @returns HTMLElement or null.\n */\nfunction getRoot(element: HTMLElement, id: string): HTMLElement | null {\n  switch (id) {\n    case 'html':\n      return null;\n    case 'body':\n      return document.body;\n    case VIEWPORT_ID:\n      return null;\n    default:\n      return element.closest(`#${id}`)!;\n  }\n}\n\n/**\n * Creates an IntersectionObserver.\n *\n * When the observer is fired, it will execute the {@link InfiniteScroll.onInfiniteScrollEnd}\n * function implemented in the provided vNode component instance.\n *\n * @param options - ObserverOptions.\n * @returns IntersectionObserver.\n */\nfunction createIntersectionObserver({\n  root,\n  margin,\n  vNode\n}: ObserverOptions): IntersectionObserver {\n  // This hack allows the root element to always contain the observed element.\n  // Not overpass the top margin more than 1700000 because it doesn't work in Android chrome\n  const rootMargin = `1000000% 0px ${margin}px 0px`;\n\n  return new IntersectionObserver(\n    ([entry]) => {\n      if (entry.isIntersecting) {\n        (vNode.componentInstance as Vue & InfiniteScroll)?.onInfiniteScrollEnd();\n      }\n    },\n    {\n      threshold: 0.99,\n      rootMargin,\n      root\n    }\n  );\n}\n"],"names":[],"mappings":"AAIA,MAAM,WAAW,GAAG,UAAU,CAAC;AAE/B;;;AAGG;AACH,MAAM,KAAK,GAAyC,EAAE,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CG;AACU,MAAA,cAAc,GAAqB;IAC9C,QAAQ,CAAC,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,GAAG,WAAW,EAAE,KAAK,EAAE,EAAE,MAAM,GAAG,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAA;QAC9E,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;AAElC,QAAA,KAAK,CAAC,EAAE,CAAC,GAAG,0BAA0B,CAAC;YACrC,IAAI;YACJ,MAAM;YACN,KAAK;AACN,SAAA,CAAC,CAAC;QAEH,KAAK,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;KAC5B;IAED,MAAM,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,EAAE,GAAG,WAAW,EAAE,EAAA;AACxC,QAAA,IAAI,KAAK,CAAC,EAAE,CAAC,EAAE;AACb,YAAA,KAAK,CAAC,EAAE,CAAC,CAAC,UAAU,EAAE,CAAC;AACvB,YAAA,OAAO,KAAK,CAAC,EAAE,CAAC,CAAC;AAClB,SAAA;KACF;EACD;AAEF;;;;;;AAMG;AACH,SAAS,OAAO,CAAC,OAAoB,EAAE,EAAU,EAAA;AAC/C,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,MAAM;AACT,YAAA,OAAO,IAAI,CAAC;AACd,QAAA,KAAK,MAAM;YACT,OAAO,QAAQ,CAAC,IAAI,CAAC;AACvB,QAAA,KAAK,WAAW;AACd,YAAA,OAAO,IAAI,CAAC;AACd,QAAA;YACE,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,CAAA,CAAE,CAAE,CAAC;AACrC,KAAA;AACH,CAAC;AAED;;;;;;;;AAQG;AACH,SAAS,0BAA0B,CAAC,EAClC,IAAI,EACJ,MAAM,EACN,KAAK,EACW,EAAA;;;AAGhB,IAAA,MAAM,UAAU,GAAG,CAAgB,aAAA,EAAA,MAAM,QAAQ,CAAC;IAElD,OAAO,IAAI,oBAAoB,CAC7B,CAAC,CAAC,KAAK,CAAC,KAAI;QACV,IAAI,KAAK,CAAC,cAAc,EAAE;AACvB,YAAA,KAAK,CAAC,iBAA0C,EAAE,mBAAmB,EAAE,CAAC;AAC1E,SAAA;AACH,KAAC,EACD;AACE,QAAA,SAAS,EAAE,IAAI;QACf,UAAU;QACV,IAAI;AACL,KAAA,CACF,CAAC;AACJ;;;;"}

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

@@ -1,133 +0,0 @@
-import { getGetterPath } from './x-plugin.utils.js';
-
-/**
- * Creates an object containing the alias part of {@link XComponentAPI}.
- *
- * @param component - The component with the store from which retrieve the data.
- * @returns An object containing the alias part of the {@link XComponentAPI}.
- *
- * @internal
- */
-function getAliasAPI(component) {
-    const queryModules = [
-        'facets',
-        'searchBox',
-        'nextQueries',
-        'querySuggestions',
-        'relatedTags',
-        'search'
-    ];
-    const statusModules = [
-        'identifierResults',
-        'nextQueries',
-        'popularSearches',
-        'querySuggestions',
-        'recommendations',
-        'relatedTags',
-        'search'
-    ];
-    const query = queryModules.reduce((acc, moduleName) => {
-        return Object.defineProperty(acc, moduleName, {
-            get() {
-                return component.$store.state.x[moduleName]?.query ?? '';
-            },
-            enumerable: true
-        });
-    }, {});
-    const status = statusModules.reduce((acc, moduleName) => {
-        return Object.defineProperty(acc, moduleName, {
-            get() {
-                return component.$store.state.x[moduleName]?.status;
-            },
-            enumerable: true
-        });
-    }, {});
-    return {
-        query,
-        status,
-        get device() {
-            return component.$store.state.x.device?.name ?? null;
-        },
-        get facets() {
-            return component.$store.getters[getGetterPath('facets', 'facets')] ?? {};
-        },
-        get historyQueries() {
-            return component.$store.getters[getGetterPath('historyQueries', 'historyQueries')] ?? [];
-        },
-        get historyQueriesWithResults() {
-            return (component.$store.getters[getGetterPath('historyQueries', 'historyQueriesWithResults')] ?? []);
-        },
-        get fullHistoryQueries() {
-            return component.$store.state.x.historyQueries?.historyQueries ?? [];
-        },
-        get isHistoryQueriesEnabled() {
-            return component.$store.state.x.historyQueries?.isEnabled ?? false;
-        },
-        get fromNoResultsWithFilters() {
-            return component.$store.state.x.search?.fromNoResultsWithFilters ?? false;
-        },
-        get identifierResults() {
-            return component.$store.state.x.identifierResults?.identifierResults ?? [];
-        },
-        get searchBoxStatus() {
-            return component.$store.state.x.searchBox?.inputStatus ?? undefined;
-        },
-        get isEmpathizeOpen() {
-            return component.$store.state.x.empathize?.isOpen ?? false;
-        },
-        get nextQueries() {
-            return component.$store.getters[getGetterPath('nextQueries', 'nextQueries')] ?? [];
-        },
-        get noResults() {
-            return component.$store.state.x.search?.isNoResults ?? false;
-        },
-        get partialResults() {
-            return component.$store.state.x.search?.partialResults ?? [];
-        },
-        get popularSearches() {
-            return component.$store.state.x.popularSearches?.popularSearches ?? [];
-        },
-        get querySuggestions() {
-            return component.$store.getters[getGetterPath('querySuggestions', 'querySuggestions')] ?? [];
-        },
-        get fullQuerySuggestions() {
-            return component.$store.state.x.querySuggestions?.suggestions ?? [];
-        },
-        get recommendations() {
-            return component.$store.state.x.recommendations?.recommendations ?? [];
-        },
-        get redirections() {
-            return component.$store.state.x.search?.redirections ?? [];
-        },
-        get relatedTags() {
-            return component.$store.getters[getGetterPath('relatedTags', 'relatedTags')] ?? [];
-        },
-        get results() {
-            return component.$store.state.x.search?.results ?? [];
-        },
-        get scroll() {
-            return component.$store.state.x.scroll?.data ?? {};
-        },
-        get selectedFilters() {
-            return component.$store.getters[getGetterPath('facets', 'selectedFilters')] ?? [];
-        },
-        get selectedRelatedTags() {
-            return component.$store.state.x.relatedTags?.selectedRelatedTags ?? [];
-        },
-        get semanticQueries() {
-            return component.$store.state.x.semanticQueries?.semanticQueries ?? [];
-        },
-        get spellcheckedQuery() {
-            return component.$store.state.x.search?.spellcheckedQuery ?? null;
-        },
-        get totalResults() {
-            return component.$store.state.x.search?.totalResults ?? 0;
-        },
-        get selectedSort() {
-            return component.$store.state.x.search?.sort ?? '';
-        }
-    };
-}
-
-export { getAliasAPI };
-//# sourceMappingURL=x-plugin.alias.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"x-plugin.alias.js","sources":["../../../src/plugins/x-plugin.alias.ts"],"sourcesContent":["import Vue from 'vue';\nimport { RequestStatus } from '../store/utils/status-store.utils';\nimport {\n  XComponentAliasAPI,\n  XComponentAliasQueryAPI,\n  XComponentAliasStatusAPI\n} from './x-plugin.types';\nimport { getGetterPath } from './x-plugin.utils';\n\n/**\n * Creates an object containing the alias part of {@link XComponentAPI}.\n *\n * @param component - The component with the store from which retrieve the data.\n * @returns An object containing the alias part of the {@link XComponentAPI}.\n *\n * @internal\n */\nexport function getAliasAPI(component: Vue): XComponentAliasAPI {\n  const queryModules = [\n    'facets',\n    'searchBox',\n    'nextQueries',\n    'querySuggestions',\n    'relatedTags',\n    'search'\n  ] as const;\n  const statusModules = [\n    'identifierResults',\n    'nextQueries',\n    'popularSearches',\n    'querySuggestions',\n    'recommendations',\n    'relatedTags',\n    'search'\n  ] as const;\n\n  const query = queryModules.reduce((acc, moduleName) => {\n    return Object.defineProperty(acc, moduleName, {\n      get(): string {\n        return component.$store.state.x[moduleName]?.query ?? '';\n      },\n      enumerable: true\n    });\n  }, {} as XComponentAliasQueryAPI);\n  const status = statusModules.reduce((acc, moduleName) => {\n    return Object.defineProperty(acc, moduleName, {\n      get(): RequestStatus | undefined {\n        return component.$store.state.x[moduleName]?.status;\n      },\n      enumerable: true\n    });\n  }, {} as XComponentAliasStatusAPI);\n\n  return {\n    query,\n    status,\n    get device() {\n      return component.$store.state.x.device?.name ?? null;\n    },\n    get facets() {\n      return component.$store.getters[getGetterPath('facets', 'facets')] ?? {};\n    },\n    get historyQueries() {\n      return component.$store.getters[getGetterPath('historyQueries', 'historyQueries')] ?? [];\n    },\n    get historyQueriesWithResults() {\n      return (\n        component.$store.getters[getGetterPath('historyQueries', 'historyQueriesWithResults')] ?? []\n      );\n    },\n    get fullHistoryQueries() {\n      return component.$store.state.x.historyQueries?.historyQueries ?? [];\n    },\n    get isHistoryQueriesEnabled() {\n      return component.$store.state.x.historyQueries?.isEnabled ?? false;\n    },\n    get fromNoResultsWithFilters() {\n      return component.$store.state.x.search?.fromNoResultsWithFilters ?? false;\n    },\n    get identifierResults() {\n      return component.$store.state.x.identifierResults?.identifierResults ?? [];\n    },\n    get searchBoxStatus() {\n      return component.$store.state.x.searchBox?.inputStatus ?? undefined;\n    },\n    get isEmpathizeOpen() {\n      return component.$store.state.x.empathize?.isOpen ?? false;\n    },\n    get nextQueries() {\n      return component.$store.getters[getGetterPath('nextQueries', 'nextQueries')] ?? [];\n    },\n    get noResults() {\n      return component.$store.state.x.search?.isNoResults ?? false;\n    },\n    get partialResults() {\n      return component.$store.state.x.search?.partialResults ?? [];\n    },\n    get popularSearches() {\n      return component.$store.state.x.popularSearches?.popularSearches ?? [];\n    },\n    get querySuggestions() {\n      return component.$store.getters[getGetterPath('querySuggestions', 'querySuggestions')] ?? [];\n    },\n    get fullQuerySuggestions() {\n      return component.$store.state.x.querySuggestions?.suggestions ?? [];\n    },\n    get recommendations() {\n      return component.$store.state.x.recommendations?.recommendations ?? [];\n    },\n    get redirections() {\n      return component.$store.state.x.search?.redirections ?? [];\n    },\n    get relatedTags() {\n      return component.$store.getters[getGetterPath('relatedTags', 'relatedTags')] ?? [];\n    },\n    get results() {\n      return component.$store.state.x.search?.results ?? [];\n    },\n    get scroll() {\n      return component.$store.state.x.scroll?.data ?? {};\n    },\n    get selectedFilters() {\n      return component.$store.getters[getGetterPath('facets', 'selectedFilters')] ?? [];\n    },\n    get selectedRelatedTags() {\n      return component.$store.state.x.relatedTags?.selectedRelatedTags ?? [];\n    },\n    get semanticQueries() {\n      return component.$store.state.x.semanticQueries?.semanticQueries ?? [];\n    },\n    get spellcheckedQuery() {\n      return component.$store.state.x.search?.spellcheckedQuery ?? null;\n    },\n    get totalResults() {\n      return component.$store.state.x.search?.totalResults ?? 0;\n    },\n    get selectedSort() {\n      return component.$store.state.x.search?.sort ?? '';\n    }\n  };\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,71 +0,0 @@
-import { getRootXComponent, getXComponentXModuleName } from '../components/x-component.utils.js';
-import { getAliasAPI } from './x-plugin.alias.js';
-
-/**
- * Vue global mixin that adds a `$x` object to every component with the {@link XComponentAPI}.
- *
- * @remarks It adds an injection property `origin` which value is included in the metadata of each
- * event emitted with `$x.emit`.
- *
- * @param bus - The {@link @empathyco/x-bus#XBus} to use inside the components for emitting events.
- * @returns Mixin options which registers the component as X-Component and the $x.
- * @internal
- */
-const createXComponentAPIMixin = (bus) => ({
-    inject: {
-        $location: {
-            from: 'location',
-            default: undefined
-        }
-    },
-    beforeCreate() {
-        this.xComponent = getRootXComponent(this);
-        const aliasAPI = getAliasAPI(this);
-        const busAPI = getBusAPI(bus, this);
-        this.$x = Object.assign(aliasAPI, busAPI);
-    }
-});
-/**
- * Creates an object containing the API related to the {@link @empathyco/x-bus#XBus}.
- *
- * @param bus - The global {@link @empathyco/x-bus#XBus}.
- * @param component - The component instance.
- *
- * @returns An object containing the {@link XComponentBusAPI}.
- * @internal
- */
-function getBusAPI(bus, component) {
-    return {
-        emit: (event, payload, metadata = {}) => {
-            bus.emit(event, payload, createWireMetadata(component, metadata));
-            component.xComponent?.$emit(event, payload);
-        },
-        on: bus.on.bind(bus)
-    };
-}
-/**
- * Creates a wire metadata object based on the component and the provided metadata.
- *
- * @param component - The component this metadata belongs to.
- * @param metadata - Additional metadata emitted by the component.
- * @returns A {@link WireMetadata} object.
- * @internal
- */
-function createWireMetadata(component, metadata) {
-    return Object.defineProperties({
-        replaceable: true,
-        moduleName: getXComponentXModuleName(component.xComponent),
-        location: component.$location,
-        ...metadata
-    }, {
-        component: {
-            value: component,
-            /* FIX-ME: defining component as a non-enumerable property to ease tests changes due to
-             * cyclic dependencies in Vue component instances. */
-            enumerable: false
-        }
-    });
-}
-
-export { createXComponentAPIMixin, getBusAPI };
-//# sourceMappingURL=x-plugin.mixin.js.map