npm - @empathyco/x-components - Versions diffs - 6.0.0-alpha.9 → 6.0.0-alpha.91 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2738) hide show

package/js/x-modules/scroll/components/scroll-to-top.vue2.js CHANGED Viewed

@@ -1,4 +1,7 @@
 import { defineComponent, computed } from 'vue';
+import '../../../components/animations/animate-clip-path/animate-clip-path.style.scss.js';
+import '../../../components/animations/animate-scale/animate-scale.style.scss.js';
+import '../../../components/animations/animate-translate/animate-translate.style.scss.js';
 import '../../../components/animations/animate-width.vue2.js';
 import '../../../components/animations/animate-width.vue3.js';
 import '../../../components/animations/collapse-height.vue2.js';
@@ -7,21 +10,39 @@ import '../../../components/animations/collapse-width.vue2.js';
 import '../../../components/animations/collapse-width.vue3.js';
 import '../../../components/animations/cross-fade.vue2.js';
 import '../../../components/animations/cross-fade.vue3.js';
-import '../../../components/animations/fade.vue2.js';
-import '../../../components/animations/fade.vue3.js';
 import '../../../components/animations/fade-and-slide.vue2.js';
 import '../../../components/animations/fade-and-slide.vue3.js';
+import '../../../components/animations/fade.vue2.js';
+import '../../../components/animations/fade.vue3.js';
 import _sfc_main$1 from '../../../components/animations/no-animation.vue.js';
 import '../../../components/animations/staggered-fade-and-slide.vue2.js';
 import '../../../components/animations/staggered-fade-and-slide.vue3.js';
-import '../../../components/animations/animate-clip-path/animate-clip-path.style.scss.js';
-import '../../../components/animations/animate-scale/animate-scale.style.scss.js';
-import '../../../components/animations/animate-translate/animate-translate.style.scss.js';
+import '../../../components/auto-progress-bar.vue2.js';
+import '../../../components/auto-progress-bar.vue3.js';
+import '../../../components/base-dropdown.vue2.js';
+import '../../../components/base-dropdown.vue3.js';
+import BaseEventButton from '../../../components/base-event-button.vue.js';
+import '../../../components/base-grid.vue2.js';
+import '../../../components/base-grid.vue3.js';
+import '../../../components/base-keyboard-navigation.vue2.js';
+import '../../../components/base-rating.vue2.js';
+import '../../../components/base-rating.vue3.js';
+import '../../../components/base-slider.vue2.js';
+import '../../../components/base-slider.vue3.js';
+import '../../../components/base-switch.vue2.js';
+import '../../../components/base-switch.vue3.js';
+import '../../../components/base-teleport.vue2.js';
+import '../../../components/base-variable-column-grid.vue2.js';
 import '../../../components/column-picker/base-column-picker-dropdown.vue2.js';
 import '../../../components/column-picker/base-column-picker-list.vue2.js';
 import '../../../components/currency/base-currency.vue2.js';
+import '../../../components/display-click-provider.vue.js';
+import '../../../components/display-emitter.vue.js';
 import '../../../components/filters/labels/base-price-filter-label.vue.js';
 import '../../../components/filters/labels/base-rating-filter-label.vue2.js';
+import '../../../components/global-x-bus.vue.js';
+import '../../../components/highlight.vue2.js';
+import '../../../components/items-list.vue2.js';
 import '../../../components/layouts/fixed-header-and-asides-layout.vue2.js';
 import '../../../components/layouts/fixed-header-and-asides-layout.vue3.js';
 import '../../../components/layouts/multi-column-max-width-layout.vue2.js';
@@ -29,24 +50,29 @@ import '../../../components/layouts/multi-column-max-width-layout.vue3.js';
 import '../../../components/layouts/multi-column-max-width-layout.vue4.js';
 import '../../../components/layouts/single-column-layout.vue2.js';
 import '../../../components/layouts/single-column-layout.vue3.js';
+import '../../../components/location-provider.vue.js';
 import '../../../components/modals/base-events-modal-close.vue2.js';
-import '../../../components/modals/base-events-modal.vue2.js';
 import '../../../components/modals/base-events-modal-open.vue2.js';
-import '../../../components/modals/base-modal.vue2.js';
-import '../../../components/modals/base-modal.vue3.js';
-import '../../../components/modals/base-id-modal.vue2.js';
+import '../../../components/modals/base-events-modal.vue2.js';
 import '../../../components/modals/base-id-modal-close.vue2.js';
 import '../../../components/modals/base-id-modal-open.vue2.js';
+import '../../../components/modals/base-id-modal.vue2.js';
+import '../../../components/modals/base-modal.vue2.js';
+import '../../../components/modals/base-modal.vue3.js';
 import '../../../components/modals/close-main-modal.vue2.js';
 import '../../../components/modals/main-modal.vue2.js';
 import '../../../components/modals/open-main-modal.vue2.js';
+import '../../../components/page-loader-button.vue2.js';
+import '../../../components/page-loader-button.vue3.js';
+import '../../../components/page-selector.vue2.js';
+import '../../../components/page-selector.vue3.js';
 import '../../../components/panels/base-header-toggle-panel.vue2.js';
 import '../../../components/panels/base-header-toggle-panel.vue3.js';
-import '../../../components/panels/base-toggle-panel.vue2.js';
-import '../../../components/panels/base-id-toggle-panel.vue2.js';
 import '../../../components/panels/base-id-toggle-panel-button.vue2.js';
+import '../../../components/panels/base-id-toggle-panel.vue2.js';
 import '../../../components/panels/base-tabs-panel.vue2.js';
 import '../../../components/panels/base-tabs-panel.vue3.js';
+import '../../../components/panels/base-toggle-panel.vue2.js';
 import '../../../components/result/base-result-add-to-cart.vue2.js';
 import '../../../components/result/base-result-current-price.vue2.js';
 import '../../../components/result/base-result-image.vue2.js';
@@ -56,9 +82,9 @@ import '../../../components/result/base-result-link.vue3.js';
 import '../../../components/result/base-result-previous-price.vue2.js';
 import '../../../components/result/base-result-rating.vue2.js';
 import '../../../components/result/base-result-rating.vue3.js';
-import '../../../components/result/result-variants-provider.vue.js';
 import '../../../components/result/result-variant-selector.vue2.js';
 import '../../../components/result/result-variant-selector.vue3.js';
+import '../../../components/result/result-variants-provider.vue.js';
 import '../../../components/scroll/base-scroll.vue2.js';
 import '@empathyco/x-utils';
 import '@vue/devtools-api';
@@ -69,36 +95,17 @@ import '../../../plugins/devtools/colors.utils.js';
 import '../../../plugins/x-bus.js';
 import '../../../plugins/x-plugin.js';
 import 'vuex';
-import '../../../components/suggestions/base-suggestion.vue2.js';
-import '../../../components/suggestions/base-suggestions.vue2.js';
-import '../../../components/suggestions/base-suggestions.vue3.js';
-import '../../../components/auto-progress-bar.vue2.js';
-import '../../../components/auto-progress-bar.vue3.js';
-import '../../../components/base-dropdown.vue2.js';
-import '../../../components/base-dropdown.vue3.js';
-import BaseEventButton from '../../../components/base-event-button.vue.js';
-import '../../../components/base-grid.vue2.js';
-import '../../../components/base-grid.vue3.js';
-import '../../../components/base-keyboard-navigation.vue2.js';
-import '../../../components/base-rating.vue2.js';
-import '../../../components/base-rating.vue3.js';
-import '../../../components/base-switch.vue2.js';
-import '../../../components/base-switch.vue3.js';
-import '../../../components/base-variable-column-grid.vue2.js';
-import '../../../components/display-emitter.vue.js';
-import '../../../components/global-x-bus.vue.js';
-import '../../../components/highlight.vue2.js';
-import '../../../components/items-list.vue2.js';
-import '../../../components/location-provider.vue.js';
 import '../../../components/sliding-panel.vue2.js';
 import '../../../components/sliding-panel.vue3.js';
 import '../../../components/snippet-callbacks.vue2.js';
-import '../../../components/page-loader-button.vue2.js';
-import { scrollXModule } from '../x-module.js';
-import { AnimationProp } from '../../../types/animation-prop.js';
+import '../../../components/suggestions/base-suggestion.vue2.js';
+import '../../../components/suggestions/base-suggestions.vue2.js';
+import '../../../components/suggestions/base-suggestions.vue3.js';
 import '../../../composables/create-use-device.js';
 import '@vueuse/core';
 import { useState } from '../../../composables/use-state.js';
+import { AnimationProp } from '../../../types/animation-prop.js';
+import { scrollXModule } from '../x-module.js';
 import { MainScrollId } from './scroll.const.js';
 /**
@@ -119,7 +126,7 @@ var _sfc_main = defineComponent({
          */
         animation: {
             type: AnimationProp,
-            default: () => _sfc_main$1
+            default: () => _sfc_main$1,
         },
         /**
          * Threshold in pixels from the top to show the button.
@@ -134,8 +141,8 @@ var _sfc_main = defineComponent({
          */
         scrollId: {
             type: String,
-            default: MainScrollId
-        }
+            default: MainScrollId,
+        },
     },
     setup(props) {
         /**
@@ -144,7 +151,7 @@ var _sfc_main = defineComponent({
          * @internal
          */
         // TODO: Directly retrieve the needed data in this computed property
-        const { data } = useState('scroll', ['data']);
+        const { data } = useState('scroll');
         /**
          * The scroll data retrieved for this component.
          *
@@ -160,7 +167,7 @@ var _sfc_main = defineComponent({
                     direction: 'UP',
                     hasReachedStart: false,
                     hasAlmostReachedEnd: false,
-                    hasReachedEnd: false
+                    hasReachedEnd: false,
                 };
         });
         /**
@@ -200,9 +207,9 @@ var _sfc_main = defineComponent({
         const isVisible = computed(() => useThresholdStrategy.value ? isThresholdReached.value : hasAlmostReachedScrollEnd.value);
         return {
             events,
-            isVisible
+            isVisible,
         };
-    }
+    },
 });
 export { _sfc_main as default };

package/js/x-modules/scroll/components/scroll-to-top.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"scroll-to-top.vue2.js","sources":["../../../../../src/x-modules/scroll/components/scroll-to-top.vue"],"sourcesContent":["<template>\n <component :is=\"animation\">\n <BaseEventButton\n v-if=\"isVisible\"\n class=\"x-scroll-to-top x-button\"\n data-test=\"scroll-to-top\"\n aria-label=\"Scroll to top\"\n :events=\"events\"\n >\n <!-- @slot (Required) Button content with a text, an icon or both -->\n <slot />\n </BaseEventButton>\n </component>\n</template>\n\n<script lang=\"ts\">\~~n import~~ { ~~computed,~~ ~~defineComponent~~ } from '~~vue~~'~~;\n import~~ { ~~NoAnimation~~, ~~BaseEventButton~~ } from '~~../../../components~~'~~;\n import~~ { ~~XEventsTypes~~ } from '../../../~~wiring~~'~~;\n import~~ { ~~scrollXModule~~ } from '~~../x-module~~'~~;\n import~~ { AnimationProp } from '../../../types'~~;\n import~~ { ~~useState~~ } from '~~../../../composables~~'~~;\n import~~ { MainScrollId } from './scroll.const';\n\n /*\n The `ScrollToTop` component is a button that the user can click to make a container scroll\n * up to its initial position.\n \n @public\n /\~~n export~~ default defineComponent({\n name: 'ScrollToTop',\n xModule: scrollXModule.name,\n components: { BaseEventButton },\n props: {\n /\n Animation to use for showing/hiding the button.\n \n @public\n /\n animation: {\n type: AnimationProp,\n default: () => NoAnimation\n },\n /\n Threshold in pixels from the top to show the button.\n \n @public\n /\n thresholdPx: Number,\n /\n Id of the target scroll component.\n \n @public\n /\n scrollId: {\n type: String,\n default: MainScrollId\n }\n },\n setup(props) {\n /\n State of all the scroll components in this module.\n \n @internal\n /\n // TODO: Directly retrieve the needed data in this computed property\n const { data } = useState('scroll'~~, ['data']~~);\n\n /\n The scroll data retrieved for this component.\n \n @returns The scroll data for this component if a valid {@link ScrollToTop.scrollId} has been\n * passed. Otherwise it returns `null`.\n * @internal\n /\n const scrollData = computed(() => {\n return props.scrollId && data.value[props.scrollId]\n ? data.value[props.scrollId]\n : {\n position: 0,\n direction: 'UP',\n hasReachedStart: false,\n hasAlmostReachedEnd: false,\n hasReachedEnd: false\n };\n });\n\n /\n Event that will be emitted when the scroll to top is clicked.\n \n @returns The event to be emitted when the scroll to top is clicked. The id as a payload.\n * @internal\n /\n const events = computed(\n (): Partial<XEventsTypes> => ({ UserClickedScrollToTop: props.scrollId })\n );\n\n /\n Checks if the thresholdPx prop has been provided and if it is a number.\n \n @returns If the thresholdPx is a number or not.\n * @internal\n /\n const useThresholdStrategy = computed(() => typeof props.thresholdPx === 'number');\n\n /\n Checks if the threshold has been reached in case the threshold strategy is in use.\n \n @returns If the scrollTop is bigger than the thresholdPx.\n * @internal\n /\n const isThresholdReached = computed(\n () => useThresholdStrategy.value && scrollData.value.position > props.thresholdPx!\n );\n\n /\n Returns if the scroll has almost reached its end or not.\n \n @returns True if the scroll has almost reached the end and the user is still scrolling down.\n * @internal\n /\n const hasAlmostReachedScrollEnd = computed(\n () => scrollData.value.hasAlmostReachedEnd && scrollData.value.direction === 'DOWN'\n );\n\n /\n Whether if the button is visible or not depending on the strategy being used.\n \n @returns If the button should be visible or not.\n * @internal\n */\n const isVisible = computed(() =>\n useThresholdStrategy.value ? isThresholdReached.value : hasAlmostReachedScrollEnd.value\n );\n\n return {\n events,\n isVisible\n ~~};\n~~ }\n });\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nA list of events that the component will emit:\n\n- [`UserClickedScrollToTop`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n the event is emitted after the user clicks the button. The event payload is the id of the scroll\n that it going to be scrolled.\n\n## Examples\n\n### Basic example\n\nThe component renders whatever is passed to it in the default slot and scrolls to top the scroll\nwith an id `scrollId`.\n\nIt also receives an optional threshold in pixels. When the threshold is reached from the top, the\ncomponent will be shown once the user scrolls `UP`.\n\nIf this parameter is not provided the button will be visible when the user almost reaches the end of\nthe scroll.\n\n```vue\n<template>\n <div>\n <ScrollToTop scroll-id=\"scrollId\" :threshold-px=\"1000\">\n <span>Scroll to top</span>\n </ScrollToTop>\n </div>\n</template>\n\n<script>\~~n import~~ { ScrollToTop } from '@empathyco/x-components/scroll';\n\~~n export~~ default {\n name: 'ScrollToTopTest',\n components: {\n ScrollToTop\n }\n };\n</script>\n```\n</docs>\n"],"names":["NoAnimation"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBE~~;;;;;AAKE;AACF,gBAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,aAAa;IACnB,OAAO,EAAE,aAAa,CAAC,IAAI;IAC3B,UAAU,EAAE,EAAE,eAAc,EAAG;AAC/B,IAAA,KAAK,EAAE;AACL;;;;AAIE;AACF,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,aAAa;AACnB,YAAA,OAAO,EAAE,MAAMA,~~WAAU~~;~~AAC1B~~,SAAA;AACD;;;;AAIE;AACF,QAAA,WAAW,EAAE,MAAM;AACnB;;;;AAIE;AACF,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,~~YAAW~~;AACtB,SAAA;~~AACD~~,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAA;AACT;;;;AAIE;;~~AAEF~~,~~QAAA,~~MAAM,EAAE,~~IAAK~~,~~EAAA~~,~~GAAI~~,QAAQ,CAAC,QAAQ,~~EAAE~~,~~CAAC,MAAM,CAAC,CAAC,~~CAAA;~~AAE7C~~;;;;;;AAME;AACF,QAAA,MAAM,UAAW,GAAE,QAAQ,CAAC,MAAM;YAChC,OAAO,KAAK,CAAC,QAAO,IAAK,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAA;kBAC9C,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAA;AAC3B,kBAAE;AACE,oBAAA,QAAQ,EAAE,CAAC;AACX,oBAAA,SAAS,EAAE,IAAI;AACf,oBAAA,eAAe,EAAE,KAAK;AACtB,oBAAA,mBAAmB,EAAE,KAAK;AAC1B,oBAAA,aAAa,EAAE,~~KAAI~~;~~iBACpB~~,CAAA;~~AACP~~,SAAC,~~CAAC~~,CAAA;~~AAEF~~;;;;;AAKE;AACF,QAAA,MAAM,MAAO,GAAE,QAAQ,CACrB,OAA8B,EAAE,sBAAsB,EAAE,KAAK,CAAC,~~UAAU~~,~~CAAA~~,~~CACzE~~,CAAA;~~AAED~~;;;;;AAKE;AACF,QAAA,MAAM,~~uBAAuB~~,QAAQ,CAAC,MAAM,OAAO,KAAK,CAAC,~~WAAU~~,~~KAAM,~~QAAQ,~~CAAC~~,CAAA;~~AAElF~~;;;;;AAKE;QACF,MAAM,kBAAmB,GAAE,QAAQ,CACjC,MAAM,oBAAoB,CAAC,~~SAAS~~,UAAU,CAAC,KAAK,CAAC,~~QAAS~~,~~GAAE~~,KAAK,CAAC,~~WAAW~~,~~CAClF~~,CAAA;~~AAED~~;;;;;AAKE;QACF,MAAM,yBAA0B,GAAE,QAAQ,CACxC,MAAM,UAAU,CAAC,KAAK,CAAC,mBAAkB,IAAK,UAAU,CAAC,KAAK,CAAC,~~SAAU~~,~~KAAI~~,~~MAAK~~,~~CACnF~~,CAAA;~~AAED~~;;;;;AAKE;QACF,MAAM,YAAY,QAAQ,CAAC,MACzB,oBAAoB,CAAC,KAAM,GAAE,kBAAkB,CAAC,KAAI,GAAI,yBAAyB,CAAC,~~KAAI~~,~~CACvF~~,CAAA;~~QAED~~,OAAO;YACL,MAAM;YACN,~~SAAQ~~;~~SACT~~,CAAA;~~KACH~~;~~AACD~~,CAAA,~~CAAC~~;;;;"}
1	+ {"version":3,"file":"scroll-to-top.vue2.js","sources":["../../../../../src/x-modules/scroll/components/scroll-to-top.vue"],"sourcesContent":["<template>\n <component :is=\"animation\">\n <BaseEventButton\n v-if=\"isVisible\"\n class=\"x-scroll-to-top x-button\"\n data-test=\"scroll-to-top\"\n aria-label=\"Scroll to top\"\n :events=\"events\"\n >\n <!-- @slot (Required) Button content with a text, an icon or both -->\n <slot />\n </BaseEventButton>\n </component>\n</template>\n\n<script lang=\"ts\">\nimport type { XEventsTypes } from '../../../wiring'\nimport { computed, defineComponent } from 'vue'\nimport { BaseEventButton, NoAnimation } from '../../../components'\nimport { useState } from '../../../composables'\nimport { AnimationProp } from '../../../types'\nimport { scrollXModule } from '../x-module'\nimport { MainScrollId } from './scroll.const'\n\n/*\n The `ScrollToTop` component is a button that the user can click to make a container scroll\n * up to its initial position.\n \n @public\n /\nexport default defineComponent({\n name: 'ScrollToTop',\n xModule: scrollXModule.name,\n components: { BaseEventButton },\n props: {\n /\n Animation to use for showing/hiding the button.\n \n @public\n /\n animation: {\n type: AnimationProp,\n default: () => NoAnimation,\n },\n /\n Threshold in pixels from the top to show the button.\n \n @public\n /\n thresholdPx: Number,\n /\n Id of the target scroll component.\n \n @public\n /\n scrollId: {\n type: String,\n default: MainScrollId,\n },\n },\n setup(props) {\n /\n State of all the scroll components in this module.\n \n @internal\n /\n // TODO: Directly retrieve the needed data in this computed property\n const { data } = useState('scroll')\n\n /\n The scroll data retrieved for this component.\n \n @returns The scroll data for this component if a valid {@link ScrollToTop.scrollId} has been\n * passed. Otherwise it returns `null`.\n * @internal\n /\n const scrollData = computed(() => {\n return props.scrollId && data.value[props.scrollId]\n ? data.value[props.scrollId]\n : {\n position: 0,\n direction: 'UP',\n hasReachedStart: false,\n hasAlmostReachedEnd: false,\n hasReachedEnd: false,\n }\n })\n\n /\n Event that will be emitted when the scroll to top is clicked.\n \n @returns The event to be emitted when the scroll to top is clicked. The id as a payload.\n * @internal\n /\n const events = computed(\n (): Partial<XEventsTypes> => ({ UserClickedScrollToTop: props.scrollId }),\n )\n\n /\n Checks if the thresholdPx prop has been provided and if it is a number.\n \n @returns If the thresholdPx is a number or not.\n * @internal\n /\n const useThresholdStrategy = computed(() => typeof props.thresholdPx === 'number')\n\n /\n Checks if the threshold has been reached in case the threshold strategy is in use.\n \n @returns If the scrollTop is bigger than the thresholdPx.\n * @internal\n /\n const isThresholdReached = computed(\n () => useThresholdStrategy.value && scrollData.value.position > props.thresholdPx!,\n )\n\n /\n Returns if the scroll has almost reached its end or not.\n \n @returns True if the scroll has almost reached the end and the user is still scrolling down.\n * @internal\n /\n const hasAlmostReachedScrollEnd = computed(\n () => scrollData.value.hasAlmostReachedEnd && scrollData.value.direction === 'DOWN',\n )\n\n /\n Whether if the button is visible or not depending on the strategy being used.\n \n @returns If the button should be visible or not.\n * @internal\n */\n const isVisible = computed(() =>\n useThresholdStrategy.value ? isThresholdReached.value : hasAlmostReachedScrollEnd.value,\n )\n\n return {\n events,\n isVisible,\n }\n },\n})\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nA list of events that the component will emit:\n\n- [`UserClickedScrollToTop`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n the event is emitted after the user clicks the button. The event payload is the id of the scroll\n that it going to be scrolled.\n\n## Examples\n\n### Basic example\n\nThe component renders whatever is passed to it in the default slot and scrolls to top the scroll\nwith an id `scrollId`.\n\nIt also receives an optional threshold in pixels. When the threshold is reached from the top, the\ncomponent will be shown once the user scrolls `UP`.\n\nIf this parameter is not provided the button will be visible when the user almost reaches the end of\nthe scroll.\n\n```vue\n<template>\n <div>\n <ScrollToTop scroll-id=\"scrollId\" :threshold-px=\"1000\">\n <span>Scroll to top</span>\n </ScrollToTop>\n </div>\n</template>\n\n<script>\nimport { ScrollToTop } from '@empathyco/x-components/scroll'\n\nexport default {\n name: 'ScrollToTopTest',\n components: {\n ScrollToTop,\n },\n}\n</script>\n```\n</docs>\n"],"names":["NoAnimation"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA;;;;;AAKE;AACF,gBAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,aAAa;IACnB,OAAO,EAAE,aAAa,CAAC,IAAI;IAC3B,UAAU,EAAE,EAAE,eAAc,EAAG;AAC/B,IAAA,KAAK,EAAE;AACL;;;;AAIE;AACF,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,aAAa;AACnB,YAAA,OAAO,EAAE,MAAMA,WAAW;AAC3B,SAAA;AACD;;;;AAIE;AACF,QAAA,WAAW,EAAE,MAAM;AACnB;;;;AAIE;AACF,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,YAAY;AACtB,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAA;AACT;;;;AAIE;;QAEF,MAAM,EAAE,IAAG,EAAI,GAAE,QAAQ,CAAC,QAAQ,CAAA,CAAA;AAElC;;;;;;AAME;AACF,QAAA,MAAM,UAAW,GAAE,QAAQ,CAAC,MAAM;YAChC,OAAO,KAAK,CAAC,QAAO,IAAK,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAA;kBAC9C,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAA;AAC3B,kBAAE;AACE,oBAAA,QAAQ,EAAE,CAAC;AACX,oBAAA,SAAS,EAAE,IAAI;AACf,oBAAA,eAAe,EAAE,KAAK;AACtB,oBAAA,mBAAmB,EAAE,KAAK;AAC1B,oBAAA,aAAa,EAAE,KAAK;iBACtB,CAAA;AACN,SAAC,CAAA,CAAA;AAED;;;;;AAKE;AACF,QAAA,MAAM,MAAO,GAAE,QAAQ,CACrB,OAA8B,EAAE,sBAAsB,EAAE,KAAK,CAAC,QAAO,EAAG,CAAC,CAC3E,CAAA;AAEA;;;;;AAKE;AACF,QAAA,MAAM,oBAAqB,GAAE,QAAQ,CAAC,MAAM,OAAO,KAAK,CAAC,gBAAgB,QAAQ,CAAA,CAAA;AAEjF;;;;;AAKE;QACF,MAAM,kBAAmB,GAAE,QAAQ,CACjC,MAAM,oBAAoB,CAAC,KAAI,IAAK,UAAU,CAAC,KAAK,CAAC,QAAO,GAAI,KAAK,CAAC,WAAY,CACpF,CAAA;AAEA;;;;;AAKE;QACF,MAAM,yBAA0B,GAAE,QAAQ,CACxC,MAAM,UAAU,CAAC,KAAK,CAAC,mBAAkB,IAAK,UAAU,CAAC,KAAK,CAAC,SAAQ,KAAM,MAAM,CACrF,CAAA;AAEA;;;;;AAKE;QACF,MAAM,YAAY,QAAQ,CAAC,MACzB,oBAAoB,CAAC,KAAM,GAAE,kBAAkB,CAAC,KAAI,GAAI,yBAAyB,CAAC,KAAK,CACzF,CAAA;QAEA,OAAO;YACL,MAAM;YACN,SAAS;SACX,CAAA;KACD;AACF,CAAA,CAAA;;;;"}

package/js/x-modules/scroll/components/scroll.const.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"scroll.const.js","sources":["../../../../../src/x-modules/scroll/components/scroll.const.ts"],"sourcesContent":["import { XInjectKey } from '../../../components/decorators/injection.consts';\nimport { ScrollVisibilityObserver } from './scroll.types';\n\n/*\n Constant to inject the first visible item observer.\n \n @internal\n /\nexport const ScrollObserverKey: XInjectKey<ScrollVisibilityObserver \| null> = 'ScrollObserverKey';\n/\n The default scroll id for all the scroll components.\n \n @internal\n */\nexport const MainScrollId = 'main-scroll';\n"],"names":[],"mappings":"AAGA;;;;AAIG;AACI,MAAM,iBAAiB,GAAgD,~~oBAAoB~~;~~AAClG~~;;;;AAIG;AACI,MAAM,YAAY,GAAG;;;;"}
1	+ {"version":3,"file":"scroll.const.js","sources":["../../../../../src/x-modules/scroll/components/scroll.const.ts"],"sourcesContent":["import type { XInjectKey } from '../../../components/decorators/injection.consts'\nimport type { ScrollVisibilityObserver } from './scroll.types'\n\n/*\n Constant to inject the first visible item observer.\n \n @internal\n /\nexport const ScrollObserverKey: XInjectKey<ScrollVisibilityObserver \| null> = 'ScrollObserverKey'\n/\n The default scroll id for all the scroll components.\n \n @internal\n */\nexport const MainScrollId = 'main-scroll'\n"],"names":[],"mappings":"AAGA;;;;AAIG;AACI,MAAM,iBAAiB,GAAgD,oBAAmB;AACjG;;;;AAIG;AACI,MAAM,YAAY,GAAG;;;;"}

package/js/x-modules/scroll/components/scroll.vue.js CHANGED Viewed

@@ -5,20 +5,20 @@ import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.js';
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_BaseScroll = resolveComponent("BaseScroll");
   return openBlock(), createBlock(_component_BaseScroll, {
+    id: _ctx.id,
     ref: "scrollRef",
     onScroll: _ctx.emitScroll,
     "onScroll:directionChange": _ctx.emitScrollDirectionChange,
     "onScroll:atStart": _ctx.emitScrollAtStart,
     "onScroll:almostAtEnd": _ctx.emitScrollAlmostAtEnd,
-    "onScroll:atEnd": _ctx.emitScrollAtEnd,
-    id: _ctx.id
+    "onScroll:atEnd": _ctx.emitScrollAtEnd
   }, {
     default: withCtx(() => [
       renderSlot(_ctx.$slots, "default")
     ]),
     _: 3
     /* FORWARDED */
-  }, 8, ["onScroll", "onScroll:directionChange", "onScroll:atStart", "onScroll:almostAtEnd", "onScroll:atEnd", "id"]);
+  }, 8, ["id", "onScroll", "onScroll:directionChange", "onScroll:atStart", "onScroll:almostAtEnd", "onScroll:atEnd"]);
 }
 var Scroll = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);

package/js/x-modules/scroll/components/scroll.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"scroll.vue.js","sources":["../../../../../src/x-modules/scroll/components/scroll.vue"],"sourcesContent":["<template>\n <BaseScroll\n ref=\"scrollRef\"\n @scroll=\"emitScroll\"\n @scroll:direction-change=\"emitScrollDirectionChange\"\n @scroll:at-start=\"emitScrollAtStart\"\n @scroll:almost-at-end=\"emitScrollAlmostAtEnd\"\n @scroll:at-end=\"emitScrollAtEnd\"\n ~~:id=\"id\"\n~~ >\n <slot />\n </BaseScroll>\n</template>\n\n<script lang=\"ts\">\~~n import~~ { ComponentPublicInstance, ~~defineComponent,~~ ~~ref~~ } from '~~vue~~'~~;\n import~~ { WireMetadata } from '../../../wiring/wiring.types'~~;\n import~~ BaseScroll from '../../../components/scroll/base-scroll.vue'~~;\n import~~ { ~~ScrollDirection~~ } from '../../../~~components~~/~~scroll/scroll.types~~'~~;\n import~~ { scrollXModule } from '../x-module'~~;\n import~~ { ~~use$x } from '../../../composables/use-$x';\n import {~~ MainScrollId } from './scroll.const';\n\n /*\n Scrollable container that emits scroll related X Events. It exposes all the listeners\n * and props from the {@link BaseScroll} component.\n \n @public\n /\~~n export~~ default defineComponent({\n name: 'Scroll',\n xModule: scrollXModule.name,\n components: { BaseScroll },\n props: {\n /\n Id to identify the component.\n \n @public\n /\n id: {\n type: String,\n default: MainScrollId\n }\n },\n setup(props) {\n const $x = use$x();\n\n const scrollRef = ref<ComponentPublicInstance>();\n\n /\n Creates a {@link WireMetadata} metadata object for all the emitted events.\n \n @internal\n * @returns A new {@link WireMetadata} object.\n /\n const createEventMetadata = (): Partial<WireMetadata> => {\n return {\n target: scrollRef.value?.$el as HTMLElement,\n id: props.id\n };\n };\n\n /\n Emits the `UserScrolled` event.\n \n @param position - The new position of scroll.\n * @internal\n /\n const emitScroll = (position: number) => {\n $x.emit('UserScrolled', position, createEventMetadata());\n };\n\n /\n Emits the `UserChangedScrollDirection` event when the scrolling direction has changed.\n \n @param direction - The new direction of scroll.\n * @internal\n /\n const emitScrollDirectionChange = (direction: ScrollDirection) => {\n $x.emit('UserChangedScrollDirection', direction, createEventMetadata());\n };\n\n /\n Emits the 'UserReachedScrollStart' event when the user reaches the start.\n \n @param isAtStart - A boolean indicating if the scroll is at the ending position.\n * @internal\n /\n const emitScrollAtStart = (isAtStart: boolean) => {\n $x.emit('UserReachedScrollStart', isAtStart, createEventMetadata());\n };\n\n /\n Emits the 'UserAlmostReachedScrollEnd' event when the user is about to reach to end.\n \n @param isAlmostAtEnd - A boolean indicating if the scroll is almost at its ending position.\n * @internal\n /\n const emitScrollAlmostAtEnd = (isAlmostAtEnd: boolean) => {\n $x.emit('UserAlmostReachedScrollEnd', isAlmostAtEnd, createEventMetadata());\n };\n\n /\n Emits the 'UserReachedScrollEnd' event when the user is about to reach to end.\n \n @param isAtEnd - A boolean indicating if the scroll is at the ending position.\n * @internal\n /\n const emitScrollAtEnd = (isAtEnd: boolean) => {\n $x.emit('UserReachedScrollEnd', isAtEnd, createEventMetadata());\n };\n\n /\n Scrolls to initial position when the user has clicked the scroll to top button.\n \n @param scrollId - {@link XEventsTypes.UserClickedScrollToTop}.\n * @internal\n */\n $x.on('UserClickedScrollToTop', false).subscribe((scrollId: string) => {\n if (scrollId === props.id && scrollRef.value) {\n (scrollRef.value.$el as HTMLElement).scrollTo({ top: 0, behavior: 'smooth' });\n }\n });\n\n return {\n scrollRef,\n emitScrollAtEnd,\n emitScrollAlmostAtEnd,\n emitScrollAtStart,\n emitScrollDirectionChange,\n emitScroll\n ~~};\n~~ }\n });\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nA list of events that the component will emit:\n\n- [`UserScrolled`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n emitted after the user scrolls in this container. The payload is the scroll top distance in\n pixels.\n- [`UserChangedScrollDirection`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n emitted when the user changes the scroll direction. The payload is the new scrolling direction.\n- [`UserReachedScrollStart`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n emitted when the user scrolls up to the initial position of the scroll.\n- [`UserAlmostReachedScrollEnd`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n emitted when the user is about to reach the bottom part of the scroll.\n- [`UserReachedScrollEnd`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n emitted when the user has reached the bottom part of the scroll.\n\n## Example\n\nThe Scroll is a component that wraps the BaseScroll and provides it for a unique id.\n\n### Customized usage\n\n#### Overriding the properties\n\nIt renders an element with scroll, with the content passed in the `default slot`.\n\n```vue\n<template>\n <Scroll id=\"exampleScrollId\" throttleMs=\"50\" distanceToBottom=\"300\">\n <div class=\"content-scroll\">\n <span>content1</span>\n <span>content1</span>\n </div>\n </Scroll>\n</template>\n\n<script>\~~n import~~ { Scroll } from '@empathyco/x-components/scroll';\n\~~n export~~ default {\n name: 'ScrollIdTest',\n components: {\n Scroll\n }\n };\n</script>\n```\n\n#### Using scroll events.\n\n```vue\n<template>\n <Scroll\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=\"exampleScrollId\"\n throttleMs=\"50\"\n distanceToBottom=\"300\"\n >\n <div class=\"content-scroll\">\n <span>content1</span>\n <span>content1</span>\n </div>\n </Scroll>\n</template>\n\n<script>\~~n import~~ { Scroll } from '@empathyco/x-components/scroll';\n\~~n export~~ default {\n name: 'ScrollIdTest',\n components: {\n Scroll\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(isAtStart) {\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 XEvents.\n\nYou can use the XEvents subscribing to them.\n\n```vue\n<template>\n <Scroll throttleMs=\"50\" distanceToBottom=\"300\">\n <div class=\"content-scroll\">\n <span>content1</span>\n <span>content1</span>\n </div>\n </Scroll>\n</template>\n\n<script>\~~n import~~ { Scroll } from '@empathyco/x-components/scroll';\n\~~n export~~ default {\n name: 'ScrollIdTest',\n components: {\n Scroll\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```\n</docs>\n"],"names":["_resolveComponent","_openBlock","_createBlock","emitScrollAlmostAtEnd","emitScrollAtEnd","_renderSlot"],"mappings":";;;;;gCACEA,gBAUa,CAAA,YAAA,CAAA,CAAA;~~AARV~~,EAAA,~~OAAAC,SAAA,EAAkB,~~EAAAC,WAAA,CAAA,qBAAA,EAAA;AAAA,~~IAClB~~,GAAA,EAAA,WAAA;AAAA,IACA,QAAA,EAAA,IAAA,CAAA,UAAA;AAAA,IACA,0BAAsBC,EAAAA,IAAAA,CAAAA,yBAAAA;AAAAA,IACtB,kBAAeC,EAAAA,IAAAA,CAAAA,iBAAAA;AAAAA,~~IACf~~,~~sBAAM~~,~~EAAA~~,~~IAAA~~,~~CAAA~~,~~qBAAA~~;~~AAAA~~,IAAA,gBAAA,~~EAAA~~,~~IAAA~~,CAAA,eAAA;~~AARX,IAAA,EAAA,EAAA,IAAA,CAAA,EAAA;~~AAAA,GAAA,EAAA;;~~AAAA~~,MAAAC,UAAA,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,KAAA,CAAA;;;;;;;;;"}
1	+ {"version":3,"file":"scroll.vue.js","sources":["../../../../../src/x-modules/scroll/components/scroll.vue"],"sourcesContent":["<template>\n <BaseScroll\n :id=\"id\"\n ref=\"scrollRef\"\n @scroll=\"emitScroll\"\n @scroll:direction-change=\"emitScrollDirectionChange\"\n @scroll:at-start=\"emitScrollAtStart\"\n @scroll:almost-at-end=\"emitScrollAlmostAtEnd\"\n @scroll:at-end=\"emitScrollAtEnd\"\n >\n <slot />\n </BaseScroll>\n</template>\n\n<script lang=\"ts\">\nimport type { ComponentPublicInstance } from 'vue'\nimport type { ScrollDirection } from '../../../components/scroll/scroll.types'\nimport type { WireMetadata } from '../../../wiring/wiring.types'\nimport { defineComponent, ref } from 'vue'\nimport BaseScroll from '../../../components/scroll/base-scroll.vue'\nimport { use$x } from '../../../composables/use-$x'\nimport { scrollXModule } from '../x-module'\nimport { MainScrollId } from './scroll.const'\n\n/*\n Scrollable container that emits scroll related X Events. It exposes all the listeners\n * and props from the {@link BaseScroll} component.\n \n @public\n /\nexport default defineComponent({\n name: 'Scroll',\n xModule: scrollXModule.name,\n components: { BaseScroll },\n props: {\n /\n Id to identify the component.\n \n @public\n /\n id: {\n type: String,\n default: MainScrollId,\n },\n },\n setup(props) {\n const $x = use$x()\n\n const scrollRef = ref<ComponentPublicInstance>()\n\n /\n Creates a {@link WireMetadata} metadata object for all the emitted events.\n \n @internal\n * @returns A new {@link WireMetadata} object.\n /\n const createEventMetadata = (): Partial<WireMetadata> => {\n return {\n target: scrollRef.value?.$el as HTMLElement,\n id: props.id,\n }\n }\n\n /\n Emits the `UserScrolled` event.\n \n @param position - The new position of scroll.\n * @internal\n /\n const emitScroll = (position: number) => {\n $x.emit('UserScrolled', position, createEventMetadata())\n }\n\n /\n Emits the `UserChangedScrollDirection` event when the scrolling direction has changed.\n \n @param direction - The new direction of scroll.\n * @internal\n /\n const emitScrollDirectionChange = (direction: ScrollDirection) => {\n $x.emit('UserChangedScrollDirection', direction, createEventMetadata())\n }\n\n /\n Emits the 'UserReachedScrollStart' event when the user reaches the start.\n \n @param isAtStart - A boolean indicating if the scroll is at the ending position.\n * @internal\n /\n const emitScrollAtStart = (isAtStart: boolean) => {\n $x.emit('UserReachedScrollStart', isAtStart, createEventMetadata())\n }\n\n /\n Emits the 'UserAlmostReachedScrollEnd' event when the user is about to reach to end.\n \n @param isAlmostAtEnd - A boolean indicating if the scroll is almost at its ending position.\n * @internal\n /\n const emitScrollAlmostAtEnd = (isAlmostAtEnd: boolean) => {\n $x.emit('UserAlmostReachedScrollEnd', isAlmostAtEnd, createEventMetadata())\n }\n\n /\n Emits the 'UserReachedScrollEnd' event when the user is about to reach to end.\n \n @param isAtEnd - A boolean indicating if the scroll is at the ending position.\n * @internal\n /\n const emitScrollAtEnd = (isAtEnd: boolean) => {\n $x.emit('UserReachedScrollEnd', isAtEnd, createEventMetadata())\n }\n\n /\n Scrolls to initial position when the user has clicked the scroll to top button.\n \n @param scrollId - {@link XEventsTypes.UserClickedScrollToTop}.\n * @internal\n */\n $x.on('UserClickedScrollToTop', false).subscribe((scrollId: string) => {\n if (scrollId === props.id && scrollRef.value) {\n ;(scrollRef.value.$el as HTMLElement).scrollTo({ top: 0, behavior: 'smooth' })\n }\n })\n\n return {\n scrollRef,\n emitScrollAtEnd,\n emitScrollAlmostAtEnd,\n emitScrollAtStart,\n emitScrollDirectionChange,\n emitScroll,\n }\n },\n})\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nA list of events that the component will emit:\n\n- [`UserScrolled`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n emitted after the user scrolls in this container. The payload is the scroll top distance in\n pixels.\n- [`UserChangedScrollDirection`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n emitted when the user changes the scroll direction. The payload is the new scrolling direction.\n- [`UserReachedScrollStart`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n emitted when the user scrolls up to the initial position of the scroll.\n- [`UserAlmostReachedScrollEnd`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n emitted when the user is about to reach the bottom part of the scroll.\n- [`UserReachedScrollEnd`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n emitted when the user has reached the bottom part of the scroll.\n\n## Example\n\nThe Scroll is a component that wraps the BaseScroll and provides it for a unique id.\n\n### Customized usage\n\n#### Overriding the properties\n\nIt renders an element with scroll, with the content passed in the `default slot`.\n\n```vue\n<template>\n <Scroll id=\"exampleScrollId\" throttleMs=\"50\" distanceToBottom=\"300\">\n <div class=\"content-scroll\">\n <span>content1</span>\n <span>content1</span>\n </div>\n </Scroll>\n</template>\n\n<script>\nimport { Scroll } from '@empathyco/x-components/scroll'\n\nexport default {\n name: 'ScrollIdTest',\n components: {\n Scroll,\n },\n}\n</script>\n```\n\n#### Using scroll events.\n\n```vue\n<template>\n <Scroll\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=\"exampleScrollId\"\n throttleMs=\"50\"\n distanceToBottom=\"300\"\n >\n <div class=\"content-scroll\">\n <span>content1</span>\n <span>content1</span>\n </div>\n </Scroll>\n</template>\n\n<script>\nimport { Scroll } from '@empathyco/x-components/scroll'\n\nexport default {\n name: 'ScrollIdTest',\n components: {\n Scroll,\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(isAtStart) {\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 XEvents.\n\nYou can use the XEvents subscribing to them.\n\n```vue\n<template>\n <Scroll throttleMs=\"50\" distanceToBottom=\"300\">\n <div class=\"content-scroll\">\n <span>content1</span>\n <span>content1</span>\n </div>\n </Scroll>\n</template>\n\n<script>\nimport { Scroll } from '@empathyco/x-components/scroll'\n\nexport default {\n name: 'ScrollIdTest',\n components: {\n Scroll,\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```\n</docs>\n"],"names":["_resolveComponent","_openBlock","_createBlock","emitScrollAlmostAtEnd","emitScrollAtEnd","_renderSlot"],"mappings":";;;;;gCACEA,gBAUa,CAAA,YAAA,CAAA,CAAA;SARPC,SAAW,EAAA,EAAAC,WAAA,CAAA,qBAAA,EAAA;AAAA,IACd,EAAM,EAAA,IAAA,CAAA,EAAA;AAAA,IACN,GAAA,EAAA,WAAA;AAAA,IACA,QAAA,EAAA,IAAA,CAAA,UAAA;AAAA,IACA,0BAAsBC,EAAAA,IAAAA,CAAAA,yBAAAA;AAAAA,IACtB,kBAAeC,EAAAA,IAAAA,CAAAA,iBAAAA;AAAAA,IAAAA,sBAAAA,EAAAA,IAAAA,CAAAA,qBAAAA;AARpB,IAAA,gBAAA,EAUI,IAAQ,CAAA,eAAA;AAAA,GAAA,EAAA;;AAVZ,MAAAC,UAAA,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,KAAA,CAAA;;;;;;;;;"}

package/js/x-modules/scroll/components/scroll.vue2.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { defineComponent, ref } from 'vue';
 import BaseScroll from '../../../components/scroll/base-scroll.vue.js';
-import { scrollXModule } from '../x-module.js';
 import { use$x } from '../../../composables/use-_x.js';
+import { scrollXModule } from '../x-module.js';
 import { MainScrollId } from './scroll.const.js';
 /**
@@ -22,8 +22,8 @@ var _sfc_main = defineComponent({
          */
         id: {
             type: String,
-            default: MainScrollId
-        }
+            default: MainScrollId,
+        },
     },
     setup(props) {
         const $x = use$x();
@@ -37,7 +37,7 @@ var _sfc_main = defineComponent({
         const createEventMetadata = () => {
             return {
                 target: scrollRef.value?.$el,
-                id: props.id
+                id: props.id,
             };
         };
         /**
@@ -102,9 +102,9 @@ var _sfc_main = defineComponent({
             emitScrollAlmostAtEnd,
             emitScrollAtStart,
             emitScrollDirectionChange,
-            emitScroll
+            emitScroll,
         };
-    }
+    },
 });
 export { _sfc_main as default };

package/js/x-modules/scroll/components/scroll.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"scroll.vue2.js","sources":["../../../../../src/x-modules/scroll/components/scroll.vue"],"sourcesContent":["<template>\n <BaseScroll\n ref=\"scrollRef\"\n @scroll=\"emitScroll\"\n @scroll:direction-change=\"emitScrollDirectionChange\"\n @scroll:at-start=\"emitScrollAtStart\"\n @scroll:almost-at-end=\"emitScrollAlmostAtEnd\"\n @scroll:at-end=\"emitScrollAtEnd\"\n :id=\"id\"\n >\n <slot />\n </BaseScroll>\n</template>\n\n<script lang=\"ts\">\n import { ComponentPublicInstance, defineComponent, ref } from 'vue';\n import { WireMetadata } from '../../../wiring/wiring.types';\n import BaseScroll from '../../../components/scroll/base-scroll.vue';\n import { ScrollDirection } from '../../../components/scroll/scroll.types';\n import { scrollXModule } from '../x-module';\n import { use$x } from '../../../composables/use-$x';\n import { MainScrollId } from './scroll.const';\n\n /*\n Scrollable container that emits scroll related X Events. It exposes all the listeners\n * and props from the {@link BaseScroll} component.\n \n @public\n /\n export default defineComponent({\n name: 'Scroll',\n xModule: scrollXModule.name,\n components: { BaseScroll },\n props: {\n /\n Id to identify the component.\n \n @public\n /\n id: {\n type: String,\n default: MainScrollId\n }\n },\n setup(props) {\n const $x = use$x();\n\n const scrollRef = ref<ComponentPublicInstance>();\n\n /\n Creates a {@link WireMetadata} metadata object for all the emitted events.\n \n @internal\n * @returns A new {@link WireMetadata} object.\n /\n const createEventMetadata = (): Partial<WireMetadata> => {\n return {\n target: scrollRef.value?.$el as HTMLElement,\n id: props.id\n };\n };\n\n /\n Emits the `UserScrolled` event.\n \n @param position - The new position of scroll.\n * @internal\n /\n const emitScroll = (position: number) => {\n $x.emit('UserScrolled', position, createEventMetadata());\n };\n\n /\n Emits the `UserChangedScrollDirection` event when the scrolling direction has changed.\n \n @param direction - The new direction of scroll.\n * @internal\n /\n const emitScrollDirectionChange = (direction: ScrollDirection) => {\n $x.emit('UserChangedScrollDirection', direction, createEventMetadata());\n };\n\n /\n Emits the 'UserReachedScrollStart' event when the user reaches the start.\n \n @param isAtStart - A boolean indicating if the scroll is at the ending position.\n * @internal\n /\n const emitScrollAtStart = (isAtStart: boolean) => {\n $x.emit('UserReachedScrollStart', isAtStart, createEventMetadata());\n };\n\n /\n Emits the 'UserAlmostReachedScrollEnd' event when the user is about to reach to end.\n \n @param isAlmostAtEnd - A boolean indicating if the scroll is almost at its ending position.\n * @internal\n /\n const emitScrollAlmostAtEnd = (isAlmostAtEnd: boolean) => {\n $x.emit('UserAlmostReachedScrollEnd', isAlmostAtEnd, createEventMetadata());\n };\n\n /\n Emits the 'UserReachedScrollEnd' event when the user is about to reach to end.\n \n @param isAtEnd - A boolean indicating if the scroll is at the ending position.\n * @internal\n /\n const emitScrollAtEnd = (isAtEnd: boolean) => {\n $x.emit('UserReachedScrollEnd', isAtEnd, createEventMetadata());\n };\n\n /\n Scrolls to initial position when the user has clicked the scroll to top button.\n \n @param scrollId - {@link XEventsTypes.UserClickedScrollToTop}.\n * @internal\n */\n $x.on('UserClickedScrollToTop', false).subscribe((scrollId: string) => {\n if (scrollId === props.id && scrollRef.value) {\n (scrollRef.value.$el as HTMLElement).scrollTo({ top: 0, behavior: 'smooth' });\n }\n });\n\n return {\n scrollRef,\n emitScrollAtEnd,\n emitScrollAlmostAtEnd,\n emitScrollAtStart,\n emitScrollDirectionChange,\n emitScroll\n };\n }\n });\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nA list of events that the component will emit:\n\n- [`UserScrolled`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n emitted after the user scrolls in this container. The payload is the scroll top distance in\n pixels.\n- [`UserChangedScrollDirection`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n emitted when the user changes the scroll direction. The payload is the new scrolling direction.\n- [`UserReachedScrollStart`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n emitted when the user scrolls up to the initial position of the scroll.\n- [`UserAlmostReachedScrollEnd`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n emitted when the user is about to reach the bottom part of the scroll.\n- [`UserReachedScrollEnd`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n emitted when the user has reached the bottom part of the scroll.\n\n## Example\n\nThe Scroll is a component that wraps the BaseScroll and provides it for a unique id.\n\n### Customized usage\n\n#### Overriding the properties\n\nIt renders an element with scroll, with the content passed in the `default slot`.\n\n```vue\n<template>\n <Scroll id=\"exampleScrollId\" throttleMs=\"50\" distanceToBottom=\"300\">\n <div class=\"content-scroll\">\n <span>content1</span>\n <span>content1</span>\n </div>\n </Scroll>\n</template>\n\n<script>\n import { Scroll } from '@empathyco/x-components/scroll';\n\n export default {\n name: 'ScrollIdTest',\n components: {\n Scroll\n }\n };\n</script>\n```\n\n#### Using scroll events.\n\n```vue\n<template>\n <Scroll\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=\"exampleScrollId\"\n throttleMs=\"50\"\n distanceToBottom=\"300\"\n >\n <div class=\"content-scroll\">\n <span>content1</span>\n <span>content1</span>\n </div>\n </Scroll>\n</template>\n\n<script>\n import { Scroll } from '@empathyco/x-components/scroll';\n\n export default {\n name: 'ScrollIdTest',\n components: {\n Scroll\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(isAtStart) {\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 XEvents.\n\nYou can use the XEvents subscribing to them.\n\n```vue\n<template>\n <Scroll throttleMs=\"50\" distanceToBottom=\"300\">\n <div class=\"content-scroll\">\n <span>content1</span>\n <span>content1</span>\n </div>\n </Scroll>\n</template>\n\n<script>\n import { Scroll } from '@empathyco/x-components/scroll';\n\n export default {\n name: 'ScrollIdTest',\n components: {\n Scroll\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```\n</docs>\n"],"names":[],"mappings":";;;;;;AAuBE;;;;;AAKE;AACF,gBAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,aAAa,CAAC,IAAI;IAC3B,UAAU,EAAE,EAAE,UAAS,EAAG;AAC1B,IAAA,KAAK,EAAE;AACL;;;;AAIE;AACF,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,YAAW;AACtB,SAAA;AACD,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAA;AACT,QAAA,MAAM,EAAC,GAAI,KAAK,EAAE,CAAA;AAElB,QAAA,MAAM,YAAY,GAAG,EAA2B,CAAA;AAEhD;;;;;AAKE;QACF,MAAM,mBAAoB,GAAE,MAA6B;YACvD,OAAO;AACL,gBAAA,MAAM,EAAE,SAAS,CAAC,KAAK,EAAE,GAAkB;gBAC3C,EAAE,EAAE,KAAK,CAAC,EAAC;aACZ,CAAA;AACH,SAAC,CAAA;AAED;;;;;AAKE;AACF,QAAA,MAAM,aAAa,CAAC,QAAgB,KAAK;YACvC,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,QAAQ,EAAE,mBAAmB,EAAE,CAAC,CAAA;AAC1D,SAAC,CAAA;AAED;;;;;AAKE;AACF,QAAA,MAAM,yBAAwB,GAAI,CAAC,SAA0B,KAAK;YAChE,EAAE,CAAC,IAAI,CAAC,4BAA4B,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC,CAAA;AACzE,SAAC,CAAA;AAED;;;;;AAKE;AACF,QAAA,MAAM,iBAAgB,GAAI,CAAC,SAAkB,KAAK;YAChD,EAAE,CAAC,IAAI,CAAC,wBAAwB,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC,CAAA;AACrE,SAAC,CAAA;AAED;;;;;AAKE;AACF,QAAA,MAAM,qBAAoB,GAAI,CAAC,aAAsB,KAAK;YACxD,EAAE,CAAC,IAAI,CAAC,4BAA4B,EAAE,aAAa,EAAE,mBAAmB,EAAE,CAAC,CAAA;AAC7E,SAAC,CAAA;AAED;;;;;AAKE;AACF,QAAA,MAAM,eAAc,GAAI,CAAC,OAAgB,KAAK;YAC5C,EAAE,CAAC,IAAI,CAAC,sBAAsB,EAAE,OAAO,EAAE,mBAAmB,EAAE,CAAC,CAAA;AACjE,SAAC,CAAA;AAED;;;;;AAKE;AACF,QAAA,EAAE,CAAC,EAAE,CAAC,wBAAwB,EAAE,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,QAAgB,KAAK;YACrE,IAAI,QAAO,KAAM,KAAK,CAAC,EAAC,IAAK,SAAS,CAAC,KAAK,EAAE;AAC3C,gBAAA,SAAS,CAAC,KAAK,CAAC,GAAmB,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAO,EAAG,CAAC,CAAA;AAC/E,aAAA;AACF,SAAC,CAAC,CAAA;QAEF,OAAO;YACL,SAAS;YACT,eAAe;YACf,qBAAqB;YACrB,iBAAiB;YACjB,yBAAyB;YACzB,UAAS;SACV,CAAA;KACH;AACD,CAAA,CAAC;;;;"}
1	+ {"version":3,"file":"scroll.vue2.js","sources":["../../../../../src/x-modules/scroll/components/scroll.vue"],"sourcesContent":["<template>\n <BaseScroll\n :id=\"id\"\n ref=\"scrollRef\"\n @scroll=\"emitScroll\"\n @scroll:direction-change=\"emitScrollDirectionChange\"\n @scroll:at-start=\"emitScrollAtStart\"\n @scroll:almost-at-end=\"emitScrollAlmostAtEnd\"\n @scroll:at-end=\"emitScrollAtEnd\"\n >\n <slot />\n </BaseScroll>\n</template>\n\n<script lang=\"ts\">\nimport type { ComponentPublicInstance } from 'vue'\nimport type { ScrollDirection } from '../../../components/scroll/scroll.types'\nimport type { WireMetadata } from '../../../wiring/wiring.types'\nimport { defineComponent, ref } from 'vue'\nimport BaseScroll from '../../../components/scroll/base-scroll.vue'\nimport { use$x } from '../../../composables/use-$x'\nimport { scrollXModule } from '../x-module'\nimport { MainScrollId } from './scroll.const'\n\n/*\n Scrollable container that emits scroll related X Events. It exposes all the listeners\n * and props from the {@link BaseScroll} component.\n \n @public\n /\nexport default defineComponent({\n name: 'Scroll',\n xModule: scrollXModule.name,\n components: { BaseScroll },\n props: {\n /\n Id to identify the component.\n \n @public\n /\n id: {\n type: String,\n default: MainScrollId,\n },\n },\n setup(props) {\n const $x = use$x()\n\n const scrollRef = ref<ComponentPublicInstance>()\n\n /\n Creates a {@link WireMetadata} metadata object for all the emitted events.\n \n @internal\n * @returns A new {@link WireMetadata} object.\n /\n const createEventMetadata = (): Partial<WireMetadata> => {\n return {\n target: scrollRef.value?.$el as HTMLElement,\n id: props.id,\n }\n }\n\n /\n Emits the `UserScrolled` event.\n \n @param position - The new position of scroll.\n * @internal\n /\n const emitScroll = (position: number) => {\n $x.emit('UserScrolled', position, createEventMetadata())\n }\n\n /\n Emits the `UserChangedScrollDirection` event when the scrolling direction has changed.\n \n @param direction - The new direction of scroll.\n * @internal\n /\n const emitScrollDirectionChange = (direction: ScrollDirection) => {\n $x.emit('UserChangedScrollDirection', direction, createEventMetadata())\n }\n\n /\n Emits the 'UserReachedScrollStart' event when the user reaches the start.\n \n @param isAtStart - A boolean indicating if the scroll is at the ending position.\n * @internal\n /\n const emitScrollAtStart = (isAtStart: boolean) => {\n $x.emit('UserReachedScrollStart', isAtStart, createEventMetadata())\n }\n\n /\n Emits the 'UserAlmostReachedScrollEnd' event when the user is about to reach to end.\n \n @param isAlmostAtEnd - A boolean indicating if the scroll is almost at its ending position.\n * @internal\n /\n const emitScrollAlmostAtEnd = (isAlmostAtEnd: boolean) => {\n $x.emit('UserAlmostReachedScrollEnd', isAlmostAtEnd, createEventMetadata())\n }\n\n /\n Emits the 'UserReachedScrollEnd' event when the user is about to reach to end.\n \n @param isAtEnd - A boolean indicating if the scroll is at the ending position.\n * @internal\n /\n const emitScrollAtEnd = (isAtEnd: boolean) => {\n $x.emit('UserReachedScrollEnd', isAtEnd, createEventMetadata())\n }\n\n /\n Scrolls to initial position when the user has clicked the scroll to top button.\n \n @param scrollId - {@link XEventsTypes.UserClickedScrollToTop}.\n * @internal\n */\n $x.on('UserClickedScrollToTop', false).subscribe((scrollId: string) => {\n if (scrollId === props.id && scrollRef.value) {\n ;(scrollRef.value.$el as HTMLElement).scrollTo({ top: 0, behavior: 'smooth' })\n }\n })\n\n return {\n scrollRef,\n emitScrollAtEnd,\n emitScrollAlmostAtEnd,\n emitScrollAtStart,\n emitScrollDirectionChange,\n emitScroll,\n }\n },\n})\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nA list of events that the component will emit:\n\n- [`UserScrolled`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n emitted after the user scrolls in this container. The payload is the scroll top distance in\n pixels.\n- [`UserChangedScrollDirection`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n emitted when the user changes the scroll direction. The payload is the new scrolling direction.\n- [`UserReachedScrollStart`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n emitted when the user scrolls up to the initial position of the scroll.\n- [`UserAlmostReachedScrollEnd`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n emitted when the user is about to reach the bottom part of the scroll.\n- [`UserReachedScrollEnd`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n emitted when the user has reached the bottom part of the scroll.\n\n## Example\n\nThe Scroll is a component that wraps the BaseScroll and provides it for a unique id.\n\n### Customized usage\n\n#### Overriding the properties\n\nIt renders an element with scroll, with the content passed in the `default slot`.\n\n```vue\n<template>\n <Scroll id=\"exampleScrollId\" throttleMs=\"50\" distanceToBottom=\"300\">\n <div class=\"content-scroll\">\n <span>content1</span>\n <span>content1</span>\n </div>\n </Scroll>\n</template>\n\n<script>\nimport { Scroll } from '@empathyco/x-components/scroll'\n\nexport default {\n name: 'ScrollIdTest',\n components: {\n Scroll,\n },\n}\n</script>\n```\n\n#### Using scroll events.\n\n```vue\n<template>\n <Scroll\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=\"exampleScrollId\"\n throttleMs=\"50\"\n distanceToBottom=\"300\"\n >\n <div class=\"content-scroll\">\n <span>content1</span>\n <span>content1</span>\n </div>\n </Scroll>\n</template>\n\n<script>\nimport { Scroll } from '@empathyco/x-components/scroll'\n\nexport default {\n name: 'ScrollIdTest',\n components: {\n Scroll,\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(isAtStart) {\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 XEvents.\n\nYou can use the XEvents subscribing to them.\n\n```vue\n<template>\n <Scroll throttleMs=\"50\" distanceToBottom=\"300\">\n <div class=\"content-scroll\">\n <span>content1</span>\n <span>content1</span>\n </div>\n </Scroll>\n</template>\n\n<script>\nimport { Scroll } from '@empathyco/x-components/scroll'\n\nexport default {\n name: 'ScrollIdTest',\n components: {\n Scroll,\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```\n</docs>\n"],"names":[],"mappings":";;;;;;AAwBA;;;;;AAKE;AACF,gBAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,aAAa,CAAC,IAAI;IAC3B,UAAU,EAAE,EAAE,UAAS,EAAG;AAC1B,IAAA,KAAK,EAAE;AACL;;;;AAIE;AACF,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,YAAY;AACtB,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAA;AACT,QAAA,MAAM,EAAC,GAAI,KAAK,EAAC,CAAA;AAEjB,QAAA,MAAM,YAAY,GAAG,EAA0B,CAAA;AAE/C;;;;;AAKE;QACF,MAAM,mBAAoB,GAAE,MAA6B;YACvD,OAAO;AACL,gBAAA,MAAM,EAAE,SAAS,CAAC,KAAK,EAAE,GAAkB;gBAC3C,EAAE,EAAE,KAAK,CAAC,EAAE;aACd,CAAA;AACF,SAAA,CAAA;AAEA;;;;;AAKE;AACF,QAAA,MAAM,aAAa,CAAC,QAAgB,KAAK;YACvC,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,QAAQ,EAAE,mBAAmB,EAAE,CAAA,CAAA;AACzD,SAAA,CAAA;AAEA;;;;;AAKE;AACF,QAAA,MAAM,yBAAwB,GAAI,CAAC,SAA0B,KAAK;YAChE,EAAE,CAAC,IAAI,CAAC,4BAA4B,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAA,CAAA;AACxE,SAAA,CAAA;AAEA;;;;;AAKE;AACF,QAAA,MAAM,iBAAgB,GAAI,CAAC,SAAkB,KAAK;YAChD,EAAE,CAAC,IAAI,CAAC,wBAAwB,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAA,CAAA;AACpE,SAAA,CAAA;AAEA;;;;;AAKE;AACF,QAAA,MAAM,qBAAoB,GAAI,CAAC,aAAsB,KAAK;YACxD,EAAE,CAAC,IAAI,CAAC,4BAA4B,EAAE,aAAa,EAAE,mBAAmB,EAAE,CAAA,CAAA;AAC5E,SAAA,CAAA;AAEA;;;;;AAKE;AACF,QAAA,MAAM,eAAc,GAAI,CAAC,OAAgB,KAAK;YAC5C,EAAE,CAAC,IAAI,CAAC,sBAAsB,EAAE,OAAO,EAAE,mBAAmB,EAAE,CAAA,CAAA;AAChE,SAAA,CAAA;AAEA;;;;;AAKE;AACF,QAAA,EAAE,CAAC,EAAE,CAAC,wBAAwB,EAAE,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,QAAgB,KAAK;YACrE,IAAI,QAAO,KAAM,KAAK,CAAC,EAAC,IAAK,SAAS,CAAC,KAAK,EAAE;AAC1C,gBAAA,SAAS,CAAC,KAAK,CAAC,GAAmB,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,CAAA,CAAA;AAC/E,aAAA;AACF,SAAC,CAAA,CAAA;QAED,OAAO;YACL,SAAS;YACT,eAAe;YACf,qBAAqB;YACrB,iBAAiB;YACjB,yBAAyB;YACzB,UAAU;SACZ,CAAA;KACD;AACF,CAAA,CAAA;;;;"}

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

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

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

	@@ -1 +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;;;;AAIG;AACU,MAAA,cAAc,GAAG,mBAAmB,CAAC,kBAAkB,EAAE,EAAE;;;;"}
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;;;;AAIG;AACU,MAAA,cAAc,GAAG,mBAAmB,CAAC,kBAAkB,EAAE,EAAE;;;;"}

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

@@ -6,7 +6,7 @@
 const scrollXStoreModule = {
     state: () => ({
         data: {},
-        pendingScrollTo: ''
+        pendingScrollTo: '',
     }),
     getters: {},
     mutations: {
@@ -17,16 +17,16 @@ const scrollXStoreModule = {
                     hasAlmostReachedEnd: false,
                     hasReachedEnd: false,
                     position: 0,
-                    direction: 'UP'
+                    direction: 'UP',
                 };
             }
             Object.assign(state.data[id], newState);
         },
         setPendingScrollTo(state, pendingScrollTo) {
             state.pendingScrollTo = pendingScrollTo;
-        }
+        },
     },
-    actions: {}
+    actions: {},
 };
 export { scrollXStoreModule };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"module.js","sources":["../../../../../src/x-modules/scroll/store/module.ts"],"sourcesContent":["import { 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 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":"AAEA;;;;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;AACnB,gBAAA,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG;AACf,oBAAA,eAAe,EAAE,KAAK;AACtB,oBAAA,mBAAmB,EAAE,KAAK;AAC1B,oBAAA,aAAa,EAAE,KAAK;AACpB,oBAAA,QAAQ,EAAE,CAAC;AACX,oBAAA,SAAS,EAAE,IAAI;iBAChB,~~CAAC~~;~~AACH~~,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;;;;;"}
1	+ {"version":3,"file":"module.js","sources":["../../../../../src/x-modules/scroll/store/module.ts"],"sourcesContent":["import type { 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 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":"AAEA;;;;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;AACnB,gBAAA,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG;AACf,oBAAA,eAAe,EAAE,KAAK;AACtB,oBAAA,mBAAmB,EAAE,KAAK;AAC1B,oBAAA,aAAa,EAAE,KAAK;AACpB,oBAAA,QAAQ,EAAE,CAAC;AACX,oBAAA,SAAS,EAAE,IAAI;iBAChB,CAAA;AACF,aAAA;AACD,YAAA,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAA;SACxC;QACD,kBAAkB,CAAC,KAAK,EAAE,eAAe,EAAA;AACvC,YAAA,KAAK,CAAC,eAAe,GAAG,eAAe,CAAA;SACxC;AACF,KAAA;AACD,IAAA,OAAO,EAAE,EAAE;;;;;"}

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

@@ -10,7 +10,7 @@ const wireCommit = namespacedWireCommit(moduleName);
  */
 const setScrollPositionWire = wireCommit('setScrollComponentState', ({ metadata, eventPayload }) => ({
     newState: { position: eventPayload },
-    id: metadata.id
+    id: metadata.id,
 }));
 /**
  * Saves the scroll direction of a container to the store.
@@ -19,7 +19,7 @@ const setScrollPositionWire = wireCommit('setScrollComponentState', ({ metadata,
  */
 const setScrollDirectionWire = wireCommit('setScrollComponentState', ({ metadata, eventPayload }) => ({
     newState: { direction: eventPayload },
-    id: metadata.id
+    id: metadata.id,
 }));
 /**
  * Saves a boolean indicating if the scroll has almost reached the end of a container to the store.
@@ -28,7 +28,7 @@ const setScrollDirectionWire = wireCommit('setScrollComponentState', ({ metadata
  */
 const setScrollHasAlmostReachedEndWire = wireCommit('setScrollComponentState', ({ metadata, eventPayload }) => ({
     newState: { hasAlmostReachedEnd: eventPayload },
-    id: metadata.id
+    id: metadata.id,
 }));
 /**
  * Saves a boolean indicating if the scroll has reached the end of a container to the store.
@@ -37,7 +37,7 @@ const setScrollHasAlmostReachedEndWire = wireCommit('setScrollComponentState', (
  */
 const setScrollHasReachedEndWire = wireCommit('setScrollComponentState', ({ metadata, eventPayload }) => ({
     newState: { hasReachedEnd: eventPayload },
-    id: metadata.id
+    id: metadata.id,
 }));
 /**
  * Saves a boolean indicating if the scroll has reached the start of a container to the store.
@@ -46,7 +46,7 @@ const setScrollHasReachedEndWire = wireCommit('setScrollComponentState', ({ meta
  */
 const setScrollHasReachedStartWire = wireCommit('setScrollComponentState', ({ metadata, eventPayload }) => ({
     newState: { hasReachedStart: eventPayload },
-    id: metadata.id
+    id: metadata.id,
 }));
 /**
  * Saves the selector of the item that should be scrolled into the view.
@@ -67,29 +67,29 @@ const clearPendingScrollToWire = wireCommit('setPendingScrollTo', '');
  */
 const scrollWiring = createWiring({
     UserScrolled: {
-        setScrollPositionWire
+        setScrollPositionWire,
     },
     UserChangedScrollDirection: {
-        setScrollDirectionWire
+        setScrollDirectionWire,
     },
     UserReachedScrollStart: {
-        setScrollHasReachedStartWire
+        setScrollHasReachedStartWire,
     },
     UserAlmostReachedScrollEnd: {
-        setScrollHasAlmostReachedEndWire
+        setScrollHasAlmostReachedEndWire,
     },
     UserReachedScrollEnd: {
-        setScrollHasReachedEndWire
+        setScrollHasReachedEndWire,
     },
     ParamsLoadedFromUrl: {
-        setPendingScrollToWire
+        setPendingScrollToWire,
     },
     ScrollRestoreSucceeded: {
-        clearPendingScrollToWire
+        clearPendingScrollToWire,
     },
     ScrollRestoreFailed: {
-        clearPendingScrollToWire
-    }
+        clearPendingScrollToWire,
+    },
 });
 export { clearPendingScrollToWire, scrollWiring, setPendingScrollToWire, setScrollDirectionWire, setScrollHasAlmostReachedEndWire, setScrollHasReachedEndWire, setScrollHasReachedStartWire, setScrollPositionWire };

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

	@@ -1 +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,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;;;;"}
1	+ {"version":3,"file":"wiring.js","sources":["../../../../src/x-modules/scroll/wiring.ts"],"sourcesContent":["import type { ScrollDirection } from '../../components/scroll/scroll.types'\nimport type { WirePayload } from '../../wiring/wiring.types'\nimport { namespacedWireCommit } from '../../wiring/namespaced-wires.factory'\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,CAAA;AAE3B,MAAM,UAAU,GAAG,oBAAoB,CAAC,UAAU,CAAC,CAAA;AAEnD;;;;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,EACH;AAED;;;;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,EACH;AAED;;;;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,EACH;AAED;;;;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,EACH;AAED;;;;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,EACH;AAED;;;;AAIG;MACU,sBAAsB,GAAG,UAAU,CAC9C,oBAAoB,EACpB,CAAC,EAAE,YAAY,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,MAAM,EACzC;AAED;;;;AAIG;AACU,MAAA,wBAAwB,GAAG,UAAU,CAAC,oBAAoB,EAAE,EAAE,EAAC;AAE5E;;;;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 CHANGED Viewed

@@ -13,7 +13,7 @@ const scrollXModule = {
     name: 'scroll',
     storeModule: scrollXStoreModule,
     storeEmitters: scrollEmitters,
-    wiring: scrollWiring
+    wiring: scrollWiring,
 };
 XPlugin.registerXModule(scrollXModule);

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

	@@ -1 +1 @@
1	- {"version":3,"file":"x-module.js","sources":["../../../../src/x-modules/scroll/x-module.ts"],"sourcesContent":["import { ~~XPlugin~~ } from '~~../../plugins/~~x-~~plugin~~';\nimport { ~~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\nXPlugin.registerXModule(scrollXModule);\n"],"names":[],"mappings":";;;;;AAcA;;;;;AAKG;AACU,MAAA,aAAa,GAAkB;AAC1C,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,WAAW,EAAE,kBAAkB;AAC/B,IAAA,aAAa,EAAE,cAAc;AAC7B,IAAA,MAAM,EAAE,YAAY;~~EACpB~~;~~AAEF~~,OAAO,CAAC,eAAe,CAAC,aAAa,CAAC;;;;"}
1	+ {"version":3,"file":"x-module.js","sources":["../../../../src/x-modules/scroll/x-module.ts"],"sourcesContent":["import type { XModule } from '../x-modules.types'\nimport type { ScrollXStoreModule } from './store/types'\nimport { XPlugin } from '../../plugins/x-plugin'\nimport { scrollEmitters } from './store/emitters'\nimport { scrollXStoreModule } from './store/module'\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\nXPlugin.registerXModule(scrollXModule)\n"],"names":[],"mappings":";;;;;AAcA;;;;;AAKG;AACU,MAAA,aAAa,GAAkB;AAC1C,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,WAAW,EAAE,kBAAkB;AAC/B,IAAA,aAAa,EAAE,cAAc;AAC7B,IAAA,MAAM,EAAE,YAAY;EACrB;AAED,OAAO,CAAC,eAAe,CAAC,aAAa,CAAC;;;;"}