@empathyco/x-components 3.0.0-alpha.30 → 3.0.0-alpha.301

package/js/components/staggering-transition-group.vue_rollup-plugin-vue=script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"staggering-transition-group.vue_rollup-plugin-vue=script.js","sources":["../../../src/components/staggering-transition-group.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\nimport Vue, { CreateElement, VNode } from 'vue';\nimport { Component, Prop } from 'vue-property-decorator';\nimport { noOp } from '../utils';\n\n/* eslint-disable @typescript-eslint/unbound-method */\n/**\n * A replacement component for Vue's transition-group, that also adds the option to stagger\n * the animations.\n *\n * @public\n */\n@Component\nexport default class StaggeringTransitionGroup extends Vue {\n  /**\n   * The name of the transition. Used to generate the CSS classes.\n   *\n   * @internal\n   */\n  @Prop({ default: 'v' })\n  public name!: string;\n\n  /** The CSS move class name.\n   *\n   * @internal\n   */\n  @Prop()\n  public moveClass!: string;\n\n  /**\n   * The tag of the node to render to the DOM.\n   *\n   * @internal\n   */\n  @Prop({ default: 'div' })\n  public tag!: string;\n\n  /**\n   * The time in ms to stagger each item.\n   *\n   * @internal\n   */\n  @Prop({ default: 25 })\n  public staggering!: number;\n\n  /**\n   * The CSS class for the moving transitions.\n   *\n   * @returns The move transition name.\n   * @internal\n   */\n  protected get moveClassName(): string {\n    return this.moveClass ?? `${this.name}-move`;\n  }\n\n  /**\n   * The transition data contains the needed events and props to perform a transition using Vue\n   * virtual node's API.\n   *\n   * The `beforeLeave` hook is extended to also restore the previous position of the element using\n   * the position absolute.\n   * The `afterEnter` and `afterLeave` hooks are extended to also clean the transition delay\n   * applied by the stagger.\n   *\n   * @returns The transition data for Vue virtual nodes.\n   * @internal\n   */\n  protected get transitionData(): TransitionData {\n    const transitionData: TransitionData = { ...this.$props, ...this.$attrs, ...this.$listeners };\n\n    transitionData.beforeLeave = this.addRestorePositionHook(transitionData.beforeLeave);\n    transitionData.afterEnter = this.addClearStaggeringCall(transitionData.afterEnter);\n    transitionData.afterLeave = this.addClearStaggeringCall(transitionData.afterLeave);\n\n    return transitionData;\n  }\n\n  /** The list of old virtual nodes, generated by the previous called render method.\n   *\n   * @internal */\n  protected oldChildren!: TransitionVNode[];\n  /** The list of new virtual nodes, generated by the last called render method.\n   *\n   * @internal */\n  protected newChildren!: TransitionVNode[];\n  /** A map containing the previous positions relative to the container, for each item\n   * rendered inside the slot of this component component.\n   * This is used together with the `newPositions` to calculate the move transition.\n   *\n   * @internal */\n  protected oldPositions!: WeakMap<Element, Bounds>;\n  /** A map containing the new positions relative to the container, for each item\n   * rendered inside the slot of this component component.\n   * This is used together with the `newPositions` to calculate the move transition.\n   *\n   * @internal */\n  protected newPositions!: WeakMap<Element, Bounds>;\n  /** A map containing the move cleanup functions pending to have been called. When invoked\n   * this functions remove all the styles and classes associated to the move transition.\n   *\n   * @internal */\n  protected pendingCleanupMoveCallbacks!: WeakMap<Element, () => void>;\n  /** The counter for the stagger, used to calculate the delay for the transition of each child\n   * element. It is reset every time the render method is triggered.\n   *\n   * @internal */\n  protected staggerCounter!: number;\n  /** The bounds of the container rendered using the `tag` prop. This is used to calculate the\n   * relative positions of each leaving child, which are then applied with the position absolute.\n   *\n   * @internal */\n  protected wrapperBounds!: DOMRect;\n\n  beforeCreate(): void {\n    /* Initialize properties here to avoid making them reactive,\n   which would cause infinite loops */\n    this.oldChildren = [];\n    this.newChildren = [];\n    this.oldPositions = new WeakMap();\n    this.newPositions = new WeakMap();\n    this.pendingCleanupMoveCallbacks = new WeakMap<Element, () => void>();\n    this.staggerCounter = 0;\n  }\n\n  render(createElement: CreateElement): VNode {\n    this.staggerCounter = 0;\n    // New children are now the old ones\n    this.oldChildren = this.newChildren;\n    // Only vnodes with a tag (i.e. no HTML comments) and with a `key` property are valid.\n    this.newChildren = (this.$slots.default ?? []).filter(this.isTransitionValidVNode);\n\n    // Apply transition data to both new and old nodes & store the position of the old nodes.\n    this.newChildren.forEach(this.addTransitionData);\n    this.oldChildren.forEach(this.syncOldNodes);\n\n    return createElement(\n      this.tag,\n      { staticClass: 'x-staggering-transition-group' },\n      this.newChildren\n    );\n  }\n\n  mounted(): void {\n    this.newChildren.forEach(this.applyStagger);\n  }\n\n  beforeUpdate(): void {\n    this.wrapperBounds = this.$el.getBoundingClientRect();\n  }\n\n  updated(): void {\n    this.wrapperBounds = this.$el.getBoundingClientRect();\n    this.newChildren.forEach(this.recordNewPosition);\n    const { leavingNodes, stayingNodes, enteringNodes } = this.getNodesByTransitionType();\n\n    leavingNodes.forEach(vNode => {\n      this.applyStagger(vNode);\n      this.disableClickingEvents(vNode);\n    });\n    const movedChildren = stayingNodes.filter(this.applyTranslation);\n    const movedStagger = movedChildren.map(this.getNextTransitionDelay);\n    enteringNodes.forEach(this.applyStagger);\n\n    // force reflow to put everything in position\n    document.body.getBoundingClientRect();\n\n    movedChildren.forEach(this.startMoveAnimation(movedStagger));\n  }\n\n  /**\n   * Extends the provided leave transition hook restoring the position of the element with an\n   * absolute position.\n   * Additionally, it removes the element position from the maps of positions.\n   *\n   * @param transitionHook - The leave transition hook to extend.\n   * @returns The new leave transition hook extended.\n   * @internal\n   */\n  protected addRestorePositionHook(transitionHook: TransitionHook = noOp): TransitionHook {\n    return element => {\n      const { top, left, width, height } = this.oldPositions.get(element)!;\n      const { marginTop, marginLeft } = window.getComputedStyle(element);\n      const style = element.style;\n      style.position = 'absolute';\n      style.top = `${top - parseFloat(marginTop)}px`;\n      style.left = `${left - parseFloat(marginLeft)}px`;\n      style.width = `${width}px`;\n      style.height = `${height}px`;\n      this.newPositions.delete(element);\n      this.oldPositions.delete(element);\n      const pendingCallback = this.pendingCleanupMoveCallbacks.get(element);\n      pendingCallback?.();\n      transitionHook(element);\n    };\n  }\n\n  /**\n   * Extends the provided transition hook clearing the transition delay.\n   *\n   * @param transitionHook - The transition hook to extend.\n   * @returns The new transition hook, that also clears the transitionDelay from the element.\n   * @internal\n   */\n  protected addClearStaggeringCall(transitionHook: TransitionHook = noOp): TransitionHook {\n    return element => {\n      element.style.transitionDelay = '';\n      transitionHook(element);\n    };\n  }\n\n  /**\n   * Returns if the vNode contains a non empty key, and a non empty tag.\n   *\n   * @param vNode - The VNode to check if it is a valid transition node, containing a `tag` and a\n   * `key` property.\n   * @returns True when the vNode contains a non empty key and a non empty tag. False otherwise.\n   * @internal\n   */\n  protected isTransitionValidVNode(vNode: VNode): vNode is TransitionVNode {\n    // TODO Add warning with logger: <staggering-transition-group> children must be keyed.\n    return !!vNode.key && !!vNode.tag;\n  }\n\n  /**\n   * Adds the generated transition data to the vNode, creating the `data` property if necessary.\n   *\n   * @param vNode - The VNode to add the transition data to.\n   * @internal\n   */\n  protected addTransitionData(vNode: TransitionVNode): void {\n    if (!vNode.data) {\n      vNode.data = {};\n    }\n    vNode.data.transition = this.transitionData;\n  }\n\n  /**\n   * Re-applies the transition data to an old node, just in case it changed from the previous\n   * render call. It also records the position of the node, to then calculate the move\n   * transitions.\n   *\n   * @param vNode - The vNode to add the transition data to, and record his current position as\n   * old.\n   * @internal\n   */\n  protected syncOldNodes(vNode: TransitionVNode): void {\n    // Synchronize transition data, in case it changed in the last frame.\n    // We can trust data to be defined because each new node has the transition applied\n    vNode.data!.transition = this.transitionData;\n    this.recordOldPosition(vNode);\n  }\n\n  /**\n   * Saves the position of the vNode in the map of old positions.\n   *\n   * @param vNode - The node to store its position.\n   * @internal\n   */\n  protected recordOldPosition(vNode: TransitionVNode): void {\n    this.oldPositions.set(vNode.elm, this.createRelativeBounds(vNode));\n  }\n\n  /**\n   * Saves the position of the vNode in the map of new positions.\n   *\n   * @param vNode - The node to store its position.\n   * @internal\n   */\n  protected recordNewPosition(vNode: TransitionVNode): void {\n    this.newPositions.set(vNode.elm, this.createRelativeBounds(vNode));\n  }\n\n  /**\n   * Creates an object containing the position of the vNode relative to its container.\n   *\n   * @param vNode - The virtual node to store its relative position.\n   * @returns The relative bounds of the provided virtual node.\n   * @internal\n   */\n  protected createRelativeBounds(vNode: TransitionVNode): Bounds {\n    const { left, top, width, height } = vNode.elm.getBoundingClientRect();\n    const { left: wrapperLeft, top: wrapperTop } = this.wrapperBounds;\n    return {\n      left: left - wrapperLeft,\n      top: top - wrapperTop,\n      width,\n      height\n    };\n  }\n\n  /**\n   * Splits the children of the component into three groups:\n   * - Nodes that are leaving.\n   * - Nodes that are entering.\n   * - Nodes that stay.\n   *\n   * This is then used to apply the stagger in the correct order: leave -\\> move -\\> enter.\n   *\n   * @returns The children nodes, divided in different groups depending on if they are leaving,\n   * staying or entering.\n   * @internal\n   */\n  protected getNodesByTransitionType(): TransitionTypeNodes {\n    const leave = this.oldChildren.filter(child => !this.newPositions.has(child.elm));\n    const enter = this.newChildren.filter(child => !this.oldPositions.has(child.elm));\n    const stay = this.oldChildren.filter(child => this.newPositions.has(child.elm));\n    return {\n      leavingNodes: leave,\n      enteringNodes: enter,\n      stayingNodes: stay\n    };\n  }\n\n  /**\n   * Applies an incremental delay to the virtual node element.\n   *\n   * @param vNode - The virtual node to apply the stagger to.\n   * @internal\n   */\n  protected applyStagger(vNode: TransitionVNode): void {\n    vNode.elm.style.transitionDelay = this.getNextTransitionDelay();\n  }\n\n  /**\n   * Disables listening to click events in a virtual node element.\n   *\n   * @remarks This is done to avoid letting the user click elements that are performing the moving\n   * animation to leave the DOM but are still rendered.\n   *\n   * @param vNode - The virtual node to disable listening to click events.\n   * @internal\n   */\n  protected disableClickingEvents(vNode: TransitionVNode): void {\n    vNode.elm.style.pointerEvents = 'none';\n  }\n\n  /**\n   * Calculates the next transition delay property, incrementing the `staggerCounter` property\n   * each time it is called.\n   *\n   * @returns The value for the next element `style.transitionDelay` property.\n   * @internal\n   */\n  protected getNextTransitionDelay(): string {\n    return `${this.staggerCounter++ * this.staggering}ms`;\n  }\n\n  /**\n   * Calculates if the virtual node should have a move transition. If its has it, then it\n   * applies it immediately using the `style.transform`.\n   *\n   * @param vNode - The virtual node to calculate if it should have a move transition.\n   * @returns True when a move transition was applied to the virtual node.\n   * @internal\n   */\n  protected applyTranslation(vNode: TransitionVNode): boolean {\n    const oldPosition = this.oldPositions.get(vNode.elm as Element)!;\n    const newPosition = this.newPositions.get(vNode.elm as Element)!;\n    const dx = oldPosition.left - newPosition.left;\n    const dy = oldPosition.top - newPosition.top;\n    if (dx !== 0 || dy !== 0) {\n      const style = vNode.elm.style;\n      style.transform = `translate3d(${dx}px,${dy}px,0)`;\n      style.transitionDuration = '0s';\n      return true;\n    }\n    return false;\n  }\n\n  /**\n   * Generates a function to start the moving animations to each node that it needs them with the\n   * provided stagger.\n   *\n   * @param moveStagger - A list containing the delay to add to each node.\n   * @returns A function that starts the moving animation with the provided stagger to a single\n   * virtual node.\n   * @internal\n   */\n  protected startMoveAnimation(\n    moveStagger: string[]\n  ): (vNode: TransitionVNode, index: number) => void {\n    return (vNode, index) => {\n      const element = vNode.elm;\n      const style = element.style;\n      element.classList.add(this.moveClassName);\n      style.transform = style.transitionDuration = '';\n      style.transitionDelay = moveStagger[index];\n      const cleanMoveTransition = (event?: TransitionEvent): void => {\n        if (!event || (event.target === element && /transform$/.test(event.propertyName))) {\n          element.removeEventListener('transitionend', cleanMoveTransition);\n          element.style.transitionDelay = '';\n          element.classList.remove(this.moveClassName);\n          this.pendingCleanupMoveCallbacks.delete(element);\n        }\n      };\n      this.pendingCleanupMoveCallbacks.set(element, cleanMoveTransition);\n      element.addEventListener('transitionend', cleanMoveTransition);\n    };\n  }\n}\n\n/**\n * Contains arrays of nodes, splitted by the action they should have.\n */\ninterface TransitionTypeNodes {\n  leavingNodes: TransitionVNode[];\n  stayingNodes: TransitionVNode[];\n  enteringNodes: TransitionVNode[];\n}\n\n/**\n * Safe transition version of the VNode type, with the required non optional properties.\n */\ninterface TransitionVNode extends VNode {\n  elm: HTMLElement;\n  tag: string;\n  key: string;\n}\n\n/**\n * Vue's VNode {@link https://vuejs.org/v2/api/#transition | transition} data props and events.\n */\ninterface TransitionData {\n  name?: string;\n  appear?: boolean;\n  css?: boolean;\n  type?: 'transition' | 'animation'; // Unused\n  mode?: 'out-in' | 'in-out'; // Unused\n  duration?: number;\n  enterClass?: string;\n  leaveClass?: string;\n  appearClass?: string;\n  enterToClass?: string;\n  leaveToClass?: string;\n  appearToClass?: string;\n  enterActiveClass?: string;\n  leaveActiveClass?: string;\n  appearActiveClass?: string;\n  beforeEnter?: TransitionHook;\n  enter?: TransitionHook;\n  afterEnter?: TransitionHook;\n  beforeLeave?: TransitionHook;\n  leave?: TransitionHook;\n  afterLeave?: TransitionHook;\n}\n\n/**\n * A function that receives an HTMLElement. Used to perform actions when the different phases\n * of Vue transitions happens.\n */\ntype TransitionHook = (element: HTMLElement) => void;\n\n/**\n * Represents the dimensions and positions of an element.\n */\ninterface Bounds {\n  top: number;\n  left: number;\n  width: number;\n  height: number;\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,144 +0,0 @@
-import { __extends, __assign, __decorate } from 'tslib';
-import Vue from 'vue';
-import { Prop, Component } from 'vue-property-decorator';
-import { normalizeString } from '../../utils/normalize.js';
-import { forEach } from '../../utils/object.js';
-import { sanitize } from '../../utils/sanitize.js';
-
-/**
- * Renders a button with a default slot. It receives a query, which should be the query of the
- * module using this component, a suggestion, the {@link XEvent | XEvents} that will be emitted
- * on click with a given feature.
- *
- * The default slot receives the suggestion and the matched query has props.
- *
- * @public
- */
-var BaseSuggestion = /** @class */ (function (_super) {
-    __extends(BaseSuggestion, _super);
-    function BaseSuggestion() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Object.defineProperty(BaseSuggestion.prototype, "events", {
-        /**
-         * The event handler that will be triggered when clicking on a suggestion.
-         *
-         * @remarks
-         * * UserAcceptedAQuery: suggestion.query
-         * * UserSelectedASuggestion: suggestion
-         * * Merges the events defined in the suggestionSelectedEvents prop and also emits them
-         *
-         * @returns The {@link XEvent | XEvents} to emit.
-         * @public
-         */
-        get: function () {
-            return __assign({ UserAcceptedAQuery: this.suggestion.query, UserSelectedASuggestion: this.suggestion }, this.suggestionSelectedEvents);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    /**
-     * Emits the events when the button is clicked.
-     *
-     * @public
-     */
-    BaseSuggestion.prototype.emitEvents = function () {
-        var _this = this;
-        forEach(this.events, function (event, payload) {
-            _this.$x.emit(event, payload, {
-                target: _this.$el,
-                feature: _this.feature
-            });
-        });
-    };
-    Object.defineProperty(BaseSuggestion.prototype, "hasMatchingQuery", {
-        /**
-         * Checks if the normalized suggestion query matches with the module's query so it has a
-         * matching part.
-         *
-         * @returns If the query has a matching part or not.
-         * @internal
-         */
-        get: function () {
-            return !!this.query && normalizeString(this.suggestion.query).includes(this.query);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BaseSuggestion.prototype, "dynamicCSSClasses", {
-        /**
-         * Generates css classes dynamically.
-         *
-         * @remarks
-         * 'x-suggestion--matching added when the query should be matched.
-         *
-         * @returns The {@link VueCSSClasses} classes.
-         * @public
-         */
-        get: function () {
-            return {
-                'x-suggestion--matching': this.hasMatchingQuery
-            };
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BaseSuggestion.prototype, "queryHTML", {
-        /**
-         * Highlights the matching part of the suggestion query with the query passed as prop of the
-         * component putting it inside a `<span>` tag.
-         *
-         * @remarks
-         * The query prop should be normalized.
-         *
-         * @returns The suggestion's query with the matching part inside a `<span>` tag.
-         * @public
-         */
-        get: function () {
-            if (this.hasMatchingQuery) {
-                var matcherIndex = normalizeString(this.suggestion.query).indexOf(this.query);
-                var _a = this.splitAt(this.suggestion.query, matcherIndex, this.query.length), beginning = _a[0], matching = _a[1], end = _a[2];
-                var attrsMatching = 'data-test="matching-part" class="x-suggestion__matching-part"';
-                return beginning + "<span " + attrsMatching + ">" + matching + "</span>" + end;
-            }
-            return sanitize(this.suggestion.query);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    /**
-     * Splits the label in three parts based on two indexes.
-     *
-     * @param label - The string that will be divided in three parts.
-     * @param start - The first index that the label will be divided by.
-     * @param skip - The second index that the label will be divided by.
-     *
-     * @returns The three parts of the divided label.
-     * @internal
-     */
-    BaseSuggestion.prototype.splitAt = function (label, start, skip) {
-        var startPart = label.substr(0, start);
-        var matchingPart = label.substr(start, skip);
-        var endPart = label.substr(start + skip);
-        return [sanitize(startPart), sanitize(matchingPart), sanitize(endPart)];
-    };
-    __decorate([
-        Prop({ default: '' })
-    ], BaseSuggestion.prototype, "query", void 0);
-    __decorate([
-        Prop({ required: true })
-    ], BaseSuggestion.prototype, "suggestion", void 0);
-    __decorate([
-        Prop() //TODO: set to true when the suggestions components pass it.
-    ], BaseSuggestion.prototype, "feature", void 0);
-    __decorate([
-        Prop({ required: true })
-    ], BaseSuggestion.prototype, "suggestionSelectedEvents", void 0);
-    BaseSuggestion = __decorate([
-        Component
-    ], BaseSuggestion);
-    return BaseSuggestion;
-}(Vue));
-
-export default BaseSuggestion;
-//# sourceMappingURL=base-suggestion.vue_rollup-plugin-vue=script.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"base-suggestion.vue_rollup-plugin-vue=script.js","sources":["../../../../src/components/suggestions/base-suggestion.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { Suggestion } from '@empathyco/x-types';\nimport Vue from 'vue';\nimport { Component, Prop } from 'vue-property-decorator';\nimport { QueryFeature } from '../../types/origin';\nimport { forEach } from '../../utils/object';\nimport { normalizeString } from '../../utils/normalize';\nimport { sanitize } from '../../utils/sanitize';\nimport { VueCSSClasses } from '../../utils/types';\nimport { XEventsTypes } from '../../wiring/events.types';\n\n/**\n * Renders a button with a default slot. It receives a query, which should be the query of the\n * module using this component, a suggestion, the {@link XEvent | XEvents} that will be emitted\n * on click with a given feature.\n *\n * The default slot receives the suggestion and the matched query has props.\n *\n * @public\n */\n@Component\nexport default class BaseSuggestion extends Vue {\n  /**\n   * The normalized query of the module using this component.\n   *\n   * @public\n   */\n  @Prop({ default: '' })\n  protected query!: string;\n\n  /**\n   * The suggestion to render and use in the default slot.\n   *\n   * @public\n   */\n  @Prop({ required: true })\n  protected suggestion!: Suggestion;\n\n  /**\n   * The feature from which the events will be emitted.\n   *\n   * @public\n   */\n  @Prop() //TODO: set to true when the suggestions components pass it.\n  protected feature?: QueryFeature;\n\n  /**\n   * The {@link XEvent | XEvents} that will be emitted when selecting a suggestion.\n   *\n   * @public\n   */\n  @Prop({ required: true })\n  protected suggestionSelectedEvents!: Partial<XEventsTypes>;\n\n  /**\n   * The event handler that will be triggered when clicking on a suggestion.\n   *\n   * @remarks\n   * * UserAcceptedAQuery: suggestion.query\n   * * UserSelectedASuggestion: suggestion\n   * * Merges the events defined in the suggestionSelectedEvents prop and also emits them\n   *\n   * @returns The {@link XEvent | XEvents} to emit.\n   * @public\n   */\n  protected get events(): Partial<XEventsTypes> {\n    return {\n      UserAcceptedAQuery: this.suggestion.query,\n      UserSelectedASuggestion: this.suggestion,\n      ...this.suggestionSelectedEvents\n    };\n  }\n\n  /**\n   * Emits the events when the button is clicked.\n   *\n   * @public\n   */\n  protected emitEvents(): void {\n    forEach(this.events, (event, payload) => {\n      this.$x.emit(event, payload, {\n        target: this.$el as HTMLElement,\n        feature: this.feature\n      });\n    });\n  }\n\n  /**\n   * Checks if the normalized suggestion query matches with the module's query so it has a\n   * matching part.\n   *\n   * @returns If the query has a matching part or not.\n   * @internal\n   */\n  protected get hasMatchingQuery(): boolean {\n    return !!this.query && normalizeString(this.suggestion.query).includes(this.query);\n  }\n\n  /**\n   * Generates css classes dynamically.\n   *\n   * @remarks\n   * 'x-suggestion--matching added when the query should be matched.\n   *\n   * @returns The {@link VueCSSClasses} classes.\n   * @public\n   */\n  protected get dynamicCSSClasses(): VueCSSClasses {\n    return {\n      'x-suggestion--matching': this.hasMatchingQuery\n    };\n  }\n\n  /**\n   * Highlights the matching part of the suggestion query with the query passed as prop of the\n   * component putting it inside a `<span>` tag.\n   *\n   * @remarks\n   * The query prop should be normalized.\n   *\n   * @returns The suggestion's query with the matching part inside a `<span>` tag.\n   * @public\n   */\n  protected get queryHTML(): string {\n    if (this.hasMatchingQuery) {\n      const matcherIndex = normalizeString(this.suggestion.query).indexOf(this.query);\n\n      const [beginning, matching, end] = this.splitAt(\n        this.suggestion.query,\n        matcherIndex,\n        this.query.length\n      );\n\n      const attrsMatching = 'data-test=\"matching-part\" class=\"x-suggestion__matching-part\"';\n      return `${beginning}<span ${attrsMatching}>${matching}</span>${end}`;\n    }\n\n    return sanitize(this.suggestion.query);\n  }\n\n  /**\n   * Splits the label in three parts based on two indexes.\n   *\n   * @param label - The string that will be divided in three parts.\n   * @param start - The first index that the label will be divided by.\n   * @param skip - The second index that the label will be divided by.\n   *\n   * @returns The three parts of the divided label.\n   * @internal\n   */\n  protected splitAt(label: string, start: number, skip: number): [string, string, string] {\n    const startPart = label.substr(0, start);\n    const matchingPart = label.substr(start, skip);\n    const endPart = label.substr(start + skip);\n\n    return [sanitize(startPart), sanitize(matchingPart), sanitize(endPart)];\n  }\n}\n"],"names":[],"mappings":";;;;;;;AA0BA;;;;;;;;;AAUA;IAA4C,kCAAG;IAA/C;;KAwIC;IA5FC,sBAAc,kCAAM;;;;;;;;;;;;aAApB;YACE,kBACE,kBAAkB,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK,EACzC,uBAAuB,EAAE,IAAI,CAAC,UAAU,IACrC,IAAI,CAAC,wBAAwB,EAChC;SACH;;;OAAA;;;;;;IAOS,mCAAU,GAApB;QAAA,iBAOC;QANC,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,UAAC,KAAK,EAAE,OAAO;YAClC,KAAI,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE;gBAC3B,MAAM,EAAE,KAAI,CAAC,GAAkB;gBAC/B,OAAO,EAAE,KAAI,CAAC,OAAO;aACtB,CAAC,CAAC;SACJ,CAAC,CAAC;KACJ;IASD,sBAAc,4CAAgB;;;;;;;;aAA9B;YACE,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,eAAe,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SACpF;;;OAAA;IAWD,sBAAc,6CAAiB;;;;;;;;;;aAA/B;YACE,OAAO;gBACL,wBAAwB,EAAE,IAAI,CAAC,gBAAgB;aAChD,CAAC;SACH;;;OAAA;IAYD,sBAAc,qCAAS;;;;;;;;;;;aAAvB;YACE,IAAI,IAAI,CAAC,gBAAgB,EAAE;gBACzB,IAAM,YAAY,GAAG,eAAe,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAE1E,IAAA,KAA6B,IAAI,CAAC,OAAO,CAC7C,IAAI,CAAC,UAAU,CAAC,KAAK,EACrB,YAAY,EACZ,IAAI,CAAC,KAAK,CAAC,MAAM,CAClB,EAJM,SAAS,QAAA,EAAE,QAAQ,QAAA,EAAE,GAAG,QAI9B,CAAC;gBAEF,IAAM,aAAa,GAAG,+DAA+D,CAAC;gBACtF,OAAU,SAAS,cAAS,aAAa,SAAI,QAAQ,eAAU,GAAK,CAAC;aACtE;YAED,OAAO,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;SACxC;;;OAAA;;;;;;;;;;;IAYS,gCAAO,GAAjB,UAAkB,KAAa,EAAE,KAAa,EAAE,IAAY;QAC1D,IAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;QACzC,IAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QAC/C,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;QAE3C,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC;KACzE;IAhID;QADC,IAAI,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;iDACG;IAQzB;QADC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;sDACS;IAQlC;QADC,IAAI,EAAE;mDAC0B;IAQjC;QADC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;oEACkC;IA/BxC,cAAc;QADlC,SAAS;OACW,cAAc,CAwIlC;IAAD,qBAAC;CAAA,CAxI2C,GAAG;;;;"}

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

@@ -1,87 +0,0 @@
-import { __extends, __decorate } from 'tslib';
-import Vue from 'vue';
-import { Prop, Component } from 'vue-property-decorator';
-import { isArrayEmpty } from '../../utils/array.js';
-
-/**
- * Paints a list of suggestions passed in by prop. Requires a component for a single suggestion
- * in the default slot for working.
- *
- * @public
- */
-var BaseSuggestions = /** @class */ (function (_super) {
-    __extends(BaseSuggestions, _super);
-    function BaseSuggestions() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Object.defineProperty(BaseSuggestions.prototype, "suggestionsKeys", {
-        /**
-         * An array with the unique keys for each suggestion. Required by the `v-for` loop.
-         *
-         * @returns An array with the unique keys of the suggestions.
-         * @internal
-         */
-        get: function () {
-            var _this = this;
-            return this.suggestions.map(function (suggestion) {
-                return isArrayEmpty(suggestion.facets)
-                    ? suggestion.query
-                    : suggestion.query + "-in-" + _this.getFacetsKey(suggestion.facets);
-            });
-        },
-        enumerable: false,
-        configurable: true
-    });
-    /**
-     * Generates a string from the given facets.
-     *
-     * @param facets - The list of facets to reduce to a string.
-     * @returns - A string representing the list of facets.
-     * @internal
-     */
-    BaseSuggestions.prototype.getFacetsKey = function (facets) {
-        // Component methods are bound by Vue:
-        // eslint-disable-next-line @typescript-eslint/unbound-method
-        return facets.map(this.getFacetKey).join('&');
-    };
-    /**
-     * Generates a string from the given facet.
-     *
-     * @param facet - The facet to reduce to a string.
-     * @returns - A string representing the facet.
-     * @internal
-     */
-    BaseSuggestions.prototype.getFacetKey = function (facet) {
-        return facet.filters.map(function (filter) { return filter.id; }).join('&');
-    };
-    Object.defineProperty(BaseSuggestions.prototype, "suggestionsToRender", {
-        /**
-         * Slices the suggestions from the state.
-         *
-         * @returns - The list of suggestions slice by the number of items to render.
-         *
-         * @internal
-         */
-        get: function () {
-            return this.suggestions.slice(0, this.maxItemsToRender);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    __decorate([
-        Prop({ required: true })
-    ], BaseSuggestions.prototype, "suggestions", void 0);
-    __decorate([
-        Prop({ default: 'ul' })
-    ], BaseSuggestions.prototype, "animation", void 0);
-    __decorate([
-        Prop()
-    ], BaseSuggestions.prototype, "maxItemsToRender", void 0);
-    BaseSuggestions = __decorate([
-        Component
-    ], BaseSuggestions);
-    return BaseSuggestions;
-}(Vue));
-
-export default BaseSuggestions;
-//# sourceMappingURL=base-suggestions.vue_rollup-plugin-vue=script.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"base-suggestions.vue_rollup-plugin-vue=script.js","sources":["../../../../src/components/suggestions/base-suggestions.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\nimport { Component, Prop } from 'vue-property-decorator';\nimport { Suggestion, Facet } from '@empathyco/x-types';\nimport Vue from 'vue';\nimport { isArrayEmpty } from '../../utils/array';\n\n/**\n * Paints a list of suggestions passed in by prop. Requires a component for a single suggestion\n * in the default slot for working.\n *\n * @public\n */\n@Component\nexport default class BaseSuggestions extends Vue {\n  /**\n   * The list of suggestions to render.\n   *\n   * @public\n   */\n  @Prop({ required: true })\n  protected suggestions!: Suggestion[];\n\n  /**\n   * Animation component that will be used to animate the suggestion.\n   *\n   * @public\n   */\n  @Prop({ default: 'ul' })\n  protected animation!: Vue | string;\n\n  /**\n   * Number of suggestions to be rendered.\n   *\n   * @public\n   */\n  @Prop()\n  protected maxItemsToRender?: number;\n\n  /**\n   * An array with the unique keys for each suggestion. Required by the `v-for` loop.\n   *\n   * @returns An array with the unique keys of the suggestions.\n   * @internal\n   */\n  protected get suggestionsKeys(): string[] {\n    return this.suggestions.map(suggestion =>\n      isArrayEmpty(suggestion.facets)\n        ? suggestion.query\n        : `${suggestion.query}-in-${this.getFacetsKey(suggestion.facets)}`\n    );\n  }\n\n  /**\n   * Generates a string from the given facets.\n   *\n   * @param facets - The list of facets to reduce to a string.\n   * @returns - A string representing the list of facets.\n   * @internal\n   */\n  protected getFacetsKey(facets: Facet[]): string {\n    // Component methods are bound by Vue:\n    // eslint-disable-next-line @typescript-eslint/unbound-method\n    return facets.map(this.getFacetKey).join('&');\n  }\n\n  /**\n   * Generates a string from the given facet.\n   *\n   * @param facet - The facet to reduce to a string.\n   * @returns - A string representing the facet.\n   * @internal\n   */\n  protected getFacetKey(facet: Facet): string {\n    return facet.filters.map(filter => filter.id).join('&');\n  }\n\n  /**\n   * Slices the suggestions from the state.\n   *\n   * @returns - The list of suggestions slice by the number of items to render.\n   *\n   * @internal\n   */\n  protected get suggestionsToRender(): Suggestion[] {\n    return this.suggestions.slice(0, this.maxItemsToRender);\n  }\n}\n"],"names":[],"mappings":";;;;;AA8BA;;;;;;AAOA;IAA6C,mCAAG;IAAhD;;KAyEC;IA1CC,sBAAc,4CAAe;;;;;;;aAA7B;YAAA,iBAMC;YALC,OAAO,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,UAAA,UAAU;gBACpC,OAAA,YAAY,CAAC,UAAU,CAAC,MAAM,CAAC;sBAC3B,UAAU,CAAC,KAAK;sBACb,UAAU,CAAC,KAAK,YAAO,KAAI,CAAC,YAAY,CAAC,UAAU,CAAC,MAAM,CAAG;aAAA,CACrE,CAAC;SACH;;;OAAA;;;;;;;;IASS,sCAAY,GAAtB,UAAuB,MAAe;;;QAGpC,OAAO,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;KAC/C;;;;;;;;IASS,qCAAW,GAArB,UAAsB,KAAY;QAChC,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,UAAA,MAAM,IAAI,OAAA,MAAM,CAAC,EAAE,GAAA,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;KACzD;IASD,sBAAc,gDAAmB;;;;;;;;aAAjC;YACE,OAAO,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;SACzD;;;OAAA;IAjED;QADC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;wDACY;IAQrC;QADC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sDACW;IAQnC;QADC,IAAI,EAAE;6DAC6B;IAvBjB,eAAe;QADnC,SAAS;OACW,eAAe,CAyEnC;IAAD,sBAAC;CAAA,CAzE4C,GAAG;;;;"}

package/js/filters/compile-message.filter.js

@@ -1,29 +0,0 @@
-/**
- * Replaces a key in compiledMessage for the provided key's value.
- *
- * @param compiledMessage - String containing the key to be replaced.
- * @param keyValueEntry - Key would be the string replaced in compiledMessage and value the
- * string that will get replaced with.
- * @returns Formatted string.
- * @internal
- */
-var replaceParams = function (compiledMessage, _a) {
-    var key = _a[0], value = _a[1];
-    return compiledMessage.replace(new RegExp("{" + key + "}", 'g'), value.toString());
-};
-/**
- * Replaces each key in compiledMessage for the provided key's value.
- *
- * @param message - String containing the keys to be replaced.
- * @param params - Dictionary of key-values that will be used to format compiledMessage.
- * @returns Formatted string.
- * @public
- */
-function compileMessage(message, params) {
-    return message && params
-        ? Object.entries(params).reduce(replaceParams, message)
-        : message;
-}
-
-export { compileMessage };
-//# sourceMappingURL=compile-message.filter.js.map

package/js/filters/compile-message.filter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"compile-message.filter.js","sources":["../../../src/filters/compile-message.filter.ts"],"sourcesContent":["import { Dictionary } from '../utils';\n\n/**\n * Replaces a key in compiledMessage for the provided key's value.\n *\n * @param compiledMessage - String containing the key to be replaced.\n * @param keyValueEntry - Key would be the string replaced in compiledMessage and value the\n * string that will get replaced with.\n * @returns Formatted string.\n * @internal\n */\nconst replaceParams = (compiledMessage: string, [key, value]: [string, string | number]): string =>\n  compiledMessage.replace(new RegExp(`{${key}}`, 'g'), value.toString());\n\n/**\n * Replaces each key in compiledMessage for the provided key's value.\n *\n * @param message - String containing the keys to be replaced.\n * @param params - Dictionary of key-values that will be used to format compiledMessage.\n * @returns Formatted string.\n * @public\n */\nexport function compileMessage(message: string, params: Dictionary<string | number>): string {\n  return message && params\n    ? Object.entries<string | number>(params).reduce(replaceParams, message)\n    : message;\n}\n"],"names":[],"mappings":"AAEA;;;;;;;;;AASA,IAAM,aAAa,GAAG,UAAC,eAAuB,EAAE,EAAuC;QAAtC,GAAG,QAAA,EAAE,KAAK,QAAA;IACzD,OAAA,eAAe,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,MAAI,GAAG,MAAG,EAAE,GAAG,CAAC,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC;AAAtE,CAAsE,CAAC;AAEzE;;;;;;;;SAQgB,cAAc,CAAC,OAAe,EAAE,MAAmC;IACjF,OAAO,OAAO,IAAI,MAAM;UACpB,MAAM,CAAC,OAAO,CAAkB,MAAM,CAAC,CAAC,MAAM,CAAC,aAAa,EAAE,OAAO,CAAC;UACtE,OAAO,CAAC;AACd;;;;"}

package/js/filters/filters.registry.js

@@ -1,9 +0,0 @@
-/**
- * List of filters that can be used to apply common text formatting.
- *
- * @internal
- */
-var FILTERS_REGISTRY = {};
-
-export { FILTERS_REGISTRY };
-//# sourceMappingURL=filters.registry.js.map

package/js/filters/filters.registry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"filters.registry.js","sources":["../../../src/filters/filters.registry.ts"],"sourcesContent":["/**\n * List of filters that can be used to apply common text formatting.\n *\n * @internal\n */\nexport const FILTERS_REGISTRY = {};\n"],"names":[],"mappings":"AAAA;;;;;IAKa,gBAAgB,GAAG;;;;"}

package/js/utils/object.js

@@ -1,85 +0,0 @@
-/**
- * Iterates over every non-undefined property of the object calling the callback passed as
- * parameter.
- *
- * @param obj - The object to iterate through each property.
- * @param callbackFn - The callback function to call for each property.
- * @public
- */
-function forEach(obj, callbackFn) {
-    if (obj == null) {
-        return;
-    }
-    var index = 0;
-    for (var key in obj) {
-        if (Object.prototype.hasOwnProperty.call(obj, key) && obj[key] !== undefined) {
-            callbackFn(key, obj[key], index++);
-        }
-    }
-}
-/**
- * Iterates through the obj properties calling the reducer function.
- *
- * @param obj - The object to iterate through each property.
- * @param reducer - A function that will be called for each property, modifying the initialValue
- * object.
- * @param initialValue - The initial value of the accumulator property of the reducer function.
- * @returns Result of the reducer function.
- * @public
- */
-function reduce(obj, reducer, initialValue) {
-    var accumulator = initialValue;
-    forEach(obj, function (key, value, index) {
-        accumulator = reducer(accumulator, key, value, index);
-    });
-    return accumulator;
-}
-/**
- * Creates an object from another object transforming each property value.
- *
- * @param obj - The object to transform each property value.
- * @param mapper - The mapper function which will transform each value.
- * @returns A record with the result of the mapper.
- * @public
- */
-function map(obj, mapper) {
-    return reduce(obj, function (accumulator, key, value, index) {
-        accumulator[key] = mapper(key, value, index);
-        return accumulator;
-    }, {});
-}
-/**
- * Creates an object picking only the not undefined properties.
- *
- * @param obj - The object from whom pick the values.
- * @returns A new object with the not undefined properties of the source object.
- * @public
- */
-function cleanUndefined(obj) {
-    return typeof obj !== 'object' || obj === null || Array.isArray(obj)
-        ? obj
-        : reduce(obj, function (pickedObject, key, value) {
-            pickedObject[key] = cleanUndefined(value);
-            return pickedObject;
-        }, {});
-}
-/**
- * Creates an object picking only the ones that pass the test implemented by the
- * provided function isIncluded.
- *
- * @param obj - T object to be filtered.
- * @param isIncluded - Test function that every obj item must pass.
- * @returns A filtered object.
- * @public
- */
-function objectFilter(obj, isIncluded) {
-    return reduce(obj, function (accumulator, key, value, index) {
-        if (isIncluded(key, value, index)) {
-            accumulator[key] = value;
-        }
-        return accumulator;
-    }, {});
-}
-
-export { cleanUndefined, forEach, map, objectFilter, reduce };
-//# sourceMappingURL=object.js.map

package/js/utils/object.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"object.js","sources":["../../../src/utils/object.ts"],"sourcesContent":["import { Dictionary } from './types';\n\n/**\n * Iterates over every non-undefined property of the object calling the callback passed as\n * parameter.\n *\n * @param obj - The object to iterate through each property.\n * @param callbackFn - The callback function to call for each property.\n * @public\n */\nexport function forEach<T extends Dictionary>(\n  obj: T | undefined | null,\n  callbackFn: (key: keyof T, value: Exclude<T[keyof T], undefined>, index: number) => void\n): void {\n  if (obj == null) {\n    return;\n  }\n\n  let index = 0;\n  for (const key in obj) {\n    if (Object.prototype.hasOwnProperty.call(obj, key) && obj[key] !== undefined) {\n      callbackFn(key, obj[key], index++);\n    }\n  }\n}\n\n/**\n * Iterates through the obj properties calling the reducer function.\n *\n * @param obj - The object to iterate through each property.\n * @param reducer - A function that will be called for each property, modifying the initialValue\n * object.\n * @param initialValue - The initial value of the accumulator property of the reducer function.\n * @returns Result of the reducer function.\n * @public\n */\nexport function reduce<T extends Dictionary, V>(\n  obj: T | undefined | null,\n  reducer: (\n    accumulator: V,\n    key: keyof T,\n    value: Exclude<T[keyof T], undefined>,\n    index: number\n  ) => V,\n  initialValue: V\n): V {\n  let accumulator = initialValue;\n  forEach(obj, (key, value, index) => {\n    accumulator = reducer(accumulator, key, value, index);\n  });\n  return accumulator;\n}\n\n/**\n * Creates an object from another object transforming each property value.\n *\n * @param obj - The object to transform each property value.\n * @param mapper - The mapper function which will transform each value.\n * @returns A record with the result of the mapper.\n * @public\n */\nexport function map<T extends Dictionary, W>(\n  obj: T | undefined | null,\n  mapper: (key: keyof T, value: Exclude<T[keyof T], undefined>, index: number) => W\n): Record<keyof T, W> {\n  return reduce(\n    obj,\n    (accumulator, key, value, index) => {\n      accumulator[key] = mapper(key, value, index);\n      return accumulator;\n    },\n    {} as Record<keyof T, W>\n  );\n}\n\n/**\n * Creates an object picking only the not undefined properties.\n *\n * @param obj - The object from whom pick the values.\n * @returns A new object with the not undefined properties of the source object.\n * @public\n */\nexport function cleanUndefined<T>(obj: T): T {\n  return typeof obj !== 'object' || obj === null || Array.isArray(obj)\n    ? obj\n    : reduce(\n        obj,\n        (pickedObject, key, value) => {\n          pickedObject[key] = cleanUndefined(value);\n          return pickedObject;\n        },\n        {} as T\n      );\n}\n\n/**\n * Creates an object picking only the ones that pass the test implemented by the\n * provided function isIncluded.\n *\n * @param obj - T object to be filtered.\n * @param isIncluded - Test function that every obj item must pass.\n * @returns A filtered object.\n * @public\n */\nexport function objectFilter<T extends Dictionary>(\n  obj: T | undefined | null,\n  isIncluded: (key: keyof T, value: Exclude<T[keyof T], undefined>, index: number) => boolean\n): T {\n  return reduce(\n    obj,\n    (accumulator, key, value, index) => {\n      if (isIncluded(key, value, index)) {\n        accumulator[key] = value;\n      }\n      return accumulator;\n    },\n    {} as T\n  );\n}\n"],"names":[],"mappings":"AAEA;;;;;;;;SAQgB,OAAO,CACrB,GAAyB,EACzB,UAAwF;IAExF,IAAI,GAAG,IAAI,IAAI,EAAE;QACf,OAAO;KACR;IAED,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,KAAK,IAAM,GAAG,IAAI,GAAG,EAAE;QACrB,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,KAAK,SAAS,EAAE;YAC5E,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;SACpC;KACF;AACH,CAAC;AAED;;;;;;;;;;SAUgB,MAAM,CACpB,GAAyB,EACzB,OAKM,EACN,YAAe;IAEf,IAAI,WAAW,GAAG,YAAY,CAAC;IAC/B,OAAO,CAAC,GAAG,EAAE,UAAC,GAAG,EAAE,KAAK,EAAE,KAAK;QAC7B,WAAW,GAAG,OAAO,CAAC,WAAW,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;KACvD,CAAC,CAAC;IACH,OAAO,WAAW,CAAC;AACrB,CAAC;AAED;;;;;;;;SAQgB,GAAG,CACjB,GAAyB,EACzB,MAAiF;IAEjF,OAAO,MAAM,CACX,GAAG,EACH,UAAC,WAAW,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK;QAC7B,WAAW,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;QAC7C,OAAO,WAAW,CAAC;KACpB,EACD,EAAwB,CACzB,CAAC;AACJ,CAAC;AAED;;;;;;;SAOgB,cAAc,CAAI,GAAM;IACtC,OAAO,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;UAChE,GAAG;UACH,MAAM,CACJ,GAAG,EACH,UAAC,YAAY,EAAE,GAAG,EAAE,KAAK;YACvB,YAAY,CAAC,GAAG,CAAC,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;YAC1C,OAAO,YAAY,CAAC;SACrB,EACD,EAAO,CACR,CAAC;AACR,CAAC;AAED;;;;;;;;;SASgB,YAAY,CAC1B,GAAyB,EACzB,UAA2F;IAE3F,OAAO,MAAM,CACX,GAAG,EACH,UAAC,WAAW,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK;QAC7B,IAAI,UAAU,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE;YACjC,WAAW,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;SAC1B;QACD,OAAO,WAAW,CAAC;KACpB,EACD,EAAO,CACR,CAAC;AACJ;;;;"}

package/js/wiring/utils/wire-racing-handling.js

@@ -1,108 +0,0 @@
-import { Subject, interval } from 'rxjs';
-import { debounce, take } from 'rxjs/operators';
-
-/**
- * Creates a {@link Wire} who's execution is timed, either by debouncing or throttling. If any of
- * the events in raceEvent are executed before the timed execution of the created wire, then this
- * wire is not executed. This is meant to prevent inconsistency issues in the store.
- *
- * @param wire - The wire to time execute.
- * @param timeInMs - The time in milliseconds to time the wire execution or a function to
- * retrieve it from the store.
- * @param timingOperatorRx - The kind of Rx operator to be used.
- * @param raceEvent - The event or events that would prevent the wire execution if at least one
- * of them executes first.
- * @returns The Wire function with a timing.
- *
- * @public
- */
-function handleTimedWire(wire, timeInMs, timingOperatorRx, raceEvent) {
-    if (raceEvent === void 0) { raceEvent = []; }
-    return function (observable, store, on) {
-        var timeoutObservable = new Subject();
-        var raceSubscription;
-        var timeout;
-        var raceObservable = getRaceEventsObservable(raceEvent, on);
-        return wire(isDebounceRx(timingOperatorRx)
-            ? observable.pipe(timingOperatorRx(function () {
-                var timeoutTime = getTimeoutTime(timeInMs, store);
-                timeout = updateTimeout(timeout, timeoutTime, timeoutObservable);
-                raceSubscription = updateRaceSubscription(raceSubscription, raceObservable, timeout);
-                return timeoutObservable;
-            }))
-            : observable.pipe(timingOperatorRx(function () { return interval(getTimeoutTime(timeInMs, store)); }, {
-                leading: true,
-                trailing: true
-            })), store, on);
-    };
-}
-/**
- * Creates the observable for the events that will be racing the wire's execution.
- *
- * @param raceEvent - The event or events that would prevent the wire execution if at least one
- * of them executes first.
- * @param on - The on function of the {@link XBus} where the events will run.
- * @returns The observable for the racing events.
- */
-function getRaceEventsObservable(raceEvent, on) {
-    if (raceEvent === void 0) { raceEvent = []; }
-    var raceObservable = new Subject();
-    var raceEvents = Array.isArray(raceEvent) ? raceEvent : [raceEvent];
-    /* It creates a custom merged observable instead of using the `merge` RxJS utility function.
-     We can't use the `merge` function here because our bus uses `ReplaySubject` which emits old
-     values to the new subscribers and the RxJS timing operator would be canceled by the
-     `raceEvent` if it was triggered before the event with a debounced wire */
-    raceEvents.forEach(function (raceEvent) { return on(raceEvent).subscribe(function () { return raceObservable.next(); }); });
-    return raceObservable;
-}
-/**
- * Clears the current timeout and sets a new one with a new time.
- *
- * @param timeout - The current timeout.
- * @param timeoutTime - The timeout time in ms.
- * @param timeoutObservable - Observable for the emitting events.
- * @returns The new timeout id.
- *
- * @remarks Due to the setTimeout function being 'duplicated' by the browser and Node.js, we
- * have to infer the type from the function itself to about typing issues and allow SSR
- * integration.
- */
-function updateTimeout(timeout, timeoutTime, timeoutObservable) {
-    clearTimeout(timeout);
-    return setTimeout(function () { return timeoutObservable.next(); }, timeoutTime);
-}
-/**
- * Checks how to retrieve the timeout time, retrieves it and returns it in ms.
- *
- * @param timeInMs - Time for the timeout in ms.
- * @param store - The store of the wire that will be timed out.
- * @returns The time in ms for the timeout.
- */
-function getTimeoutTime(timeInMs, store) {
-    return typeof timeInMs === 'function' ? timeInMs(store) : timeInMs;
-}
-/**
- * Unsubscribes from the current raceSubscription, sets it to take a new event and re-subscribes
- * to the raceObservable.
- *
- * @param raceSubscription - The subscription for the racing events.
- * @param raceObservable - The observable of the racing events.
- * @param timeout - The current timeout.
- * @returns The new raceSubscription.
- */
-function updateRaceSubscription(raceSubscription, raceObservable, timeout) {
-    raceSubscription === null || raceSubscription === void 0 ? void 0 : raceSubscription.unsubscribe();
-    return raceObservable.pipe(take(1)).subscribe(function () { return clearTimeout(timeout); });
-}
-/**
- * Check if the RxJS timing operator provided is a debounce.
- *
- * @param timingOperatorRx - The kind of Rx operator to be checked.
- * @returns If the timing operator provided is a debounce.
- */
-function isDebounceRx(timingOperatorRx) {
-    return timingOperatorRx === debounce;
-}
-
-export { handleTimedWire };
-//# sourceMappingURL=wire-racing-handling.js.map

package/js/wiring/utils/wire-racing-handling.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"wire-racing-handling.js","sources":["../../../../src/wiring/utils/wire-racing-handling.ts"],"sourcesContent":["import { interval, Subject, Subscription } from 'rxjs';\nimport { debounce as debounceRx, take as takeRx, throttle as throttleRx } from 'rxjs/operators';\nimport { Store } from 'vuex';\nimport { XBus } from '../../plugins/x-bus.types';\nimport { RootXStoreState } from '../../store/store.types';\nimport { XEvent } from '../events.types';\nimport { TimeRetrieving, Wire } from '../wiring.types';\n\n/**\n * Creates a {@link Wire} who's execution is timed, either by debouncing or throttling. If any of\n * the events in raceEvent are executed before the timed execution of the created wire, then this\n * wire is not executed. This is meant to prevent inconsistency issues in the store.\n *\n * @param wire - The wire to time execute.\n * @param timeInMs - The time in milliseconds to time the wire execution or a function to\n * retrieve it from the store.\n * @param timingOperatorRx - The kind of Rx operator to be used.\n * @param raceEvent - The event or events that would prevent the wire execution if at least one\n * of them executes first.\n * @returns The Wire function with a timing.\n *\n * @public\n */\nexport function handleTimedWire<Payload>(\n  wire: Wire<Payload>,\n  timeInMs: TimeRetrieving | number,\n  timingOperatorRx: RXDebounce | RXThrottle,\n  raceEvent: XEvent | XEvent[] = []\n): Wire<Payload> {\n  return (observable, store, on) => {\n    const timeoutObservable = new Subject();\n    let raceSubscription: Subscription;\n    let timeout: ReturnType<typeof setTimeout>;\n    const raceObservable = getRaceEventsObservable(raceEvent, on);\n\n    return wire(\n      isDebounceRx(timingOperatorRx)\n        ? observable.pipe(\n            timingOperatorRx(() => {\n              const timeoutTime = getTimeoutTime(timeInMs, store);\n              timeout = updateTimeout(timeout, timeoutTime, timeoutObservable);\n              raceSubscription = updateRaceSubscription(raceSubscription, raceObservable, timeout);\n              return timeoutObservable;\n            })\n          )\n        : observable.pipe(\n            timingOperatorRx(() => interval(getTimeoutTime(timeInMs, store)), {\n              leading: true,\n              trailing: true\n            })\n          ),\n      store,\n      on\n    );\n  };\n}\n\n/**\n * Creates the observable for the events that will be racing the wire's execution.\n *\n * @param raceEvent - The event or events that would prevent the wire execution if at least one\n * of them executes first.\n * @param on - The on function of the {@link XBus} where the events will run.\n * @returns The observable for the racing events.\n */\nfunction getRaceEventsObservable(\n  raceEvent: XEvent | XEvent[] = [],\n  on: XBus['on']\n): Subject<unknown> {\n  const raceObservable = new Subject();\n  const raceEvents = Array.isArray(raceEvent) ? raceEvent : [raceEvent];\n\n  /* It creates a custom merged observable instead of using the `merge` RxJS utility function.\n   We can't use the `merge` function here because our bus uses `ReplaySubject` which emits old\n   values to the new subscribers and the RxJS timing operator would be canceled by the\n   `raceEvent` if it was triggered before the event with a debounced wire */\n  raceEvents.forEach(raceEvent => on(raceEvent).subscribe(() => raceObservable.next()));\n  return raceObservable;\n}\n\n/**\n * Clears the current timeout and sets a new one with a new time.\n *\n * @param timeout - The current timeout.\n * @param timeoutTime - The timeout time in ms.\n * @param timeoutObservable - Observable for the emitting events.\n * @returns The new timeout id.\n *\n * @remarks Due to the setTimeout function being 'duplicated' by the browser and Node.js, we\n * have to infer the type from the function itself to about typing issues and allow SSR\n * integration.\n */\nfunction updateTimeout(\n  timeout: ReturnType<typeof setTimeout>,\n  timeoutTime: number,\n  timeoutObservable: Subject<unknown>\n): ReturnType<typeof setTimeout> {\n  clearTimeout(timeout);\n  return setTimeout(() => timeoutObservable.next(), timeoutTime);\n}\n\n/**\n * Checks how to retrieve the timeout time, retrieves it and returns it in ms.\n *\n * @param timeInMs - Time for the timeout in ms.\n * @param store - The store of the wire that will be timed out.\n * @returns The time in ms for the timeout.\n */\nfunction getTimeoutTime(timeInMs: TimeRetrieving | number, store: Store<RootXStoreState>): number {\n  return typeof timeInMs === 'function' ? timeInMs(store) : timeInMs;\n}\n\n/**\n * Unsubscribes from the current raceSubscription, sets it to take a new event and re-subscribes\n * to the raceObservable.\n *\n * @param raceSubscription - The subscription for the racing events.\n * @param raceObservable - The observable of the racing events.\n * @param timeout - The current timeout.\n * @returns The new raceSubscription.\n */\nfunction updateRaceSubscription(\n  raceSubscription: Subscription,\n  raceObservable: Subject<unknown>,\n  timeout: ReturnType<typeof setTimeout>\n): Subscription {\n  raceSubscription?.unsubscribe();\n  return raceObservable.pipe(takeRx(1)).subscribe(() => clearTimeout(timeout));\n}\n\n/**\n * Check if the RxJS timing operator provided is a debounce.\n *\n * @param timingOperatorRx - The kind of Rx operator to be checked.\n * @returns If the timing operator provided is a debounce.\n */\nfunction isDebounceRx(timingOperatorRx: RXDebounce | RXThrottle): timingOperatorRx is RXDebounce {\n  return timingOperatorRx === debounceRx;\n}\n\n/* Type hack to allow TS to infer correct types. If `__kind__` is removed, TS will infer `never` in\n`else` type guard clauses*/\ntype RXDebounce = typeof debounceRx & { __kind__?: 'debounce' };\ntype RXThrottle = typeof throttleRx & { __kind__?: 'throttle' };\n"],"names":["takeRx","debounceRx"],"mappings":";;;AAQA;;;;;;;;;;;;;;;SAegB,eAAe,CAC7B,IAAmB,EACnB,QAAiC,EACjC,gBAAyC,EACzC,SAAiC;IAAjC,0BAAA,EAAA,cAAiC;IAEjC,OAAO,UAAC,UAAU,EAAE,KAAK,EAAE,EAAE;QAC3B,IAAM,iBAAiB,GAAG,IAAI,OAAO,EAAE,CAAC;QACxC,IAAI,gBAA8B,CAAC;QACnC,IAAI,OAAsC,CAAC;QAC3C,IAAM,cAAc,GAAG,uBAAuB,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;QAE9D,OAAO,IAAI,CACT,YAAY,CAAC,gBAAgB,CAAC;cAC1B,UAAU,CAAC,IAAI,CACb,gBAAgB,CAAC;gBACf,IAAM,WAAW,GAAG,cAAc,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;gBACpD,OAAO,GAAG,aAAa,CAAC,OAAO,EAAE,WAAW,EAAE,iBAAiB,CAAC,CAAC;gBACjE,gBAAgB,GAAG,sBAAsB,CAAC,gBAAgB,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC;gBACrF,OAAO,iBAAiB,CAAC;aAC1B,CAAC,CACH;cACD,UAAU,CAAC,IAAI,CACb,gBAAgB,CAAC,cAAM,OAAA,QAAQ,CAAC,cAAc,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,GAAA,EAAE;gBAChE,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;aACf,CAAC,CACH,EACL,KAAK,EACL,EAAE,CACH,CAAC;KACH,CAAC;AACJ,CAAC;AAED;;;;;;;;AAQA,SAAS,uBAAuB,CAC9B,SAAiC,EACjC,EAAc;IADd,0BAAA,EAAA,cAAiC;IAGjC,IAAM,cAAc,GAAG,IAAI,OAAO,EAAE,CAAC;IACrC,IAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,SAAS,GAAG,CAAC,SAAS,CAAC,CAAC;;;;;IAMtE,UAAU,CAAC,OAAO,CAAC,UAAA,SAAS,IAAI,OAAA,EAAE,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,cAAM,OAAA,cAAc,CAAC,IAAI,EAAE,GAAA,CAAC,GAAA,CAAC,CAAC;IACtF,OAAO,cAAc,CAAC;AACxB,CAAC;AAED;;;;;;;;;;;;AAYA,SAAS,aAAa,CACpB,OAAsC,EACtC,WAAmB,EACnB,iBAAmC;IAEnC,YAAY,CAAC,OAAO,CAAC,CAAC;IACtB,OAAO,UAAU,CAAC,cAAM,OAAA,iBAAiB,CAAC,IAAI,EAAE,GAAA,EAAE,WAAW,CAAC,CAAC;AACjE,CAAC;AAED;;;;;;;AAOA,SAAS,cAAc,CAAC,QAAiC,EAAE,KAA6B;IACtF,OAAO,OAAO,QAAQ,KAAK,UAAU,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC;AACrE,CAAC;AAED;;;;;;;;;AASA,SAAS,sBAAsB,CAC7B,gBAA8B,EAC9B,cAAgC,EAChC,OAAsC;IAEtC,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,WAAW,EAAE,CAAC;IAChC,OAAO,cAAc,CAAC,IAAI,CAACA,IAAM,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,cAAM,OAAA,YAAY,CAAC,OAAO,CAAC,GAAA,CAAC,CAAC;AAC/E,CAAC;AAED;;;;;;AAMA,SAAS,YAAY,CAAC,gBAAyC;IAC7D,OAAO,gBAAgB,KAAKC,QAAU,CAAC;AACzC;;;;"}