@empathyco/x-components 5.0.0-alpha.9 → 6.0.0-alpha.2

package/types/x-modules/search/components/partial-query-button.vue.d.ts

@@ -1,5 +1,3 @@
-import Vue from 'vue';
-import { WireMetadata } from '../../../wiring/wiring.types';
 /**
  * A button that when pressed emits the {@link XEventsTypes.UserAcceptedAQuery}
  * and {@link SearchXEvents.UserClickedPartialQuery} events, expressing the user
@@ -7,25 +5,29 @@ import { WireMetadata } from '../../../wiring/wiring.types';
  *
  * @public
  */
-export default class PartialQueryButton extends Vue {
+declare const _default: import("vue").DefineComponent<{
     /**
      * The query property.
      *
      * @public
      */
-    query: string;
+    query: {
+        type: StringConstructor;
+        required: true;
+    };
+}, {
+    partialButtonEl: import("vue").Ref<HTMLElement | undefined>;
+    emitEvents: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
-     * Generates the {@link WireMetadata} object omitting the moduleName.
-     *
-     * @returns The {@link WireMetadata} object omitting the moduleName.
-     * @internal
-     */
-    protected createEventMetadata(): Omit<WireMetadata, 'moduleName'>;
-    /**
-     * Emits events when the button is clicked.
+     * The query property.
      *
      * @public
      */
-    protected emitEvents(): void;
-}
-//# sourceMappingURL=partial-query-button.vue?rollup-plugin-vue=script.d.ts.map
+    query: {
+        type: StringConstructor;
+        required: true;
+    };
+}>>, {}, {}>;
+export default _default;
+//# sourceMappingURL=partial-query-button.vue?vue&type=script&lang.d.ts.map

package/types/x-modules/search/components/partial-query-button.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"partial-query-button.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/search/components/partial-query-button.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAWE,OAAO,GAAG,MAAM,KAAK,CAAC;AAGtB,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAG5D;;;;;;GAMG;AAIH,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,GAAG;IACjD;;;;OAIG;IAEI,KAAK,EAAG,MAAM,CAAC;IAEtB;;;;;OAKG;IACH,SAAS,CAAC,mBAAmB,IAAI,IAAI,CAAC,YAAY,EAAE,YAAY,CAAC;IAOjE;;;;OAIG;IACH,SAAS,CAAC,UAAU,IAAI,IAAI;CAI7B"}
+{"version":3,"file":"partial-query-button.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/search/components/partial-query-button.vue?vue&type=script&lang.ts"],"names":[],"mappings":"AAME;;;;;;GAMG;;IAKC;;;;OAIG;;;;;;;;;IAJH;;;;OAIG;;;;;;AARP,wBA6CG"}

package/types/x-modules/search/components/partial-results-list.vue.d.ts

@@ -1,37 +1,54 @@
 import { PartialResult } from '@empathyco/x-types';
-import Vue from 'vue';
+import { ComputedRef } from 'vue';
 /**
  * It renders a list of partial results from {@link SearchState.partialResults} by default.
  * It also provides the partial result slot to customize the item with the partial result bound.
  *
  * @public
  */
-export default class PartialResultsList extends Vue {
+declare const _default: import("vue").DefineComponent<{
     /**
      * Animation component that will be used to animate the partial results.
      *
      * @public
      */
-    protected animation: Vue | string;
+    animation: {
+        type: import("vue").PropType<string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>>;
+        default: string;
+    };
     /**
-     * The partials results from the search state.
+     * Maximum number of partial results to show.
      *
      * @public
      */
-    items: PartialResult[];
+    maxItemsToRender: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, {
+    partialResults: ComputedRef<PartialResult[]>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
-     * Maximum number of partial results to show.
+     * Animation component that will be used to animate the partial results.
      *
      * @public
      */
-    protected maxItemsToRender: number;
+    animation: {
+        type: import("vue").PropType<string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>>;
+        default: string;
+    };
     /**
-     * A limited number of partial results.
-     *
-     * @returns The partial results sliced by the maxItemsToRender.
+     * Maximum number of partial results to show.
      *
-     * @internal
+     * @public
      */
-    protected get partialResults(): PartialResult[];
-}
-//# sourceMappingURL=partial-results-list.vue?rollup-plugin-vue=script.d.ts.map
+    maxItemsToRender: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>>, {
+    animation: string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+    maxItemsToRender: number;
+}, {}>;
+export default _default;
+//# sourceMappingURL=partial-results-list.vue?vue&type=script&lang.d.ts.map

package/types/x-modules/search/components/partial-results-list.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"partial-results-list.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/search/components/partial-results-list.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAwBE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,GAAG,MAAM,KAAK,CAAC;AAMtB;;;;;GAKG;AAIH,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,GAAG;IACjD;;;;OAIG;IAEH,SAAS,CAAC,SAAS,EAAG,GAAG,GAAG,MAAM,CAAC;IACnC;;;;OAIG;IAEI,KAAK,EAAG,aAAa,EAAE,CAAC;IAC/B;;;;OAIG;IAEH,SAAS,CAAC,gBAAgB,EAAG,MAAM,CAAC;IACpC;;;;;;OAMG;IACH,SAAS,KAAK,cAAc,IAAI,aAAa,EAAE,CAE9C;CACF"}
+{"version":3,"file":"partial-results-list.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/search/components/partial-results-list.vue?vue&type=script&lang.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAY,WAAW,EAAmB,MAAM,KAAK,CAAC;AAK7D;;;;;GAKG;;IAKC;;;;OAIG;;;;;IAMH;;;;OAIG;;;;;;;;IAdH;;;;OAIG;;;;;IAMH;;;;OAIG;;;;;;;;;AAlBP,wBA+CG"}

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

@@ -1,5 +1,5 @@
 import { Promoted as PromotedModel } from '@empathyco/x-types';
-import Vue from 'vue';
+import { PropType } from 'vue';
 /**
  * A promoted result is just an item that has been inserted into the search results to advertise
  * something. Usually it is one of the first items in the grid, and has the same shape as a
@@ -10,18 +10,30 @@ import Vue from 'vue';
  *
  * @public
  */
-export default class Promoted extends Vue {
+declare const _default: import("vue").DefineComponent<{
     /**
      * The promoted data.
      *
      * @public
      */
-    promoted: PromotedModel;
+    promoted: {
+        type: PropType<PromotedModel>;
+        required: true;
+    };
+    titleClass: StringConstructor;
+}, {
+    emitClickEvent: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
-     * Emits the promoted click event.
+     * The promoted data.
      *
-     * @internal
+     * @public
      */
-    protected emitClickEvent(): void;
-}
-//# sourceMappingURL=promoted.vue?rollup-plugin-vue=script.d.ts.map
+    promoted: {
+        type: PropType<PromotedModel>;
+        required: true;
+    };
+    titleClass: StringConstructor;
+}>>, {}, {}>;
+export default _default;
+//# sourceMappingURL=promoted.vue?vue&type=script&lang.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":"AAUE,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAE/D,OAAO,GAAG,MAAM,KAAK,CAAC;AAKtB;;;;;;;;;GASG;AAIH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,GAAG;IACvC;;;;OAIG;IAEI,QAAQ,EAAG,aAAa,CAAC;IAEhC;;;;OAIG;IACH,SAAS,CAAC,cAAc,IAAI,IAAI;CAGjC"}
+{"version":3,"file":"promoted.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/search/components/promoted.vue?vue&type=script&lang.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAmB,QAAQ,EAAE,MAAM,KAAK,CAAC;AAIhD;;;;;;;;;GASG;;IAKC;;;;OAIG;;;;;;;;;IAJH;;;;OAIG;;;;;;;AARP,wBA+BG"}

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

@@ -1,11 +1,8 @@
-import { ComputedRef } from 'vue';
-import { ListItem } from '../../../utils/types';
 /**
- * It renders a {@link ItemsList} of promoteds from {@link SearchState.promoteds} by default
- * using the `ItemsInjectionMixin`.
+ * It renders a {@link ItemsList} of promoteds from {@link SearchState.promoteds}.
  *
  * The component provides a default slot which wraps the whole component with the `promoteds`
- * plus the `searchInjectedItems` which also contains the injected list items from
+ * plus the `injectedListItems` which also contains the injected list items from
  * the ancestor.
  *
  * It also provides the parent slots to customize the items.
@@ -13,32 +10,21 @@ import { ListItem } from '../../../utils/types';
  * @public
  */
 declare const _default: import("vue").DefineComponent<{
-    /**
-     * Animation component that will be used to animate the promoteds.
-     *
-     * @public
-     */
+    /** Animation component that will be used to animate the promoteds. */
     animation: {
-        type: import("vue").PropType<string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComponentComputedOptions, import("vue").ComponentMethodOptions, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
+        type: import("vue").PropType<string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>>;
         default: string;
     };
-}, {
-    items: ComputedRef<ListItem[]>;
-    slots: import("vue/types/v3-setup-context").Slots;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * Animation component that will be used to animate the promoteds.
-     *
-     * @public
-     */
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Animation component that will be used to animate the promoteds. */
     animation: {
-        type: import("vue").PropType<string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComponentComputedOptions, import("vue").ComponentMethodOptions, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
+        type: import("vue").PropType<string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>>;
         default: string;
     };
 }>>, {
-    animation: string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComponentComputedOptions, import("vue").ComponentMethodOptions, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}> | (import("vue/types/v3-component-public-instance").ComponentPublicInstanceConstructor<import("vue/types/v3-component-public-instance").Vue3Instance<{}, Readonly<import("vue").ExtractPropTypes<{}>>, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, true, import("vue/types/v3-component-options").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<import("vue").ExtractPropTypes<{}>>> & import("vue").ShallowUnwrapRef<{}> & import("vue/types/v3-component-options").ExtractComputedReturns<import("vue").ComponentComputedOptions> & import("vue").ComponentMethodOptions & import("vue").ComponentCustomProperties & Readonly<import("vue").ExtractPropTypes<{}>>, any, any, any, import("vue").ComponentComputedOptions, import("vue").ComponentMethodOptions> & import("vue/types/v3-component-options").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, import("vue").ComponentComputedOptions, import("vue").ComponentMethodOptions, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, {}> & {
-        props: {};
-    });
-}>;
+    animation: string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+}, {}>;
 export default _default;
-//# sourceMappingURL=promoteds-list.vue?rollup-plugin-vue=script.d.ts.map
+//# sourceMappingURL=promoteds-list.vue?vue&type=script&lang.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"promoteds-list.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/search/components/promoteds-list.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAmBE,OAAO,EAAY,WAAW,EAAyC,MAAM,KAAK,CAAC;AAEnF,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAQhD;;;;;;;;;;;GAWG;;IASC;;;;OAIG;;;;;;;;;IAJH;;;;OAIG;;;;;;;;;;AAXP,wBAkFG"}
+{"version":3,"file":"promoteds-list.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/search/components/promoteds-list.vue?vue&type=script&lang.ts"],"names":[],"mappings":"AAWE;;;;;;;;;;GAUG;;IAKC,sEAAsE;;;;;;;;IAAtE,sEAAsE;;;;;;;;AAJ1E,wBA+DG"}

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

@@ -1,5 +1,5 @@
 import { Redirection as RedirectionModel } from '@empathyco/x-types';
-import Vue from 'vue';
+import { PropType, Ref } from 'vue';
 /**
  * A redirection is a component that sends the user to a link in the website. It is helpful when
  * there are queries like `help`, `shipping costs`, `my account`, where a link to a section in the
@@ -7,14 +7,16 @@ import Vue from 'vue';
  *
  * @public
  */
-export default class Redirection extends Vue {
-    redirections: RedirectionModel[];
+declare const _default: import("vue").DefineComponent<{
     /**
      * The redirection mode. Auto for auto redirection and manual for an user interaction.
      *
      * @public
      */
-    mode: 'auto' | 'manual';
+    mode: {
+        type: PropType<"auto" | "manual">;
+        default: string;
+    };
     /**
      * The waiting time in seconds until the redirection is made.
      *
@@ -22,51 +24,42 @@ export default class Redirection extends Vue {
      *
      * @public
      */
-    delayInSeconds: number;
-    /**
-     * The timeout id, used to cancel the redirection.
-     *
-     * @internal
-     */
-    protected timeoutId?: number;
+    delayInSeconds: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, {
+    redirection: import("vue").ComputedRef<RedirectionModel | null>;
+    redirect: () => void;
+    abortRedirect: () => void;
+    isRedirecting: Ref<boolean>;
+    slots: Readonly<{
+        [name: string]: import("vue").Slot<any> | undefined;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
-     * Boolean flag which indicates if the redirection is running.
+     * The redirection mode. Auto for auto redirection and manual for an user interaction.
      *
      * @public
      */
-    protected isRedirecting: boolean;
+    mode: {
+        type: PropType<"auto" | "manual">;
+        default: string;
+    };
     /**
-     * Computed property which returns the first recommendation of the state, if any returns null.
-     *
-     * @returns The first redirection of the state.
-     *
-     * @internal
-     */
-    protected get redirection(): RedirectionModel | null;
-    /**
-     * Watcher function which adds a setTimeout to the redirect method is the component
-     * is in auto mode and there are redirections.
-     *
-     * @internal
-     */
-    protected redirectWithDelay(): void;
-    /**
-     * Dispatches the redirection, updating the url.
+     * The waiting time in seconds until the redirection is made.
      *
-     * @public
-     */
-    protected redirect(): void;
-    /**
-     * Stops the redirection, emitting `UserClickedAbortARedirection` event.
+     * @remarks this delay only works in auto mode.
      *
      * @public
      */
-    protected abortRedirect(): void;
-    /**
-     * Stops the animation if the user search another query.
-     *
-     * @internal
-     */
-    cancelRedirect(): void;
-}
-//# sourceMappingURL=redirection.vue?rollup-plugin-vue=script.d.ts.map
+    delayInSeconds: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>>, {
+    mode: "auto" | "manual";
+    delayInSeconds: number;
+}, {}>;
+export default _default;
+//# sourceMappingURL=redirection.vue?vue&type=script&lang.d.ts.map

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":"AAOE,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"}
+{"version":3,"file":"redirection.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/search/components/redirection.vue?vue&type=script&lang.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,WAAW,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACrE,OAAO,EAA6B,QAAQ,EAAE,GAAG,EAAc,MAAM,KAAK,CAAC;AAM3E;;;;;;GAMG;;IAKC;;;;OAIG;;;;;IAKH;;;;;;OAMG;;;;;;;;;;;;;;IAfH;;;;OAIG;;;;;IAKH;;;;;;OAMG;;;;;;;;;AAnBP,wBAyHG"}

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

@@ -1,5 +1,3 @@
-import { ComputedRef } from 'vue';
-import { Result } from '@empathyco/x-types';
 /**
  * It renders a {@link ItemsList} list with the results from {@link SearchState.results} by
  * default.
@@ -12,33 +10,23 @@ import { Result } from '@empathyco/x-types';
  * @public
  */
 declare const _default: import("vue").DefineComponent<{
-    /**
-     * Animation component that will be used to animate the results.
-     *
-     * @public
-     */
+    /** Animation component that will be used to animate the results. */
     animation: {
-        type: import("vue").PropType<string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComponentComputedOptions, import("vue").ComponentMethodOptions, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
+        type: import("vue").PropType<string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>>;
         default: string;
     };
-}, {
-    items: ComputedRef<Result[]>;
-    onInfiniteScrollEnd: () => void;
-    slots: import("vue/types/v3-setup-context").Slots;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "UserReachedResultsListEnd"[], string, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * Animation component that will be used to animate the results.
-     *
-     * @public
-     */
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "UserReachedResultsListEnd"[], "UserReachedResultsListEnd", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Animation component that will be used to animate the results. */
     animation: {
-        type: import("vue").PropType<string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComponentComputedOptions, import("vue").ComponentMethodOptions, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
+        type: import("vue").PropType<string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>>;
         default: string;
     };
-}>>, {
-    animation: string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComponentComputedOptions, import("vue").ComponentMethodOptions, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}> | (import("vue/types/v3-component-public-instance").ComponentPublicInstanceConstructor<import("vue/types/v3-component-public-instance").Vue3Instance<{}, Readonly<import("vue").ExtractPropTypes<{}>>, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, true, import("vue/types/v3-component-options").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<import("vue").ExtractPropTypes<{}>>> & import("vue").ShallowUnwrapRef<{}> & import("vue/types/v3-component-options").ExtractComputedReturns<import("vue").ComponentComputedOptions> & import("vue").ComponentMethodOptions & import("vue").ComponentCustomProperties & Readonly<import("vue").ExtractPropTypes<{}>>, any, any, any, import("vue").ComponentComputedOptions, import("vue").ComponentMethodOptions> & import("vue/types/v3-component-options").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, import("vue").ComponentComputedOptions, import("vue").ComponentMethodOptions, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, {}> & {
-        props: {};
-    });
-}>;
+}>> & {
+    onUserReachedResultsListEnd?: ((...args: any[]) => any) | undefined;
+}, {
+    animation: string | import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+}, {}>;
 export default _default;
-//# sourceMappingURL=results-list.vue?rollup-plugin-vue=script.d.ts.map
+//# sourceMappingURL=results-list.vue?vue&type=script&lang.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"results-list.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/search/components/results-list.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAkBE,OAAO,EAAY,WAAW,EAA6C,MAAM,KAAK,CAAC;AACvF,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAc5C;;;;;;;;;;GAUG;;IASC;;;;OAIG;;;;;;;+BAyF6B,IAAI;;;IA7FpC;;;;OAIG;;;;;;;;;;AAZP,wBA+GG"}
+{"version":3,"file":"results-list.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/search/components/results-list.vue?vue&type=script&lang.ts"],"names":[],"mappings":"AAcE;;;;;;;;;;GAUG;;IAKC,oEAAoE;;;;;;;;IAApE,oEAAoE;;;;;;;;;;AAJxE,wBAiEG"}

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

@@ -1,29 +1,31 @@
 import { Sort } from '@empathyco/x-types';
-import Vue, { PropType } from 'vue';
+import Vue from 'vue';
 /**
  * The `SortDropdown` component allows user to select the search results order. This component
  * also allows to change the selected sort programmatically.
  */
-declare const _default: import("vue").DefineComponent<{
+declare const _default: Vue.DefineComponent<{
     /** The list of possible sort values. */
     items: {
-        type: PropType<string[]>;
+        type: Vue.PropType<string[]>;
         required: true;
     };
     /** The transition to use for opening and closing the dropdown. */
-    animation: PropType<string | import("vue").VueConstructor<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>>>;
+    animation: Vue.PropType<string | typeof Vue>;
 }, {
     emitUserClickedASort: (sort: Sort) => void;
-    rootRef: import("vue").Ref<import("vue").VueConstructor<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>> | undefined>;
-    selectedSort: import("vue").ComputedRef<any>;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, "change"[], string, Readonly<import("vue").ExtractPropTypes<{
+    rootRef: Vue.Ref<Vue.DefineComponent<{}, {}, {}, Vue.ComputedOptions, Vue.MethodOptions, Vue.ComponentOptionsMixin, Vue.ComponentOptionsMixin, {}, string, Vue.PublicProps, Readonly<Vue.ExtractPropTypes<{}>>, {}, {}> | undefined>;
+    selectedSort: Vue.ComputedRef<any>;
+}, unknown, {}, {}, Vue.ComponentOptionsMixin, Vue.ComponentOptionsMixin, "change"[], "change", Vue.PublicProps, Readonly<Vue.ExtractPropTypes<{
     /** The list of possible sort values. */
     items: {
-        type: PropType<string[]>;
+        type: Vue.PropType<string[]>;
         required: true;
     };
     /** The transition to use for opening and closing the dropdown. */
-    animation: PropType<string | import("vue").VueConstructor<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>>>;
-}>>, {}>;
+    animation: Vue.PropType<string | typeof Vue>;
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
 export default _default;
-//# sourceMappingURL=sort-dropdown.vue?rollup-plugin-vue=script.d.ts.map
+//# sourceMappingURL=sort-dropdown.vue?vue&type=script&lang.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"sort-dropdown.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/search/components/sort-dropdown.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAkCE,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,GAAG,EAAE,EAAmB,QAAQ,EAAc,MAAM,KAAK,CAAC;AAMjE;;;GAGG;;IAMC,wCAAwC;;;;;IAKxC,kEAAkE;;;iCAuB9B,IAAI;;;;IA5BxC,wCAAwC;;;;;IAKxC,kEAAkE;;;AAVtE,wBA4CG"}
+{"version":3,"file":"sort-dropdown.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/search/components/sort-dropdown.vue?vue&type=script&lang.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,GAA8C,MAAM,KAAK,CAAC;AAOjE;;;GAGG;;IAMC,wCAAwC;;;;;IAKxC,kEAAkE;;;iCAsB9B,IAAI;;;;IA3BxC,wCAAwC;;;;;IAKxC,kEAAkE;;;;;AAVtE,wBA2CG"}

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

@@ -1,5 +1,5 @@
 import { Sort } from '@empathyco/x-types';
-import Vue, { PropType } from 'vue';
+import Vue from 'vue';
 import { VueCSSClasses } from '../../../utils/types';
 import { XEventsTypes } from '../../../wiring/events.types';
 /**
@@ -14,33 +14,33 @@ interface SortListItem {
  * The `SortList` component allows user to select the search results order. This component
  * also allows to change the selected sort programmatically.
  */
-declare const _default: import("vue").DefineComponent<{
+declare const _default: Vue.DefineComponent<{
     /** The list of possible sort values. */
     items: {
-        type: PropType<string[]>;
+        type: Vue.PropType<string[]>;
         required: true;
     };
     /** The transition to use for rendering the list. */
     animation: {
-        type: PropType<string | import("vue").VueConstructor<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>>>;
-        default: () => "ul";
+        type: Vue.PropType<string | typeof Vue>;
+        default: () => string;
     };
 }, {
-    listItems: import("vue").ComputedRef<SortListItem[]>;
-    selectedSort: import("vue").ComputedRef<any>;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    listItems: Vue.ComputedRef<SortListItem[]>;
+    selectedSort: Vue.ComputedRef<any>;
+}, unknown, {}, {}, Vue.ComponentOptionsMixin, Vue.ComponentOptionsMixin, {}, string, Vue.PublicProps, Readonly<Vue.ExtractPropTypes<{
     /** The list of possible sort values. */
     items: {
-        type: PropType<string[]>;
+        type: Vue.PropType<string[]>;
         required: true;
     };
     /** The transition to use for rendering the list. */
     animation: {
-        type: PropType<string | import("vue").VueConstructor<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>>>;
-        default: () => "ul";
+        type: Vue.PropType<string | typeof Vue>;
+        default: () => string;
     };
 }>>, {
-    animation: string | import("vue").VueConstructor<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>>;
-}>;
+    animation: string | typeof Vue;
+}, {}>;
 export default _default;
-//# sourceMappingURL=sort-list.vue?rollup-plugin-vue=script.d.ts.map
+//# sourceMappingURL=sort-list.vue?vue&type=script&lang.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"sort-list.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/search/components/sort-list.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAsBE,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,GAAG,EAAE,EAA6B,QAAQ,EAAS,MAAM,KAAK,CAAC;AAGtE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAG5D;;GAEG;AACH,UAAU,YAAY;IACpB,IAAI,EAAE,IAAI,CAAC;IACX,UAAU,EAAE,aAAa,CAAC;IAC1B,KAAK,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;CAC9B;AAED;;;GAGG;;IAMC,wCAAwC;;;;;IAKxC,oDAAoD;;;;;;;;;IALpD,wCAAwC;;;;;IAKxC,oDAAoD;;;;;;;;AAVxD,wBA+CG"}
+{"version":3,"file":"sort-list.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/search/components/sort-list.vue?vue&type=script&lang.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,GAAmD,MAAM,KAAK,CAAC;AAItE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAG5D;;GAEG;AACH,UAAU,YAAY;IACpB,IAAI,EAAE,IAAI,CAAC;IACX,UAAU,EAAE,aAAa,CAAC;IAC1B,KAAK,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;CAC9B;AAED;;;GAGG;;IAMC,wCAAwC;;;;;IAKxC,oDAAoD;;;;;;;;;IALpD,wCAAwC;;;;;IAKxC,oDAAoD;;;;;;;;AAVxD,wBA8CG"}

package/types/x-modules/search/components/sort-picker-list.vue.d.ts

@@ -1,5 +1,5 @@
 import { Sort } from '@empathyco/x-types';
-import Vue, { PropType } from 'vue';
+import Vue from 'vue';
 import { VueCSSClasses } from '../../../utils/types';
 import { XEventsTypes } from '../../../wiring/events.types';
 /**
@@ -14,37 +14,37 @@ interface SortPickerItem {
  * The `SortPickerList` component allows user to select the search results order. This component
  * also allows to change the selected sort programmatically.
  */
-declare const _default: import("vue").DefineComponent<{
+declare const _default: Vue.DefineComponent<{
     /** The list of possible sort values. */
     items: {
-        type: PropType<string[]>;
+        type: Vue.PropType<string[]>;
         required: true;
     };
     /** The transition to use for rendering the list. */
     animation: {
-        type: PropType<string | import("vue").VueConstructor<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>>>;
-        default: () => "div";
+        type: Vue.PropType<string | typeof Vue>;
+        default: () => string;
     };
     /** Class inherited by each sort button. */
     buttonClass: StringConstructor;
 }, {
-    listItems: import("vue").ComputedRef<SortPickerItem[]>;
-    selectedSort: import("vue").ComputedRef<any>;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    listItems: Vue.ComputedRef<SortPickerItem[]>;
+    selectedSort: Vue.ComputedRef<any>;
+}, unknown, {}, {}, Vue.ComponentOptionsMixin, Vue.ComponentOptionsMixin, {}, string, Vue.PublicProps, Readonly<Vue.ExtractPropTypes<{
     /** The list of possible sort values. */
     items: {
-        type: PropType<string[]>;
+        type: Vue.PropType<string[]>;
         required: true;
     };
     /** The transition to use for rendering the list. */
     animation: {
-        type: PropType<string | import("vue").VueConstructor<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>>>;
-        default: () => "div";
+        type: Vue.PropType<string | typeof Vue>;
+        default: () => string;
     };
     /** Class inherited by each sort button. */
     buttonClass: StringConstructor;
 }>>, {
-    animation: string | import("vue").VueConstructor<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>>;
-}>;
+    animation: string | typeof Vue;
+}, {}>;
 export default _default;
-//# sourceMappingURL=sort-picker-list.vue?rollup-plugin-vue=script.d.ts.map
+//# sourceMappingURL=sort-picker-list.vue?vue&type=script&lang.d.ts.map

package/types/x-modules/search/components/sort-picker-list.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sort-picker-list.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/search/components/sort-picker-list.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAyBE,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,GAAG,EAAE,EAA6B,QAAQ,EAAS,MAAM,KAAK,CAAC;AAGtE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAG5D;;GAEG;AACH,UAAU,cAAc;IACtB,IAAI,EAAE,IAAI,CAAC;IACX,UAAU,EAAE,aAAa,CAAC;IAC1B,KAAK,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;CAC9B;AAED;;;GAGG;;IAMC,wCAAwC;;;;;IAKxC,oDAAoD;;;;;IAKpD,2CAA2C;;;;;;IAV3C,wCAAwC;;;;;IAKxC,oDAAoD;;;;;IAKpD,2CAA2C;;;;;AAf/C,wBAgDG"}
+{"version":3,"file":"sort-picker-list.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/search/components/sort-picker-list.vue?vue&type=script&lang.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,GAAmD,MAAM,KAAK,CAAC;AAItE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAG5D;;GAEG;AACH,UAAU,cAAc;IACtB,IAAI,EAAE,IAAI,CAAC;IACX,UAAU,EAAE,aAAa,CAAC;IAC1B,KAAK,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;CAC9B;AAED;;;GAGG;;IAMC,wCAAwC;;;;;IAKxC,oDAAoD;;;;;IAKpD,2CAA2C;;;;;;IAV3C,wCAAwC;;;;;IAKxC,oDAAoD;;;;;IAKpD,2CAA2C;;;;;AAf/C,wBA+CG"}