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

package/types/wiring/namespaced-wires.operators.d.ts

@@ -1,6 +1,5 @@
 import { XModuleName } from '../x-modules/x-modules.types';
 import { NamespacedTimeWireOperator } from './namespaced-wiring.types';
-import { AnyWire } from './wiring.types';
 /**
  * Type safe debounce operator which creates a function which can only access the Module of
  * the {@link https://vuex.vuejs.org/ | Vuex} Store passed as parameter.
@@ -12,7 +11,7 @@ import { AnyWire } from './wiring.types';
  *
  * @public
  */
-export declare function namespacedDebounce<ModuleName extends XModuleName>(moduleName: ModuleName): NamespacedTimeWireOperator<ModuleName, AnyWire>;
+export declare function namespacedDebounce<ModuleName extends XModuleName>(moduleName: ModuleName): NamespacedTimeWireOperator<ModuleName>;
 /**
  * Type safe throttle operator which creates a function which can only access the Module of
  * the {@link https://vuex.vuejs.org/ | Vuex} Store passed as parameter.
@@ -24,5 +23,5 @@ export declare function namespacedDebounce<ModuleName extends XModuleName>(modul
  *
  * @public
  */
-export declare function namespacedThrottle<ModuleName extends XModuleName>(moduleName: ModuleName): NamespacedTimeWireOperator<ModuleName, AnyWire>;
+export declare function namespacedThrottle<ModuleName extends XModuleName>(moduleName: ModuleName): NamespacedTimeWireOperator<ModuleName>;
 //# sourceMappingURL=namespaced-wires.operators.d.ts.map

package/types/wiring/namespaced-wires.operators.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"namespaced-wires.operators.d.ts","sourceRoot":"","sources":["../../../src/wiring/namespaced-wires.operators.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,OAAO,EAA4B,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAEjG,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAGzC;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CAAC,UAAU,SAAS,WAAW,EAC/D,UAAU,EAAE,UAAU,GACrB,0BAA0B,CAAC,UAAU,EAAE,OAAO,CAAC,CAEjD;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CAAC,UAAU,SAAS,WAAW,EAC/D,UAAU,EAAE,UAAU,GACrB,0BAA0B,CAAC,UAAU,EAAE,OAAO,CAAC,CAEjD"}
+{"version":3,"file":"namespaced-wires.operators.d.ts","sourceRoot":"","sources":["../../../src/wiring/namespaced-wires.operators.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAIvE;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CAAC,UAAU,SAAS,WAAW,EAC/D,UAAU,EAAE,UAAU,GACrB,0BAA0B,CAAC,UAAU,CAAC,CAExC;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CAAC,UAAU,SAAS,WAAW,EAC/D,UAAU,EAAE,UAAU,GACrB,0BAA0B,CAAC,UAAU,CAAC,CAExC"}

package/types/wiring/namespaced-wiring.types.d.ts

@@ -1,8 +1,7 @@
 import { ActionNamesFor, ExtractActionPayload, ExtractActions, ExtractMutationPayload, ExtractMutations, ExtractPayload, MutationNamesFor, StoreModuleStateAndGetters } from '../store/store.types';
 import { PropsWithType } from '../utils/types';
 import { XModuleName, XModulesTree } from '../x-modules/x-modules.types';
-import { XEvent } from './events.types';
-import { AnyWire, Wire, WireMetadata } from './wiring.types';
+import { AnyWire, TimedWireOperatorOptions, Wire, WireMetadata } from './wiring.types';
 /**
  * Function type which receives the State and the Getters of the namespace {@link XStoreModule}
  * to retrieve the time from there.
@@ -12,22 +11,22 @@ import { AnyWire, Wire, WireMetadata } from './wiring.types';
  *
  * @public
  */
-export declare type NamespacedTimeRetrieving<ModuleName extends XModuleName> = (storeModule: StoreModuleStateAndGetters<ModuleName>) => number;
+export declare type NamespacedTimeSelector<ModuleName extends XModuleName> = (storeModule: StoreModuleStateAndGetters<ModuleName>) => number;
 /**
- * Function type which receives the wire to modify and the {@link NamespacedTimeRetrieving} to
+ * Function type which receives the wire to modify and the {@link NamespacedTimeSelector} to
  * retrieve the time from the {@link XStoreModule}.
  *
  * @param ModuleName - The {@link XModuleName} of the module to create a namespaced
- * {@link NamespacedTimeRetrieving}.
+ * {@link NamespacedTimeSelector}.
  * @param Wire - The wire which will be piped with a timing operator.
- * @param timeRetrieving - Function that receives the State and the Getters of the namespace
- * {@link XStoreModule} to retrieve the time from there.
- * @param raceEvent - The event or events that would prevent the wire execution if at least one
- * of them executes first.
+ * @param timeInMs - Function that receives the state and the getters of the given module
+ * {@link XStoreModule} to retrieve the time.
+ * @param options - Options to configure events that should make the planned wire execution happen
+ * immediately or be aborted.
  *
  * @public
  */
-export declare type NamespacedTimeWireOperator<ModuleName extends XModuleName, Wire> = (wire: Wire, timeRetrieving: NamespacedTimeRetrieving<ModuleName>, raceEvent?: XEvent | XEvent[]) => Wire;
+export declare type NamespacedTimeWireOperator<ModuleName extends XModuleName> = <Payload>(wire: Wire<Payload>, timeInMs: NamespacedTimeSelector<ModuleName>, options?: TimedWireOperatorOptions) => Wire<Payload>;
 /**
  * Namespaced payload to commit a mutation. Either a function that receives the
  * {@link StoreModuleStateAndGetters | module state and getters} and returns the payload for

package/types/wiring/namespaced-wiring.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"namespaced-wiring.types.d.ts","sourceRoot":"","sources":["../../../src/wiring/namespaced-wiring.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"namespaced-wiring.types.d.ts","sourceRoot":"","sources":["../../../src/wiring/namespaced-wiring.types.ts"],"names":[],"mappings":"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"}

package/types/wiring/wires-operators.utils.d.ts

@@ -0,0 +1,36 @@
+import { Observable } from 'rxjs';
+import { Store } from 'vuex';
+import { XBus } from '../plugins/x-bus.types';
+import { RootXStoreState } from '../store/store.types';
+import { MaybeArray } from '../utils/types';
+import { XEvent } from './events.types';
+import { TimedWireOperatorOptions, TimeSelector } from './wiring.types';
+/**
+ * Creates the observable for the events that will be racing the wire's execution.
+ *
+ * @param events - The events to merge its observables.
+ * @param on - The on function of the {@link XBus} where the events will run.
+ * @returns The observable for the racing events.
+ * @internal
+ */
+export declare function mergeEvents(events: MaybeArray<XEvent>, on: XBus['on']): Observable<void>;
+/**
+ * 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.
+ * @internal
+ */
+export declare function normalizeTime(timeInMs: TimeSelector | number, store: Store<RootXStoreState>): number;
+/**
+ * Creates a timer observable that depending on the provided options might be aborted or forced.
+ *
+ * @param durationInMs - The duration in ms for the timer.
+ * @param options - Options to configure the timer, like an events to force it or cancel it.
+ * @param on - The {@link XBus.on} method.
+ * @returns A timer observable that can be aborted or forced depending on the provided options.
+ * @internal
+ */
+export declare function createTimer(durationInMs: number, { cancelOn, forceOn }: TimedWireOperatorOptions, on: XBus['on']): Observable<unknown>;
+//# sourceMappingURL=wires-operators.utils.d.ts.map

package/types/wiring/wires-operators.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wires-operators.utils.d.ts","sourceRoot":"","sources":["../../../src/wiring/wires-operators.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,UAAU,EAAe,MAAM,MAAM,CAAC;AAExD,OAAO,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAC7B,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,wBAAwB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAExE;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,MAAM,EAAE,UAAU,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,UAAU,CAAC,IAAI,CAAC,CAUxF;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAC3B,QAAQ,EAAE,YAAY,GAAG,MAAM,EAC/B,KAAK,EAAE,KAAK,CAAC,eAAe,CAAC,GAC5B,MAAM,CAER;AAED;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CACzB,YAAY,EAAE,MAAM,EACpB,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,wBAAwB,EAC/C,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,GACb,UAAU,CAAC,OAAO,CAAC,CAWrB"}

package/types/wiring/wires.operators.d.ts

@@ -1,6 +1,5 @@
 import { XModuleName } from '../x-modules/x-modules.types';
-import { XEvent } from './events.types';
-import { TimeRetrieving, Wire, WireParams } from './wiring.types';
+import { TimedWireOperatorOptions, TimeSelector, Wire, WireParams } from './wiring.types';
 /**
  * Creates a {@link Wire} that is only executed whenever the condition in the filterFn is true.
  *
@@ -63,13 +62,12 @@ export declare function filterBlacklistedModules<Payload>(wire: Wire<Payload>, b
  * @param wire - The wire to debounce.
  * @param timeInMs - The time in milliseconds to debounce the wire execution or a function to
  * retrieve it from the store.
- * @param raceEvent - The event or events that would prevent the wire execution if at least one
- * of them executes first.
+ * @param options - Options to configure this wire with, like an event to force it or cancel it.
  * @returns The Wire function with a debounced timing.
  *
  * @public
  */
-export declare function debounce<Payload>(wire: Wire<Payload>, timeInMs: TimeRetrieving | number, raceEvent?: XEvent | XEvent[]): Wire<Payload>;
+export declare function debounce<Payload>(wire: Wire<Payload>, timeInMs: TimeSelector | number, options?: TimedWireOperatorOptions): Wire<Payload>;
 /**
  * Creates a throttled {@link Wire}. Being throttled means that it will only be executed once
  * every couple of milliseconds given by the `timeInMs` parameter.
@@ -77,13 +75,12 @@ export declare function debounce<Payload>(wire: Wire<Payload>, timeInMs: TimeRet
  * @param wire - The wire to throttle.
  * @param timeInMs - The time in milliseconds to throttle the wire execution or a function to
  * retrieve it from the store.
- * @param raceEvent - The event or events that would prevent the wire execution if at least one
- * of them executes first.
+ * @param options - Options to configure this wire with, like an event to force it or cancel it.
  * @returns The Wire function with a throttle timing.
  *
  * @public
  */
-export declare function throttle<Payload>(wire: Wire<Payload>, timeInMs: TimeRetrieving | number, raceEvent?: XEvent | XEvent[]): Wire<Payload>;
+export declare function throttle<Payload>(wire: Wire<Payload>, timeInMs: TimeSelector | number, options?: TimedWireOperatorOptions): Wire<Payload>;
 /**
  * Creates a {@link Wire} from other `toWire` wire. It uses `mapFn` to transform the
  * `FromPayload` received to `ToPayload` which `toWire` requires. This is

package/types/wiring/wires.operators.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"wires.operators.d.ts","sourceRoot":"","sources":["../../../src/wiring/wires.operators.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAElE;;;;;;;;;GASG;AACH,wBAAgB,MAAM,CAAC,OAAO,EAC5B,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,EACnB,QAAQ,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC,OAAO,CAAC,KAAK,OAAO,GACrD,IAAI,CAAC,OAAO,CAAC,CAGf;AAED;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,CAE9E;AAED;;;;;;;;GAQG;AACH,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,CAE/E;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,wBAAwB,CAAC,OAAO,EAC9C,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,EACnB,SAAS,EAAE,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC,GACnC,IAAI,CAAC,OAAO,CAAC,CAGf;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,wBAAwB,CAAC,OAAO,EAC9C,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,EACnB,SAAS,EAAE,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC,GACnC,IAAI,CAAC,OAAO,CAAC,CAGf;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,QAAQ,CAAC,OAAO,EAC9B,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,EACnB,QAAQ,EAAE,cAAc,GAAG,MAAM,EACjC,SAAS,GAAE,MAAM,GAAG,MAAM,EAAO,GAChC,IAAI,CAAC,OAAO,CAAC,CAEf;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,QAAQ,CAAC,OAAO,EAC9B,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,EACnB,QAAQ,EAAE,cAAc,GAAG,MAAM,EACjC,SAAS,GAAE,MAAM,GAAG,MAAM,EAAO,GAChC,IAAI,CAAC,OAAO,CAAC,CAEf;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,OAAO,CAAC,WAAW,EAAE,SAAS,EAC5C,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,EACvB,KAAK,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,SAAS,GACzC,IAAI,CAAC,WAAW,CAAC,CAWnB"}
+{"version":3,"file":"wires.operators.d.ts","sourceRoot":"","sources":["../../../src/wiring/wires.operators.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,OAAO,EAAE,wBAAwB,EAAE,YAAY,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE1F;;;;;;;;;GASG;AACH,wBAAgB,MAAM,CAAC,OAAO,EAC5B,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,EACnB,QAAQ,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC,OAAO,CAAC,KAAK,OAAO,GACrD,IAAI,CAAC,OAAO,CAAC,CAGf;AAED;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,CAE9E;AAED;;;;;;;;GAQG;AACH,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,CAE/E;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,wBAAwB,CAAC,OAAO,EAC9C,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,EACnB,SAAS,EAAE,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC,GACnC,IAAI,CAAC,OAAO,CAAC,CAGf;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,wBAAwB,CAAC,OAAO,EAC9C,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,EACnB,SAAS,EAAE,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC,GACnC,IAAI,CAAC,OAAO,CAAC,CAGf;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,QAAQ,CAAC,OAAO,EAC9B,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,EACnB,QAAQ,EAAE,YAAY,GAAG,MAAM,EAC/B,OAAO,GAAE,wBAA6B,GACrC,IAAI,CAAC,OAAO,CAAC,CAQf;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,QAAQ,CAAC,OAAO,EAC9B,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,EACnB,QAAQ,EAAE,YAAY,GAAG,MAAM,EAC/B,OAAO,GAAE,wBAA6B,GACrC,IAAI,CAAC,OAAO,CAAC,CAaf;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,OAAO,CAAC,WAAW,EAAE,SAAS,EAC5C,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,EACvB,KAAK,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,SAAS,GACzC,IAAI,CAAC,WAAW,CAAC,CAWnB"}

package/types/wiring/wiring.types.d.ts

@@ -3,7 +3,7 @@ import { Store } from 'vuex';
 import { XBus } from '../plugins/x-bus.types';
 import { RootStoreStateAndGetters, RootXStoreState } from '../store';
 import { FeatureLocation, QueryFeature } from '../types/origin';
-import { Dictionary, FirstParameter, MonadicFunction, NiladicFunction, PropsWithType } from '../utils';
+import { Dictionary, FirstParameter, MaybeArray, MonadicFunction, NiladicFunction, PropsWithType } from '../utils';
 import { XModuleName } from '../x-modules/x-modules.types';
 import { XEvent, XEventPayload } from './events.types';
 /**
@@ -96,7 +96,18 @@ export interface WireParams<Payload> extends WirePayload<Payload> {
  *
  * @public
  */
-export declare type TimeRetrieving = (storeModule: Store<RootXStoreState>) => number;
+export declare type TimeSelector = (storeModule: Store<RootXStoreState>) => number;
+/**
+ * Options for wire operators that delay subscribers.
+ *
+ * @public
+ */
+export interface TimedWireOperatorOptions {
+    /** Events that will prevent the next planned execution of the wire to be executed. */
+    cancelOn?: MaybeArray<XEvent>;
+    /** Events that will make the next planned execution happen immediately. */
+    forceOn?: MaybeArray<XEvent>;
+}
 /**
  * Wires factory to invoke methods from a given service.
  *
@@ -109,14 +120,16 @@ export interface WireService<SomeService> {
      *
      * @param method - The method to invoke.
      * @returns A Wire that expects to receive the function parameter as payload.
-     */ <SomeMethod extends PropsWithType<SomeService, MonadicFunction>>(method: SomeMethod): Wire<FirstParameter<SomeService[SomeMethod]>>;
+     */
+    <SomeMethod extends PropsWithType<SomeService, MonadicFunction>>(method: SomeMethod): Wire<FirstParameter<SomeService[SomeMethod]>>;
     /**
      * Creates a wire that will invoke the given service function with the provided static payload.
      *
      * @param method - The method to invoke.
      * @param payload - The payload to invoke the service with.
      * @returns A Wire that can be used anywhere.
-     */ <SomeMethod extends PropsWithType<SomeService, MonadicFunction>>(method: SomeMethod, payload: FirstParameter<SomeService[SomeMethod]>): AnyWire;
+     */
+    <SomeMethod extends PropsWithType<SomeService, MonadicFunction>>(method: SomeMethod, payload: FirstParameter<SomeService[SomeMethod]>): AnyWire;
 }
 /**
  * Wires factory to invoke methods from a given service.

package/types/wiring/wiring.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"wiring.types.d.ts","sourceRoot":"","sources":["../../../src/wiring/wiring.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"wiring.types.d.ts","sourceRoot":"","sources":["../../../src/wiring/wiring.types.ts"],"names":[],"mappings":"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"}

package/types/x-installer/x-installer/x-installer.d.ts

@@ -37,7 +37,7 @@ declare global {
  * ```
  *
  *        2.2 If the API option is enabled (`createAPI` is `true` in {@link InstallXOptions}, or
- *            is not present as the default vlaue is `true`) then this init step can be done with
+ *            is not present as the default value is `true`) then this init step can be done with
  *            the Public API:
  *
  * ```

package/types/x-modules/extra-params/components/snippet-config-extra-params.vue.d.ts

@@ -23,6 +23,12 @@ export default class SnippetConfigExtraParams extends Vue {
      * @internal
      */
     protected extraParams: Dictionary<unknown>;
+    /**
+     * Collection of properties from the snippet config not allowed to be sent as extra params.
+     *
+     * @internal
+     */
+    protected notAllowedExtraParams: Array<keyof SnippetConfig>;
     /**
      * Updates the extraParams object when the snippet config changes.
      *

package/types/x-modules/extra-params/components/snippet-config-extra-params.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"snippet-config-extra-params.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/extra-params/components/snippet-config-extra-params.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAKA,OAAO,GAAG,MAAM,KAAK,CAAC;AAGtB,OAAO,EAAE,UAAU,EAAW,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAIrD;;;;;GAKG;AAKH,MAAM,CAAC,OAAO,OAAO,wBAAyB,SAAQ,GAAG;IACvD;;;;OAIG;IAEI,aAAa,EAAG,aAAa,CAAC;IAErC;;;;;;;OAOG;IACH,SAAS,CAAC,WAAW,EAAE,UAAU,CAAC,OAAO,CAAC,CAAM;IAEhD;;;;;;OAMG;IAEH,eAAe,CAAC,EACd,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,UAAU,EACV,OAAO,EACP,iBAAiB,EACjB,QAAQ,EACR,GAAG,kBAAkB,EACtB,EAAE,aAAa,GAAG,IAAI;CAKxB"}
+{"version":3,"file":"snippet-config-extra-params.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/extra-params/components/snippet-config-extra-params.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAKA,OAAO,GAAG,MAAM,KAAK,CAAC;AAGtB,OAAO,EAAE,UAAU,EAAW,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAIrD;;;;;GAKG;AAKH,MAAM,CAAC,OAAO,OAAO,wBAAyB,SAAQ,GAAG;IACvD;;;;OAIG;IAEI,aAAa,EAAG,aAAa,CAAC;IAErC;;;;;;;OAOG;IACH,SAAS,CAAC,WAAW,EAAE,UAAU,CAAC,OAAO,CAAC,CAAM;IAEhD;;;;OAIG;IACH,SAAS,CAAC,qBAAqB,EAAE,KAAK,CAAC,MAAM,aAAa,CAAC,CAAiB;IAE5E;;;;;;OAMG;IAEH,eAAe,CAAC,EACd,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,UAAU,EACV,OAAO,EACP,iBAAiB,EACjB,QAAQ,EACR,GAAG,kBAAkB,EACtB,EAAE,aAAa,GAAG,IAAI;CAQxB"}

package/types/x-modules/facets/components/facets/facets-provider.vue.d.ts

@@ -32,14 +32,6 @@ export default class FacetsProvider extends Vue {
      * @internal
      */
     protected selectedFilters: Filter[] | null;
-    /**
-     * Creates a watcher for the `facetsGroup`, if they're set, emitting an
-     * event whenever they change. This is done this way because the {@link XBus} is not injected
-     * until the component is created.
-     *
-     * @internal
-     */
-    protected created(): void;
     /**
      * A computed property to group the facets and the groupId. This is used by the watcher.
      *

package/types/x-modules/facets/components/facets/facets-provider.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"facets-provider.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../../../src/x-modules/facets/components/facets/facets-provider.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,GAAG,MAAM,KAAK,CAAC;AAKtB,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAG5C;;;;;;;GAOG;AAIH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,GAAG;IAC7C;;;;;OAKG;IAEI,OAAO,EAAG,OAAO,CAAC;IAEzB;;;;;OAKG;IAEI,MAAM,EAAG,KAAK,EAAE,CAAC;IAExB;;;;;OAKG;IACH,SAAS,CAAC,eAAe,EAAE,MAAM,EAAE,GAAG,IAAI,CAAQ;IAElD;;;;;;OAMG;IACH,SAAS,CAAC,OAAO,IAAI,IAAI;IAIzB;;;;;;OAMG;IACH,SAAS,KAAK,WAAW,IAAI,WAAW,CAEvC;IAED;;;;;;OAMG;IAEH,0BAA0B,CAAC,eAAe,EAAE,MAAM,EAAE,GAAG,IAAI;IAU3D;;;;OAIG;IACH,aAAa,IAAI,IAAI;IAOrB;;;;;;OAMG;IACH,SAAS,CAAC,sBAAsB,CAAC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI;IAOvD,MAAM,IAAI,IAAI;CACf"}
+{"version":3,"file":"facets-provider.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../../../src/x-modules/facets/components/facets/facets-provider.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,GAAG,MAAM,KAAK,CAAC;AAKtB,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAG5C;;;;;;;GAOG;AAIH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,GAAG;IAC7C;;;;;OAKG;IAEI,OAAO,EAAG,OAAO,CAAC;IAEzB;;;;;OAKG;IAEI,MAAM,EAAG,KAAK,EAAE,CAAC;IAExB;;;;;OAKG;IACH,SAAS,CAAC,eAAe,EAAE,MAAM,EAAE,GAAG,IAAI,CAAQ;IAElD;;;;;;OAMG;IACH,SAAS,KAAK,WAAW,IAAI,WAAW,CAEvC;IAED;;;;;;OAMG;IAEH,0BAA0B,CAAC,eAAe,EAAE,MAAM,EAAE,GAAG,IAAI;IAU3D;;;;OAIG;IAEH,aAAa,IAAI,IAAI;IAOrB;;;;;;OAMG;IACH,SAAS,CAAC,sBAAsB,CAAC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI;IAOvD,MAAM,IAAI,IAAI;CACf"}

package/types/x-modules/history-queries/wiring.d.ts

@@ -62,7 +62,7 @@ export declare const historyQueriesWiring: {
         addQueryToHistoryQueries: import("../..").Wire<string>;
     };
     UserIsTypingAQuery: {
-        setHistoryQueriesQueryDebounce: import("../..").AnyWire;
+        setHistoryQueriesQueryDebounce: import("../..").Wire<string>;
     };
     UserPressedClearHistoryQueries: {
         clearHistoryQueries: import("../..").AnyWire;

package/types/x-modules/identifier-results/wiring.d.ts

@@ -41,7 +41,7 @@ export declare const setIdentifierResultsExtraParams: import("../..").Wire<impor
  */
 export declare const identifierResultsWiring: {
     UserIsTypingAQuery: {
-        setIdentifierResultsQueryDebounce: import("../..").AnyWire;
+        setIdentifierResultsQueryDebounce: import("../..").Wire<string>;
     };
     UserAcceptedAQuery: {
         setIdentifierResultsQuery: import("../..").Wire<string>;

package/types/x-modules/query-suggestions/wiring.d.ts

@@ -35,7 +35,7 @@ export declare const cancelFetchAndSaveSuggestionsWire: import("../..").AnyWire;
  */
 export declare const querySuggestionsWiring: {
     UserIsTypingAQuery: {
-        setQuerySuggestionsQueryDebounce: import("../..").AnyWire;
+        setQuerySuggestionsQueryDebounce: import("../..").Wire<string>;
     };
     UserAcceptedAQuery: {
         setQuerySuggestionsQuery: import("../..").Wire<string>;

package/types/x-modules/search/components/banner.vue.d.ts

@@ -15,5 +15,11 @@ export default class Banner extends Vue {
      * @public
      */
     banner: BannerModel;
+    /**
+     * Emits the banner click event.
+     *
+     * @internal
+     */
+    protected emitClickEvent(): void;
 }
 //# sourceMappingURL=banner.vue?rollup-plugin-vue=script.d.ts.map

package/types/x-modules/search/components/banner.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"banner.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/search/components/banner.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,GAAG,MAAM,KAAK,CAAC;AAItB;;;;;;;GAOG;AAIH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,GAAG;IACrC;;;;OAIG;IAEI,MAAM,EAAG,WAAW,CAAC;CAC7B"}
+{"version":3,"file":"banner.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/search/components/banner.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,GAAG,MAAM,KAAK,CAAC;AAItB;;;;;;;GAOG;AAIH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,GAAG;IACrC;;;;OAIG;IAEI,MAAM,EAAG,WAAW,CAAC;IAE5B;;;;OAIG;IACH,SAAS,CAAC,cAAc,IAAI,IAAI;CAGjC"}

package/types/x-modules/search/components/promoted.vue.d.ts

@@ -14,5 +14,11 @@ export default class Promoted extends Vue {
      * @public
      */
     promoted: PromotedModel;
+    /**
+     * Emits the promoted click event.
+     *
+     * @internal
+     */
+    protected emitClickEvent(): void;
 }
 //# sourceMappingURL=promoted.vue?rollup-plugin-vue=script.d.ts.map

package/types/x-modules/search/components/promoted.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"promoted.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/search/components/promoted.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,GAAG,MAAM,KAAK,CAAC;AAKtB;;;;;;GAMG;AAIH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,GAAG;IACvC;;;;OAIG;IAEI,QAAQ,EAAG,aAAa,CAAC;CACjC"}
+{"version":3,"file":"promoted.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/search/components/promoted.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,GAAG,MAAM,KAAK,CAAC;AAKtB;;;;;;GAMG;AAIH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,GAAG;IACvC;;;;OAIG;IAEI,QAAQ,EAAG,aAAa,CAAC;IAEhC;;;;OAIG;IACH,SAAS,CAAC,cAAc,IAAI,IAAI;CAGjC"}

package/types/x-modules/search/components/redirection.vue.d.ts

@@ -28,7 +28,7 @@ export default class Redirection extends Vue {
      *
      * @internal
      */
-    protected timeoutId: number;
+    protected timeoutId?: number;
     /**
      * Boolean flag which indicates if the redirection is running.
      *

package/types/x-modules/search/components/redirection.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"redirection.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/search/components/redirection.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,WAAW,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACrE,OAAO,GAAG,MAAM,KAAK,CAAC;AAOtB;;;;;;GAMG;AAIH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,GAAG;IAEnC,YAAY,EAAG,gBAAgB,EAAE,CAAC;IAEzC;;;;OAIG;IAEI,IAAI,EAAG,MAAM,GAAG,QAAQ,CAAC;IAEhC;;;;;;OAMG;IAEI,cAAc,EAAG,MAAM,CAAC;IAE/B;;;;OAIG;IACH,SAAS,CAAC,SAAS,EAAG,MAAM,CAAC;IAE7B;;;;OAIG;IACH,SAAS,CAAC,aAAa,UAAQ;IAE/B;;;;;;OAMG;IACH,SAAS,KAAK,WAAW,IAAI,gBAAgB,GAAG,IAAI,CAEnD;IAED;;;;;OAKG;IAEH,SAAS,CAAC,iBAAiB,IAAI,IAAI;IAQnC;;;;OAIG;IACH,SAAS,CAAC,QAAQ,IAAI,IAAI;IAM1B;;;;OAIG;IACH,SAAS,CAAC,aAAa,IAAI,IAAI;IAK/B;;;;OAIG;IAEH,cAAc,IAAI,IAAI;CAIvB"}
+{"version":3,"file":"redirection.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/search/components/redirection.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,WAAW,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACrE,OAAO,GAAG,MAAM,KAAK,CAAC;AAOtB;;;;;;GAMG;AAIH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,GAAG;IAEnC,YAAY,EAAG,gBAAgB,EAAE,CAAC;IAEzC;;;;OAIG;IAEI,IAAI,EAAG,MAAM,GAAG,QAAQ,CAAC;IAEhC;;;;;;OAMG;IAEI,cAAc,EAAG,MAAM,CAAC;IAE/B;;;;OAIG;IACH,SAAS,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAE7B;;;;OAIG;IACH,SAAS,CAAC,aAAa,UAAQ;IAE/B;;;;;;OAMG;IACH,SAAS,KAAK,WAAW,IAAI,gBAAgB,GAAG,IAAI,CAEnD;IAED;;;;;OAKG;IAEH,SAAS,CAAC,iBAAiB,IAAI,IAAI;IAQnC;;;;OAIG;IACH,SAAS,CAAC,QAAQ,IAAI,IAAI;IAM1B;;;;OAIG;IACH,SAAS,CAAC,aAAa,IAAI,IAAI;IAK/B;;;;OAIG;IAEH,cAAc,IAAI,IAAI;CAIvB"}

package/types/x-modules/search/events.types.d.ts

@@ -1,5 +1,5 @@
 import { SearchRequest } from '@empathyco/x-adapter';
-import { Facet, Result, Sort, Redirection, TaggingInfo } from '@empathyco/x-types';
+import { Facet, Result, Sort, Redirection, TaggingInfo, Promoted, Banner } from '@empathyco/x-types';
 /**
  * Dictionary of the events of Search XModule, where each key is the event name, and the value is
  * the event payload type or `void` if it has no payload.
@@ -70,6 +70,16 @@ export interface SearchXEvents {
      * * Payload: The clicked redirection.
      */
     UserClickedARedirection: Redirection;
+    /**
+     * The user has clicked a promoted.
+     * * Payload: The clicked promoted.
+     */
+    UserClickedAPromoted: Promoted;
+    /**
+     * The user has clicked a banner.
+     * * Payload: The clicked banner.
+     */
+    UserClickedABanner: Banner;
     /**
      * The user has aborted a redirection.
      */

package/types/x-modules/search/events.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"events.types.d.ts","sourceRoot":"","sources":["../../../../src/x-modules/search/events.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEnF;;;;;GAKG;AACH,MAAM,WAAW,aAAa;IAC5B;;;OAGG;IACH,aAAa,EAAE,KAAK,EAAE,CAAC;IACvB;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB;;;;OAIG;IACH,oBAAoB,EAAE,aAAa,GAAG,IAAI,CAAC;IAC3C;;;OAGG;IACH,oBAAoB,EAAE,WAAW,CAAC;IAClC;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,gBAAgB,EAAE,IAAI,CAAC;IACvB;;;;;;OAMG;IACH,oBAAoB,EAAE,IAAI,CAAC;IAC3B;;;OAGG;IACH,uBAAuB,EAAE,MAAM,CAAC;IAChC;;OAEG;IACH,yBAAyB,EAAE,IAAI,CAAC;IAChC;;;OAGG;IACH,uBAAuB,EAAE,WAAW,CAAC;IACrC;;OAEG;IACH,4BAA4B,EAAE,IAAI,CAAC;CACpC"}
+{"version":3,"file":"events.types.d.ts","sourceRoot":"","sources":["../../../../src/x-modules/search/events.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EACL,KAAK,EACL,MAAM,EACN,IAAI,EACJ,WAAW,EACX,WAAW,EACX,QAAQ,EACR,MAAM,EACP,MAAM,oBAAoB,CAAC;AAE5B;;;;;GAKG;AACH,MAAM,WAAW,aAAa;IAC5B;;;OAGG;IACH,aAAa,EAAE,KAAK,EAAE,CAAC;IACvB;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB;;;;OAIG;IACH,oBAAoB,EAAE,aAAa,GAAG,IAAI,CAAC;IAC3C;;;OAGG;IACH,oBAAoB,EAAE,WAAW,CAAC;IAClC;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,gBAAgB,EAAE,IAAI,CAAC;IACvB;;;;;;OAMG;IACH,oBAAoB,EAAE,IAAI,CAAC;IAC3B;;;OAGG;IACH,uBAAuB,EAAE,MAAM,CAAC;IAChC;;OAEG;IACH,yBAAyB,EAAE,IAAI,CAAC;IAChC;;;OAGG;IACH,uBAAuB,EAAE,WAAW,CAAC;IACrC;;;OAGG;IACH,oBAAoB,EAAE,QAAQ,CAAC;IAC/B;;;OAGG;IACH,kBAAkB,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,4BAA4B,EAAE,IAAI,CAAC;CACpC"}

package/types/x-modules/tagging/wiring.d.ts

@@ -1,28 +1,42 @@
+import { Result } from '@empathyco/x-types';
+import { Wire } from '../../wiring/wiring.types';
 /**
  * Sets the tagging state `consent`.
  *
  * @public
  */
-export declare const setConsent: import("../../wiring").Wire<boolean>;
+export declare const setConsent: Wire<boolean>;
 /**
  * Sets the tagging state config `queryTaggingDebounceMs`.
  *
  * @public
  */
-export declare const setQueryTaggingDebounce: import("../../wiring").Wire<number>;
+export declare const setQueryTaggingDebounce: Wire<number>;
 /**
  * Sets the tagging state `sessionTTLMs`.
  *
  * @public
  */
-export declare const setSessionDuration: import("../../wiring").Wire<number>;
+export declare const setSessionDuration: Wire<number>;
 /**
  * Tracks the tagging of the query using a debounce which ends if the user
  * accepts a query.
  *
  * @public
  */
-export declare const trackWire: import("../../wiring").AnyWire;
+export declare const trackQueryWire: Wire<import("@empathyco/x-types").TaggingInfo | import("@empathyco/x-types").TaggingInfo[]>;
+/**
+ * Tracks the tagging of the result.
+ *
+ * @public
+ */
+export declare const trackResultClickedWire: Wire<Result>;
+/**
+ * Performs a track of a result added to the cart.
+ *
+ * @public
+ */
+export declare const trackAddToCartWire: Wire<Result>;
 /**
  * Wiring configuration for the {@link TaggingXModule | tagging module}.
  *
@@ -30,19 +44,25 @@ export declare const trackWire: import("../../wiring").AnyWire;
  */
 export declare const taggingWiring: {
     ConsentProvided: {
-        setConsent: import("../../wiring").Wire<boolean>;
+        setConsent: Wire<boolean>;
     };
     ConsentChanged: {
-        clearSessionWire: import("../../wiring").Wire<any>;
+        clearSessionWire: Wire<any>;
     };
     SessionDurationProvided: {
-        setSessionDuration: import("../../wiring").Wire<number>;
+        setSessionDuration: Wire<number>;
     };
     QueryTaggingDebounceProvided: {
-        setQueryTaggingDebounce: import("../../wiring").Wire<number>;
+        setQueryTaggingDebounce: Wire<number>;
     };
     SearchTaggingChanged: {
-        trackWire: import("../../wiring").AnyWire;
+        trackQueryWire: Wire<import("@empathyco/x-types").TaggingInfo | import("@empathyco/x-types").TaggingInfo[]>;
+    };
+    UserClickedAResult: {
+        trackResultClickedWire: Wire<Result>;
+    };
+    UserClickedResultAddToCart: {
+        trackAddToCartWire: Wire<Result>;
     };
 };
 //# sourceMappingURL=wiring.d.ts.map

package/types/x-modules/tagging/wiring.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"wiring.d.ts","sourceRoot":"","sources":["../../../../src/x-modules/tagging/wiring.ts"],"names":[],"mappings":"AAmDA;;;;GAIG;AACH,eAAO,MAAM,UAAU,sCAA2B,CAAC;AAEnD;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,qCAAwC,CAAC;AAE7E;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,qCAAmC,CAAC;AAEnE;;;;;GAKG;AACH,eAAO,MAAM,SAAS,gCAIrB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;CAgBxB,CAAC"}
+{"version":3,"file":"wiring.d.ts","sourceRoot":"","sources":["../../../../src/x-modules/tagging/wiring.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAQ5C,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AA6CjD;;;;GAIG;AACH,eAAO,MAAM,UAAU,eAA2B,CAAC;AAEnD;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,cAAwC,CAAC;AAE7E;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,cAAmC,CAAC;AAEnE;;;;;GAKG;AACH,eAAO,MAAM,cAAc,6FAa1B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,cAAiC,CAAC;AAErE;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,cAAoC,CAAC;AAiBpE;;;;GAIG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;CAsBxB,CAAC"}

package/docs/API-reference/api/x-components.baseidtogglepanel.created.md

@@ -1,17 +0,0 @@
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [BaseIdTogglePanel](./x-components.baseidtogglepanel.md) &gt; [created](./x-components.baseidtogglepanel.created.md)
-
-## BaseIdTogglePanel.created() method
-
-Creates the watcher over `isOpen` state to emit the event [XEventsTypes.TogglePanelStateChanged](./x-components.xeventstypes.togglepanelstatechanged.md)<!-- -->.
-
-<b>Signature:</b>
-
-```typescript
-created(): void;
-```
-<b>Returns:</b>
-
-void
-

package/docs/API-reference/api/x-components.xcomponent.md

@@ -1,15 +0,0 @@
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [XComponent](./x-components.xcomponent.md)
-
-## XComponent interface
-
-An XComponent is just a normal Vue component that has an [XModule](./x-components.xmodule.md) linked to its usage. If the XComponent is imported in a consumer project, the [XModule](./x-components.xmodule.md) will be registered.
-
-<b>Signature:</b>
-
-```typescript
-export interface XComponent extends Vue 
-```
-<b>Extends:</b> Vue
-

package/docs/API-reference/api/x-components.xeventstypes.userrightclickedaresult.md

@@ -1,13 +0,0 @@
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [XEventsTypes](./x-components.xeventstypes.md) &gt; [UserRightClickedAResult](./x-components.xeventstypes.userrightclickedaresult.md)
-
-## XEventsTypes.UserRightClickedAResult property
-
-The user has right clicked on a result. \* Payload: The [result](./x-types.result.md) that the user right clicked.
-
-<b>Signature:</b>
-
-```typescript
-UserRightClickedAResult: Result;
-```

package/js/components/staggering-transition-group.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"staggering-transition-group.vue.js","sources":["../../../src/components/staggering-transition-group.vue"],"sourcesContent":["<script lang=\"ts\">\n  import Vue, { CreateElement, VNode } from 'vue';\n  import { Component, Prop } from 'vue-property-decorator';\n  import { 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\n  export 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   */\n  interface 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   */\n  interface 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   */\n  interface 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   */\n  type TransitionHook = (element: HTMLElement) => void;\n\n  /**\n   * Represents the dimensions and positions of an element.\n   */\n  interface Bounds {\n    top: number;\n    left: number;\n    width: number;\n    height: number;\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n  .x-staggering-transition-group {\n    position: relative;\n  }\n</style>\n\n<docs lang=\"mdx\">\n# Examples\n\n## Basic example\n\nApart from all the props and events that the classic transition group has, the staggering transition\ngroup also exposes a new `stagger` property, which allows to configure the delay for each one of the\nnodes when animating.\n\n```vue\n<staggering-transition-group appear :stagger=\"50\" name=\"staggered-fade-slide-\">\n  <!-- @slot (Required) Transition-group content -->\n  <slot />\n</staggering-transition-group>\n```\n</docs>\n"],"names":["const"],"mappings":";;;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}