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

package/types/x-modules/scroll/components/main-scroll.vue.d.ts

@@ -1,5 +1,3 @@
-import { VueCSSClasses } from '../../../utils/types';
-import { ScrollVisibilityObserver } from './scroll.types';
 /**
  * Extends the scroll making it able to sync the first visible element, and allowing
  * the children position to be restored.
@@ -14,8 +12,6 @@ declare const _default: import("vue").DefineComponent<{
      * If `true`, sets this scroll instance to the main of the application. Being the main
      * scroll implies that features like restoring the scroll when the query changes, or storing
      * the scroll position in the URL will be enabled for this container.
-     *
-     * @public
      */
     useWindow: {
         type: BooleanConstructor;
@@ -24,44 +20,28 @@ declare const _default: import("vue").DefineComponent<{
     /**
      * Timeout in milliseconds to abort trying to restore the scroll position to the target
      * element.
-     *
-     * @public
      */
     restoreScrollTimeoutMs: {
         type: NumberConstructor;
         default: number;
     };
-    /**
-     * Intersection percentage to consider an element visible.
-     *
-     * @public
-     */
+    /** Intersection percentage to consider an element visible. */
     threshold: {
         type: NumberConstructor;
         default: number;
     };
-    /**
-     * Adjusts the size of the scroll container bounds.
-     *
-     * @public
-     */
+    /** Adjusts the size of the scroll container bounds. */
     margin: {
         type: StringConstructor;
         default: string;
     };
-}, {
-    rootRef: import("vue").Ref<HTMLDivElement | null>;
-    dynamicClasses: import("vue").ComputedRef<VueCSSClasses>;
-    firstVisibleElement: import("vue").ComputedRef<string>;
-    visibleElementsObserver: import("vue").ComputedRef<ScrollVisibilityObserver | null>;
-    intersectingElements: import("vue").Ref<HTMLElement[]>;
-}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+}, () => 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<{
     /**
      * If `true`, sets this scroll instance to the main of the application. Being the main
      * scroll implies that features like restoring the scroll when the query changes, or storing
      * the scroll position in the URL will be enabled for this container.
-     *
-     * @public
      */
     useWindow: {
         type: BooleanConstructor;
@@ -70,27 +50,17 @@ declare const _default: import("vue").DefineComponent<{
     /**
      * Timeout in milliseconds to abort trying to restore the scroll position to the target
      * element.
-     *
-     * @public
      */
     restoreScrollTimeoutMs: {
         type: NumberConstructor;
         default: number;
     };
-    /**
-     * Intersection percentage to consider an element visible.
-     *
-     * @public
-     */
+    /** Intersection percentage to consider an element visible. */
     threshold: {
         type: NumberConstructor;
         default: number;
     };
-    /**
-     * Adjusts the size of the scroll container bounds.
-     *
-     * @public
-     */
+    /** Adjusts the size of the scroll container bounds. */
     margin: {
         type: StringConstructor;
         default: string;
@@ -100,6 +70,6 @@ declare const _default: import("vue").DefineComponent<{
     restoreScrollTimeoutMs: number;
     threshold: number;
     margin: string;
-}>;
+}, {}>;
 export default _default;
-//# sourceMappingURL=main-scroll.vue?rollup-plugin-vue=script.d.ts.map
+//# sourceMappingURL=main-scroll.vue?vue&type=script&lang.d.ts.map

package/types/x-modules/scroll/components/main-scroll.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"main-scroll.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/scroll/components/main-scroll.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAOE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAOrD,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAE1D;;;;;;;;GAQG;;IAKC;;;;;;OAMG;;;;;IAKH;;;;;OAKG;;;;;IAKH;;;;OAIG;;;;;IAKH;;;;OAIG;;;;;;;;;;;;IAlCH;;;;;;OAMG;;;;;IAKH;;;;;OAKG;;;;;IAKH;;;;OAIG;;;;;IAKH;;;;OAIG;;;;;;;;;;;AAtCP,wBA0PG"}
+{"version":3,"file":"main-scroll.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/scroll/components/main-scroll.vue?vue&type=script&lang.ts"],"names":[],"mappings":"AAkBE;;;;;;;;GAQG;;IAKC;;;;OAIG;;;;;IAKH;;;OAGG;;;;;IAKH,8DAA8D;;;;;IAK9D,uDAAuD;;;;;;;;IAtBvD;;;;OAIG;;;;;IAKH;;;OAGG;;;;;IAKH,8DAA8D;;;;;IAK9D,uDAAuD;;;;;;;;;;;AA1B3D,wBAmLG"}

package/types/x-modules/scroll/components/scroll-to-top.vue.d.ts

@@ -1,80 +1,66 @@
-import { Dictionary } from '@empathyco/x-utils';
-import Vue from 'vue';
 import { XEventsTypes } from '../../../wiring';
-import { ScrollComponentState } from '../store';
 /**
  * The `ScrollToTop` component is a button that the user can click to make a container scroll
  * up to its initial position.
  *
  * @public
  */
-export default class ScrollToTop extends Vue {
+declare const _default: import("vue").DefineComponent<{
     /**
      * Animation to use for showing/hiding the button.
      *
      * @public
      */
-    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: () => import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+    };
     /**
      * Threshold in pixels from the top to show the button.
      *
      * @public
      */
-    thresholdPx?: number;
+    thresholdPx: NumberConstructor;
     /**
      * Id of the target scroll component.
      *
      * @public
      */
-    scrollId: string;
-    /**
-     * State of all the scroll components in this module.
-     *
-     * @internal
-     */
-    scrollPositionsMap: Dictionary<ScrollComponentState>;
-    /**
-     * The scroll data retrieved for this component.
-     *
-     * @returns The scroll data for this component if a valid {@link ScrollToTop.scrollId} has been
-     * passed. Otherwise it returns `null`.
-     * @internal
-     */
-    protected get scrollData(): ScrollComponentState;
-    /**
-     * Event that will be emitted when the scroll to top is clicked.
-     *
-     * @returns The event to be emitted when the scroll to top is clicked. The id as a payload.
-     * @internal
-     */
-    protected get events(): Partial<XEventsTypes>;
+    scrollId: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    events: import("vue").ComputedRef<Partial<XEventsTypes>>;
+    isVisible: import("vue").ComputedRef<any>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
-     * Checks if the thresholdPx prop has been provided and if it is a number.
-     *
-     * @returns If the thresholdPx is a number or not.
-     * @internal
-     */
-    protected get useThresholdStrategy(): boolean;
-    /**
-     * Checks if the threshold has been reached in case the threshold strategy is in use.
+     * Animation to use for showing/hiding the button.
      *
-     * @returns If the scrollTop is bigger than the thresholdPx.
-     * @internal
+     * @public
      */
-    protected get isThresholdReached(): boolean;
+    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: () => import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+    };
     /**
-     * Whether if the button is visible or not depending on the strategy being used.
+     * Threshold in pixels from the top to show the button.
      *
-     * @returns If the button should be visible or not.
-     * @internal
+     * @public
      */
-    protected get isVisible(): boolean;
+    thresholdPx: NumberConstructor;
     /**
-     * Returns if the scroll has almost reached its end or not.
+     * Id of the target scroll component.
      *
-     * @returns True if the scroll has almost reached the end and the user is still scrolling down.
-     * @internal
+     * @public
      */
-    protected get hasAlmostReachedScrollEnd(): boolean;
-}
-//# sourceMappingURL=scroll-to-top.vue?rollup-plugin-vue=script.d.ts.map
+    scrollId: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    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<{}>>, {}, {}>;
+    scrollId: string;
+}, {}>;
+export default _default;
+//# sourceMappingURL=scroll-to-top.vue?vue&type=script&lang.d.ts.map

package/types/x-modules/scroll/components/scroll-to-top.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-to-top.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/scroll/components/scroll-to-top.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAiBE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,GAAG,MAAM,KAAK,CAAC;AAKtB,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAIhD;;;;;GAKG;AAKH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,GAAG;IAC1C;;;;OAIG;IAEI,SAAS,EAAG,GAAG,GAAG,MAAM,CAAC;IAEhC;;;;OAIG;IAEI,WAAW,CAAC,EAAE,MAAM,CAAC;IAE5B;;;;OAIG;IAEI,QAAQ,EAAG,MAAM,CAAC;IAEzB;;;;OAIG;IAGI,kBAAkB,EAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAE7D;;;;;;OAMG;IACH,SAAS,KAAK,UAAU,IAAI,oBAAoB,CAU/C;IAED;;;;;OAKG;IACH,SAAS,KAAK,MAAM,IAAI,OAAO,CAAC,YAAY,CAAC,CAE5C;IAED;;;;;OAKG;IACH,SAAS,KAAK,oBAAoB,IAAI,OAAO,CAE5C;IAED;;;;;OAKG;IACH,SAAS,KAAK,kBAAkB,IAAI,OAAO,CAE1C;IAED;;;;;OAKG;IACH,SAAS,KAAK,SAAS,IAAI,OAAO,CAEjC;IAED;;;;;OAKG;IACH,SAAS,KAAK,yBAAyB,IAAI,OAAO,CAEjD;CACF"}
+{"version":3,"file":"scroll-to-top.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/scroll/components/scroll-to-top.vue?vue&type=script&lang.ts"],"names":[],"mappings":"AAGE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAM/C;;;;;GAKG;;IAMC;;;;OAIG;;;;;IAKH;;;;OAIG;;IAEH;;;;OAIG;;;;;;;;;IAnBH;;;;OAIG;;;;;IAKH;;;;OAIG;;IAEH;;;;OAIG;;;;;;;;;AAxBP,wBA+GG"}

package/types/x-modules/scroll/components/scroll.const.d.ts

@@ -1,4 +1,4 @@
-import { XInjectKey } from '../../../components/decorators/injection.decorators';
+import { XInjectKey } from '../../../components/decorators/injection.consts';
 import { ScrollVisibilityObserver } from './scroll.types';
 /**
  * Constant to inject the first visible item observer.

package/types/x-modules/scroll/components/scroll.const.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scroll.const.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/scroll/components/scroll.const.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qDAAqD,CAAC;AACjF,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAE1D;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,UAAU,CAAC,wBAAwB,GAAG,IAAI,CAAuB,CAAC;AAClG;;;;GAIG;AACH,eAAO,MAAM,YAAY,gBAAgB,CAAC"}
+{"version":3,"file":"scroll.const.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/scroll/components/scroll.const.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iDAAiD,CAAC;AAC7E,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAE1D;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,UAAU,CAAC,wBAAwB,GAAG,IAAI,CAAuB,CAAC;AAClG;;;;GAIG;AACH,eAAO,MAAM,YAAY,gBAAgB,CAAC"}

package/types/x-modules/scroll/components/scroll.vue.d.ts

@@ -1,5 +1,4 @@
-import Vue from 'vue';
-import { WireMetadata } from '../../../wiring/wiring.types';
+import { ComponentPublicInstance } from 'vue';
 import { ScrollDirection } from '../../../components/scroll/scroll.types';
 /**
  * Scrollable container that emits scroll related X Events. It exposes all the listeners
@@ -7,61 +6,35 @@ import { ScrollDirection } from '../../../components/scroll/scroll.types';
  *
  * @public
  */
-export default class Scroll extends Vue {
+declare const _default: import("vue").DefineComponent<{
     /**
      * Id to identify the component.
      *
      * @public
      */
-    id: string;
-    /**
-     * Emits the `UserScrolled` event.
-     *
-     * @param position - The new position of scroll.
-     * @internal
-     */
-    protected emitScroll(position: number): void;
-    /**
-     * Emits the `UserChangedScrollDirection` event when the scrolling direction has changed.
-     *
-     * @param direction - The new direction of scroll.
-     * @internal
-     */
-    protected emitScrollDirectionChange(direction: ScrollDirection): void;
-    /**
-     * Emits the 'UserReachedScrollStart' event when the user reaches the start.
-     *
-     * @param isAtStart - A boolean indicating if the scroll is at the ending position.
-     * @internal
-     */
-    protected emitScrollAtStart(isAtStart: boolean): void;
-    /**
-     * Emits the 'UserAlmostReachedScrollEnd' event when the user is about to reach to end.
-     *
-     * @param isAlmostAtEnd - A boolean indicating if the scroll is almost at its ending position.
-     * @internal
-     */
-    protected emitScrollAlmostAtEnd(isAlmostAtEnd: boolean): void;
-    /**
-     * Emits the 'UserReachedScrollEnd' event when the user is about to reach to end.
-     *
-     * @param isAtEnd - A boolean indicating if the scroll is at the ending position.
-     * @internal
-     */
-    protected emitScrollAtEnd(isAtEnd: boolean): void;
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    scrollRef: import("vue").Ref<ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | undefined>;
+    emitScrollAtEnd: (isAtEnd: boolean) => void;
+    emitScrollAlmostAtEnd: (isAlmostAtEnd: boolean) => void;
+    emitScrollAtStart: (isAtStart: boolean) => void;
+    emitScrollDirectionChange: (direction: ScrollDirection) => void;
+    emitScroll: (position: number) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
-     * Creates a {@link WireMetadata} metadata object for all the emitted events.
-     *
-     * @internal
-     * @returns A new {@link WireMetadata} object.
-     */
-    protected createEventMetadata(): Partial<WireMetadata>;
-    /**
-     * Scrolls to initial position when the user has clicked the scroll to top button.
+     * Id to identify the component.
      *
-     * @param scrollId - {@link XEventsTypes.UserClickedScrollToTop}.
-     * @internal
+     * @public
      */
-    scrollToTop(scrollId: string): void;
-}
-//# sourceMappingURL=scroll.vue?rollup-plugin-vue=script.d.ts.map
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    id: string;
+}, {}>;
+export default _default;
+//# sourceMappingURL=scroll.vue?vue&type=script&lang.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"scroll.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/scroll/components/scroll.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAgBE,OAAO,GAAG,MAAM,KAAK,CAAC;AAGtB,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAG5D,OAAO,EAAE,eAAe,EAAE,MAAM,yCAAyC,CAAC;AAI1E;;;;;GAKG;AAKH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,GAAG;IACrC;;;;OAIG;IAEI,EAAE,EAAG,MAAM,CAAC;IAEnB;;;;;OAKG;IACH,SAAS,CAAC,UAAU,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;IAI5C;;;;;OAKG;IACH,SAAS,CAAC,yBAAyB,CAAC,SAAS,EAAE,eAAe,GAAG,IAAI;IAIrE;;;;;OAKG;IACH,SAAS,CAAC,iBAAiB,CAAC,SAAS,EAAE,OAAO,GAAG,IAAI;IAIrD;;;;;OAKG;IACH,SAAS,CAAC,qBAAqB,CAAC,aAAa,EAAE,OAAO,GAAG,IAAI;IAI7D;;;;;OAKG;IACH,SAAS,CAAC,eAAe,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAIjD;;;;;OAKG;IACH,SAAS,CAAC,mBAAmB,IAAI,OAAO,CAAC,YAAY,CAAC;IAItD;;;;;OAKG;IAEH,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;CAKpC"}
+{"version":3,"file":"scroll.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/scroll/components/scroll.vue?vue&type=script&lang.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,uBAAuB,EAAwB,MAAM,KAAK,CAAC;AAGpE,OAAO,EAAE,eAAe,EAAE,MAAM,yCAAyC,CAAC;AAK1E;;;;;GAKG;;IAMC;;;;OAIG;;;;;;;+BAsE+B,OAAO;2CAVK,OAAO;mCAVf,OAAO;2CAVC,eAAe;2BAV/B,MAAM;;IAlCpC;;;;OAIG;;;;;;;;AATP,wBAwGG"}

package/types/x-modules/scroll/store/module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/scroll/store/module.ts"],"names":[],"mappings":"AACA,OAAO,EAAwB,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEnE;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,EAAE,kBAwBhC,CAAC"}
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/scroll/store/module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,EAAE,kBAwBhC,CAAC"}

package/types/x-modules/scroll/x-module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"x-module.d.ts","sourceRoot":"","sources":["../../../../src/x-modules/scroll/x-module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAG7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAGnD;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAAC;AAExD;;;;;GAKG;AACH,eAAO,MAAM,aAAa,EAAE,aAK3B,CAAC"}
+{"version":3,"file":"x-module.d.ts","sourceRoot":"","sources":["../../../../src/x-modules/scroll/x-module.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAG7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAGnD;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAAC;AAExD;;;;;GAKG;AACH,eAAO,MAAM,aAAa,EAAE,aAK3B,CAAC"}

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

@@ -1,5 +1,5 @@
 import { Banner as BannerModel } from '@empathyco/x-types';
-import Vue from 'vue';
+import { PropType } from 'vue';
 /**.
  * A banner result is just an item that has been inserted into the search results to advertise
  * something. Usually it is the first item in the grid or it can be placed in the middle of them
@@ -13,34 +13,128 @@ import Vue from 'vue';
  *
  * @public
  */
-export default class Banner extends Vue {
+declare const _default: import("vue").DefineComponent<{
     /**
      * The banner data.
      *
      * @public
      */
-    banner: BannerModel;
+    banner: {
+        type: PropType<BannerModel>;
+        required: true;
+    };
+    titleClass: StringConstructor;
+}, {
+    imageFailed: import("vue").Ref<boolean>;
+    anchorEvents: () => Partial<{
+        abort: () => void;
+        animationcancel: () => void;
+        animationend: () => void;
+        animationiteration: () => void;
+        animationstart: () => void;
+        auxclick: () => void;
+        beforeinput: () => void;
+        blur: () => void;
+        cancel: () => void;
+        canplay: () => void;
+        canplaythrough: () => void;
+        change: () => void;
+        click: () => void;
+        close: () => void;
+        compositionend: () => void;
+        compositionstart: () => void;
+        compositionupdate: () => void;
+        contextmenu: () => void;
+        cuechange: () => void;
+        dblclick: () => void;
+        drag: () => void;
+        dragend: () => void;
+        dragenter: () => void;
+        dragleave: () => void;
+        dragover: () => void;
+        dragstart: () => void;
+        drop: () => void;
+        durationchange: () => void;
+        emptied: () => void;
+        ended: () => void;
+        error: () => void;
+        focus: () => void;
+        focusin: () => void;
+        focusout: () => void;
+        formdata: () => void;
+        gotpointercapture: () => void;
+        input: () => void;
+        invalid: () => void;
+        keydown: () => void;
+        keypress: () => void;
+        keyup: () => void;
+        load: () => void;
+        loadeddata: () => void;
+        loadedmetadata: () => void;
+        loadstart: () => void;
+        lostpointercapture: () => void;
+        mousedown: () => void;
+        mouseenter: () => void;
+        mouseleave: () => void;
+        mousemove: () => void;
+        mouseout: () => void;
+        mouseover: () => void;
+        mouseup: () => void;
+        pause: () => void;
+        play: () => void;
+        playing: () => void;
+        pointercancel: () => void;
+        pointerdown: () => void;
+        pointerenter: () => void;
+        pointerleave: () => void;
+        pointermove: () => void;
+        pointerout: () => void;
+        pointerover: () => void;
+        pointerup: () => void;
+        progress: () => void;
+        ratechange: () => void;
+        reset: () => void;
+        resize: () => void;
+        scroll: () => void;
+        securitypolicyviolation: () => void;
+        seeked: () => void;
+        seeking: () => void;
+        select: () => void;
+        selectionchange: () => void;
+        selectstart: () => void;
+        slotchange: () => void;
+        stalled: () => void;
+        submit: () => void;
+        suspend: () => void;
+        timeupdate: () => void;
+        toggle: () => void;
+        touchcancel: () => void;
+        touchend: () => void;
+        touchmove: () => void;
+        touchstart: () => void;
+        transitioncancel: () => void;
+        transitionend: () => void;
+        transitionrun: () => void;
+        transitionstart: () => void;
+        volumechange: () => void;
+        waiting: () => void;
+        webkitanimationend: () => void;
+        webkitanimationiteration: () => void;
+        webkitanimationstart: () => void;
+        webkittransitionend: () => void;
+        wheel: () => void;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
-     * Flag to handle banner image errors.
+     * The banner data.
      *
      * @public
      */
-    protected imageFailed: boolean;
-    /**
-     * Emits the banner click event.
-     *
-     * @internal
-     */
-    protected emitClickEvent(): void;
-    /**
-     * Returns the events supported by the anchor.
-     *
-     * @returns Events supported by the anchor.
-     *
-     * @internal
-     */
-    protected anchorEvents(): Partial<{
-        [key in keyof GlobalEventHandlersEventMap]: () => void;
-    }>;
-}
-//# sourceMappingURL=banner.vue?rollup-plugin-vue=script.d.ts.map
+    banner: {
+        type: PropType<BannerModel>;
+        required: true;
+    };
+    titleClass: StringConstructor;
+}>>, {}, {}>;
+export default _default;
+//# sourceMappingURL=banner.vue?vue&type=script&lang.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":"AAuBE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAE3D,OAAO,GAAG,MAAM,KAAK,CAAC;AAKtB;;;;;;;;;;;;GAYG;AAIH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,GAAG;IACrC;;;;OAIG;IAEI,MAAM,EAAG,WAAW,CAAC;IAE5B;;;;OAIG;IACH,SAAS,CAAC,WAAW,UAAS;IAE9B;;;;OAIG;IACH,SAAS,CAAC,cAAc,IAAI,IAAI;IAIhC;;;;;;OAMG;IACH,SAAS,CAAC,YAAY,IAAI,OAAO,CAAC;SAC/B,GAAG,IAAI,MAAM,2BAA2B,GAAG,MAAM,IAAI;KACvD,CAAC;CAOH"}
+{"version":3,"file":"banner.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/search/components/banner.vue?vue&type=script&lang.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAmB,QAAQ,EAAO,MAAM,KAAK,CAAC;AAIrD;;;;;;;;;;;;GAYG;;IAKC;;;;OAIG;;;;;;;;;qBAkCiD,IAAI;+BAAJ,IAAI;4BAAJ,IAAI;kCAAJ,IAAI;8BAAJ,IAAI;wBAAJ,IAAI;2BAAJ,IAAI;oBAAJ,IAAI;sBAAJ,IAAI;uBAAJ,IAAI;8BAAJ,IAAI;sBAAJ,IAAI;qBAAJ,IAAI;qBAAJ,IAAI;8BAAJ,IAAI;gCAAJ,IAAI;iCAAJ,IAAI;2BAAJ,IAAI;yBAAJ,IAAI;wBAAJ,IAAI;oBAAJ,IAAI;uBAAJ,IAAI;yBAAJ,IAAI;yBAAJ,IAAI;wBAAJ,IAAI;yBAAJ,IAAI;oBAAJ,IAAI;8BAAJ,IAAI;uBAAJ,IAAI;qBAAJ,IAAI;qBAAJ,IAAI;qBAAJ,IAAI;uBAAJ,IAAI;wBAAJ,IAAI;wBAAJ,IAAI;iCAAJ,IAAI;qBAAJ,IAAI;uBAAJ,IAAI;uBAAJ,IAAI;wBAAJ,IAAI;qBAAJ,IAAI;oBAAJ,IAAI;0BAAJ,IAAI;8BAAJ,IAAI;yBAAJ,IAAI;kCAAJ,IAAI;yBAAJ,IAAI;0BAAJ,IAAI;0BAAJ,IAAI;yBAAJ,IAAI;wBAAJ,IAAI;yBAAJ,IAAI;uBAAJ,IAAI;qBAAJ,IAAI;oBAAJ,IAAI;uBAAJ,IAAI;6BAAJ,IAAI;2BAAJ,IAAI;4BAAJ,IAAI;4BAAJ,IAAI;2BAAJ,IAAI;0BAAJ,IAAI;2BAAJ,IAAI;yBAAJ,IAAI;wBAAJ,IAAI;0BAAJ,IAAI;qBAAJ,IAAI;sBAAJ,IAAI;sBAAJ,IAAI;uCAAJ,IAAI;sBAAJ,IAAI;uBAAJ,IAAI;sBAAJ,IAAI;+BAAJ,IAAI;2BAAJ,IAAI;0BAAJ,IAAI;uBAAJ,IAAI;sBAAJ,IAAI;uBAAJ,IAAI;0BAAJ,IAAI;sBAAJ,IAAI;2BAAJ,IAAI;wBAAJ,IAAI;yBAAJ,IAAI;0BAAJ,IAAI;gCAAJ,IAAI;6BAAJ,IAAI;6BAAJ,IAAI;+BAAJ,IAAI;4BAAJ,IAAI;uBAAJ,IAAI;kCAAJ,IAAI;wCAAJ,IAAI;oCAAJ,IAAI;mCAAJ,IAAI;qBAAJ,IAAI;;;IAtCxD;;;;OAIG;;;;;;;AARP,wBAsDG"}

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

@@ -1,11 +1,8 @@
-import { ComputedRef } from 'vue';
-import { ListItem } from '../../../utils/types';
 /**
- * It renders a {@link ItemsList} list of banners from {@link SearchState.banners} by
- * default using the `ItemsInjectionMixin`.
+ * It renders a {@link ItemsList} list of banners from {@link SearchState.banners}.
  *
  * The component provides a default slot which wraps the whole component with the `banners`
- * 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,36 +10,21 @@ import { ListItem } from '../../../utils/types';
  * @public
  */
 declare const _default: import("vue").DefineComponent<{
-    /**
-     * Animation component that will be used to animate the banners.
-     *
-     * @public
-     */
+    /** Animation component that will be used to animate the banners. */
     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 banners.
-     *
-     * @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 banners. */
     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 component that will be used to animate the banners.
-         *
-         * @public
-         */
-    });
-}>;
+    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=banners-list.vue?rollup-plugin-vue=script.d.ts.map
+//# sourceMappingURL=banners-list.vue?vue&type=script&lang.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"banners-list.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/search/components/banners-list.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAmBE,OAAO,EAAY,WAAW,EAA8C,MAAM,KAAK,CAAC;AAKxF,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAUhD;;;;;;;;;;;GAWG;;IAQC;;;;OAIG;;;;;;;;;IAJH;;;;OAIG;;;;;;;mBAJH;;;;WAIG;;;AAXP,wBAiIG"}
+{"version":3,"file":"banners-list.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/search/components/banners-list.vue?vue&type=script&lang.ts"],"names":[],"mappings":"AAYE;;;;;;;;;;GAUG;;IAKC,oEAAoE;;;;;;;;IAApE,oEAAoE;;;;;;;;AAJxE,wBA0FG"}

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

@@ -1,10 +1,12 @@
-import Vue from 'vue';
 /**
  * The `FallbackDisclaimer` component shows a message if the filters have been removed
  * from the current search because there were no results.
  *
  * @public
  */
-export default class FallbackDisclaimer extends Vue {
-}
-//# sourceMappingURL=fallback-disclaimer.vue?rollup-plugin-vue=script.d.ts.map
+declare const _default: import("vue").DefineComponent<{}, {
+    query: import("vue").ComputedRef<any>;
+    fromNoResultsWithFilters: import("vue").ComputedRef<any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;
+//# sourceMappingURL=fallback-disclaimer.vue?vue&type=script&lang.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"fallback-disclaimer.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/search/components/fallback-disclaimer.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAcE,OAAO,GAAG,MAAM,KAAK,CAAC;AAKtB;;;;;GAKG;AAIH,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,GAAG;CAAG"}
+{"version":3,"file":"fallback-disclaimer.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/search/components/fallback-disclaimer.vue?vue&type=script&lang.ts"],"names":[],"mappings":"AAKE;;;;;GAKG;;;;;AACH,wBAWG"}