@empathyco/x-components 3.0.0-alpha.34 → 3.0.0-alpha.341

package/js/x-modules/scroll/components/window-scroll.vue.js

@@ -1,19 +1,19 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-import script from './window-scroll.vue_rollup-plugin-vue=script.js';
+import script from './window-scroll.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 */
 
   /* 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__ = undefined;
+  const __vue_is_functional_template__ = undefined;
   /* style inject */
   
   /* style inject SSR */
@@ -22,7 +22,7 @@ var __vue_script__ = script;
   
 
   
-  var __vue_component__ = /*#__PURE__*/__vue_normalize__(
+  const __vue_component__ = /*#__PURE__*/__vue_normalize__(
     {},
     __vue_inject_styles__,
     __vue_script__,
@@ -35,5 +35,5 @@ var __vue_script__ = script;
     undefined
   );
 
-export default __vue_component__;
+export { __vue_component__ as default };
 //# sourceMappingURL=window-scroll.vue.js.map

package/js/x-modules/scroll/components/window-scroll.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"window-scroll.vue.js","sources":["../../../../../src/x-modules/scroll/components/window-scroll.vue"],"sourcesContent":["<script lang=\"ts\">\n  import { mixins } from 'vue-class-component';\n  import { Component, Prop } from 'vue-property-decorator';\n  import { ScrollDirection, ScrollMixin, xComponentMixin } from '../../../components';\n  import { WireMetadata } from '../../../wiring';\n  import { scrollXModule } from '../x-module';\n  import { MainScrollId } from './scroll.const';\n\n  type ScrollableElement = 'html' | 'body';\n\n  /**\n   * The `WindowScroll` component listens to either the `html` or `body` DOM scroll events, and\n   * re-emits them as X Events. Additionally it also emits events related to the direction or\n   * current position of these elements scroll.\n   *\n   * @public\n   */\n  @Component({\n    mixins: [xComponentMixin(scrollXModule)]\n  })\n  export default class WindowScroll extends mixins(ScrollMixin) {\n    /**\n     * Tag to identify the main scrollable element.\n     *\n     * @public\n     */\n    @Prop({ default: 'html' })\n    protected scrollableElement!: ScrollableElement;\n    /**\n     * Id to identify the component.\n     *\n     * @public\n     */\n    @Prop({ default: MainScrollId })\n    protected id!: string;\n\n    mounted(): void {\n      this.initAndListenElement();\n      this.$on('scroll', (position: number) => {\n        this.$x.emit('UserScrolled', position, this.createXEventMetadata());\n      });\n      this.$on('scroll:direction-change', (direction: ScrollDirection) => {\n        this.$x.emit('UserChangedScrollDirection', direction, this.createXEventMetadata());\n      });\n      this.$on('scroll:at-start', (hasReachedStart: boolean) => {\n        this.$x.emit('UserReachedScrollStart', hasReachedStart, this.createXEventMetadata());\n      });\n      this.$on('scroll:almost-at-end', (hasAlmostReachedEnd: boolean) => {\n        this.$x.emit(\n          'UserAlmostReachedScrollEnd',\n          hasAlmostReachedEnd,\n          this.createXEventMetadata()\n        );\n      });\n      this.$on('scroll:at-end', (hasReachedEnd: boolean) => {\n        this.$x.emit('UserReachedScrollEnd', hasReachedEnd, this.createXEventMetadata());\n      });\n    }\n\n    /**\n     * Sets the HTML element depending on {@link WindowScroll.scrollableElement}, and initialises\n     * its events.\n     *\n     * @internal\n     */\n    protected initAndListenElement(): void {\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      // @ts-expect-error\n      this.$el = this.scrollableElement === 'body' ? document.body : document.documentElement;\n      this.$el.addEventListener('scroll', this.throttledStoreScrollData);\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    render(): void {}\n\n    /**\n     * Cleanup listeners.\n     */\n    beforeDestroy(): void {\n      this.$el.removeEventListener('scroll', this.throttledStoreScrollData);\n    }\n\n    /**\n     * Creates the metadata for the events of this component.\n     *\n     * @returns A {@link WireMetadata} for the events emitted by this component.\n     * @internal\n     */\n    protected createXEventMetadata(): Partial<WireMetadata> {\n      return { target: this.$el, id: this.id };\n    }\n  }\n</script>\n\n<docs lang=\"mdx\">\n# Example\n\nThe `WindowScroll` component manages the scroll state of the `body` or `html` elements. It does the\nnecessary calculations for knowing the direction of scroll, if the scroll has reached its starting\nposition, if it is about to reach its ending position or if it has already reached it end. Whenever\nthis state changes, it emits the appropiate X Event to the rest of the application\n\n## Custom usage\n\n### Overriding the properties and using document scroll events.\n\n```vue\n<template>\n  <WindowScroll\n    @scroll=\"scroll\"\n    @scroll:direction-change=\"scrollDirectionChange\"\n    @scroll:at-start=\"scrollAtStart\"\n    @scroll:almost-at-end=\"scrollAlmostAtEnd\"\n    @scroll:at-end=\"scrollAtEnd\"\n    id=\"example-main-scroll\"\n    throttleMs=\"100\"\n    distanceToBottom=\"300\"\n    scrollableElement=\"body\"\n  />\n</template>\n\n<script>\n  import { WindowScroll } from '@empathyco/x-components/scroll';\n\n  export default {\n    name: 'ScrollIdTest',\n    components: {\n      WindowScroll\n    },\n    methods: {\n      scroll(position) {\n        console.log('scroll', position);\n      },\n      scrollDirectionChange(direction) {\n        console.log('scroll:direction-change', direction);\n      },\n      scrollAtStart() {\n        console.log('scroll:at-start', isAtStart);\n      },\n      scrollAlmostAtEnd(isAlmostAtEnd) {\n        console.log('scroll:almost-at-end', isAlmostAtEnd);\n      },\n      scrollAtEnd(isAtEnd) {\n        console.log('scroll:at-end', isAtEnd);\n      }\n    }\n  };\n</script>\n```\n\n## Customized usage\n\n### Using body and XEvents.\n\nIf we want to listen scroll body we should do some changes in css for body. This is an example, so\ntherefore the height of body can be get any value that you want. The template style should have a\nsimilar styles the corresponding style for tag body like in the next example.\n\n```vue\n<template>\n  <WindowScroll\n    id=\"example-main-scroll\"\n    throttleMs=\"100\"\n    distanceToBottom=\"300\"\n    scrollableElement=\"body\"\n  />\n</template>\n\n<script>\n  import { WindowScroll } from '@empathyco/x-components/scroll';\n\n  export default {\n    name: 'MainComponent',\n    components: {\n      WindowScroll\n    },\n    mounted() {\n      this.$x.on('UserScrolled').subscribe(distance => {\n        console.log(distance);\n      });\n      this.$x.on('UserChangedScrollDirection').subscribe(direction => {\n        console.log(direction);\n      });\n      this.$x.on('UserReachedScrollStart').subscribe(isAtStart => {\n        console.log(isAtStart);\n      });\n      this.$x.on('UserAlmostReachedScrollEnd').subscribe(isAlmostAtEnd => {\n        console.log(isAlmostAtEnd);\n      });\n      this.$x.on('UserReachedScrollEnd').subscribe(isAtEnd => {\n        console.log(isAtEnd);\n      });\n    }\n  };\n</script>\n<style lang=\"scss\">\n  html {\n    overflow: hidden;\n  }\n\n  body {\n    overflow-y: auto;\n    height: 100vh;\n  }\n</style>\n```\n\n## Vue Events:\n\n- `scroll`: the event is emitted after the user scrolls in this container. The payload is the scroll\n  top distance in pixels.\n- `scroll:direction-change`: the event is emitted when the user changes the scroll direction. The\n  payload is the new scrolling direction.\n- `scroll:at-start`: the event is emitted when the user scrolls up to the initial position of the\n  scroll.\n- `scroll:almost-at-end`: the event is emitted when the user is about to reach the bottom part of\n  the scroll.\n- `scroll:at-end`: the event is emitted when the user has reached the bottom part of the scroll.\n\n## Events\n\nA list of events that the component will emit:\n\n- `UserScrolled`: the event is emitted after the user scrolls in this container. The payload is the\n  scroll top distance in pixels.\n- `UserChangedScrollDirection`: the event is emitted when the user changes the scroll direction. The\n  payload is the new scrolling direction.\n- `UserReachedScrollStart`: the event is emitted when the user scrolls up to the initial position of\n  the scroll.\n- `UserAlmostReachedScrollEnd`: the event is emitted when the user is about to reach the bottom part\n  of the scroll.\n- `UserReachedScrollEnd`: the event is emitted when the user has reached the bottom part of the\n  scroll.\n</docs>\n"],"names":["const"],"mappings":";;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"window-scroll.vue.js","sources":["../../../../../src/x-modules/scroll/components/window-scroll.vue"],"sourcesContent":["<script lang=\"ts\">\n  import { mixins } from 'vue-class-component';\n  import { Component, Prop } from 'vue-property-decorator';\n  import { ScrollDirection, ScrollMixin, xComponentMixin } from '../../../components';\n  import { WireMetadata } from '../../../wiring';\n  import { scrollXModule } from '../x-module';\n  import { MainScrollId } from './scroll.const';\n\n  type ScrollableElement = 'html' | 'body';\n\n  /**\n   * The `WindowScroll` component listens to either the `html` or `body` DOM scroll events, and\n   * re-emits them as X Events. Additionally it also emits events related to the direction or\n   * current position of these elements scroll.\n   *\n   * @public\n   */\n  @Component({\n    mixins: [xComponentMixin(scrollXModule)]\n  })\n  export default class WindowScroll extends mixins(ScrollMixin) {\n    /**\n     * Tag to identify the main scrollable element.\n     *\n     * @public\n     */\n    @Prop({ default: 'html' })\n    protected scrollableElement!: ScrollableElement;\n    /**\n     * Id to identify the component.\n     *\n     * @public\n     */\n    @Prop({ default: MainScrollId })\n    protected id!: string;\n\n    mounted(): void {\n      this.initAndListenElement();\n      this.$on('scroll', (position: number) => {\n        this.$x.emit('UserScrolled', position, this.createXEventMetadata());\n      });\n      this.$on('scroll:direction-change', (direction: ScrollDirection) => {\n        this.$x.emit('UserChangedScrollDirection', direction, this.createXEventMetadata());\n      });\n      this.$on('scroll:at-start', (hasReachedStart: boolean) => {\n        this.$x.emit('UserReachedScrollStart', hasReachedStart, this.createXEventMetadata());\n      });\n      this.$on('scroll:almost-at-end', (hasAlmostReachedEnd: boolean) => {\n        this.$x.emit(\n          'UserAlmostReachedScrollEnd',\n          hasAlmostReachedEnd,\n          this.createXEventMetadata()\n        );\n      });\n      this.$on('scroll:at-end', (hasReachedEnd: boolean) => {\n        this.$x.emit('UserReachedScrollEnd', hasReachedEnd, this.createXEventMetadata());\n      });\n    }\n\n    /**\n     * Sets the HTML element depending on {@link WindowScroll.scrollableElement}, and initialises\n     * its events.\n     *\n     * @internal\n     */\n    protected initAndListenElement(): void {\n      this.$el = this.scrollableElement === 'body' ? document.body : document.documentElement;\n      this.$el.addEventListener('scroll', this.throttledStoreScrollData);\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    render(): void {}\n\n    /**\n     * Cleanup listeners.\n     */\n    beforeDestroy(): void {\n      this.$el.removeEventListener('scroll', this.throttledStoreScrollData);\n    }\n\n    /**\n     * Creates the metadata for the events of this component.\n     *\n     * @returns A {@link WireMetadata} for the events emitted by this component.\n     * @internal\n     */\n    protected createXEventMetadata(): Partial<WireMetadata> {\n      return { target: this.$el, id: this.id };\n    }\n  }\n</script>\n\n<docs lang=\"mdx\">\n## Example\n\nThe `WindowScroll` component manages the scroll state of the `body` or `html` elements. It does the\nnecessary calculations for knowing the direction of scroll, if the scroll has reached its starting\nposition, if it is about to reach its ending position or if it has already reached it end. Whenever\nthis state changes, it emits the appropiate X Event to the rest of the application\n\n### Custom usage\n\n#### Overriding the properties and using document scroll events.\n\n```vue\n<template>\n  <WindowScroll\n    @scroll=\"scroll\"\n    @scroll:direction-change=\"scrollDirectionChange\"\n    @scroll:at-start=\"scrollAtStart\"\n    @scroll:almost-at-end=\"scrollAlmostAtEnd\"\n    @scroll:at-end=\"scrollAtEnd\"\n    id=\"example-main-scroll\"\n    throttleMs=\"100\"\n    distanceToBottom=\"300\"\n    scrollableElement=\"body\"\n  />\n</template>\n\n<script>\n  import { WindowScroll } from '@empathyco/x-components/scroll';\n\n  export default {\n    name: 'ScrollIdTest',\n    components: {\n      WindowScroll\n    },\n    methods: {\n      scroll(position) {\n        console.log('scroll', position);\n      },\n      scrollDirectionChange(direction) {\n        console.log('scroll:direction-change', direction);\n      },\n      scrollAtStart() {\n        console.log('scroll:at-start', isAtStart);\n      },\n      scrollAlmostAtEnd(isAlmostAtEnd) {\n        console.log('scroll:almost-at-end', isAlmostAtEnd);\n      },\n      scrollAtEnd(isAtEnd) {\n        console.log('scroll:at-end', isAtEnd);\n      }\n    }\n  };\n</script>\n```\n\n#### Using body and XEvents.\n\nIf we want to listen scroll body we should do some changes in css for body. This is an example, so\ntherefore the height of body can be get any value that you want. The template style should have a\nsimilar styles the corresponding style for tag body like in the next example.\n\n```vue\n<template>\n  <WindowScroll\n    id=\"example-main-scroll\"\n    throttleMs=\"100\"\n    distanceToBottom=\"300\"\n    scrollableElement=\"body\"\n  />\n</template>\n\n<script>\n  import { WindowScroll } from '@empathyco/x-components/scroll';\n\n  export default {\n    name: 'MainComponent',\n    components: {\n      WindowScroll\n    },\n    mounted() {\n      this.$x.on('UserScrolled').subscribe(distance => {\n        console.log(distance);\n      });\n      this.$x.on('UserChangedScrollDirection').subscribe(direction => {\n        console.log(direction);\n      });\n      this.$x.on('UserReachedScrollStart').subscribe(isAtStart => {\n        console.log(isAtStart);\n      });\n      this.$x.on('UserAlmostReachedScrollEnd').subscribe(isAlmostAtEnd => {\n        console.log(isAlmostAtEnd);\n      });\n      this.$x.on('UserReachedScrollEnd').subscribe(isAtEnd => {\n        console.log(isAtEnd);\n      });\n    }\n  };\n</script>\n<style lang=\"scss\">\n  html {\n    overflow: hidden;\n  }\n\n  body {\n    overflow-y: auto;\n    height: 100vh;\n  }\n</style>\n```\n\n## Vue Events\n\n- `scroll`: the event is emitted after the user scrolls in this container. The payload is the scroll\n  top distance in pixels.\n- `scroll:direction-change`: the event is emitted when the user changes the scroll direction. The\n  payload is the new scrolling direction.\n- `scroll:at-start`: the event is emitted when the user scrolls up to the initial position of the\n  scroll.\n- `scroll:almost-at-end`: the event is emitted when the user is about to reach the bottom part of\n  the scroll.\n- `scroll:at-end`: the event is emitted when the user has reached the bottom part of the scroll.\n\n## Events\n\nA list of events that the component will emit:\n\n- `UserScrolled`: the event is emitted after the user scrolls in this container. The payload is the\n  scroll top distance in pixels.\n- `UserChangedScrollDirection`: the event is emitted when the user changes the scroll direction. The\n  payload is the new scrolling direction.\n- `UserReachedScrollStart`: the event is emitted when the user scrolls up to the initial position of\n  the scroll.\n- `UserAlmostReachedScrollEnd`: the event is emitted when the user is about to reach the bottom part\n  of the scroll.\n- `UserReachedScrollEnd`: the event is emitted when the user has reached the bottom part of the\n  scroll.\n</docs>\n"],"names":[],"mappings":";;;;AAEA,MAAc,cAAA,GAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,220 @@
+import { __decorate } from 'tslib';
+import { mixins } from 'vue-class-component';
+import { Prop, Component } from 'vue-property-decorator';
+import '../../../components/animations/animate-width.vue.js';
+import '../../../components/animations/collapse-height.vue.js';
+import '../../../components/animations/collapse-width.vue.js';
+import '../../../components/animations/cross-fade.vue.js';
+import '../../../components/animations/fade.vue.js';
+import '../../../components/animations/fade-and-slide.vue.js';
+import '../../../components/animations/staggered-fade-and-slide.vue.js';
+import '../../../components/animations/staggering-transition-group.vue_rollup-plugin-vue_script.vue.js';
+import '../../../components/animations/staggering-transition-group.vue_rollup-plugin-vue_styles.0.vue.js';
+import 'vue-runtime-helpers/dist/normalize-component.mjs';
+import '../../../components/animations/disable-animation.mixin.js';
+import 'vue';
+import '../../../components/animations/animate-clip-path/animate-clip-path.style.scss.js';
+import '../../../components/animations/animate-scale/animate-scale.style.scss.js';
+import '../../../components/animations/animate-translate/animate-translate.style.scss.js';
+import '../../../components/column-picker/base-column-picker-dropdown.vue.js';
+import '../../../components/column-picker/base-column-picker-list.vue.js';
+import '../../../components/column-picker/column-picker.mixin.js';
+import '../../../components/currency/base-currency.vue.js';
+import '../../../components/filters/labels/base-price-filter-label.vue_rollup-plugin-vue_script.vue.js';
+import '../../../components/filters/labels/base-rating-filter-label.vue.js';
+import '../../../components/icons/arrow-down.vue.js';
+import '../../../components/icons/arrow-left.vue.js';
+import '../../../components/icons/arrow-right.vue.js';
+import '../../../components/icons/arrow-up.vue.js';
+import '../../../components/icons/bag.vue.js';
+import '../../../components/icons/bar-code.vue.js';
+import '../../../components/icons/barcode-tiny.vue.js';
+import '../../../components/icons/cart.vue.js';
+import '../../../components/icons/cart-filled.vue.js';
+import '../../../components/icons/check-tiny.vue.js';
+import '../../../components/icons/check.vue.js';
+import '../../../components/icons/checkbox-selected.vue.js';
+import '../../../components/icons/checkbox-selected-filled.vue.js';
+import '../../../components/icons/checkbox-unselected.vue.js';
+import '../../../components/icons/checkbox-unselected-filled.vue.js';
+import '../../../components/icons/chevron-down.vue.js';
+import '../../../components/icons/chevron-left.vue.js';
+import '../../../components/icons/chevron-right.vue.js';
+import '../../../components/icons/chevron-tiny-down.vue.js';
+import '../../../components/icons/chevron-tiny-left.vue.js';
+import '../../../components/icons/chevron-tiny-right.vue.js';
+import '../../../components/icons/chevron-tiny-up.vue.js';
+import '../../../components/icons/chevron-up.vue.js';
+import '../../../components/icons/corner-arrow-left.vue.js';
+import '../../../components/icons/corner-arrow-right.vue.js';
+import '../../../components/icons/cross-tiny.vue.js';
+import '../../../components/icons/cross.vue.js';
+import '../../../components/icons/curated-check.vue.js';
+import '../../../components/icons/curated-check-filled.vue.js';
+import '../../../components/icons/curated-check-tiny.vue.js';
+import '../../../components/icons/curated-check-tiny-filled.vue.js';
+import '../../../components/icons/diagonal-arrow-left-down.vue.js';
+import '../../../components/icons/diagonal-arrow-left-top.vue.js';
+import '../../../components/icons/diagonal-arrow-right-down.vue.js';
+import '../../../components/icons/diagonal-arrow-right-top.vue.js';
+import '../../../components/icons/filters.vue.js';
+import '../../../components/icons/grid-1-col.vue.js';
+import '../../../components/icons/grid-2-col.vue.js';
+import '../../../components/icons/grid-4-col.vue.js';
+import '../../../components/icons/grid-2-rows.vue.js';
+import '../../../components/icons/heart.vue.js';
+import '../../../components/icons/heart-filled.vue.js';
+import '../../../components/icons/hide.vue.js';
+import '../../../components/icons/history-tiny.vue.js';
+import '../../../components/icons/history.vue.js';
+import '../../../components/icons/light-bulb-off.vue.js';
+import '../../../components/icons/light-bulb-on.vue.js';
+import '../../../components/icons/menu.vue.js';
+import '../../../components/icons/minus-tiny.vue.js';
+import '../../../components/icons/minus.vue.js';
+import '../../../components/icons/plus.vue.js';
+import '../../../components/icons/plus-tiny.vue.js';
+import '../../../components/icons/radiobutton-selected.vue.js';
+import '../../../components/icons/radiobutton-unselected.vue.js';
+import '../../../components/icons/search.vue.js';
+import '../../../components/icons/settings.vue.js';
+import '../../../components/icons/show.vue.js';
+import '../../../components/icons/sort-az.vue.js';
+import '../../../components/icons/sort-price-down.vue.js';
+import '../../../components/icons/sort-price-up.vue.js';
+import '../../../components/icons/sort-relevancy.vue.js';
+import '../../../components/icons/sort-za.vue.js';
+import '../../../components/icons/star.vue.js';
+import '../../../components/icons/star-filled.vue.js';
+import '../../../components/icons/search-tiny.vue.js';
+import '../../../components/icons/tag.vue.js';
+import '../../../components/icons/tag-filled.vue.js';
+import '../../../components/icons/trash-open.vue.js';
+import '../../../components/icons/trash.vue.js';
+import '../../../components/icons/trending-tiny.vue.js';
+import '../../../components/icons/trending.vue.js';
+import '../../../components/icons/user.vue.js';
+import '../../../components/icons/user-filled.vue.js';
+import '../../../components/layouts/fixed-header-and-asides-layout.vue.js';
+import '../../../components/layouts/multi-column-max-width-layout.vue.js';
+import '../../../components/layouts/single-column-layout.vue.js';
+import '../../../components/modals/base-events-modal-close.vue.js';
+import '../../../components/modals/base-events-modal.vue.js';
+import '../../../components/modals/base-events-modal-open.vue.js';
+import '../../../components/modals/base-modal.vue.js';
+import '../../../components/modals/base-id-modal.vue.js';
+import '../../../components/modals/base-id-modal-close.vue.js';
+import '../../../components/modals/base-id-modal-open.vue.js';
+import '../../../components/modals/close-main-modal.vue.js';
+import '../../../components/modals/main-modal.vue.js';
+import '../../../components/modals/open-main-modal.vue.js';
+import '../../../components/panels/base-header-toggle-panel.vue.js';
+import '../../../components/panels/base-toggle-panel.vue.js';
+import '../../../components/panels/base-id-toggle-panel.vue.js';
+import '../../../components/panels/base-id-toggle-panel-button.vue.js';
+import '../../../components/panels/base-tabs-panel.vue.js';
+import '../../../components/result/base-result-add-to-cart.vue.js';
+import '../../../components/result/base-result-current-price.vue.js';
+import '../../../components/result/base-result-image.vue.js';
+import '../../../components/result/base-result-link.vue.js';
+import '../../../components/result/base-result-previous-price.vue.js';
+import '../../../components/result/base-result-fallback-image.vue.js';
+import '../../../components/result/base-result-placeholder-image.vue.js';
+import '../../../components/result/base-result-rating.vue.js';
+import '../../../components/result/result-variants-provider.vue_rollup-plugin-vue_script.vue.js';
+import '../../../components/result/result-variant-selector.vue.js';
+import '../../../components/scroll/base-scroll.vue.js';
+import ScrollMixin from '../../../components/scroll/scroll.mixin.js';
+import '../../../components/suggestions/base-suggestion.vue.js';
+import '../../../components/suggestions/base-suggestions.vue.js';
+import '../../../components/auto-progress-bar.vue.js';
+import '../../../components/base-dropdown.vue.js';
+import '../../../components/base-event-button.vue.js';
+import '../../../components/base-grid.vue.js';
+import '../../../components/base-keyboard-navigation.vue.js';
+import '../../../components/base-rating.vue.js';
+import '../../../components/base-switch.vue.js';
+import '../../../components/base-variable-column-grid.vue.js';
+import '../../../components/global-x-bus.vue_rollup-plugin-vue_script.vue.js';
+import '../../../components/highlight.vue.js';
+import '../../../components/items-list.vue.js';
+import '../../../components/location-provider.vue_rollup-plugin-vue_script.vue.js';
+import '../../../components/no-element.js';
+import '../../../components/sliding-panel.vue.js';
+import '../../../components/snippet-callbacks.vue.js';
+import 'rxjs';
+import 'rxjs/operators';
+import '../../../components/items-list-injection.mixin.js';
+import { xComponentMixin } from '../../../components/x-component.mixin.js';
+import { scrollXModule } from '../x-module.js';
+import { MainScrollId } from './scroll.const.js';
+
+/**
+ * The `WindowScroll` component listens to either the `html` or `body` DOM scroll events, and
+ * re-emits them as X Events. Additionally it also emits events related to the direction or
+ * current position of these elements scroll.
+ *
+ * @public
+ */
+let WindowScroll = class WindowScroll extends mixins(ScrollMixin) {
+    mounted() {
+        this.initAndListenElement();
+        this.$on('scroll', (position) => {
+            this.$x.emit('UserScrolled', position, this.createXEventMetadata());
+        });
+        this.$on('scroll:direction-change', (direction) => {
+            this.$x.emit('UserChangedScrollDirection', direction, this.createXEventMetadata());
+        });
+        this.$on('scroll:at-start', (hasReachedStart) => {
+            this.$x.emit('UserReachedScrollStart', hasReachedStart, this.createXEventMetadata());
+        });
+        this.$on('scroll:almost-at-end', (hasAlmostReachedEnd) => {
+            this.$x.emit('UserAlmostReachedScrollEnd', hasAlmostReachedEnd, this.createXEventMetadata());
+        });
+        this.$on('scroll:at-end', (hasReachedEnd) => {
+            this.$x.emit('UserReachedScrollEnd', hasReachedEnd, this.createXEventMetadata());
+        });
+    }
+    /**
+     * Sets the HTML element depending on {@link WindowScroll.scrollableElement}, and initialises
+     * its events.
+     *
+     * @internal
+     */
+    initAndListenElement() {
+        this.$el = this.scrollableElement === 'body' ? document.body : document.documentElement;
+        this.$el.addEventListener('scroll', this.throttledStoreScrollData);
+    }
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    render() { }
+    /**
+     * Cleanup listeners.
+     */
+    beforeDestroy() {
+        this.$el.removeEventListener('scroll', this.throttledStoreScrollData);
+    }
+    /**
+     * Creates the metadata for the events of this component.
+     *
+     * @returns A {@link WireMetadata} for the events emitted by this component.
+     * @internal
+     */
+    createXEventMetadata() {
+        return { target: this.$el, id: this.id };
+    }
+};
+__decorate([
+    Prop({ default: 'html' })
+], WindowScroll.prototype, "scrollableElement", void 0);
+__decorate([
+    Prop({ default: MainScrollId })
+], WindowScroll.prototype, "id", void 0);
+WindowScroll = __decorate([
+    Component({
+        mixins: [xComponentMixin(scrollXModule)]
+    })
+], WindowScroll);
+var script = WindowScroll;
+
+export { script as default };
+//# sourceMappingURL=window-scroll.vue_rollup-plugin-vue_script.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"window-scroll.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../../src/x-modules/scroll/components/window-scroll.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n  import { mixins } from 'vue-class-component';\n  import { Component, Prop } from 'vue-property-decorator';\n  import { ScrollDirection, ScrollMixin, xComponentMixin } from '../../../components';\n  import { WireMetadata } from '../../../wiring';\n  import { scrollXModule } from '../x-module';\n  import { MainScrollId } from './scroll.const';\n\n  type ScrollableElement = 'html' | 'body';\n\n  /**\n   * The `WindowScroll` component listens to either the `html` or `body` DOM scroll events, and\n   * re-emits them as X Events. Additionally it also emits events related to the direction or\n   * current position of these elements scroll.\n   *\n   * @public\n   */\n  @Component({\n    mixins: [xComponentMixin(scrollXModule)]\n  })\n  export default class WindowScroll extends mixins(ScrollMixin) {\n    /**\n     * Tag to identify the main scrollable element.\n     *\n     * @public\n     */\n    @Prop({ default: 'html' })\n    protected scrollableElement!: ScrollableElement;\n    /**\n     * Id to identify the component.\n     *\n     * @public\n     */\n    @Prop({ default: MainScrollId })\n    protected id!: string;\n\n    mounted(): void {\n      this.initAndListenElement();\n      this.$on('scroll', (position: number) => {\n        this.$x.emit('UserScrolled', position, this.createXEventMetadata());\n      });\n      this.$on('scroll:direction-change', (direction: ScrollDirection) => {\n        this.$x.emit('UserChangedScrollDirection', direction, this.createXEventMetadata());\n      });\n      this.$on('scroll:at-start', (hasReachedStart: boolean) => {\n        this.$x.emit('UserReachedScrollStart', hasReachedStart, this.createXEventMetadata());\n      });\n      this.$on('scroll:almost-at-end', (hasAlmostReachedEnd: boolean) => {\n        this.$x.emit(\n          'UserAlmostReachedScrollEnd',\n          hasAlmostReachedEnd,\n          this.createXEventMetadata()\n        );\n      });\n      this.$on('scroll:at-end', (hasReachedEnd: boolean) => {\n        this.$x.emit('UserReachedScrollEnd', hasReachedEnd, this.createXEventMetadata());\n      });\n    }\n\n    /**\n     * Sets the HTML element depending on {@link WindowScroll.scrollableElement}, and initialises\n     * its events.\n     *\n     * @internal\n     */\n    protected initAndListenElement(): void {\n      this.$el = this.scrollableElement === 'body' ? document.body : document.documentElement;\n      this.$el.addEventListener('scroll', this.throttledStoreScrollData);\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    render(): void {}\n\n    /**\n     * Cleanup listeners.\n     */\n    beforeDestroy(): void {\n      this.$el.removeEventListener('scroll', this.throttledStoreScrollData);\n    }\n\n    /**\n     * Creates the metadata for the events of this component.\n     *\n     * @returns A {@link WireMetadata} for the events emitted by this component.\n     * @internal\n     */\n    protected createXEventMetadata(): Partial<WireMetadata> {\n      return { target: this.$el, id: this.id };\n    }\n  }\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUE;;;;;;AAMG;AAIY,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,MAAM,CAAC,WAAW,CAAC,CAAA;IAgB3D,OAAO,GAAA;QACL,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC5B,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,QAAgB,KAAI;AACtC,YAAA,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,QAAQ,EAAE,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC;AACtE,SAAC,CAAC,CAAC;QACH,IAAI,CAAC,GAAG,CAAC,yBAAyB,EAAE,CAAC,SAA0B,KAAI;AACjE,YAAA,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,4BAA4B,EAAE,SAAS,EAAE,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC;AACrF,SAAC,CAAC,CAAC;QACH,IAAI,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC,eAAwB,KAAI;AACvD,YAAA,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,wBAAwB,EAAE,eAAe,EAAE,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC;AACvF,SAAC,CAAC,CAAC;QACH,IAAI,CAAC,GAAG,CAAC,sBAAsB,EAAE,CAAC,mBAA4B,KAAI;AAChE,YAAA,IAAI,CAAC,EAAE,CAAC,IAAI,CACV,4BAA4B,EAC5B,mBAAmB,EACnB,IAAI,CAAC,oBAAoB,EAAE,CAC5B,CAAC;AACJ,SAAC,CAAC,CAAC;QACH,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,CAAC,aAAsB,KAAI;AACnD,YAAA,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,sBAAsB,EAAE,aAAa,EAAE,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC;AACnF,SAAC,CAAC,CAAC;KACJ;AAED;;;;;AAKG;IACO,oBAAoB,GAAA;QAC5B,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,iBAAiB,KAAK,MAAM,GAAG,QAAQ,CAAC,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC;QACxF,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,wBAAwB,CAAC,CAAC;KACpE;;AAGD,IAAA,MAAM,MAAW;AAEjB;;AAEG;IACH,aAAa,GAAA;QACX,IAAI,CAAC,GAAG,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,wBAAwB,CAAC,CAAC;KACvE;AAED;;;;;AAKG;IACO,oBAAoB,GAAA;AAC5B,QAAA,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,GAAG,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC;KAC1C;CACF,CAAA;AA9DC,UAAA,CAAA;AADC,IAAA,IAAI,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;AACsB,CAAA,EAAA,YAAA,CAAA,SAAA,EAAA,mBAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAOhD,UAAA,CAAA;AADC,IAAA,IAAI,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC;AACV,CAAA,EAAA,YAAA,CAAA,SAAA,EAAA,IAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAdH,YAAY,GAAA,UAAA,CAAA;AAHhC,IAAA,SAAS,CAAC;AACT,QAAA,MAAM,EAAE,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;KACzC,CAAC;AACmB,CAAA,EAAA,YAAY,CAqEhC,CAAA;aArEoB,YAAY;;;;"}

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

@@ -1,6 +1,3 @@
-import '../../../store/x.module.js';
-import '../../../store/utils/fetch-and-save-action.utils.js';
-import '../../../store/utils/status-store.utils.js';
 import { createStoreEmitters } from '../../../store/utils/store-emitters.utils.js';
 import { scrollXStoreModule } from './module.js';
 
@@ -9,7 +6,7 @@ import { scrollXStoreModule } from './module.js';
  *
  * @internal
  */
-var scrollEmitters = createStoreEmitters(scrollXStoreModule, {});
+const scrollEmitters = createStoreEmitters(scrollXStoreModule, {});
 
 export { scrollEmitters };
 //# sourceMappingURL=emitters.js.map

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

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

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

@@ -5,15 +5,14 @@ import Vue from 'vue';
  *
  * @internal
  */
-var scrollXStoreModule = {
-    state: function () { return ({
+const scrollXStoreModule = {
+    state: () => ({
         data: {},
         pendingScrollTo: ''
-    }); },
+    }),
     getters: {},
     mutations: {
-        setScrollComponentState: function (state, _a) {
-            var id = _a.id, newState = _a.newState;
+        setScrollComponentState(state, { id, newState }) {
             if (!state.data[id]) {
                 Vue.set(state.data, id, {
                     hasReachedStart: false,
@@ -25,7 +24,7 @@ var scrollXStoreModule = {
             }
             Object.assign(state.data[id], newState);
         },
-        setPendingScrollTo: function (state, pendingScrollTo) {
+        setPendingScrollTo(state, pendingScrollTo) {
             state.pendingScrollTo = pendingScrollTo;
         }
     },

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

@@ -1 +1 @@
-{"version":3,"file":"module.js","sources":["../../../../../src/x-modules/scroll/store/module.ts"],"sourcesContent":["import Vue from 'vue';\nimport { ScrollComponentState, ScrollXStoreModule } from './types';\n\n/**\n * {@link XStoreModule} For the scroll module.\n *\n * @internal\n */\nexport const scrollXStoreModule: ScrollXStoreModule = {\n  state: () => ({\n    data: {},\n    pendingScrollTo: ''\n  }),\n  getters: {},\n  mutations: {\n    setScrollComponentState(state, { id, newState }) {\n      if (!state.data[id]) {\n        Vue.set<ScrollComponentState>(state.data, id, {\n          hasReachedStart: false,\n          hasAlmostReachedEnd: false,\n          hasReachedEnd: false,\n          position: 0,\n          direction: 'UP'\n        });\n      }\n      Object.assign(state.data[id], newState);\n    },\n    setPendingScrollTo(state, pendingScrollTo) {\n      state.pendingScrollTo = pendingScrollTo;\n    }\n  },\n  actions: {}\n};\n"],"names":[],"mappings":";;AAGA;;;;;IAKa,kBAAkB,GAAuB;IACpD,KAAK,EAAE,cAAM,QAAC;QACZ,IAAI,EAAE,EAAE;QACR,eAAe,EAAE,EAAE;KACpB,IAAC;IACF,OAAO,EAAE,EAAE;IACX,SAAS,EAAE;QACT,uBAAuB,EAAvB,UAAwB,KAAK,EAAE,EAAgB;gBAAd,EAAE,QAAA,EAAE,QAAQ,cAAA;YAC3C,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE;gBACnB,GAAG,CAAC,GAAG,CAAuB,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE;oBAC5C,eAAe,EAAE,KAAK;oBACtB,mBAAmB,EAAE,KAAK;oBAC1B,aAAa,EAAE,KAAK;oBACpB,QAAQ,EAAE,CAAC;oBACX,SAAS,EAAE,IAAI;iBAChB,CAAC,CAAC;aACJ;YACD,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC;SACzC;QACD,kBAAkB,YAAC,KAAK,EAAE,eAAe;YACvC,KAAK,CAAC,eAAe,GAAG,eAAe,CAAC;SACzC;KACF;IACD,OAAO,EAAE,EAAE;;;;;"}
+{"version":3,"file":"module.js","sources":["../../../../../src/x-modules/scroll/store/module.ts"],"sourcesContent":["import Vue from 'vue';\nimport { ScrollComponentState, ScrollXStoreModule } from './types';\n\n/**\n * {@link XStoreModule} For the scroll module.\n *\n * @internal\n */\nexport const scrollXStoreModule: ScrollXStoreModule = {\n  state: () => ({\n    data: {},\n    pendingScrollTo: ''\n  }),\n  getters: {},\n  mutations: {\n    setScrollComponentState(state, { id, newState }) {\n      if (!state.data[id]) {\n        Vue.set<ScrollComponentState>(state.data, id, {\n          hasReachedStart: false,\n          hasAlmostReachedEnd: false,\n          hasReachedEnd: false,\n          position: 0,\n          direction: 'UP'\n        });\n      }\n      Object.assign(state.data[id], newState);\n    },\n    setPendingScrollTo(state, pendingScrollTo) {\n      state.pendingScrollTo = pendingScrollTo;\n    }\n  },\n  actions: {}\n};\n"],"names":[],"mappings":";;AAGA;;;;AAIG;AACU,MAAA,kBAAkB,GAAuB;AACpD,IAAA,KAAK,EAAE,OAAO;AACZ,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,eAAe,EAAE,EAAE;KACpB,CAAC;AACF,IAAA,OAAO,EAAE,EAAE;AACX,IAAA,SAAS,EAAE;AACT,QAAA,uBAAuB,CAAC,KAAK,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAA;AAC7C,YAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE;gBACnB,GAAG,CAAC,GAAG,CAAuB,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE;AAC5C,oBAAA,eAAe,EAAE,KAAK;AACtB,oBAAA,mBAAmB,EAAE,KAAK;AAC1B,oBAAA,aAAa,EAAE,KAAK;AACpB,oBAAA,QAAQ,EAAE,CAAC;AACX,oBAAA,SAAS,EAAE,IAAI;AAChB,iBAAA,CAAC,CAAC;AACJ,aAAA;AACD,YAAA,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC;SACzC;QACD,kBAAkB,CAAC,KAAK,EAAE,eAAe,EAAA;AACvC,YAAA,KAAK,CAAC,eAAe,GAAG,eAAe,CAAC;SACzC;AACF,KAAA;AACD,IAAA,OAAO,EAAE,EAAE;;;;;"}

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

@@ -1,112 +1,94 @@
-import { createWiring } from '../../wiring/wiring.utils.js';
 import { namespacedWireCommit } from '../../wiring/namespaced-wires.factory.js';
+import { createWiring } from '../../wiring/wiring.utils.js';
 
-var moduleName = 'scroll';
-var wireCommit = namespacedWireCommit(moduleName);
+const moduleName = 'scroll';
+const wireCommit = namespacedWireCommit(moduleName);
 /**
  * Saves the scroll position of a container to the store.
  *
  * @public
  */
-var setScrollPositionWire = wireCommit('setScrollComponentState', function (_a) {
-    var metadata = _a.metadata, eventPayload = _a.eventPayload;
-    return ({
-        newState: { position: eventPayload },
-        id: metadata.id
-    });
-});
+const setScrollPositionWire = wireCommit('setScrollComponentState', ({ metadata, eventPayload }) => ({
+    newState: { position: eventPayload },
+    id: metadata.id
+}));
 /**
  * Saves the scroll direction of a container to the store.
  *
  * @public
  */
-var setScrollDirectionWire = wireCommit('setScrollComponentState', function (_a) {
-    var metadata = _a.metadata, eventPayload = _a.eventPayload;
-    return ({
-        newState: { direction: eventPayload },
-        id: metadata.id
-    });
-});
+const setScrollDirectionWire = wireCommit('setScrollComponentState', ({ metadata, eventPayload }) => ({
+    newState: { direction: eventPayload },
+    id: metadata.id
+}));
 /**
  * Saves a boolean indicating if the scroll has almost reached the end of a container to the store.
  *
  * @public
  */
-var setScrollHasAlmostReachedEndWire = wireCommit('setScrollComponentState', function (_a) {
-    var metadata = _a.metadata, eventPayload = _a.eventPayload;
-    return ({
-        newState: { hasAlmostReachedEnd: eventPayload },
-        id: metadata.id
-    });
-});
+const setScrollHasAlmostReachedEndWire = wireCommit('setScrollComponentState', ({ metadata, eventPayload }) => ({
+    newState: { hasAlmostReachedEnd: eventPayload },
+    id: metadata.id
+}));
 /**
  * Saves a boolean indicating if the scroll has reached the end of a container to the store.
  *
  * @public
  */
-var setScrollHasReachedEndWire = wireCommit('setScrollComponentState', function (_a) {
-    var metadata = _a.metadata, eventPayload = _a.eventPayload;
-    return ({
-        newState: { hasReachedEnd: eventPayload },
-        id: metadata.id
-    });
-});
+const setScrollHasReachedEndWire = wireCommit('setScrollComponentState', ({ metadata, eventPayload }) => ({
+    newState: { hasReachedEnd: eventPayload },
+    id: metadata.id
+}));
 /**
  * Saves a boolean indicating if the scroll has reached the start of a container to the store.
  *
  * @public
  */
-var setScrollHasReachedStartWire = wireCommit('setScrollComponentState', function (_a) {
-    var metadata = _a.metadata, eventPayload = _a.eventPayload;
-    return ({
-        newState: { hasReachedStart: eventPayload },
-        id: metadata.id
-    });
-});
+const setScrollHasReachedStartWire = wireCommit('setScrollComponentState', ({ metadata, eventPayload }) => ({
+    newState: { hasReachedStart: eventPayload },
+    id: metadata.id
+}));
 /**
  * Saves the selector of the item that should be scrolled into the view.
  *
  * @public
  */
-var setPendingScrollToWire = wireCommit('setPendingScrollTo', function (_a) {
-    var scroll = _a.eventPayload.scroll;
-    return scroll;
-});
+const setPendingScrollToWire = wireCommit('setPendingScrollTo', ({ eventPayload: { scroll } }) => scroll);
 /**
  * Resets the selector of the scroll that is pending to restore.
  *
  * @public
  */
-var clearPendingScrollToWire = wireCommit('setPendingScrollTo', '');
+const clearPendingScrollToWire = wireCommit('setPendingScrollTo', '');
 /**
  * Wiring configuration for the {@link ScrollXModule | scroll module}.
  *
  * @internal
  */
-var scrollWiring = createWiring({
+const scrollWiring = createWiring({
     UserScrolled: {
-        setScrollPositionWire: setScrollPositionWire
+        setScrollPositionWire
     },
     UserChangedScrollDirection: {
-        setScrollDirectionWire: setScrollDirectionWire
+        setScrollDirectionWire
     },
     UserReachedScrollStart: {
-        setScrollHasReachedStartWire: setScrollHasReachedStartWire
+        setScrollHasReachedStartWire
     },
     UserAlmostReachedScrollEnd: {
-        setScrollHasAlmostReachedEndWire: setScrollHasAlmostReachedEndWire
+        setScrollHasAlmostReachedEndWire
     },
     UserReachedScrollEnd: {
-        setScrollHasReachedEndWire: setScrollHasReachedEndWire
+        setScrollHasReachedEndWire
     },
     ParamsLoadedFromUrl: {
-        setPendingScrollToWire: setPendingScrollToWire
+        setPendingScrollToWire
     },
     ScrollRestoreSucceeded: {
-        clearPendingScrollToWire: clearPendingScrollToWire
+        clearPendingScrollToWire
     },
     ScrollRestoreFailed: {
-        clearPendingScrollToWire: clearPendingScrollToWire
+        clearPendingScrollToWire
     }
 });
 

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

@@ -1 +1 @@
-{"version":3,"file":"wiring.js","sources":["../../../../src/x-modules/scroll/wiring.ts"],"sourcesContent":["import { ScrollDirection } from '../../components/scroll/scroll.types';\nimport { namespacedWireCommit } from '../../wiring/namespaced-wires.factory';\nimport { WirePayload } from '../../wiring/wiring.types';\nimport { createWiring } from '../../wiring/wiring.utils';\n\nconst moduleName = 'scroll';\n\nconst wireCommit = namespacedWireCommit(moduleName);\n\n/**\n * Saves the scroll position of a container to the store.\n *\n * @public\n */\nexport const setScrollPositionWire = wireCommit(\n  'setScrollComponentState',\n  ({ metadata, eventPayload }: WirePayload<number>) => ({\n    newState: { position: eventPayload },\n    id: metadata.id as string\n  })\n);\n\n/**\n * Saves the scroll direction of a container to the store.\n *\n * @public\n */\nexport const setScrollDirectionWire = wireCommit(\n  'setScrollComponentState',\n  ({ metadata, eventPayload }: WirePayload<ScrollDirection>) => ({\n    newState: { direction: eventPayload },\n    id: metadata.id!\n  })\n);\n\n/**\n * Saves a boolean indicating if the scroll has almost reached the end of a container to the store.\n *\n * @public\n */\nexport const setScrollHasAlmostReachedEndWire = wireCommit(\n  'setScrollComponentState',\n  ({ metadata, eventPayload }: WirePayload<boolean>) => ({\n    newState: { hasAlmostReachedEnd: eventPayload },\n    id: metadata.id as string\n  })\n);\n\n/**\n * Saves a boolean indicating if the scroll has reached the end of a container to the store.\n *\n * @public\n */\nexport const setScrollHasReachedEndWire = wireCommit(\n  'setScrollComponentState',\n  ({ metadata, eventPayload }: WirePayload<boolean>) => ({\n    newState: { hasReachedEnd: eventPayload },\n    id: metadata.id as string\n  })\n);\n\n/**\n * Saves a boolean indicating if the scroll has reached the start of a container to the store.\n *\n * @public\n */\nexport const setScrollHasReachedStartWire = wireCommit(\n  'setScrollComponentState',\n  ({ metadata, eventPayload }: WirePayload<boolean>) => ({\n    newState: { hasReachedStart: eventPayload },\n    id: metadata.id as string\n  })\n);\n\n/**\n * Saves the selector of the item that should be scrolled into the view.\n *\n * @public\n */\nexport const setPendingScrollToWire = wireCommit(\n  'setPendingScrollTo',\n  ({ eventPayload: { scroll } }) => scroll\n);\n\n/**\n * Resets the selector of the scroll that is pending to restore.\n *\n * @public\n */\nexport const clearPendingScrollToWire = wireCommit('setPendingScrollTo', '');\n\n/**\n * Wiring configuration for the {@link ScrollXModule | scroll module}.\n *\n * @internal\n */\nexport const scrollWiring = createWiring({\n  UserScrolled: {\n    setScrollPositionWire\n  },\n  UserChangedScrollDirection: {\n    setScrollDirectionWire\n  },\n  UserReachedScrollStart: {\n    setScrollHasReachedStartWire\n  },\n  UserAlmostReachedScrollEnd: {\n    setScrollHasAlmostReachedEndWire\n  },\n  UserReachedScrollEnd: {\n    setScrollHasReachedEndWire\n  },\n  ParamsLoadedFromUrl: {\n    setPendingScrollToWire\n  },\n  ScrollRestoreSucceeded: {\n    clearPendingScrollToWire\n  },\n  ScrollRestoreFailed: {\n    clearPendingScrollToWire\n  }\n});\n"],"names":[],"mappings":";;;AAKA,IAAM,UAAU,GAAG,QAAQ,CAAC;AAE5B,IAAM,UAAU,GAAG,oBAAoB,CAAC,UAAU,CAAC,CAAC;AAEpD;;;;;IAKa,qBAAqB,GAAG,UAAU,CAC7C,yBAAyB,EACzB,UAAC,EAA+C;QAA7C,QAAQ,cAAA,EAAE,YAAY,kBAAA;IAA4B,QAAC;QACpD,QAAQ,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE;QACpC,EAAE,EAAE,QAAQ,CAAC,EAAY;KAC1B;AAHoD,CAGnD,EACF;AAEF;;;;;IAKa,sBAAsB,GAAG,UAAU,CAC9C,yBAAyB,EACzB,UAAC,EAAwD;QAAtD,QAAQ,cAAA,EAAE,YAAY,kBAAA;IAAqC,QAAC;QAC7D,QAAQ,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE;QACrC,EAAE,EAAE,QAAQ,CAAC,EAAG;KACjB;AAH6D,CAG5D,EACF;AAEF;;;;;IAKa,gCAAgC,GAAG,UAAU,CACxD,yBAAyB,EACzB,UAAC,EAAgD;QAA9C,QAAQ,cAAA,EAAE,YAAY,kBAAA;IAA6B,QAAC;QACrD,QAAQ,EAAE,EAAE,mBAAmB,EAAE,YAAY,EAAE;QAC/C,EAAE,EAAE,QAAQ,CAAC,EAAY;KAC1B;AAHqD,CAGpD,EACF;AAEF;;;;;IAKa,0BAA0B,GAAG,UAAU,CAClD,yBAAyB,EACzB,UAAC,EAAgD;QAA9C,QAAQ,cAAA,EAAE,YAAY,kBAAA;IAA6B,QAAC;QACrD,QAAQ,EAAE,EAAE,aAAa,EAAE,YAAY,EAAE;QACzC,EAAE,EAAE,QAAQ,CAAC,EAAY;KAC1B;AAHqD,CAGpD,EACF;AAEF;;;;;IAKa,4BAA4B,GAAG,UAAU,CACpD,yBAAyB,EACzB,UAAC,EAAgD;QAA9C,QAAQ,cAAA,EAAE,YAAY,kBAAA;IAA6B,QAAC;QACrD,QAAQ,EAAE,EAAE,eAAe,EAAE,YAAY,EAAE;QAC3C,EAAE,EAAE,QAAQ,CAAC,EAAY;KAC1B;AAHqD,CAGpD,EACF;AAEF;;;;;IAKa,sBAAsB,GAAG,UAAU,CAC9C,oBAAoB,EACpB,UAAC,EAA4B;QAAV,MAAM,yBAAA;IAAS,OAAA,MAAM;AAAN,CAAM,EACxC;AAEF;;;;;IAKa,wBAAwB,GAAG,UAAU,CAAC,oBAAoB,EAAE,EAAE,EAAE;AAE7E;;;;;IAKa,YAAY,GAAG,YAAY,CAAC;IACvC,YAAY,EAAE;QACZ,qBAAqB,uBAAA;KACtB;IACD,0BAA0B,EAAE;QAC1B,sBAAsB,wBAAA;KACvB;IACD,sBAAsB,EAAE;QACtB,4BAA4B,8BAAA;KAC7B;IACD,0BAA0B,EAAE;QAC1B,gCAAgC,kCAAA;KACjC;IACD,oBAAoB,EAAE;QACpB,0BAA0B,4BAAA;KAC3B;IACD,mBAAmB,EAAE;QACnB,sBAAsB,wBAAA;KACvB;IACD,sBAAsB,EAAE;QACtB,wBAAwB,0BAAA;KACzB;IACD,mBAAmB,EAAE;QACnB,wBAAwB,0BAAA;KACzB;CACF;;;;"}
+{"version":3,"file":"wiring.js","sources":["../../../../src/x-modules/scroll/wiring.ts"],"sourcesContent":["import { ScrollDirection } from '../../components/scroll/scroll.types';\nimport { namespacedWireCommit } from '../../wiring/namespaced-wires.factory';\nimport { WirePayload } from '../../wiring/wiring.types';\nimport { createWiring } from '../../wiring/wiring.utils';\n\nconst moduleName = 'scroll';\n\nconst wireCommit = namespacedWireCommit(moduleName);\n\n/**\n * Saves the scroll position of a container to the store.\n *\n * @public\n */\nexport const setScrollPositionWire = wireCommit(\n  'setScrollComponentState',\n  ({ metadata, eventPayload }: WirePayload<number>) => ({\n    newState: { position: eventPayload },\n    id: metadata.id as string\n  })\n);\n\n/**\n * Saves the scroll direction of a container to the store.\n *\n * @public\n */\nexport const setScrollDirectionWire = wireCommit(\n  'setScrollComponentState',\n  ({ metadata, eventPayload }: WirePayload<ScrollDirection>) => ({\n    newState: { direction: eventPayload },\n    id: metadata.id!\n  })\n);\n\n/**\n * Saves a boolean indicating if the scroll has almost reached the end of a container to the store.\n *\n * @public\n */\nexport const setScrollHasAlmostReachedEndWire = wireCommit(\n  'setScrollComponentState',\n  ({ metadata, eventPayload }: WirePayload<boolean>) => ({\n    newState: { hasAlmostReachedEnd: eventPayload },\n    id: metadata.id as string\n  })\n);\n\n/**\n * Saves a boolean indicating if the scroll has reached the end of a container to the store.\n *\n * @public\n */\nexport const setScrollHasReachedEndWire = wireCommit(\n  'setScrollComponentState',\n  ({ metadata, eventPayload }: WirePayload<boolean>) => ({\n    newState: { hasReachedEnd: eventPayload },\n    id: metadata.id as string\n  })\n);\n\n/**\n * Saves a boolean indicating if the scroll has reached the start of a container to the store.\n *\n * @public\n */\nexport const setScrollHasReachedStartWire = wireCommit(\n  'setScrollComponentState',\n  ({ metadata, eventPayload }: WirePayload<boolean>) => ({\n    newState: { hasReachedStart: eventPayload },\n    id: metadata.id as string\n  })\n);\n\n/**\n * Saves the selector of the item that should be scrolled into the view.\n *\n * @public\n */\nexport const setPendingScrollToWire = wireCommit(\n  'setPendingScrollTo',\n  ({ eventPayload: { scroll } }) => scroll\n);\n\n/**\n * Resets the selector of the scroll that is pending to restore.\n *\n * @public\n */\nexport const clearPendingScrollToWire = wireCommit('setPendingScrollTo', '');\n\n/**\n * Wiring configuration for the {@link ScrollXModule | scroll module}.\n *\n * @internal\n */\nexport const scrollWiring = createWiring({\n  UserScrolled: {\n    setScrollPositionWire\n  },\n  UserChangedScrollDirection: {\n    setScrollDirectionWire\n  },\n  UserReachedScrollStart: {\n    setScrollHasReachedStartWire\n  },\n  UserAlmostReachedScrollEnd: {\n    setScrollHasAlmostReachedEndWire\n  },\n  UserReachedScrollEnd: {\n    setScrollHasReachedEndWire\n  },\n  ParamsLoadedFromUrl: {\n    setPendingScrollToWire\n  },\n  ScrollRestoreSucceeded: {\n    clearPendingScrollToWire\n  },\n  ScrollRestoreFailed: {\n    clearPendingScrollToWire\n  }\n});\n"],"names":[],"mappings":";;;AAKA,MAAM,UAAU,GAAG,QAAQ,CAAC;AAE5B,MAAM,UAAU,GAAG,oBAAoB,CAAC,UAAU,CAAC,CAAC;AAEpD;;;;AAIG;AACU,MAAA,qBAAqB,GAAG,UAAU,CAC7C,yBAAyB,EACzB,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAuB,MAAM;AACpD,IAAA,QAAQ,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE;IACpC,EAAE,EAAE,QAAQ,CAAC,EAAY;AAC1B,CAAA,CAAC,EACF;AAEF;;;;AAIG;AACU,MAAA,sBAAsB,GAAG,UAAU,CAC9C,yBAAyB,EACzB,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAgC,MAAM;AAC7D,IAAA,QAAQ,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE;IACrC,EAAE,EAAE,QAAQ,CAAC,EAAG;AACjB,CAAA,CAAC,EACF;AAEF;;;;AAIG;AACU,MAAA,gCAAgC,GAAG,UAAU,CACxD,yBAAyB,EACzB,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAwB,MAAM;AACrD,IAAA,QAAQ,EAAE,EAAE,mBAAmB,EAAE,YAAY,EAAE;IAC/C,EAAE,EAAE,QAAQ,CAAC,EAAY;AAC1B,CAAA,CAAC,EACF;AAEF;;;;AAIG;AACU,MAAA,0BAA0B,GAAG,UAAU,CAClD,yBAAyB,EACzB,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAwB,MAAM;AACrD,IAAA,QAAQ,EAAE,EAAE,aAAa,EAAE,YAAY,EAAE;IACzC,EAAE,EAAE,QAAQ,CAAC,EAAY;AAC1B,CAAA,CAAC,EACF;AAEF;;;;AAIG;AACU,MAAA,4BAA4B,GAAG,UAAU,CACpD,yBAAyB,EACzB,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAwB,MAAM;AACrD,IAAA,QAAQ,EAAE,EAAE,eAAe,EAAE,YAAY,EAAE;IAC3C,EAAE,EAAE,QAAQ,CAAC,EAAY;AAC1B,CAAA,CAAC,EACF;AAEF;;;;AAIG;MACU,sBAAsB,GAAG,UAAU,CAC9C,oBAAoB,EACpB,CAAC,EAAE,YAAY,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,MAAM,EACxC;AAEF;;;;AAIG;AACU,MAAA,wBAAwB,GAAG,UAAU,CAAC,oBAAoB,EAAE,EAAE,EAAE;AAE7E;;;;AAIG;AACI,MAAM,YAAY,GAAG,YAAY,CAAC;AACvC,IAAA,YAAY,EAAE;QACZ,qBAAqB;AACtB,KAAA;AACD,IAAA,0BAA0B,EAAE;QAC1B,sBAAsB;AACvB,KAAA;AACD,IAAA,sBAAsB,EAAE;QACtB,4BAA4B;AAC7B,KAAA;AACD,IAAA,0BAA0B,EAAE;QAC1B,gCAAgC;AACjC,KAAA;AACD,IAAA,oBAAoB,EAAE;QACpB,0BAA0B;AAC3B,KAAA;AACD,IAAA,mBAAmB,EAAE;QACnB,sBAAsB;AACvB,KAAA;AACD,IAAA,sBAAsB,EAAE;QACtB,wBAAwB;AACzB,KAAA;AACD,IAAA,mBAAmB,EAAE;QACnB,wBAAwB;AACzB,KAAA;AACF,CAAA;;;;"}

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

@@ -1,5 +1,5 @@
-import { scrollXStoreModule } from './store/module.js';
 import { scrollEmitters } from './store/emitters.js';
+import { scrollXStoreModule } from './store/module.js';
 import { scrollWiring } from './wiring.js';
 
 /**
@@ -8,7 +8,7 @@ import { scrollWiring } from './wiring.js';
  *
  * @public
  */
-var scrollXModule = {
+const scrollXModule = {
     name: 'scroll',
     storeModule: scrollXStoreModule,
     storeEmitters: scrollEmitters,

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

@@ -1 +1 @@
-{"version":3,"file":"x-module.js","sources":["../../../../src/x-modules/scroll/x-module.ts"],"sourcesContent":["import { XModule } from '../x-modules.types';\nimport { scrollEmitters } from './store/emitters';\nimport { scrollXStoreModule } from './store/module';\nimport { ScrollXStoreModule } from './store/types';\nimport { scrollWiring } from './wiring';\n\n/**\n * Scroll {@link XModule} alias.\n *\n * @public\n */\nexport type ScrollXModule = XModule<ScrollXStoreModule>;\n\n/**\n * Scroll {@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 scrollXModule: ScrollXModule = {\n  name: 'scroll',\n  storeModule: scrollXStoreModule,\n  storeEmitters: scrollEmitters,\n  wiring: scrollWiring\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/scroll/x-module.ts"],"sourcesContent":["import { XModule } from '../x-modules.types';\nimport { scrollEmitters } from './store/emitters';\nimport { scrollXStoreModule } from './store/module';\nimport { ScrollXStoreModule } from './store/types';\nimport { scrollWiring } from './wiring';\n\n/**\n * Scroll {@link XModule} alias.\n *\n * @public\n */\nexport type ScrollXModule = XModule<ScrollXStoreModule>;\n\n/**\n * Scroll {@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 scrollXModule: ScrollXModule = {\n  name: 'scroll',\n  storeModule: scrollXStoreModule,\n  storeEmitters: scrollEmitters,\n  wiring: scrollWiring\n};\n"],"names":[],"mappings":";;;;AAaA;;;;;AAKG;AACU,MAAA,aAAa,GAAkB;AAC1C,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,WAAW,EAAE,kBAAkB;AAC/B,IAAA,aAAa,EAAE,cAAc;AAC7B,IAAA,MAAM,EAAE,YAAY;;;;;"}