@empathyco/x-components 3.0.0-alpha.28 → 3.0.0-alpha.31

package/js/components/location-provider.vue.js

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

package/js/components/location-provider.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"location-provider.vue.js","sources":["../../../src/components/location-provider.vue"],"sourcesContent":["<script lang=\"ts\">\n  import { Prop, Provide, Component } from 'vue-property-decorator';\n  import { NoElement } from '../components/no-element';\n  import { FeatureLocation } from '../types';\n\n  /**\n   * Location Provider component.\n   * This component injects the location with value passed as prop.\n   *\n   * @public\n   */\n  @Component\n  export default class LocationProvider extends NoElement {\n    /**\n     * The {@link FeatureLocation} to provide.\n     *\n     * @public\n     */\n    @Prop({ required: true })\n    @Provide()\n    protected location!: FeatureLocation;\n  }\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nThis component doesn't emit events. However, events emitted by child components, will include the\n`location` prop value in its metadata.\n\n## See it in action\n\nIn this example, the `LocationProvider` component receives the `location` prop with the\n`predictive_layer` value. This value will then be combined with the `NextQueries` feature name,\n`next_query` to create a `QueryOrigin` string, which is used for tracking the performance of the\ndifferent tools that generate the query.\n\n```vue\n<template>\n  <LocationProvider location=\"predictive_layer\">\n    <NextQueries />\n  </LocationProvider>\n</template>\n<script>\n  import { LocationProvider } from '@empathyco/x-components';\n  import { NextQueries } from '@empathyco/x-components/next-queries';\n  export default {\n    name: 'LocationProviderDemo',\n    components: {\n      LocationProvider,\n      NextQueries\n    }\n  };\n</script>\n```\n</docs>\n"],"names":["const"],"mappings":";;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/components/location-provider.vue_rollup-plugin-vue=script.js

@@ -0,0 +1,27 @@
+import { __extends, __decorate } from 'tslib';
+import { Prop, Provide, Component } from 'vue-property-decorator';
+import { NoElement } from './no-element.js';
+
+/**
+ * Location Provider component.
+ * This component injects the location with value passed as prop.
+ *
+ * @public
+ */
+var LocationProvider = /** @class */ (function (_super) {
+    __extends(LocationProvider, _super);
+    function LocationProvider() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    __decorate([
+        Prop({ required: true }),
+        Provide()
+    ], LocationProvider.prototype, "location", void 0);
+    LocationProvider = __decorate([
+        Component
+    ], LocationProvider);
+    return LocationProvider;
+}(NoElement));
+
+export default LocationProvider;
+//# sourceMappingURL=location-provider.vue_rollup-plugin-vue=script.js.map

package/js/components/location-provider.vue_rollup-plugin-vue=script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"location-provider.vue_rollup-plugin-vue=script.js","sources":["../../../src/components/location-provider.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\nimport { Prop, Provide, Component } from 'vue-property-decorator';\nimport { NoElement } from '../components/no-element';\nimport { FeatureLocation } from '../types';\n\n/**\n * Location Provider component.\n * This component injects the location with value passed as prop.\n *\n * @public\n */\n@Component\nexport default class LocationProvider extends NoElement {\n  /**\n   * The {@link FeatureLocation} to provide.\n   *\n   * @public\n   */\n  @Prop({ required: true })\n  @Provide()\n  protected location!: FeatureLocation;\n}\n"],"names":[],"mappings":";;;;AAKA;;;;;;AAOA;IAA8C,oCAAS;IAAvD;;KASC;IADC;QAFC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;QACxB,OAAO,EAAE;sDAC2B;IARlB,gBAAgB;QADpC,SAAS;OACW,gBAAgB,CASpC;IAAD,uBAAC;CAAA,CAT6C,SAAS;;;;"}

package/js/components/result/base-result-link.vue.js

@@ -38,11 +38,11 @@ __vue_render__._withStripped = true;
   /* style */
   var __vue_inject_styles__ = function (inject) {
     if (!inject) { return }
-    inject("data-v-2d8804c6_0", { source: ".x-result-link[data-v-2d8804c6] {\n  text-decoration: none;\n}", map: undefined, media: undefined });
+    inject("data-v-13699ce7_0", { source: ".x-result-link[data-v-13699ce7] {\n  text-decoration: none;\n}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  var __vue_scope_id__ = "data-v-2d8804c6";
+  var __vue_scope_id__ = "data-v-13699ce7";
   /* module identifier */
   var __vue_module_identifier__ = undefined;
   /* functional template */

package/js/components/result/base-result-link.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-result-link.vue.js","sources":["../../../../src/components/result/base-result-link.vue"],"sourcesContent":["<template>\n  <a\n    @click=\"emitUserClickedAResult\"\n    @click.middle=\"emitUserClickedAResult\"\n    @click.right=\"emitUserRightClickedAResult\"\n    :href=\"result.url\"\n    class=\"x-result-link\"\n    data-test=\"result-link\"\n  >\n    <!--\n      @slot (Required) Link content with a text, an image, another component or both\n          @binding {Result} result - Result data\n     -->\n    <slot :result=\"result\" />\n  </a>\n</template>\n\n<script lang=\"ts\">\n  import { Result } from '@empathyco/x-types';\n  import Vue from 'vue';\n  import { Component, Inject, Prop } from 'vue-property-decorator';\n  import { QueryOrigin } from '../../types/query-origin';\n  import { PropsWithType } from '../../utils/types';\n  import { XEventsTypes } from '../../wiring/events.types';\n  import { WireMetadata } from '../../wiring/wiring.types';\n\n  /**\n   * Component to be reused that renders an `<a>` wrapping the result contents.\n   *\n   * @remarks\n   * It has the logic to emit {@link XEventsTypes.UserClickedAResult} and\n   * {@link XEventsTypes.UserRightClickedAResult} to the bus on click mouse events.\n   * Additionally, this component may be injected other events to be emitted on click event, so,\n   * depending where it's used its father component may provide this events.\n   *\n   * @public\n   */\n  @Component\n  export default class BaseResultLink extends Vue {\n    /**\n     * The origin to be sent as part of the `params` property in the\n     * {@link @empathyco/x-types#Tagging | tagging} information.\n     *\n     * @public\n     */\n    @Inject({ from: 'origin', default: 'default' })\n    protected origin!: QueryOrigin;\n\n    /**\n     * The list of additional events to be emitted by the component when user clicks the link.\n     *\n     * @public\n     */\n    @Inject({ from: 'resultClickExtraEvents', default: [] })\n    protected resultClickExtraEvents!: PropsWithType<XEventsTypes, Result>[];\n\n    /**\n     * (Required) The {@link @empathyco/x-types#Result | result} information.\n     *\n     * @public\n     */\n    @Prop({ required: true })\n    protected result!: Result;\n\n    /**\n     * The metadata to emit the event.\n     *\n     * @public\n     */\n    protected metadata!: Omit<WireMetadata, 'moduleName'>;\n\n    mounted(): void {\n      this.metadata = {\n        target: this.$el as HTMLElement,\n        origin: this.origin\n      };\n    }\n\n    /**\n     * Emits the {@link XEventsTypes.UserClickedAResult} when user clicks on the result, and also\n     * additional events if have been injected in the component.\n     *\n     * @public\n     */\n    emitUserClickedAResult(): void {\n      this.$x.emit('UserClickedAResult', this.result, this.metadata);\n      this.resultClickExtraEvents.forEach(event => {\n        this.$x.emit(event, this.result, this.metadata);\n      });\n    }\n\n    /**\n     * Emits the {@link XEventsTypes.UserRightClickedAResult} when user right clicks on the result.\n     *\n     * @public\n     */\n    emitUserRightClickedAResult(): void {\n      this.$x.emit('UserRightClickedAResult', this.result, this.metadata);\n    }\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n  .x-result-link {\n    text-decoration: none;\n  }\n</style>\n\n<docs lang=\"mdx\">\n# Examples\n\n## Basic example\n\nThis component is a wrapper for the result contents (images, name, price...) It may be part of the\nsearch result page, recommendations or other section which needs to include results.\n\nThis component will emit `UserClickedAResult` when clicked or middle clicked and\n`UserRightClickedAResult` when right clicked.\n\nAdditionally, this component may be injected other events to be emitted on click event, so,\ndepending where it's used its father component may provide this events.\n\nThe result prop is required. It will render a `<a></a>` with the href to the result URL:\n\n```vue\n<BaseResultLink :result=\"result\">\n  <template #default=\"{ result }\">\n    <img :src=\"result.images[0]\"/>\n    <span>{{ result.name }}</span>\n  </template>\n</BaseResultLink>\n```\n\n## Events\n\nA list of events that the component will emit:\n\n- `UserClickedAResult`: the event is emitted after the user clicks the element. The event payload is\n  the result data and the metadata with the target and the origin of the element that emitted it.\n- `UserRightClickedAResult`: the event is emitted after the user right clicks the element. The event\n  payload is the result data and the metadata with the target and the origin of the element that\n  emitted it.\n- The component can emit more events on click using the `resultClickExtraEvents` prop.\n</docs>\n"],"names":["const"],"mappings":";;;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"base-result-link.vue.js","sources":["../../../../src/components/result/base-result-link.vue"],"sourcesContent":["<template>\n  <a\n    @click=\"emitUserClickedAResult\"\n    @click.middle=\"emitUserClickedAResult\"\n    @click.right=\"emitUserRightClickedAResult\"\n    :href=\"result.url\"\n    class=\"x-result-link\"\n    data-test=\"result-link\"\n  >\n    <!--\n      @slot (Required) Link content with a text, an image, another component or both\n          @binding {Result} result - Result data\n     -->\n    <slot :result=\"result\" />\n  </a>\n</template>\n\n<script lang=\"ts\">\n  import { Result } from '@empathyco/x-types';\n  import Vue from 'vue';\n  import { Component, Inject, Prop } from 'vue-property-decorator';\n  import { PropsWithType } from '../../utils/types';\n  import { XEventsTypes } from '../../wiring/events.types';\n\n  /**\n   * Component to be reused that renders an `<a>` wrapping the result contents.\n   *\n   * @remarks\n   * It has the logic to emit {@link XEventsTypes.UserClickedAResult} and\n   * {@link XEventsTypes.UserRightClickedAResult} to the bus on click mouse events.\n   * Additionally, this component may be injected other events to be emitted on click event, so,\n   * depending where it's used its father component may provide this events.\n   *\n   * @public\n   */\n  @Component\n  export default class BaseResultLink extends Vue {\n    /**\n     * The rendered DOM element.\n     *\n     * @internal\n     */\n    public $el!: HTMLElement;\n    /**\n     * The list of additional events to be emitted by the component when user clicks the link.\n     *\n     * @internal\n     */\n    @Inject({ from: 'resultClickExtraEvents', default: [] })\n    protected resultClickExtraEvents!: PropsWithType<XEventsTypes, Result>[];\n\n    /**\n     * (Required) The {@link @empathyco/x-types#Result | result} information.\n     *\n     * @public\n     */\n    @Prop({ required: true })\n    protected result!: Result;\n\n    /**\n     * Emits the {@link XEventsTypes.UserClickedAResult} when user clicks on the result, and also\n     * additional events if have been injected in the component.\n     *\n     * @internal\n     */\n    protected emitUserClickedAResult(): void {\n      this.$x.emit('UserClickedAResult', this.result, { target: this.$el });\n      this.resultClickExtraEvents.forEach(event => {\n        this.$x.emit(event, this.result, { target: this.$el });\n      });\n    }\n\n    /**\n     * Emits the {@link XEventsTypes.UserRightClickedAResult} when user right clicks on the result.\n     *\n     * @internal\n     */\n    protected emitUserRightClickedAResult(): void {\n      this.$x.emit('UserRightClickedAResult', this.result, { target: this.$el });\n    }\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n  .x-result-link {\n    text-decoration: none;\n  }\n</style>\n\n<docs lang=\"mdx\">\n# Examples\n\n## Basic example\n\nThis component is a wrapper for the result contents (images, name, price...) It may be part of the\nsearch result page, recommendations or other section which needs to include results.\n\nThis component will emit `UserClickedAResult` when clicked or middle clicked and\n`UserRightClickedAResult` when right clicked.\n\nAdditionally, this component may be injected other events to be emitted on click event, so,\ndepending where it's used its father component may provide this events.\n\nThe result prop is required. It will render a `<a></a>` with the href to the result URL:\n\n```vue\n<BaseResultLink :result=\"result\">\n  <template #default=\"{ result }\">\n    <img :src=\"result.images[0]\"/>\n    <span>{{ result.name }}</span>\n  </template>\n</BaseResultLink>\n```\n\n## Events\n\nA list of events that the component will emit:\n\n- `UserClickedAResult`: the event is emitted after the user clicks the element. The event payload is\n  the result data.\n- `UserRightClickedAResult`: the event is emitted after the user right clicks the element. The event\n  payload is the result data.\n- The component can emit more events on click using the `resultClickExtraEvents` prop.\n</docs>\n"],"names":["const"],"mappings":";;;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/components/result/base-result-link.vue_rollup-plugin-vue=script.js

@@ -18,36 +18,27 @@ var BaseResultLink = /** @class */ (function (_super) {
     function BaseResultLink() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    BaseResultLink.prototype.mounted = function () {
-        this.metadata = {
-            target: this.$el,
-            origin: this.origin
-        };
-    };
     /**
      * Emits the {@link XEventsTypes.UserClickedAResult} when user clicks on the result, and also
      * additional events if have been injected in the component.
      *
-     * @public
+     * @internal
      */
     BaseResultLink.prototype.emitUserClickedAResult = function () {
         var _this = this;
-        this.$x.emit('UserClickedAResult', this.result, this.metadata);
+        this.$x.emit('UserClickedAResult', this.result, { target: this.$el });
         this.resultClickExtraEvents.forEach(function (event) {
-            _this.$x.emit(event, _this.result, _this.metadata);
+            _this.$x.emit(event, _this.result, { target: _this.$el });
         });
     };
     /**
      * Emits the {@link XEventsTypes.UserRightClickedAResult} when user right clicks on the result.
      *
-     * @public
+     * @internal
      */
     BaseResultLink.prototype.emitUserRightClickedAResult = function () {
-        this.$x.emit('UserRightClickedAResult', this.result, this.metadata);
+        this.$x.emit('UserRightClickedAResult', this.result, { target: this.$el });
     };
-    __decorate([
-        Inject({ from: 'origin', default: 'default' })
-    ], BaseResultLink.prototype, "origin", void 0);
     __decorate([
         Inject({ from: 'resultClickExtraEvents', default: [] })
     ], BaseResultLink.prototype, "resultClickExtraEvents", void 0);

package/js/components/result/base-result-link.vue_rollup-plugin-vue=script.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-result-link.vue_rollup-plugin-vue=script.js","sources":["../../../../src/components/result/base-result-link.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { Result } from '@empathyco/x-types';\nimport Vue from 'vue';\nimport { Component, Inject, Prop } from 'vue-property-decorator';\nimport { QueryOrigin } from '../../types/query-origin';\nimport { PropsWithType } from '../../utils/types';\nimport { XEventsTypes } from '../../wiring/events.types';\nimport { WireMetadata } from '../../wiring/wiring.types';\n\n/**\n * Component to be reused that renders an `<a>` wrapping the result contents.\n *\n * @remarks\n * It has the logic to emit {@link XEventsTypes.UserClickedAResult} and\n * {@link XEventsTypes.UserRightClickedAResult} to the bus on click mouse events.\n * Additionally, this component may be injected other events to be emitted on click event, so,\n * depending where it's used its father component may provide this events.\n *\n * @public\n */\n@Component\nexport default class BaseResultLink extends Vue {\n  /**\n   * The origin to be sent as part of the `params` property in the\n   * {@link @empathyco/x-types#Tagging | tagging} information.\n   *\n   * @public\n   */\n  @Inject({ from: 'origin', default: 'default' })\n  protected origin!: QueryOrigin;\n\n  /**\n   * The list of additional events to be emitted by the component when user clicks the link.\n   *\n   * @public\n   */\n  @Inject({ from: 'resultClickExtraEvents', default: [] })\n  protected resultClickExtraEvents!: PropsWithType<XEventsTypes, Result>[];\n\n  /**\n   * (Required) The {@link @empathyco/x-types#Result | result} information.\n   *\n   * @public\n   */\n  @Prop({ required: true })\n  protected result!: Result;\n\n  /**\n   * The metadata to emit the event.\n   *\n   * @public\n   */\n  protected metadata!: Omit<WireMetadata, 'moduleName'>;\n\n  mounted(): void {\n    this.metadata = {\n      target: this.$el as HTMLElement,\n      origin: this.origin\n    };\n  }\n\n  /**\n   * Emits the {@link XEventsTypes.UserClickedAResult} when user clicks on the result, and also\n   * additional events if have been injected in the component.\n   *\n   * @public\n   */\n  emitUserClickedAResult(): void {\n    this.$x.emit('UserClickedAResult', this.result, this.metadata);\n    this.resultClickExtraEvents.forEach(event => {\n      this.$x.emit(event, this.result, this.metadata);\n    });\n  }\n\n  /**\n   * Emits the {@link XEventsTypes.UserRightClickedAResult} when user right clicks on the result.\n   *\n   * @public\n   */\n  emitUserRightClickedAResult(): void {\n    this.$x.emit('UserRightClickedAResult', this.result, this.metadata);\n  }\n}\n"],"names":[],"mappings":";;;;AA0BA;;;;;;;;;;;AAYA;IAA4C,kCAAG;IAA/C;;KA6DC;IA5BC,gCAAO,GAAP;QACE,IAAI,CAAC,QAAQ,GAAG;YACd,MAAM,EAAE,IAAI,CAAC,GAAkB;YAC/B,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC;KACH;;;;;;;IAQD,+CAAsB,GAAtB;QAAA,iBAKC;QAJC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,oBAAoB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC/D,IAAI,CAAC,sBAAsB,CAAC,OAAO,CAAC,UAAA,KAAK;YACvC,KAAI,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,KAAI,CAAC,MAAM,EAAE,KAAI,CAAC,QAAQ,CAAC,CAAC;SACjD,CAAC,CAAC;KACJ;;;;;;IAOD,oDAA2B,GAA3B;QACE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,yBAAyB,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;KACrE;IApDD;QADC,MAAM,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;kDAChB;IAQ/B;QADC,MAAM,CAAC,EAAE,IAAI,EAAE,wBAAwB,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;kEACiB;IAQzE;QADC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;kDACC;IAxBP,cAAc;QADlC,SAAS;OACW,cAAc,CA6DlC;IAAD,qBAAC;CAAA,CA7D2C,GAAG;;;;"}
+{"version":3,"file":"base-result-link.vue_rollup-plugin-vue=script.js","sources":["../../../../src/components/result/base-result-link.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { Result } from '@empathyco/x-types';\nimport Vue from 'vue';\nimport { Component, Inject, Prop } from 'vue-property-decorator';\nimport { PropsWithType } from '../../utils/types';\nimport { XEventsTypes } from '../../wiring/events.types';\n\n/**\n * Component to be reused that renders an `<a>` wrapping the result contents.\n *\n * @remarks\n * It has the logic to emit {@link XEventsTypes.UserClickedAResult} and\n * {@link XEventsTypes.UserRightClickedAResult} to the bus on click mouse events.\n * Additionally, this component may be injected other events to be emitted on click event, so,\n * depending where it's used its father component may provide this events.\n *\n * @public\n */\n@Component\nexport default class BaseResultLink extends Vue {\n  /**\n   * The rendered DOM element.\n   *\n   * @internal\n   */\n  public $el!: HTMLElement;\n  /**\n   * The list of additional events to be emitted by the component when user clicks the link.\n   *\n   * @internal\n   */\n  @Inject({ from: 'resultClickExtraEvents', default: [] })\n  protected resultClickExtraEvents!: PropsWithType<XEventsTypes, Result>[];\n\n  /**\n   * (Required) The {@link @empathyco/x-types#Result | result} information.\n   *\n   * @public\n   */\n  @Prop({ required: true })\n  protected result!: Result;\n\n  /**\n   * Emits the {@link XEventsTypes.UserClickedAResult} when user clicks on the result, and also\n   * additional events if have been injected in the component.\n   *\n   * @internal\n   */\n  protected emitUserClickedAResult(): void {\n    this.$x.emit('UserClickedAResult', this.result, { target: this.$el });\n    this.resultClickExtraEvents.forEach(event => {\n      this.$x.emit(event, this.result, { target: this.$el });\n    });\n  }\n\n  /**\n   * Emits the {@link XEventsTypes.UserRightClickedAResult} when user right clicks on the result.\n   *\n   * @internal\n   */\n  protected emitUserRightClickedAResult(): void {\n    this.$x.emit('UserRightClickedAResult', this.result, { target: this.$el });\n  }\n}\n"],"names":[],"mappings":";;;;AAwBA;;;;;;;;;;;AAYA;IAA4C,kCAAG;IAA/C;;KA4CC;;;;;;;IAfW,+CAAsB,GAAhC;QAAA,iBAKC;QAJC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,oBAAoB,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;QACtE,IAAI,CAAC,sBAAsB,CAAC,OAAO,CAAC,UAAA,KAAK;YACvC,KAAI,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,KAAI,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,KAAI,CAAC,GAAG,EAAE,CAAC,CAAC;SACxD,CAAC,CAAC;KACJ;;;;;;IAOS,oDAA2B,GAArC;QACE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,yBAAyB,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;KAC5E;IA9BD;QADC,MAAM,CAAC,EAAE,IAAI,EAAE,wBAAwB,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;kEACiB;IAQzE;QADC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;kDACC;IArBP,cAAc;QADlC,SAAS;OACW,cAAc,CA4ClC;IAAD,qBAAC;CAAA,CA5C2C,GAAG;;;;"}

package/js/components/scroll/base-scroll.vue.js

@@ -27,11 +27,11 @@ __vue_render__._withStripped = true;
   /* style */
   var __vue_inject_styles__ = function (inject) {
     if (!inject) { return }
-    inject("data-v-0a6872df_0", { source: ".x-base-scroll[data-v-0a6872df] {\n  overflow-y: var(--x-string-overflow-scroll, auto);\n}", map: undefined, media: undefined });
+    inject("data-v-3fdd429c_0", { source: ".x-base-scroll[data-v-3fdd429c] {\n  overflow-y: var(--x-string-overflow-scroll, auto);\n}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  var __vue_scope_id__ = "data-v-0a6872df";
+  var __vue_scope_id__ = "data-v-3fdd429c";
   /* module identifier */
   var __vue_module_identifier__ = undefined;
   /* functional template */

package/js/components/scroll/base-scroll.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-scroll.vue.js","sources":["../../../../src/components/scroll/base-scroll.vue"],"sourcesContent":["<template>\n  <div @scroll=\"throttledStoreScrollData\" class=\"x-scroll x-base-scroll\" data-test=\"base-scroll\">\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\n  import { Component, Prop } from 'vue-property-decorator';\n  import { mixins } from 'vue-class-component';\n  import { throttle } from '../../utils/throttle';\n  import { XOn } from '../decorators/bus.decorators';\n  import ScrollMixin from './scroll.mixin';\n\n  /**\n   * Base scroll component that depending on the user interactivity emits different events for\n   * knowing when the user scrolls, the direction of scroll and if user reaches the start or end.\n   *\n   * @public\n   */\n  @Component\n  export default class BaseScroll extends mixins(ScrollMixin) {\n    /**\n     * If true (default), sets the scroll position to top when an\n     * {@link XEventsTypes.UserAcceptedAQuery} event is emitted.\n     *\n     * @public\n     */\n    @Prop({ default: true })\n    protected resetOnQueryChange!: boolean;\n\n    /**\n     * Throttled version of the function that stores the DOM scroll related properties.\n     * The duration of the throttle is configured through the\n     * {@link ScrollMixin.throttleMs}.\n     *\n     * @internal\n     */\n    // eslint-disable-next-line @typescript-eslint/unbound-method\n    protected throttledStoreScrollData = throttle(this.storeScrollData, this.throttleMs);\n\n    mounted(): void {\n      this.storeScrollData();\n    }\n\n    /**\n     * Updates scroll related properties.\n     *\n     * @internal\n     */\n    protected storeScrollData(): void {\n      this.currentPosition = this.$el.scrollTop;\n      this.scrollHeight = this.$el.scrollHeight;\n      this.clientHeight = this.$el.clientHeight;\n    }\n\n    /**\n     * It sets the scroll to top if the property `resetOnQueryChange` is true.\n     *\n     * @internal\n     */\n    @XOn([\n      'SearchBoxQueryChanged',\n      'SortChanged',\n      'SelectedFiltersChanged',\n      'SelectedRelatedTagsChanged'\n    ])\n    scrollToTop(): void {\n      if (this.resetOnQueryChange) {\n        this.$el?.scrollTo({ top: 0 });\n      }\n    }\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n  .x-base-scroll {\n    overflow-y: var(--x-string-overflow-scroll, auto);\n  }\n</style>\n\n<docs lang=\"mdx\">\n# Example\n\nThe BaseScroll is a component that manage the states of scroll of a specified element. The component\ndoes the necessary calculations for knowing the direction of scroll, if the scroll has reached to\nstart or to end, and is about to reaching to end. The components emits the next events depending of\nmovement that realize the user:\n\n```vue\n<template>\n  <BaseScroll\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    throttleMs=\"1000\"\n    distanceToBottom=\"200\"\n  >\n    <template>\n      <div class=\"content-scroll\">\n        <span>content1</span>\n        <span>content1</span>\n      </div>\n    </template>\n  </BaseScroll>\n</template>\n\n<script>\n  import { BaseScroll } from '@empathyco/x-components';\n\n  export default {\n    name: 'ScrollTest',\n    components: {\n      BaseScroll\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');\n      },\n      scrollAlmostAtEnd(distance) {\n        console.log('scroll:almost-at-end', distance);\n      },\n      scrollAtEnd() {\n        console.log('scroll:at-end');\n      }\n    }\n  };\n</script>\n```\n\n## Avoid reset scroll on query change\n\nSet to false the reset scroll on query change feature which is true by default.\n\n```vue\n<template>\n  <BaseScroll\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    :resetOnQueryChange=\"false\"\n    throttleMs=\"1000\"\n    distanceToBottom=\"200\"\n  >\n    <template>\n      <div class=\"content-scroll\">\n        <span>content1</span>\n        <span>content1</span>\n      </div>\n    </template>\n  </BaseScroll>\n</template>\n\n<script>\n  import { BaseScroll } from '@empathyco/x-components';\n\n  export default {\n    name: 'ScrollTest',\n    components: {\n      BaseScroll\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');\n      },\n      scrollAlmostAtEnd(distance) {\n        console.log('scroll:almost-at-end', distance);\n      },\n      scrollAtEnd() {\n        console.log('scroll:at-end');\n      }\n    }\n  };\n</script>\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</docs>\n"],"names":["const"],"mappings":";;;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"base-scroll.vue.js","sources":["../../../../src/components/scroll/base-scroll.vue"],"sourcesContent":["<template>\n  <div @scroll=\"throttledStoreScrollData\" class=\"x-scroll x-base-scroll\" data-test=\"base-scroll\">\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\">\n  import { mixins } from 'vue-class-component';\n  import { Component } from 'vue-property-decorator';\n  import ScrollMixin from './scroll.mixin';\n\n  /**\n   * Base scroll component that depending on the user interactivity emits different events for\n   * knowing when the user scrolls, the direction of scroll and if user reaches the start or end.\n   *\n   * @public\n   */\n  @Component\n  export default class BaseScroll extends mixins(ScrollMixin) {}\n</script>\n\n<style lang=\"scss\" scoped>\n  .x-base-scroll {\n    overflow-y: var(--x-string-overflow-scroll, auto);\n  }\n</style>\n\n<docs lang=\"mdx\">\n# Example\n\nThe BaseScroll is a component that manage the states of scroll of a specified element. The component\ndoes the necessary calculations for knowing the direction of scroll, if the scroll has reached to\nstart or to end, and is about to reaching to end. The components emits the next events depending of\nmovement that realize the user:\n\n```vue\n<template>\n  <BaseScroll\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    throttleMs=\"1000\"\n    distanceToBottom=\"200\"\n  >\n    <template>\n      <div class=\"content-scroll\">\n        <span>content1</span>\n        <span>content1</span>\n      </div>\n    </template>\n  </BaseScroll>\n</template>\n\n<script>\n  import { BaseScroll } from '@empathyco/x-components';\n\n  export default {\n    name: 'ScrollTest',\n    components: {\n      BaseScroll\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');\n      },\n      scrollAlmostAtEnd(distance) {\n        console.log('scroll:almost-at-end', distance);\n      },\n      scrollAtEnd() {\n        console.log('scroll:at-end');\n      }\n    }\n  };\n</script>\n```\n\n## Avoid reset scroll on query change\n\nSet to false the reset scroll on query change feature which is true by default.\n\n```vue\n<template>\n  <BaseScroll\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    throttleMs=\"1000\"\n    distanceToBottom=\"200\"\n  >\n    <template>\n      <div class=\"content-scroll\">\n        <span>content1</span>\n        <span>content1</span>\n      </div>\n    </template>\n  </BaseScroll>\n</template>\n\n<script>\n  import { BaseScroll } from '@empathyco/x-components';\n\n  export default {\n    name: 'ScrollTest',\n    components: {\n      BaseScroll\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');\n      },\n      scrollAlmostAtEnd(distance) {\n        console.log('scroll:almost-at-end', distance);\n      },\n      scrollAtEnd() {\n        console.log('scroll:at-end');\n      }\n    }\n  };\n</script>\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</docs>\n"],"names":["const"],"mappings":";;;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/components/scroll/base-scroll.vue_rollup-plugin-vue=script.js

@@ -1,8 +1,6 @@
 import { __extends, __decorate } from 'tslib';
-import { Prop, Component } from 'vue-property-decorator';
-import { throttle } from '../../utils/throttle.js';
+import { Component } from 'vue-property-decorator';
 import { mixins } from 'vue-class-component';
-import { XOn } from '../decorators/bus.decorators.js';
 import ScrollMixin from './scroll.mixin.js';
 
 /**
@@ -14,53 +12,8 @@ import ScrollMixin from './scroll.mixin.js';
 var BaseScroll = /** @class */ (function (_super) {
     __extends(BaseScroll, _super);
     function BaseScroll() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        /**
-         * Throttled version of the function that stores the DOM scroll related properties.
-         * The duration of the throttle is configured through the
-         * {@link ScrollMixin.throttleMs}.
-         *
-         * @internal
-         */
-        // eslint-disable-next-line @typescript-eslint/unbound-method
-        _this.throttledStoreScrollData = throttle(_this.storeScrollData, _this.throttleMs);
-        return _this;
+        return _super !== null && _super.apply(this, arguments) || this;
     }
-    BaseScroll.prototype.mounted = function () {
-        this.storeScrollData();
-    };
-    /**
-     * Updates scroll related properties.
-     *
-     * @internal
-     */
-    BaseScroll.prototype.storeScrollData = function () {
-        this.currentPosition = this.$el.scrollTop;
-        this.scrollHeight = this.$el.scrollHeight;
-        this.clientHeight = this.$el.clientHeight;
-    };
-    /**
-     * It sets the scroll to top if the property `resetOnQueryChange` is true.
-     *
-     * @internal
-     */
-    BaseScroll.prototype.scrollToTop = function () {
-        var _a;
-        if (this.resetOnQueryChange) {
-            (_a = this.$el) === null || _a === void 0 ? void 0 : _a.scrollTo({ top: 0 });
-        }
-    };
-    __decorate([
-        Prop({ default: true })
-    ], BaseScroll.prototype, "resetOnQueryChange", void 0);
-    __decorate([
-        XOn([
-            'SearchBoxQueryChanged',
-            'SortChanged',
-            'SelectedFiltersChanged',
-            'SelectedRelatedTagsChanged'
-        ])
-    ], BaseScroll.prototype, "scrollToTop", null);
     BaseScroll = __decorate([
         Component
     ], BaseScroll);

package/js/components/scroll/base-scroll.vue_rollup-plugin-vue=script.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-scroll.vue_rollup-plugin-vue=script.js","sources":["../../../../src/components/scroll/base-scroll.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\nimport { Component, Prop } from 'vue-property-decorator';\nimport { mixins } from 'vue-class-component';\nimport { throttle } from '../../utils/throttle';\nimport { XOn } from '../decorators/bus.decorators';\nimport ScrollMixin from './scroll.mixin';\n\n/**\n * Base scroll component that depending on the user interactivity emits different events for\n * knowing when the user scrolls, the direction of scroll and if user reaches the start or end.\n *\n * @public\n */\n@Component\nexport default class BaseScroll extends mixins(ScrollMixin) {\n  /**\n   * If true (default), sets the scroll position to top when an\n   * {@link XEventsTypes.UserAcceptedAQuery} event is emitted.\n   *\n   * @public\n   */\n  @Prop({ default: true })\n  protected resetOnQueryChange!: boolean;\n\n  /**\n   * Throttled version of the function that stores the DOM scroll related properties.\n   * The duration of the throttle is configured through the\n   * {@link ScrollMixin.throttleMs}.\n   *\n   * @internal\n   */\n  // eslint-disable-next-line @typescript-eslint/unbound-method\n  protected throttledStoreScrollData = throttle(this.storeScrollData, this.throttleMs);\n\n  mounted(): void {\n    this.storeScrollData();\n  }\n\n  /**\n   * Updates scroll related properties.\n   *\n   * @internal\n   */\n  protected storeScrollData(): void {\n    this.currentPosition = this.$el.scrollTop;\n    this.scrollHeight = this.$el.scrollHeight;\n    this.clientHeight = this.$el.clientHeight;\n  }\n\n  /**\n   * It sets the scroll to top if the property `resetOnQueryChange` is true.\n   *\n   * @internal\n   */\n  @XOn([\n    'SearchBoxQueryChanged',\n    'SortChanged',\n    'SelectedFiltersChanged',\n    'SelectedRelatedTagsChanged'\n  ])\n  scrollToTop(): void {\n    if (this.resetOnQueryChange) {\n      this.$el?.scrollTo({ top: 0 });\n    }\n  }\n}\n"],"names":[],"mappings":";;;;;;;AAaA;;;;;;AAOA;IAAwC,8BAAmB;IAA3D;QAAA,qEAmDC;;;;;;;;;QAjCW,8BAAwB,GAAG,QAAQ,CAAC,KAAI,CAAC,eAAe,EAAE,KAAI,CAAC,UAAU,CAAC,CAAC;;KAiCtF;IA/BC,4BAAO,GAAP;QACE,IAAI,CAAC,eAAe,EAAE,CAAC;KACxB;;;;;;IAOS,oCAAe,GAAzB;QACE,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC;QAC1C,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC;QAC1C,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC;KAC3C;;;;;;IAaD,gCAAW,GAAX;;QACE,IAAI,IAAI,CAAC,kBAAkB,EAAE;YAC3B,MAAA,IAAI,CAAC,GAAG,0CAAE,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;SAChC;KACF;IA1CD;QADC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0DACe;IAsCvC;QANC,GAAG,CAAC;YACH,uBAAuB;YACvB,aAAa;YACb,wBAAwB;YACxB,4BAA4B;SAC7B,CAAC;iDAKD;IAlDkB,UAAU;QAD9B,SAAS;OACW,UAAU,CAmD9B;IAAD,iBAAC;CAnDD,CAAwC,MAAM,CAAC,WAAW,CAAC;;;;"}
+{"version":3,"file":"base-scroll.vue_rollup-plugin-vue=script.js","sources":["../../../../src/components/scroll/base-scroll.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\nimport { mixins } from 'vue-class-component';\nimport { Component } from 'vue-property-decorator';\nimport ScrollMixin from './scroll.mixin';\n\n/**\n * Base scroll component that depending on the user interactivity emits different events for\n * knowing when the user scrolls, the direction of scroll and if user reaches the start or end.\n *\n * @public\n */\n@Component\nexport default class BaseScroll extends mixins(ScrollMixin) {}\n"],"names":[],"mappings":";;;;;AAWA;;;;;;AAOA;IAAwC,8BAAmB;IAA3D;;KAA8D;IAAzC,UAAU;QAD9B,SAAS;OACW,UAAU,CAA+B;IAAD,iBAAC;CAA9D,CAAwC,MAAM,CAAC,WAAW,CAAC;;;;"}

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

@@ -1,7 +1,8 @@
 import { __extends, __decorate } from 'tslib';
 import Vue from 'vue';
-import { Prop, Watch } from 'vue-property-decorator';
-import Component from 'vue-class-component';
+import { Prop, Watch, Component } from 'vue-property-decorator';
+import { throttle } from '../../utils/throttle.js';
+import { XOn } from '../decorators/bus.decorators.js';
 
 /**
  * Mixin to share Scroll logic.
@@ -10,8 +11,15 @@ import Component from 'vue-class-component';
  */
 var ScrollMixin = /** @class */ (function (_super) {
     __extends(ScrollMixin, _super);
+    /* eslint-disable @typescript-eslint/unbound-method */
     function ScrollMixin() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
+        /**
+         * Property for getting the client height of scroll.
+         *
+         * @internal
+         */
+        _this.clientHeight = 0;
         /**
          * Property for getting the current position of scroll.
          *
@@ -30,23 +38,19 @@ var ScrollMixin = /** @class */ (function (_super) {
          * @internal
          */
         _this.scrollHeight = 0;
-        /**
-         * Property for getting the client height of scroll.
-         *
-         * @internal
-         */
-        _this.clientHeight = 0;
         return _this;
     }
-    Object.defineProperty(ScrollMixin.prototype, "scrollEndPosition", {
+    Object.defineProperty(ScrollMixin.prototype, "throttledStoreScrollData", {
         /**
-         * Returns end position of scroll.
+         * Throttled version of the function that stores the DOM scroll related properties.
+         * The duration of the throttle is configured through the
+         * {@link ScrollMixin.throttleMs}.
          *
-         * @returns A number for knowing end position of scroll.
+         * @returns A throttled version of the function to store the scroll data.
          * @internal
          */
         get: function () {
-            return this.scrollHeight - this.clientHeight;
+            return throttle(this.storeScrollData, this.throttleMs);
         },
         enumerable: false,
         configurable: true
@@ -64,59 +68,103 @@ var ScrollMixin = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(ScrollMixin.prototype, "hasScrollReachedStart", {
+    Object.defineProperty(ScrollMixin.prototype, "hasScrollAlmostReachedEnd", {
         /**
-         * Returns `true` when the scroll is at the initial position.
+         * Returns `true` when the amount of pixels scrolled is greater than
+         * the {@link ScrollMixin.distanceToBottom}.
          *
-         * @returns A boolean for knowing if the user scrolls to the start.
+         * @returns A boolean for knowing if the user is about to reaching to the end.
          * @internal
          */
         get: function () {
-            return this.currentPosition === 0;
+            return !this.hasScrollReachedStart && this.distanceToBottom > this.distanceToEnd;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(ScrollMixin.prototype, "scrollDirection", {
+    Object.defineProperty(ScrollMixin.prototype, "hasScrollReachedEnd", {
         /**
-         * Returns direction of scroll based in {@link ScrollDirection}.
+         * Returns `true` when there is no more content to scroll.
          *
-         * @returns The scroll direction.
+         * @returns A boolean for knowing if the user scrolls to the end.
          * @internal
          */
         get: function () {
-            return this.currentPosition > this.previousPosition ? 'DOWN' : 'UP';
+            return this.currentPosition === this.scrollEndPosition;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(ScrollMixin.prototype, "hasScrollAlmostReachedEnd", {
+    Object.defineProperty(ScrollMixin.prototype, "hasScrollReachedStart", {
         /**
-         * Returns `true` when the amount of pixels scrolled is greater than
-         * the {@link ScrollMixin.distanceToBottom}.
+         * Returns `true` when the scroll is at the initial position.
          *
-         * @returns A boolean for knowing if the user is about to reaching to the end.
+         * @returns A boolean for knowing if the user scrolls to the start.
          * @internal
          */
         get: function () {
-            return !this.hasScrollReachedStart && this.distanceToBottom > this.distanceToEnd;
+            return this.currentPosition === 0;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(ScrollMixin.prototype, "hasScrollReachedEnd", {
+    Object.defineProperty(ScrollMixin.prototype, "scrollDirection", {
         /**
-         * Returns `true` when there is no more content to scroll.
+         * Returns direction of scroll based in {@link ScrollDirection}.
          *
-         * @returns A boolean for knowing if the user scrolls to the end.
+         * @returns The scroll direction.
          * @internal
          */
         get: function () {
-            return this.currentPosition === this.scrollEndPosition;
+            return this.currentPosition > this.previousPosition ? 'DOWN' : 'UP';
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ScrollMixin.prototype, "scrollEndPosition", {
+        /**
+         * Returns end position of scroll.
+         *
+         * @returns A number for knowing end position of scroll.
+         * @internal
+         */
+        get: function () {
+            return this.scrollHeight - this.clientHeight;
         },
         enumerable: false,
         configurable: true
     });
+    /**
+     * Initialises DOM dependant scroll properties.
+     *
+     * @internal
+     */
+    ScrollMixin.prototype.mounted = function () {
+        var _this = this;
+        this.$nextTick().then(function () {
+            if (!_this.$el) {
+                // TODO Replace with Empathy's logger
+                // eslint-disable-next-line no-console
+                console.warn('[ScrollMixin]', 'Components using this mixin must set `this.$el` to the HTML node that is scrolling.');
+            }
+            else {
+                _this.storeScrollData();
+            }
+        });
+    };
+    /**
+     * Resets the scroll position.
+     *
+     * @internal
+     */
+    ScrollMixin.prototype.resetScroll = function () {
+        var _this = this;
+        this.$nextTick().then(function () {
+            if (_this.resetOnChange) {
+                _this.$el.scrollTo({ top: 0 });
+            }
+        });
+    };
     /**
      * Emits the `scroll` event.
      *
@@ -128,15 +176,6 @@ var ScrollMixin = /** @class */ (function (_super) {
         this.$emit('scroll', this.currentPosition);
         this.previousPosition = oldScrollPosition;
     };
-    /**
-     * Emits the `scroll:direction-change` event when the scrolling direction has changed.
-     *
-     * @param direction - The new direction of scroll.
-     * @internal
-     */
-    ScrollMixin.prototype.emitScrollDirection = function (direction) {
-        this.$emit('scroll:direction-change', direction);
-    };
     /**
      * Emits the 'scroll:at-start' event when the user reaches the start.
      *
@@ -144,9 +183,7 @@ var ScrollMixin = /** @class */ (function (_super) {
      * @internal
      */
     ScrollMixin.prototype.emitScrollReachedAtStart = function (isScrollAtStart) {
-        if (isScrollAtStart) {
-            this.$emit('scroll:at-start');
-        }
+        this.$emit('scroll:at-start', isScrollAtStart);
     };
     /**
      * Emits the 'scroll:almost-at-end' event when the user is about to reach to end.
@@ -155,9 +192,7 @@ var ScrollMixin = /** @class */ (function (_super) {
      * @internal
      */
     ScrollMixin.prototype.emitScrollAlmostAtEnd = function (isScrollAlmostAtEnd) {
-        if (isScrollAlmostAtEnd) {
-            this.$emit('scroll:almost-at-end', this.distanceToEnd);
-        }
+        this.$emit('scroll:almost-at-end', isScrollAlmostAtEnd);
     };
     /**
      * Emits the 'scroll:at-end' event when the user reaches the end.
@@ -166,22 +201,52 @@ var ScrollMixin = /** @class */ (function (_super) {
      * @internal
      */
     ScrollMixin.prototype.emitScrollAtEnd = function (isScrollAtEnd) {
-        if (isScrollAtEnd) {
-            this.$emit('scroll:at-end');
+        this.$emit('scroll:at-end', isScrollAtEnd);
+    };
+    /**
+     * Emits the `scroll:direction-change` event when the scrolling direction has changed.
+     *
+     * @param direction - The new direction of scroll.
+     * @internal
+     */
+    ScrollMixin.prototype.emitScrollDirection = function (direction) {
+        this.$emit('scroll:direction-change', direction);
+    };
+    /**
+     * Updates scroll related properties.
+     *
+     * @internal
+     */
+    ScrollMixin.prototype.storeScrollData = function () {
+        if (this.$el) {
+            this.currentPosition = this.$el.scrollTop;
+            this.scrollHeight = this.$el.scrollHeight;
+            this.clientHeight = this.$el.clientHeight;
         }
     };
     __decorate([
         Prop({ default: 100 })
-    ], ScrollMixin.prototype, "throttleMs", void 0);
+    ], ScrollMixin.prototype, "distanceToBottom", void 0);
     __decorate([
         Prop({ default: 100 })
-    ], ScrollMixin.prototype, "distanceToBottom", void 0);
+    ], ScrollMixin.prototype, "firstElementThresholdPx", void 0);
+    __decorate([
+        Prop({ default: 100 })
+    ], ScrollMixin.prototype, "throttleMs", void 0);
+    __decorate([
+        Prop({ type: Boolean, default: true })
+    ], ScrollMixin.prototype, "resetOnChange", void 0);
+    __decorate([
+        XOn([
+            'SearchBoxQueryChanged',
+            'SortChanged',
+            'SelectedFiltersChanged',
+            'SelectedRelatedTagsChanged'
+        ])
+    ], ScrollMixin.prototype, "resetScroll", null);
     __decorate([
         Watch('currentPosition')
     ], ScrollMixin.prototype, "emitScroll", null);
-    __decorate([
-        Watch('scrollDirection')
-    ], ScrollMixin.prototype, "emitScrollDirection", null);
     __decorate([
         Watch('hasScrollReachedStart')
     ], ScrollMixin.prototype, "emitScrollReachedAtStart", null);
@@ -191,11 +256,16 @@ var ScrollMixin = /** @class */ (function (_super) {
     __decorate([
         Watch('hasScrollReachedEnd')
     ], ScrollMixin.prototype, "emitScrollAtEnd", null);
+    __decorate([
+        Watch('scrollDirection')
+    ], ScrollMixin.prototype, "emitScrollDirection", null);
     ScrollMixin = __decorate([
         Component
+        /* eslint-disable @typescript-eslint/unbound-method */
     ], ScrollMixin);
     return ScrollMixin;
-}(Vue));
+}(Vue));
+/*  eslint-enable @typescript-eslint/unbound-method */
 
 export default ScrollMixin;
 //# sourceMappingURL=scroll.mixin.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"scroll.mixin.js","sources":["../../../../src/components/scroll/scroll.mixin.ts"],"sourcesContent":["import Vue from 'vue';\nimport { Prop, Watch } from 'vue-property-decorator';\nimport Component from 'vue-class-component';\nimport { ScrollDirection } from './scroll.types';\n\n/**\n * Mixin to share Scroll logic.\n *\n * @public\n */\n@Component\nexport default class ScrollMixin extends Vue {\n  /**\n   * Time duration to ignore the subsequent scroll events after an emission.\n   * Higher values will decrease events precision but can prevent performance issues.\n   *\n   * @public\n   */\n  @Prop({ default: 100 })\n  public throttleMs!: number;\n\n  /**\n   * Distance to the end of the scroll that when reached will emit the\n   * `scroll:about-to-end` event.\n   *\n   * @public\n   */\n  @Prop({ default: 100 })\n  public distanceToBottom!: number;\n\n  /**\n   * Property for getting the current position of scroll.\n   *\n   * @internal\n   */\n  protected currentPosition = 0;\n\n  /**\n   * Property for getting the previous position of scroll.\n   *\n   * @internal\n   */\n  protected previousPosition = 0;\n\n  /**\n   * Property for getting the scroll height.\n   *\n   * @internal\n   */\n  protected scrollHeight = 0;\n\n  /**\n   * Property for getting the client height of scroll.\n   *\n   * @internal\n   */\n  protected clientHeight = 0;\n\n  /**\n   * Property for getting the direction of scroll.\n   *\n   * @internal\n   */\n  protected direction!: ScrollDirection;\n\n  /**\n   * Returns end position of scroll.\n   *\n   * @returns A number for knowing end position of scroll.\n   * @internal\n   */\n  protected get scrollEndPosition(): number {\n    return this.scrollHeight - this.clientHeight;\n  }\n\n  /**\n   * Returns distance missing to end position position.\n   *\n   * @returns A number for knowing the distance missing to end position position.\n   * @internal\n   */\n  protected get distanceToEnd(): number {\n    return this.scrollEndPosition - this.currentPosition;\n  }\n\n  /**\n   * Returns `true` when the scroll is at the initial position.\n   *\n   * @returns A boolean for knowing if the user scrolls to the start.\n   * @internal\n   */\n  protected get hasScrollReachedStart(): boolean {\n    return this.currentPosition === 0;\n  }\n\n  /**\n   * Returns direction of scroll based in {@link ScrollDirection}.\n   *\n   * @returns The scroll direction.\n   * @internal\n   */\n  protected get scrollDirection(): ScrollDirection {\n    return this.currentPosition > this.previousPosition ? 'DOWN' : 'UP';\n  }\n\n  /**\n   * Returns `true` when the amount of pixels scrolled is greater than\n   * the {@link ScrollMixin.distanceToBottom}.\n   *\n   * @returns A boolean for knowing if the user is about to reaching to the end.\n   * @internal\n   */\n  protected get hasScrollAlmostReachedEnd(): boolean {\n    return !this.hasScrollReachedStart && this.distanceToBottom > this.distanceToEnd;\n  }\n\n  /**\n   * Returns `true` when there is no more content to scroll.\n   *\n   * @returns A boolean for knowing if the user scrolls to the end.\n   * @internal\n   */\n  protected get hasScrollReachedEnd(): boolean {\n    return this.currentPosition === this.scrollEndPosition;\n  }\n\n  /**\n   * Emits the `scroll` event.\n   *\n   * @param _newScrollPosition - The new position of scroll.\n   * @param oldScrollPosition - The old position of scroll.\n   * @internal\n   */\n  @Watch('currentPosition')\n  emitScroll(_newScrollPosition: number, oldScrollPosition: number): void {\n    this.$emit('scroll', this.currentPosition);\n    this.previousPosition = oldScrollPosition;\n  }\n\n  /**\n   * Emits the `scroll:direction-change` event when the scrolling direction has changed.\n   *\n   * @param direction - The new direction of scroll.\n   * @internal\n   */\n  @Watch('scrollDirection')\n  emitScrollDirection(direction: ScrollDirection): void {\n    this.$emit('scroll:direction-change', direction);\n  }\n\n  /**\n   * Emits the 'scroll:at-start' event when the user reaches the start.\n   *\n   * @param isScrollAtStart - For knowing if the user reaches at start.\n   * @internal\n   */\n  @Watch('hasScrollReachedStart')\n  emitScrollReachedAtStart(isScrollAtStart: boolean): void {\n    if (isScrollAtStart) {\n      this.$emit('scroll:at-start');\n    }\n  }\n\n  /**\n   * Emits the 'scroll:almost-at-end' event when the user is about to reach to end.\n   *\n   * @param isScrollAlmostAtEnd - For knowing if the user is about to reach to end.\n   * @internal\n   */\n  @Watch('hasScrollAlmostReachedEnd')\n  emitScrollAlmostAtEnd(isScrollAlmostAtEnd: boolean): void {\n    if (isScrollAlmostAtEnd) {\n      this.$emit('scroll:almost-at-end', this.distanceToEnd);\n    }\n  }\n\n  /**\n   * Emits the 'scroll:at-end' event when the user reaches the end.\n   *\n   * @param isScrollAtEnd - For knowing if the user reaches at end.\n   * @internal\n   */\n  @Watch('hasScrollReachedEnd')\n  emitScrollAtEnd(isScrollAtEnd: boolean): void {\n    if (isScrollAtEnd) {\n      this.$emit('scroll:at-end');\n    }\n  }\n}\n"],"names":[],"mappings":";;;;;AAKA;;;;;AAMA;IAAyC,+BAAG;IAA5C;QAAA,qEAiLC;;;;;;QAzJW,qBAAe,GAAG,CAAC,CAAC;;;;;;QAOpB,sBAAgB,GAAG,CAAC,CAAC;;;;;;QAOrB,kBAAY,GAAG,CAAC,CAAC;;;;;;QAOjB,kBAAY,GAAG,CAAC,CAAC;;KAoI5B;IArHC,sBAAc,0CAAiB;;;;;;;aAA/B;YACE,OAAO,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC;SAC9C;;;OAAA;IAQD,sBAAc,sCAAa;;;;;;;aAA3B;YACE,OAAO,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,eAAe,CAAC;SACtD;;;OAAA;IAQD,sBAAc,8CAAqB;;;;;;;aAAnC;YACE,OAAO,IAAI,CAAC,eAAe,KAAK,CAAC,CAAC;SACnC;;;OAAA;IAQD,sBAAc,wCAAe;;;;;;;aAA7B;YACE,OAAO,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,gBAAgB,GAAG,MAAM,GAAG,IAAI,CAAC;SACrE;;;OAAA;IASD,sBAAc,kDAAyB;;;;;;;;aAAvC;YACE,OAAO,CAAC,IAAI,CAAC,qBAAqB,IAAI,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,aAAa,CAAC;SAClF;;;OAAA;IAQD,sBAAc,4CAAmB;;;;;;;aAAjC;YACE,OAAO,IAAI,CAAC,eAAe,KAAK,IAAI,CAAC,iBAAiB,CAAC;SACxD;;;OAAA;;;;;;;;IAUD,gCAAU,GAAV,UAAW,kBAA0B,EAAE,iBAAyB;QAC9D,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;QAC3C,IAAI,CAAC,gBAAgB,GAAG,iBAAiB,CAAC;KAC3C;;;;;;;IASD,yCAAmB,GAAnB,UAAoB,SAA0B;QAC5C,IAAI,CAAC,KAAK,CAAC,yBAAyB,EAAE,SAAS,CAAC,CAAC;KAClD;;;;;;;IASD,8CAAwB,GAAxB,UAAyB,eAAwB;QAC/C,IAAI,eAAe,EAAE;YACnB,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;SAC/B;KACF;;;;;;;IASD,2CAAqB,GAArB,UAAsB,mBAA4B;QAChD,IAAI,mBAAmB,EAAE;YACvB,IAAI,CAAC,KAAK,CAAC,sBAAsB,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;SACxD;KACF;;;;;;;IASD,qCAAe,GAAf,UAAgB,aAAsB;QACpC,IAAI,aAAa,EAAE;YACjB,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;SAC7B;KACF;IAxKD;QADC,IAAI,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC;mDACI;IAS3B;QADC,IAAI,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC;yDACU;IA0GjC;QADC,KAAK,CAAC,iBAAiB,CAAC;iDAIxB;IASD;QADC,KAAK,CAAC,iBAAiB,CAAC;0DAGxB;IASD;QADC,KAAK,CAAC,uBAAuB,CAAC;+DAK9B;IASD;QADC,KAAK,CAAC,2BAA2B,CAAC;4DAKlC;IASD;QADC,KAAK,CAAC,qBAAqB,CAAC;sDAK5B;IAhLkB,WAAW;QAD/B,SAAS;OACW,WAAW,CAiL/B;IAAD,kBAAC;CAAA,CAjLwC,GAAG;;;;"}
+{"version":3,"file":"scroll.mixin.js","sources":["../../../../src/components/scroll/scroll.mixin.ts"],"sourcesContent":["import Vue from 'vue';\nimport { Component, Prop, Watch } from 'vue-property-decorator';\nimport { throttle } from '../../utils/throttle';\nimport { XOn } from '../decorators/bus.decorators';\nimport { ScrollDirection } from './scroll.types';\n\n/**\n * Mixin to share Scroll logic.\n *\n * @public\n */\n@Component\n/* eslint-disable @typescript-eslint/unbound-method */\nexport default class ScrollMixin extends Vue {\n  /**\n   * The scrolling container reference.\n   *\n   * @public\n   */\n  public $el!: HTMLElement;\n  /**\n   * Distance to the end of the scroll that when reached will emit the\n   * `scroll:about-to-end` event.\n   *\n   * @public\n   */\n  @Prop({ default: 100 })\n  public distanceToBottom!: number;\n  /**\n   * Positive vertical distance to still consider that the an element is the first one visible.\n   * For example, if set to 100, after scrolling 100 pixels, the first rendered element\n   * will still be considered the first one.\n   */\n  @Prop({ default: 100 })\n  public firstElementThresholdPx!: number;\n  /**\n   * Time duration to ignore the subsequent scroll events after an emission.\n   * Higher values will decrease events precision but can prevent performance issues.\n   *\n   * @public\n   */\n  @Prop({ default: 100 })\n  public throttleMs!: number;\n\n  /**\n   * If true (default), sets the scroll position to the top when certain events are emitted.\n   *\n   * @public\n   */\n  @Prop({ type: Boolean, default: true })\n  protected resetOnChange!: boolean;\n  /**\n   * Property for getting the client height of scroll.\n   *\n   * @internal\n   */\n  protected clientHeight = 0;\n  /**\n   * Property for getting the current position of scroll.\n   *\n   * @internal\n   */\n  protected currentPosition = 0;\n  /**\n   * Property for getting the direction of scroll.\n   *\n   * @internal\n   */\n  protected direction!: ScrollDirection;\n  /**\n   * Property for getting the previous position of scroll.\n   *\n   * @internal\n   */\n  protected previousPosition = 0;\n  /**\n   * Property for getting the scroll height.\n   *\n   * @internal\n   */\n  protected scrollHeight = 0;\n\n  /**\n   * Throttled version of the function that stores the DOM scroll related properties.\n   * The duration of the throttle is configured through the\n   * {@link ScrollMixin.throttleMs}.\n   *\n   * @returns A throttled version of the function to store the scroll data.\n   * @internal\n   */\n  protected get throttledStoreScrollData(): () => void {\n    return throttle(this.storeScrollData, this.throttleMs);\n  }\n\n  /**\n   * Returns distance missing to end position position.\n   *\n   * @returns A number for knowing the distance missing to end position position.\n   * @internal\n   */\n  protected get distanceToEnd(): number {\n    return this.scrollEndPosition - this.currentPosition;\n  }\n\n  /**\n   * Returns `true` when the amount of pixels scrolled is greater than\n   * the {@link ScrollMixin.distanceToBottom}.\n   *\n   * @returns A boolean for knowing if the user is about to reaching to the end.\n   * @internal\n   */\n  protected get hasScrollAlmostReachedEnd(): boolean {\n    return !this.hasScrollReachedStart && this.distanceToBottom > this.distanceToEnd;\n  }\n\n  /**\n   * Returns `true` when there is no more content to scroll.\n   *\n   * @returns A boolean for knowing if the user scrolls to the end.\n   * @internal\n   */\n  protected get hasScrollReachedEnd(): boolean {\n    return this.currentPosition === this.scrollEndPosition;\n  }\n\n  /**\n   * Returns `true` when the scroll is at the initial position.\n   *\n   * @returns A boolean for knowing if the user scrolls to the start.\n   * @internal\n   */\n  protected get hasScrollReachedStart(): boolean {\n    return this.currentPosition === 0;\n  }\n\n  /**\n   * Returns direction of scroll based in {@link ScrollDirection}.\n   *\n   * @returns The scroll direction.\n   * @internal\n   */\n  protected get scrollDirection(): ScrollDirection {\n    return this.currentPosition > this.previousPosition ? 'DOWN' : 'UP';\n  }\n\n  /**\n   * Returns end position of scroll.\n   *\n   * @returns A number for knowing end position of scroll.\n   * @internal\n   */\n  protected get scrollEndPosition(): number {\n    return this.scrollHeight - this.clientHeight;\n  }\n\n  /**\n   * Initialises DOM dependant scroll properties.\n   *\n   * @internal\n   */\n  mounted(): void {\n    this.$nextTick().then(() => {\n      if (!this.$el) {\n        // TODO Replace with Empathy's logger\n        // eslint-disable-next-line no-console\n        console.warn(\n          '[ScrollMixin]',\n          'Components using this mixin must set `this.$el` to the HTML node that is scrolling.'\n        );\n      } else {\n        this.storeScrollData();\n      }\n    });\n  }\n\n  /**\n   * Resets the scroll position.\n   *\n   * @internal\n   */\n  @XOn([\n    'SearchBoxQueryChanged',\n    'SortChanged',\n    'SelectedFiltersChanged',\n    'SelectedRelatedTagsChanged'\n  ])\n  resetScroll(): void {\n    this.$nextTick().then(() => {\n      if (this.resetOnChange) {\n        this.$el.scrollTo({ top: 0 });\n      }\n    });\n  }\n\n  /**\n   * Emits the `scroll` event.\n   *\n   * @param _newScrollPosition - The new position of scroll.\n   * @param oldScrollPosition - The old position of scroll.\n   * @internal\n   */\n  @Watch('currentPosition')\n  protected emitScroll(_newScrollPosition: number, oldScrollPosition: number): void {\n    this.$emit('scroll', this.currentPosition);\n    this.previousPosition = oldScrollPosition;\n  }\n\n  /**\n   * Emits the 'scroll:at-start' event when the user reaches the start.\n   *\n   * @param isScrollAtStart - For knowing if the user reaches at start.\n   * @internal\n   */\n  @Watch('hasScrollReachedStart')\n  protected emitScrollReachedAtStart(isScrollAtStart: boolean): void {\n    this.$emit('scroll:at-start', isScrollAtStart);\n  }\n\n  /**\n   * Emits the 'scroll:almost-at-end' event when the user is about to reach to end.\n   *\n   * @param isScrollAlmostAtEnd - For knowing if the user is about to reach to end.\n   * @internal\n   */\n  @Watch('hasScrollAlmostReachedEnd')\n  protected emitScrollAlmostAtEnd(isScrollAlmostAtEnd: boolean): void {\n    this.$emit('scroll:almost-at-end', isScrollAlmostAtEnd);\n  }\n\n  /**\n   * Emits the 'scroll:at-end' event when the user reaches the end.\n   *\n   * @param isScrollAtEnd - For knowing if the user reaches at end.\n   * @internal\n   */\n  @Watch('hasScrollReachedEnd')\n  protected emitScrollAtEnd(isScrollAtEnd: boolean): void {\n    this.$emit('scroll:at-end', isScrollAtEnd);\n  }\n\n  /**\n   * Emits the `scroll:direction-change` event when the scrolling direction has changed.\n   *\n   * @param direction - The new direction of scroll.\n   * @internal\n   */\n  @Watch('scrollDirection')\n  protected emitScrollDirection(direction: ScrollDirection): void {\n    this.$emit('scroll:direction-change', direction);\n  }\n\n  /**\n   * Updates scroll related properties.\n   *\n   * @internal\n   */\n  protected storeScrollData(): void {\n    if (this.$el) {\n      this.currentPosition = this.$el.scrollTop;\n      this.scrollHeight = this.$el.scrollHeight;\n      this.clientHeight = this.$el.clientHeight;\n    }\n  }\n}\n/*  eslint-enable @typescript-eslint/unbound-method */\n"],"names":[],"mappings":";;;;;;AAMA;;;;;AAOA;IAAyC,+BAAG;;IAA5C;QAAA,qEA0PC;;;;;;QA/MW,kBAAY,GAAG,CAAC,CAAC;;;;;;QAMjB,qBAAe,GAAG,CAAC,CAAC;;;;;;QAYpB,sBAAgB,GAAG,CAAC,CAAC;;;;;;QAMrB,kBAAY,GAAG,CAAC,CAAC;;KAuL5B;IA7KC,sBAAc,iDAAwB;;;;;;;;;aAAtC;YACE,OAAO,QAAQ,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;SACxD;;;OAAA;IAQD,sBAAc,sCAAa;;;;;;;aAA3B;YACE,OAAO,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,eAAe,CAAC;SACtD;;;OAAA;IASD,sBAAc,kDAAyB;;;;;;;;aAAvC;YACE,OAAO,CAAC,IAAI,CAAC,qBAAqB,IAAI,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,aAAa,CAAC;SAClF;;;OAAA;IAQD,sBAAc,4CAAmB;;;;;;;aAAjC;YACE,OAAO,IAAI,CAAC,eAAe,KAAK,IAAI,CAAC,iBAAiB,CAAC;SACxD;;;OAAA;IAQD,sBAAc,8CAAqB;;;;;;;aAAnC;YACE,OAAO,IAAI,CAAC,eAAe,KAAK,CAAC,CAAC;SACnC;;;OAAA;IAQD,sBAAc,wCAAe;;;;;;;aAA7B;YACE,OAAO,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,gBAAgB,GAAG,MAAM,GAAG,IAAI,CAAC;SACrE;;;OAAA;IAQD,sBAAc,0CAAiB;;;;;;;aAA/B;YACE,OAAO,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC;SAC9C;;;OAAA;;;;;;IAOD,6BAAO,GAAP;QAAA,iBAaC;QAZC,IAAI,CAAC,SAAS,EAAE,CAAC,IAAI,CAAC;YACpB,IAAI,CAAC,KAAI,CAAC,GAAG,EAAE;;;gBAGb,OAAO,CAAC,IAAI,CACV,eAAe,EACf,qFAAqF,CACtF,CAAC;aACH;iBAAM;gBACL,KAAI,CAAC,eAAe,EAAE,CAAC;aACxB;SACF,CAAC,CAAC;KACJ;;;;;;IAaD,iCAAW,GAAX;QANA,iBAYC;QALC,IAAI,CAAC,SAAS,EAAE,CAAC,IAAI,CAAC;YACpB,IAAI,KAAI,CAAC,aAAa,EAAE;gBACtB,KAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;aAC/B;SACF,CAAC,CAAC;KACJ;;;;;;;;IAUS,gCAAU,GAApB,UAAqB,kBAA0B,EAAE,iBAAyB;QACxE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;QAC3C,IAAI,CAAC,gBAAgB,GAAG,iBAAiB,CAAC;KAC3C;;;;;;;IASS,8CAAwB,GAAlC,UAAmC,eAAwB;QACzD,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAAE,eAAe,CAAC,CAAC;KAChD;;;;;;;IASS,2CAAqB,GAA/B,UAAgC,mBAA4B;QAC1D,IAAI,CAAC,KAAK,CAAC,sBAAsB,EAAE,mBAAmB,CAAC,CAAC;KACzD;;;;;;;IASS,qCAAe,GAAzB,UAA0B,aAAsB;QAC9C,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;KAC5C;;;;;;;IASS,yCAAmB,GAA7B,UAA8B,SAA0B;QACtD,IAAI,CAAC,KAAK,CAAC,yBAAyB,EAAE,SAAS,CAAC,CAAC;KAClD;;;;;;IAOS,qCAAe,GAAzB;QACE,IAAI,IAAI,CAAC,GAAG,EAAE;YACZ,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC;YAC1C,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC;YAC1C,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC;SAC3C;KACF;IA3OD;QADC,IAAI,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC;yDACU;IAOjC;QADC,IAAI,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC;gEACiB;IAQxC;QADC,IAAI,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC;mDACI;IAQ3B;QADC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sDACL;IAwIlC;QANC,GAAG,CAAC;YACH,uBAAuB;YACvB,aAAa;YACb,wBAAwB;YACxB,4BAA4B;SAC7B,CAAC;kDAOD;IAUD;QADC,KAAK,CAAC,iBAAiB,CAAC;iDAIxB;IASD;QADC,KAAK,CAAC,uBAAuB,CAAC;+DAG9B;IASD;QADC,KAAK,CAAC,2BAA2B,CAAC;4DAGlC;IASD;QADC,KAAK,CAAC,qBAAqB,CAAC;sDAG5B;IASD;QADC,KAAK,CAAC,iBAAiB,CAAC;0DAGxB;IA5OkB,WAAW;QAF/B,SAAS;;OAEW,WAAW,CA0P/B;IAAD,kBAAC;CAAA,CA1PwC,GAAG,GA0P3C;AACD;;;;"}