@empathyco/x-components 3.0.0-alpha.8 → 3.0.0-alpha.80

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

@@ -1 +0,0 @@
-{"version":3,"file":"base-result-current-price.vue_rollup-plugin-vue=script.js","sources":["../../../../src/components/result/base-result-current-price.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { Result } from '@empathyco/x-types';\nimport { Component, Prop } from 'vue-property-decorator';\nimport Vue from 'vue';\nimport { VueCSSClasses } from '../../utils/types';\nimport BaseCurrency from '../currency/base-currency.vue';\n\n/**\n * Component that renders the {@link @empathyco/x-types#Result | result} current price\n * that may or may not be on sale.\n *\n * @public\n */\n@Component({\n  components: { BaseCurrency }\n})\nexport default class BaseResultCurrentPrice extends Vue {\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   * Format or mask to be defined as string.\n   * - Use 'i' to define integer numbers.\n   * - Use 'd' to define decimal numbers. You can define the length of the decimal part. If the\n   * doesn't include decimals, it is filled with zeros until reach the length defined with 'd's.\n   * - Integer separator must be defined between the 3rd and the 4th integer 'i' of a group.\n   * - Decimal separator must be defined between the last 'i' and the first 'd'. It can be more\n   * than one character.\n   * - Set whatever you need around the integers and decimals marks.\n   * - Default mask: 'i.iii,dd' which returns '1.345,67'.\n   *\n   * @remarks The number of 'd', which is the maximum decimal length, MUST match with the length\n   * of decimals provided from the adapter. Otherwise, when the component truncate the decimal\n   * part, delete significant digits.\n   *\n   * @public\n   */\n  @Prop({ default: 'i.iii,dd' })\n  protected format!: string;\n\n  /**\n   * If true and the value is an integer without decimals, the decimal part is hidden including\n   * the decimal separator.\n   * If false, the default behaviour will fill with zeros the remaining length until getting\n   * the one defined with the 'd's.\n   *\n   * @public\n   */\n  @Prop({ default: false })\n  protected hideIntegerDecimals!: boolean;\n\n  /**\n   * Dynamic CSS classes to add to the root element of this component.\n   *\n   * @returns A booleans dictionary where each key is the class name to add, and the boolean value\n   * tells if it should be added or not.\n   * @internal\n   */\n  protected get dynamicClasses(): VueCSSClasses {\n    return {\n      'x-result-current-price--on-sale': this.result.price.hasDiscount\n    };\n  }\n}\n"],"names":[],"mappings":";;;;;AAuBA;;;;;;AASA;IAAoD,0CAAG;IAAvD;;KAoDC;IALC,sBAAc,kDAAc;;;;;;;;aAA5B;YACE,OAAO;gBACL,iCAAiC,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW;aACjE,CAAC;SACH;;;OAAA;IA5CD;QADC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;0DACC;IAoB1B;QADC,IAAI,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC;0DACJ;IAW1B;QADC,IAAI,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;uEACe;IAtCrB,sBAAsB;QAH1C,SAAS,CAAC;YACT,UAAU,EAAE,EAAE,YAAY,cAAA,EAAE;SAC7B,CAAC;OACmB,sBAAsB,CAoD1C;IAAD,6BAAC;CAAA,CApDmD,GAAG;;;;"}

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

@@ -1,4 +0,0 @@
-var script = {};
-
-export default script;
-//# sourceMappingURL=base-result-fallback-image.vue_rollup-plugin-vue=script.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"base-result-fallback-image.vue_rollup-plugin-vue=script.js","sources":["../../../../src/components/result/base-result-fallback-image.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nexport default {};\n"],"names":[],"mappings":"AAoCA,aAAe,EAAE;;;;"}

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

@@ -1,145 +0,0 @@
-import { __extends, __decorate } from 'tslib';
-import Vue from 'vue';
-import { Prop, Component } from 'vue-property-decorator';
-import { NoElement } from '../no-element.js';
-
-/**
- * Component to be reused that renders an `<img>`.
- *
- * @public
- */
-var BaseResultImage = /** @class */ (function (_super) {
-    __extends(BaseResultImage, _super);
-    function BaseResultImage() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        /**
-         * The image has entered in the port view.
-         *
-         * @public
-         */
-        _this.hasEnteredView = false;
-        /**
-         * An array of images that failed to load.
-         *
-         * @public
-         */
-        _this.failedImages = [];
-        /**
-         * Indicates if the result image is loaded.
-         *
-         * @public
-         */
-        _this.hasImageLoaded = false;
-        return _this;
-    }
-    Object.defineProperty(BaseResultImage.prototype, "isIntersectionObserverAvailable", {
-        /**
-         * Checks if intersection observer is available in window object.
-         *
-         * @returns Boolean.
-         *
-         * @internal
-         */
-        get: function () {
-            return 'IntersectionObserver' in window;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    BaseResultImage.prototype.mounted = function () {
-        this.hasEnteredView = !this.isIntersectionObserverAvailable;
-        if (this.isIntersectionObserverAvailable) {
-            this.createObserver();
-        }
-    };
-    Object.defineProperty(BaseResultImage.prototype, "imageSrc", {
-        /**
-         * Gets the src from the result image.
-         *
-         * @returns The result image src.
-         *
-         * @internal
-         */
-        get: function () {
-            var _this = this;
-            if (this.hasEnteredView && this.result.images.length > 0) {
-                var image = this.result.images.find(function (image) { return !_this.failedImages.includes(image); });
-                return image !== null && image !== void 0 ? image : '';
-            }
-            return '';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * Creates an intersection observer in the image element.
-     *
-     * @internal
-     */
-    BaseResultImage.prototype.createObserver = function () {
-        var image = this.$refs.image;
-        var observer = new IntersectionObserver(this.observerHandler.bind(this));
-        observer.observe(image);
-    };
-    /**
-     * Observe all the observables items and detects when a element is intersected.
-     *
-     * @param entries - The observed items.
-     * @param observer - The intersection observer object.
-     *
-     * @internal
-     */
-    BaseResultImage.prototype.observerHandler = function (entries, observer) {
-        var _this = this;
-        entries.forEach(function (entry) {
-            if (entry.isIntersecting) {
-                _this.hasEnteredView = true;
-                observer.disconnect();
-            }
-        });
-    };
-    /**
-     * Sets an image as failed.
-     *
-     * @internal
-     */
-    BaseResultImage.prototype.flagImageAsFailed = function () {
-        this.failedImages.push(this.imageSrc);
-    };
-    Object.defineProperty(BaseResultImage.prototype, "hasAllImagesFailed", {
-        /**
-         * Checks if all the images failed.
-         *
-         * @returns Boolean.
-         *
-         * @internal
-         */
-        get: function () {
-            return this.failedImages.length === this.result.images.length;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * Marks an image as loaded.
-     *
-     * @internal
-     */
-    BaseResultImage.prototype.flagImageLoaded = function () {
-        this.hasImageLoaded = true;
-    };
-    __decorate([
-        Prop({ required: true })
-    ], BaseResultImage.prototype, "result", void 0);
-    BaseResultImage = __decorate([
-        Component({
-            components: {
-                NoElement: NoElement
-            }
-        })
-    ], BaseResultImage);
-    return BaseResultImage;
-}(Vue));
-
-export default BaseResultImage;
-//# sourceMappingURL=base-result-image.vue_rollup-plugin-vue=script.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"base-result-image.vue_rollup-plugin-vue=script.js","sources":["../../../../src/components/result/base-result-image.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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, Prop } from 'vue-property-decorator';\nimport { NoElement } from '../no-element';\n\n/**\n * Component to be reused that renders an `<img>`.\n *\n * @public\n */\n@Component({\n  components: {\n    NoElement\n  }\n})\nexport default class BaseResultImage extends Vue {\n  /**\n   * The image has entered in the port view.\n   *\n   * @public\n   */\n  protected hasEnteredView = false;\n  /**\n   * An array of images that failed to load.\n   *\n   * @public\n   */\n  protected failedImages: string[] = [];\n  /**\n   * HTMLElement that references the picture element.\n   *\n   * @public\n   */\n  public $refs!: { image: HTMLElement };\n  /**\n   * Indicates if the result image is loaded.\n   *\n   * @public\n   */\n  protected hasImageLoaded = false;\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   * Checks if intersection observer is available in window object.\n   *\n   * @returns Boolean.\n   *\n   * @internal\n   */\n  protected get isIntersectionObserverAvailable(): boolean {\n    return 'IntersectionObserver' in window;\n  }\n\n  mounted(): void {\n    this.hasEnteredView = !this.isIntersectionObserverAvailable;\n    if (this.isIntersectionObserverAvailable) {\n      this.createObserver();\n    }\n  }\n\n  /**\n   * Gets the src from the result image.\n   *\n   * @returns The result image src.\n   *\n   * @internal\n   */\n  protected get imageSrc(): string {\n    if (this.hasEnteredView && this.result.images.length > 0) {\n      const image = this.result.images.find(image => !this.failedImages.includes(image));\n      return image ?? '';\n    }\n    return '';\n  }\n\n  /**\n   * Creates an intersection observer in the image element.\n   *\n   * @internal\n   */\n  protected createObserver(): void {\n    const image = this.$refs.image as Element;\n    const observer = new IntersectionObserver(this.observerHandler.bind(this));\n    observer.observe(image);\n  }\n\n  /**\n   * Observe all the observables items and detects when a element is intersected.\n   *\n   * @param entries - The observed items.\n   * @param observer - The intersection observer object.\n   *\n   * @internal\n   */\n  protected observerHandler(\n    entries: IntersectionObserverEntry[],\n    observer: IntersectionObserver\n  ): void {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        this.hasEnteredView = true;\n        observer.disconnect();\n      }\n    });\n  }\n\n  /**\n   * Sets an image as failed.\n   *\n   * @internal\n   */\n  protected flagImageAsFailed(): void {\n    this.failedImages.push(this.imageSrc);\n  }\n\n  /**\n   * Checks if all the images failed.\n   *\n   * @returns Boolean.\n   *\n   * @internal\n   */\n  protected get hasAllImagesFailed(): boolean {\n    return this.failedImages.length === this.result.images.length;\n  }\n\n  /**\n   * Marks an image as loaded.\n   *\n   * @internal\n   */\n  protected flagImageLoaded(): void {\n    this.hasImageLoaded = true;\n  }\n}\n"],"names":[],"mappings":";;;;;AAuCA;;;;;AAUA;IAA6C,mCAAG;IAAhD;QAAA,qEA8HC;;;;;;QAxHW,oBAAc,GAAG,KAAK,CAAC;;;;;;QAMvB,kBAAY,GAAa,EAAE,CAAC;;;;;;QAY5B,oBAAc,GAAG,KAAK,CAAC;;KAsGlC;IArFC,sBAAc,4DAA+B;;;;;;;;aAA7C;YACE,OAAO,sBAAsB,IAAI,MAAM,CAAC;SACzC;;;OAAA;IAED,iCAAO,GAAP;QACE,IAAI,CAAC,cAAc,GAAG,CAAC,IAAI,CAAC,+BAA+B,CAAC;QAC5D,IAAI,IAAI,CAAC,+BAA+B,EAAE;YACxC,IAAI,CAAC,cAAc,EAAE,CAAC;SACvB;KACF;IASD,sBAAc,qCAAQ;;;;;;;;aAAtB;YAAA,iBAMC;YALC,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;gBACxD,IAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,UAAA,KAAK,IAAI,OAAA,CAAC,KAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAA,CAAC,CAAC;gBACnF,OAAO,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,CAAC;aACpB;YACD,OAAO,EAAE,CAAC;SACX;;;OAAA;;;;;;IAOS,wCAAc,GAAxB;QACE,IAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAgB,CAAC;QAC1C,IAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC3E,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;KACzB;;;;;;;;;IAUS,yCAAe,GAAzB,UACE,OAAoC,EACpC,QAA8B;QAFhC,iBAUC;QANC,OAAO,CAAC,OAAO,CAAC,UAAA,KAAK;YACnB,IAAI,KAAK,CAAC,cAAc,EAAE;gBACxB,KAAI,CAAC,cAAc,GAAG,IAAI,CAAC;gBAC3B,QAAQ,CAAC,UAAU,EAAE,CAAC;aACvB;SACF,CAAC,CAAC;KACJ;;;;;;IAOS,2CAAiB,GAA3B;QACE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;KACvC;IASD,sBAAc,+CAAkB;;;;;;;;aAAhC;YACE,OAAO,IAAI,CAAC,YAAY,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC;SAC/D;;;OAAA;;;;;;IAOS,yCAAe,GAAzB;QACE,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;KAC5B;IA7FD;QADC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;mDACC;IAhCP,eAAe;QALnC,SAAS,CAAC;YACT,UAAU,EAAE;gBACV,SAAS,WAAA;aACV;SACF,CAAC;OACmB,eAAe,CA8HnC;IAAD,sBAAC;CAAA,CA9H4C,GAAG;;;;"}

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

@@ -1,64 +0,0 @@
-import { __extends, __decorate } from 'tslib';
-import Vue from 'vue';
-import { Inject, Prop, Component } from 'vue-property-decorator';
-
-/**
- * Component to be reused that renders an `<a>` wrapping the result contents.
- *
- * @remarks
- * It has the logic to emit {@link XEventsTypes.UserClickedAResult} and
- * {@link XEventsTypes.UserRightClickedAResult} to the bus on click mouse events.
- * Additionally, this component may be injected other events to be emitted on click event, so,
- * depending where it's used its father component may provide this events.
- *
- * @public
- */
-var BaseResultLink = /** @class */ (function (_super) {
-    __extends(BaseResultLink, _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
-     */
-    BaseResultLink.prototype.emitUserClickedAResult = function () {
-        var _this = this;
-        this.$x.emit('UserClickedAResult', this.result, this.metadata);
-        this.resultClickExtraEvents.forEach(function (event) {
-            _this.$x.emit(event, _this.result, _this.metadata);
-        });
-    };
-    /**
-     * Emits the {@link XEventsTypes.UserRightClickedAResult} when user right clicks on the result.
-     *
-     * @public
-     */
-    BaseResultLink.prototype.emitUserRightClickedAResult = function () {
-        this.$x.emit('UserRightClickedAResult', this.result, this.metadata);
-    };
-    __decorate([
-        Inject({ from: 'origin', default: 'default' })
-    ], BaseResultLink.prototype, "origin", void 0);
-    __decorate([
-        Inject({ from: 'resultClickExtraEvents', default: [] })
-    ], BaseResultLink.prototype, "resultClickExtraEvents", void 0);
-    __decorate([
-        Prop({ required: true })
-    ], BaseResultLink.prototype, "result", void 0);
-    BaseResultLink = __decorate([
-        Component
-    ], BaseResultLink);
-    return BaseResultLink;
-}(Vue));
-
-export default BaseResultLink;
-//# sourceMappingURL=base-result-link.vue_rollup-plugin-vue=script.js.map

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

@@ -1 +0,0 @@
-{"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;;;;"}

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

@@ -1,4 +0,0 @@
-var script = {};
-
-export default script;
-//# sourceMappingURL=base-result-placeholder-image.vue_rollup-plugin-vue=script.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"base-result-placeholder-image.vue_rollup-plugin-vue=script.js","sources":["../../../../src/components/result/base-result-placeholder-image.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nexport default {};\n"],"names":[],"mappings":"AAiDA,aAAe,EAAE;;;;"}

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

@@ -1,34 +0,0 @@
-import { __extends, __decorate } from 'tslib';
-import Vue from 'vue';
-import { Prop, Component } from 'vue-property-decorator';
-import BaseCurrency from '../currency/base-currency.vue.js';
-
-/**
- * Component that renders the {@link @empathyco/x-types#Result | result} previous price.
- *
- * @public
- */
-var BaseResultPreviousPrice = /** @class */ (function (_super) {
-    __extends(BaseResultPreviousPrice, _super);
-    function BaseResultPreviousPrice() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    __decorate([
-        Prop({ required: true })
-    ], BaseResultPreviousPrice.prototype, "result", void 0);
-    __decorate([
-        Prop({ default: 'i.iii,dd' })
-    ], BaseResultPreviousPrice.prototype, "format", void 0);
-    __decorate([
-        Prop({ default: false })
-    ], BaseResultPreviousPrice.prototype, "hideIntegerDecimals", void 0);
-    BaseResultPreviousPrice = __decorate([
-        Component({
-            components: { BaseCurrency: BaseCurrency }
-        })
-    ], BaseResultPreviousPrice);
-    return BaseResultPreviousPrice;
-}(Vue));
-
-export default BaseResultPreviousPrice;
-//# sourceMappingURL=base-result-previous-price.vue_rollup-plugin-vue=script.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"base-result-previous-price.vue_rollup-plugin-vue=script.js","sources":["../../../../src/components/result/base-result-previous-price.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { Result } from '@empathyco/x-types';\nimport { Component, Prop } from 'vue-property-decorator';\nimport Vue from 'vue';\nimport BaseCurrency from '../currency/base-currency.vue';\n\n/**\n * Component that renders the {@link @empathyco/x-types#Result | result} previous price.\n *\n * @public\n */\n@Component({\n  components: { BaseCurrency }\n})\nexport default class BaseResultPreviousPrice extends Vue {\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   * Format or mask to be defined as string.\n   * - Use 'i' to define integer numbers.\n   * - Use 'd' to define decimal numbers. You can define the length of the decimal part. If the\n   * doesn't include decimals, it is filled with zeros until reach the length defined with 'd's.\n   * - Integer separator must be defined between the 3rd and the 4th integer 'i' of a group.\n   * - Decimal separator must be defined between the last 'i' and the first 'd'. It can be more\n   * than one character.\n   * - Set whatever you need around the integers and decimals marks.\n   * - Default mask: 'i.iii,dd' which returns '1.345,67'.\n   *\n   * @remarks The number of 'd', which is the maximum decimal length, MUST match with the length\n   * of decimals provided from the adapter. Otherwise, when the component truncate the decimal\n   * part, delete significant digits.\n   *\n   * @public\n   */\n  @Prop({ default: 'i.iii,dd' })\n  protected format!: string;\n\n  /**\n   * If true and the value is an integer without decimals, the decimal part is hidden including\n   * the decimal separator.\n   * If false, the default behaviour will fill with zeros the remaining length until getting\n   * the one defined with the 'd's.\n   *\n   * @public\n   */\n  @Prop({ default: false })\n  protected hideIntegerDecimals!: boolean;\n}\n"],"names":[],"mappings":";;;;;AA0BA;;;;;AAQA;IAAqD,2CAAG;IAAxD;;KAuCC;IAhCC;QADC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;2DACC;IAoB1B;QADC,IAAI,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC;2DACJ;IAW1B;QADC,IAAI,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;wEACe;IAtCrB,uBAAuB;QAH3C,SAAS,CAAC;YACT,UAAU,EAAE,EAAE,YAAY,cAAA,EAAE;SAC7B,CAAC;OACmB,uBAAuB,CAuC3C;IAAD,8BAAC;CAAA,CAvCoD,GAAG;;;;"}

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

@@ -1,69 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-import script from './base-id-scroll.vue_rollup-plugin-vue=script.js';
-
-/* script */
-var __vue_script__ = script;
-
-/* template */
-var __vue_render__ = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c(
-    "BaseScroll",
-    _vm._g(
-      {
-        attrs: {
-          id: _vm.id,
-          throttleMs: _vm.throttleMs,
-          distanceToBottom: _vm.distanceToBottom,
-          resetOnQueryChange: _vm.resetOnQueryChange
-        },
-        on: {
-          scroll: _vm.scroll,
-          "scroll:direction-change": _vm.scrollDirectionChange,
-          "scroll:at-start": _vm.scrollAtStart,
-          "scroll:almost-at-end": _vm.scrollAlmostAtEnd,
-          "scroll:at-end": _vm.scrollAtEnd
-        }
-      },
-      _vm.$listeners
-    ),
-    [_vm._t("default")],
-    2
-  )
-};
-var __vue_staticRenderFns__ = [];
-__vue_render__._withStripped = true;
-
-  /* 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__ = false;
-  /* style inject */
-  
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  var __vue_component__ = /*#__PURE__*/__vue_normalize__(
-    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
-    __vue_inject_styles__,
-    __vue_script__,
-    __vue_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-export default __vue_component__;
-//# sourceMappingURL=base-id-scroll.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"base-id-scroll.vue.js","sources":["../../../../src/components/scroll/base-id-scroll.vue"],"sourcesContent":["<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    v-on=\"$listeners\"\n    :id=\"id\"\n    :throttleMs=\"throttleMs\"\n    :distanceToBottom=\"distanceToBottom\"\n    :resetOnQueryChange=\"resetOnQueryChange\"\n  >\n    <slot />\n  </BaseScroll>\n</template>\n\n<script lang=\"ts\">\n  import Vue from 'vue';\n  import { Component, Prop } from 'vue-property-decorator';\n  import { XOn } from '../decorators/bus.decorators';\n  import { XEvent, XEventPayload } from '../../wiring';\n  import BaseScroll from './base-scroll.vue';\n  import { ScrollDirection } from './scroll.types';\n\n  /**\n   * Base scroll component that depending on base scroll component and the user interaction emits\n   * different x events for knowing when the user scrolls, the direction of scroll and if user\n   * reaches the start or end.\n   *\n   * @public\n   */\n  @Component({\n    components: { BaseScroll }\n  })\n  export default class BaseIdScroll 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()\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()\n    public distanceToBottom!: number;\n\n    /**\n     * Id to identify the component.\n     *\n     * @public\n     */\n    @Prop({ default: 'scrollId' })\n    public id!: string;\n\n    /**\n     * If true (default), sets the scroll position of the {@link BaseScroll} component to top when\n     * an {@link XEventsTypes.UserAcceptedAQuery} event is emitted.\n     *\n     * @public\n     */\n    @Prop({ default: true })\n    protected resetOnQueryChange!: boolean;\n\n    /**\n     * Emits the `UserScrolled` event.\n     *\n     * @param position - The new position of scroll.\n     * @internal\n     */\n    protected scroll(position: number): void {\n      this.emitEvent('UserScrolled', position);\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    protected scrollDirectionChange(direction: ScrollDirection): void {\n      this.emitEvent('UserChangedScrollDirection', direction);\n    }\n\n    /**\n     * Emits the 'UserReachedScrollStart' event when the user reaches the start.\n     *\n     * @internal\n     */\n    protected scrollAtStart(): void {\n      this.emitEvent('UserReachedScrollStart');\n    }\n\n    /**\n     * Emits the 'UserAlmostReachedScrollEnd' event when the user is about to reach to end.\n     *\n     * @param distance - A number for knowing the distance missing to end position position.\n     * @internal\n     */\n    protected scrollAlmostAtEnd(distance: number): void {\n      this.emitEvent('UserAlmostReachedScrollEnd', distance);\n    }\n\n    /**\n     * Emits the 'UserReachedScrollEnd' event when the user is about to reach to end.\n     *\n     * @internal\n     */\n    protected scrollAtEnd(): void {\n      this.emitEvent('UserReachedScrollEnd');\n    }\n\n    /**\n     * Emits the event corresponding passed as parameter when the user has scrolled.\n     *\n     * @param event - Name of event to emit.\n     * @internal\n     */\n    protected emitEvent<Event extends XEvent>(event: Event): void;\n    /**\n     * Emits the event corresponding passed as parameter when the user has scrolled.\n     *\n     * @param event - Name of event to emit.\n     * @param payload - Data to send in the event like payload. {@link ScrollDirection | number}.\n     * @internal\n     */\n    protected emitEvent<Event extends XEvent>(event: Event, payload: XEventPayload<Event>): void;\n    /**\n     * Emits the event corresponding passed as parameter when the user has scrolled.\n     *\n     * @param event - Name of event to emit.\n     * @param payload - Optional data to send in the event like payload.\n     * {@link ScrollDirection | number}.\n     *\n     * @internal\n     */\n    protected emitEvent<Event extends XEvent>(event: Event, payload?: XEventPayload<Event>): void {\n      this.$x.emit(event, payload as any, { target: this.$el as HTMLElement, id: this.id });\n    }\n\n    /**\n     * Scrolls to initial position when the user has clicked the scroll to top button.\n     *\n     * @param payload - {@link XEventsTypes.UserClickedScrollToTop}.\n     * @internal\n     */\n    @XOn('UserClickedScrollToTop')\n    scrollToTop(payload: string): void {\n      if (payload === this.id && this.$el) {\n        this.$el?.scrollTo({ top: 0 });\n      }\n    }\n  }\n</script>\n\n<docs lang=\"mdx\">\n# Example\n\nThe BaseIdScroll is a component that wraps the BaseScroll and provides it for a unique id.\n\n## Events\n\nA list of events that the component will emit:\n\n- `UserScrolled`: emitted after the user scrolls in this container. The payload is the scroll top\n  distance in pixels.\n- `UserChangedScrollDirection`: emitted when the user changes the scroll direction. The payload is\n  the new scrolling direction.\n- `UserReachedScrollStart`: emitted when the user scrolls up to the initial position of the scroll.\n- `UserAlmostReachedScrollEnd`: emitted when the user is about to reach the bottom part of the\n  scroll.\n- `UserReachedScrollEnd`: emitted when the user has reached the bottom part of the scroll.\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  <BaseIdScroll id=\"exampleScrollId\" throttleMs=\"50\" distanceToBottom=\"300\">\n    <div class=\"content-scroll\">\n      <span>content1</span>\n      <span>content1</span>\n    </div>\n  </BaseIdScroll>\n</template>\n\n<script>\n  import { BaseIdScroll } from '@empathyco/x-components';\n\n  export default {\n    name: 'ScrollIdTest',\n    components: {\n      BaseIdScroll\n    }\n  };\n</script>\n```\n\n## Customized usage\n\n### Using scroll events.\n\n```vue\n<template>\n  <BaseIdScroll\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  </BaseIdScroll>\n</template>\n\n<script>\n  import { BaseIdScroll } from '@empathyco/x-components';\n\n  export default {\n    name: 'ScrollIdTest',\n    components: {\n      BaseIdScroll\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## Customized usage\n\n### Using XEvents.\n\nYou can use the XEvents subscribing to them.\n\n```vue\n<template>\n  <BaseIdScroll throttleMs=\"50\" distanceToBottom=\"300\">\n    <div class=\"content-scroll\">\n      <span>content1</span>\n      <span>content1</span>\n    </div>\n  </BaseIdScroll>\n</template>\n\n<script>\n  import { BaseIdScroll } from '@empathyco/x-components';\n\n  export default {\n    name: 'ScrollIdTest',\n    components: {\n      BaseIdScroll\n    },\n    mounted() {\n      this.$x.on('UserScrolled').subscribe(event => {\n        console.log(event);\n      });\n      this.$x.on('UserChangedScrollDirection').subscribe(event => {\n        console.log(event);\n      });\n      this.$x.on('UserReachedScrollStart').subscribe(event => {\n        console.log(event);\n      });\n      this.$x.on('UserAlmostReachedScrollEnd').subscribe(event => {\n        console.log(event);\n      });\n      this.$x.on('UserReachedScrollEnd').subscribe(event => {\n        console.log(event);\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  <BaseIdScroll throttleMs=\"50\" distanceToBottom=\"300\" :resetOnQueryChange=\"false\">\n    <div class=\"content-scroll\">\n      <span>content1</span>\n      <span>content1</span>\n    </div>\n  </BaseIdScroll>\n</template>\n\n<script>\n  import { BaseIdScroll } from '@empathyco/x-components';\n\n  export default {\n    name: 'ScrollIdTest',\n    components: {\n      BaseIdScroll\n    },\n    mounted() {\n      this.$x.on('UserScrolled').subscribe(event => {\n        console.log(event);\n      });\n      this.$x.on('UserChangedScrollDirection').subscribe(event => {\n        console.log(event);\n      });\n      this.$x.on('UserReachedScrollStart').subscribe(event => {\n        console.log(event);\n      });\n      this.$x.on('UserAlmostReachedScrollEnd').subscribe(event => {\n        console.log(event);\n      });\n      this.$x.on('UserReachedScrollEnd').subscribe(event => {\n        console.log(event);\n      });\n    }\n  };\n</script>\n```\n</docs>\n"],"names":["const"],"mappings":";;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,110 +0,0 @@
-import { __extends, __decorate } from 'tslib';
-import Vue from 'vue';
-import { Prop, Component } from 'vue-property-decorator';
-import { XOn } from '../decorators/bus.decorators.js';
-import BaseScroll from './base-scroll.vue.js';
-
-/**
- * Base scroll component that depending on base scroll component and the user interaction emits
- * different x events for knowing when the user scrolls, the direction of scroll and if user
- * reaches the start or end.
- *
- * @public
- */
-var BaseIdScroll = /** @class */ (function (_super) {
-    __extends(BaseIdScroll, _super);
-    function BaseIdScroll() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    /**
-     * Emits the `UserScrolled` event.
-     *
-     * @param position - The new position of scroll.
-     * @internal
-     */
-    BaseIdScroll.prototype.scroll = function (position) {
-        this.emitEvent('UserScrolled', position);
-    };
-    /**
-     * Emits the `UserChangedScrollDirection` event when the scrolling direction has changed.
-     *
-     * @param direction - The new direction of scroll.
-     * @internal
-     */
-    BaseIdScroll.prototype.scrollDirectionChange = function (direction) {
-        this.emitEvent('UserChangedScrollDirection', direction);
-    };
-    /**
-     * Emits the 'UserReachedScrollStart' event when the user reaches the start.
-     *
-     * @internal
-     */
-    BaseIdScroll.prototype.scrollAtStart = function () {
-        this.emitEvent('UserReachedScrollStart');
-    };
-    /**
-     * Emits the 'UserAlmostReachedScrollEnd' event when the user is about to reach to end.
-     *
-     * @param distance - A number for knowing the distance missing to end position position.
-     * @internal
-     */
-    BaseIdScroll.prototype.scrollAlmostAtEnd = function (distance) {
-        this.emitEvent('UserAlmostReachedScrollEnd', distance);
-    };
-    /**
-     * Emits the 'UserReachedScrollEnd' event when the user is about to reach to end.
-     *
-     * @internal
-     */
-    BaseIdScroll.prototype.scrollAtEnd = function () {
-        this.emitEvent('UserReachedScrollEnd');
-    };
-    /**
-     * Emits the event corresponding passed as parameter when the user has scrolled.
-     *
-     * @param event - Name of event to emit.
-     * @param payload - Optional data to send in the event like payload.
-     * {@link ScrollDirection | number}.
-     *
-     * @internal
-     */
-    BaseIdScroll.prototype.emitEvent = function (event, payload) {
-        this.$x.emit(event, payload, { target: this.$el, id: this.id });
-    };
-    /**
-     * Scrolls to initial position when the user has clicked the scroll to top button.
-     *
-     * @param payload - {@link XEventsTypes.UserClickedScrollToTop}.
-     * @internal
-     */
-    BaseIdScroll.prototype.scrollToTop = function (payload) {
-        var _a;
-        if (payload === this.id && this.$el) {
-            (_a = this.$el) === null || _a === void 0 ? void 0 : _a.scrollTo({ top: 0 });
-        }
-    };
-    __decorate([
-        Prop()
-    ], BaseIdScroll.prototype, "throttleMs", void 0);
-    __decorate([
-        Prop()
-    ], BaseIdScroll.prototype, "distanceToBottom", void 0);
-    __decorate([
-        Prop({ default: 'scrollId' })
-    ], BaseIdScroll.prototype, "id", void 0);
-    __decorate([
-        Prop({ default: true })
-    ], BaseIdScroll.prototype, "resetOnQueryChange", void 0);
-    __decorate([
-        XOn('UserClickedScrollToTop')
-    ], BaseIdScroll.prototype, "scrollToTop", null);
-    BaseIdScroll = __decorate([
-        Component({
-            components: { BaseScroll: BaseScroll }
-        })
-    ], BaseIdScroll);
-    return BaseIdScroll;
-}(Vue));
-
-export default BaseIdScroll;
-//# sourceMappingURL=base-id-scroll.vue_rollup-plugin-vue=script.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"base-id-scroll.vue_rollup-plugin-vue=script.js","sources":["../../../../src/components/scroll/base-id-scroll.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 Vue from 'vue';\nimport { Component, Prop } from 'vue-property-decorator';\nimport { XOn } from '../decorators/bus.decorators';\nimport { XEvent, XEventPayload } from '../../wiring';\nimport BaseScroll from './base-scroll.vue';\nimport { ScrollDirection } from './scroll.types';\n\n/**\n * Base scroll component that depending on base scroll component and the user interaction emits\n * different x events for knowing when the user scrolls, the direction of scroll and if user\n * reaches the start or end.\n *\n * @public\n */\n@Component({\n  components: { BaseScroll }\n})\nexport default class BaseIdScroll 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()\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()\n  public distanceToBottom!: number;\n\n  /**\n   * Id to identify the component.\n   *\n   * @public\n   */\n  @Prop({ default: 'scrollId' })\n  public id!: string;\n\n  /**\n   * If true (default), sets the scroll position of the {@link BaseScroll} component to top when\n   * an {@link XEventsTypes.UserAcceptedAQuery} event is emitted.\n   *\n   * @public\n   */\n  @Prop({ default: true })\n  protected resetOnQueryChange!: boolean;\n\n  /**\n   * Emits the `UserScrolled` event.\n   *\n   * @param position - The new position of scroll.\n   * @internal\n   */\n  protected scroll(position: number): void {\n    this.emitEvent('UserScrolled', position);\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  protected scrollDirectionChange(direction: ScrollDirection): void {\n    this.emitEvent('UserChangedScrollDirection', direction);\n  }\n\n  /**\n   * Emits the 'UserReachedScrollStart' event when the user reaches the start.\n   *\n   * @internal\n   */\n  protected scrollAtStart(): void {\n    this.emitEvent('UserReachedScrollStart');\n  }\n\n  /**\n   * Emits the 'UserAlmostReachedScrollEnd' event when the user is about to reach to end.\n   *\n   * @param distance - A number for knowing the distance missing to end position position.\n   * @internal\n   */\n  protected scrollAlmostAtEnd(distance: number): void {\n    this.emitEvent('UserAlmostReachedScrollEnd', distance);\n  }\n\n  /**\n   * Emits the 'UserReachedScrollEnd' event when the user is about to reach to end.\n   *\n   * @internal\n   */\n  protected scrollAtEnd(): void {\n    this.emitEvent('UserReachedScrollEnd');\n  }\n\n  /**\n   * Emits the event corresponding passed as parameter when the user has scrolled.\n   *\n   * @param event - Name of event to emit.\n   * @internal\n   */\n  protected emitEvent<Event extends XEvent>(event: Event): void;\n  /**\n   * Emits the event corresponding passed as parameter when the user has scrolled.\n   *\n   * @param event - Name of event to emit.\n   * @param payload - Data to send in the event like payload. {@link ScrollDirection | number}.\n   * @internal\n   */\n  protected emitEvent<Event extends XEvent>(event: Event, payload: XEventPayload<Event>): void;\n  /**\n   * Emits the event corresponding passed as parameter when the user has scrolled.\n   *\n   * @param event - Name of event to emit.\n   * @param payload - Optional data to send in the event like payload.\n   * {@link ScrollDirection | number}.\n   *\n   * @internal\n   */\n  protected emitEvent<Event extends XEvent>(event: Event, payload?: XEventPayload<Event>): void {\n    this.$x.emit(event, payload as any, { target: this.$el as HTMLElement, id: this.id });\n  }\n\n  /**\n   * Scrolls to initial position when the user has clicked the scroll to top button.\n   *\n   * @param payload - {@link XEventsTypes.UserClickedScrollToTop}.\n   * @internal\n   */\n  @XOn('UserClickedScrollToTop')\n  scrollToTop(payload: string): void {\n    if (payload === this.id && this.$el) {\n      this.$el?.scrollTo({ top: 0 });\n    }\n  }\n}\n"],"names":[],"mappings":";;;;;;AAyBA;;;;;;;AAUA;IAA0C,gCAAG;IAA7C;;KA4HC;;;;;;;IAlFW,6BAAM,GAAhB,UAAiB,QAAgB;QAC/B,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;KAC1C;;;;;;;IAQS,4CAAqB,GAA/B,UAAgC,SAA0B;QACxD,IAAI,CAAC,SAAS,CAAC,4BAA4B,EAAE,SAAS,CAAC,CAAC;KACzD;;;;;;IAOS,oCAAa,GAAvB;QACE,IAAI,CAAC,SAAS,CAAC,wBAAwB,CAAC,CAAC;KAC1C;;;;;;;IAQS,wCAAiB,GAA3B,UAA4B,QAAgB;QAC1C,IAAI,CAAC,SAAS,CAAC,4BAA4B,EAAE,QAAQ,CAAC,CAAC;KACxD;;;;;;IAOS,kCAAW,GAArB;QACE,IAAI,CAAC,SAAS,CAAC,sBAAsB,CAAC,CAAC;KACxC;;;;;;;;;;IA0BS,gCAAS,GAAnB,UAA0C,KAAY,EAAE,OAA8B;QACpF,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,OAAc,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,GAAkB,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;KACvF;;;;;;;IASD,kCAAW,GAAX,UAAY,OAAe;;QACzB,IAAI,OAAO,KAAK,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,GAAG,EAAE;YACnC,MAAA,IAAI,CAAC,GAAG,0CAAE,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE;SAChC;KACF;IAnHD;QADC,IAAI,EAAE;oDACoB;IAS3B;QADC,IAAI,EAAE;0DAC0B;IAQjC;QADC,IAAI,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC;4CACX;IASnB;QADC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4DACe;IAqFvC;QADC,GAAG,CAAC,wBAAwB,CAAC;mDAK7B;IA3HkB,YAAY;QAHhC,SAAS,CAAC;YACT,UAAU,EAAE,EAAE,UAAU,YAAA,EAAE;SAC3B,CAAC;OACmB,YAAY,CA4HhC;IAAD,mBAAC;CAAA,CA5HyC,GAAG;;;;"}

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

@@ -1,39 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-import script from './base-main-scroll.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=base-main-scroll.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"base-main-scroll.vue.js","sources":["../../../../src/components/scroll/base-main-scroll.vue"],"sourcesContent":["<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 { XEvent, XEventPayload } from '../../wiring';\n  import ScrollMixin from './scroll.mixin';\n  import { ScrollDirection } from './scroll.types';\n\n  type ScrollableTag = 'html' | 'body';\n\n  /**\n   * Main 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   * All this about main scroll.\n   *\n   * @public\n   */\n  @Component\n  export default class BaseMainScroll extends mixins(ScrollMixin) {\n    /**\n     * Tag to identify the main scrollable element.\n     *\n     * @public\n     */\n    @Prop({ default: 'html' })\n    protected tag!: ScrollableTag;\n\n    /**\n     * Id to identify the component.\n     *\n     * @public\n     */\n    @Prop({ default: 'main-scroll' })\n    protected id!: string;\n\n    /**\n     * The HTMLElement to use as the scrollable element based on {@link BaseMainScroll.tag}.\n     *\n     * @public\n     */\n    protected element!: HTMLElement;\n\n    /**\n     * Main element of page for listening the event scroll.\n     *\n     * @internal\n     */\n    protected elementListener!: Document | HTMLElement;\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.initAndListenElement();\n\n      this.$on('scroll', (position: number) => {\n        this.emitEvent('UserScrolled', position);\n      });\n\n      this.$on('scroll:direction-change', (direction: ScrollDirection) => {\n        this.emitEvent('UserChangedScrollDirection', direction);\n      });\n\n      this.$on('scroll:at-start', () => {\n        this.emitEvent('UserReachedScrollStart');\n      });\n\n      this.$on('scroll:almost-at-end', (distance: number) => {\n        this.emitEvent('UserAlmostReachedScrollEnd', distance);\n      });\n\n      this.$on('scroll:at-end', () => {\n        this.emitEvent('UserReachedScrollEnd');\n      });\n    }\n\n    /**\n     * Get the element depends on {@link BaseMainScroll.tag} if is html or body\n     * and listen the event scroll.\n     *\n     * @internal\n     */\n    protected initAndListenElement(): void {\n      if (this.tag === 'html') {\n        this.element = document.documentElement;\n        this.elementListener = document;\n      } else {\n        this.element = document.body;\n        this.elementListener = document.body;\n      }\n\n      this.elementListener.addEventListener('scroll', this.throttledStoreScrollData);\n    }\n\n    /**\n     * Updates main scroll related properties.\n     *\n     * @internal\n     */\n    protected storeScrollData(): void {\n      this.currentPosition = this.element.scrollTop;\n      this.scrollHeight = this.element.scrollHeight;\n      this.clientHeight = this.element.clientHeight;\n    }\n\n    /**\n     * Emits the event corresponding passed as parameter when the user has scrolled.\n     *\n     * @param event - Name of event to emit.\n     * @internal\n     */\n    protected emitEvent<Event extends XEvent>(event: Event): void;\n    /**\n     * Emits the event corresponding passed as parameter when the user has scrolled.\n     *\n     * @param event - Name of event to emit.\n     * @param payload - Data to send in the event like payload. {@link ScrollDirection | number}.\n     * @internal\n     */\n    protected emitEvent<Event extends XEvent>(event: Event, payload: XEventPayload<Event>): void;\n    /**\n     * Emits the event corresponding passed as parameter when the user has scrolled.\n     *\n     * @param event - Name of event to emit.\n     * @param payload - Optional data to send in the event like payload.\n     * {@link ScrollDirection | number}.\n     *\n     * @internal\n     */\n    protected emitEvent<Event extends XEvent>(event: Event, payload?: XEventPayload<Event>): void {\n      this.$x.emit(event, payload as any, { target: this.element, id: this.id });\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    render(): void {}\n\n    beforeDestroy(): void {\n      this.elementListener.removeEventListener('scroll', this.throttledStoreScrollData);\n    }\n  }\n</script>\n\n<docs lang=\"mdx\">\n# Example\n\nThe BaseMainScroll is a component that manage the states of main scroll that can be document or\nbody. The component does the necessary calculations for knowing the direction of scroll, if the\nscroll has reached to start or to end, and is about to reaching to end. The components emits the\nnext events and XEvents depending of movement that realize the user:\n\n## Customized usage\n\n### Overriding the properties and using document scroll events.\n\n```vue\n<template>\n  <BaseMainScroll\n    @scroll=\"scroll\"\n    @scroll:direction-change=\"scrollDirectionChange\"\n    @scroll:at-start=\"scrollAtStart\"\n    @scroll:almost-at-end=\"scrollAlmostAtEnd\"\n    @scroll:at-end=\"scrollAtEnd\"\n    id=\"example-main-scroll\"\n    throttleMs=\"100\"\n    distanceToBottom=\"300\"\n    tag=\"document\"\n  />\n</template>\n\n<script>\n  import { BaseMainScroll } from '@empathyco/x-components';\n\n  export default {\n    name: 'ScrollIdTest',\n    components: {\n      BaseMainScroll\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## Customized usage\n\n### Using body and XEvents.\n\nIf we want to listen scroll body we should do some changes in css for body. This is an example, so\ntherefore the height of body can be get any value that you want. The template style should have a\nsimilar styles the corresponding style for tag body like in the next example.\n\n```vue\n<template>\n  <BaseMainScroll id=\"example-main-scroll\" throttleMs=\"100\" distanceToBottom=\"300\" tag=\"body\" />\n</template>\n\n<script>\n  import { BaseMainScroll } from '@empathyco/x-components';\n\n  export default {\n    name: 'MainComponent',\n    components: {\n      BaseMainScroll\n    },\n    mounted() {\n      this.$x.on('UserScrolled').subscribe(event => {\n        console.log(event);\n      });\n      this.$x.on('UserChangedScrollDirection').subscribe(event => {\n        console.log(event);\n      });\n      this.$x.on('UserReachedScrollStart').subscribe(event => {\n        console.log(event);\n      });\n      this.$x.on('UserAlmostReachedScrollEnd').subscribe(event => {\n        console.log(event);\n      });\n      this.$x.on('UserReachedScrollEnd').subscribe(event => {\n        console.log(event);\n      });\n    }\n  };\n</script>\n<style lang=\"scss\">\n  html {\n    overflow: hidden;\n  }\n\n  body {\n    overflow-y: auto;\n    height: 100vh;\n  }\n</style>\n```\n\n## Vue Events:\n\n- `scroll`: the event is emitted after the user scrolls in this container. The payload is the scroll\n  top distance in pixels.\n- `scroll:direction-change`: the event is emitted when the user changes the scroll direction. The\n  payload is the new scrolling direction.\n- `scroll:at-start`: the event is emitted when the user scrolls up to the initial position of the\n  scroll.\n- `scroll:almost-at-end`: the event is emitted when the user is about to reach the bottom part of\n  the scroll.\n- `scroll:at-end`: the event is emitted when the user has reached the bottom part of the scroll.\n\n## Events\n\nA list of events that the component will emit:\n\n- `UserScrolled`: the event is emitted after the user scrolls in this container. The payload is the\n  scroll top distance in pixels.\n- `UserChangedScrollDirection`: the event is emitted when the user changes the scroll direction. The\n  payload is the new scrolling direction.\n- `UserReachedScrollStart`: the event is emitted when the user scrolls up to the initial position of\n  the scroll.\n- `UserAlmostReachedScrollEnd`: the event is emitted when the user is about to reach the bottom part\n  of the scroll.\n- `UserReachedScrollEnd`: the event is emitted when the user has reached the bottom part of the\n  scroll.\n</docs>\n"],"names":["const"],"mappings":";;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}