@empathyco/x-components 3.0.0-alpha.365 → 3.0.0-alpha.367

package/types/components/result/base-result-image.vue.d.ts

@@ -1,110 +1,100 @@
 import { Result } from '@empathyco/x-types';
-import Vue from 'vue';
+import { DefineComponent, PropType, Ref } from 'vue';
 /**
  * Component to be reused that renders an `<img>`.
  *
  * @public
  */
-export default class BaseResultImage extends Vue {
+declare const _default: DefineComponent<{
     /**
      * (Required) The {@link @empathyco/x-types#Result | result} information.
      *
      * @public
      */
-    protected result: Result;
+    result: {
+        type: PropType<Result>;
+        required: true;
+    };
     /**
      * Animation to use when switching between the placeholder, the loaded image, or the failed
      * image fallback.
      *
      * @public
      */
-    loadAnimation: string | typeof Vue;
+    loadAnimation: {
+        type: PropType<string | 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<{}>>, {}>>;
+        default: () => import("vue/types/vue").ExtendedVue<import("vue").default<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => import("vue").default<Record<string, any>, Record<string, any>, never, never, any>>, unknown, unknown, unknown, Record<never, any>, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin>;
+    };
     /**
      * Animation to use when switching between the loaded image and the hover image.
      *
      * @public
      */
-    hoverAnimation: string | typeof Vue | undefined;
+    hoverAnimation: {
+        type: PropType<string | 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<{}>>, {}>>;
+    };
     /**
      * Indicates if the next valid image should be displayed on hover.
      *
      * @public
      */
-    showNextImageOnHover: boolean;
-    /**
-     * Copy of the images of the result.
-     *
-     * It is used as a queue of images to load, once an image loads/fails to load, it is removed
-     * from this array.
-     *
-     * @internal
-     */
-    protected pendingImages: string[];
-    /**
-     * Contains the images that have been loaded successfully.
-     *
-     * @internal
-     */
-    protected loadedImages: string[];
-    /**
-     * Indicates if the user is hovering the image.
-     *
-     * @internal
-     */
-    protected isHovering: boolean;
+    showNextImageOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    pendingImages: Ref<string[]>;
+    loadedImages: Ref<string[]>;
+    isHovering: Ref<boolean>;
+    userHasHoveredImage: Ref<boolean>;
+    loaderStyles: Partial<CSSStyleDeclaration>;
+    animation: import("vue").ComputedRef<string | 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<{}>>, {}>>;
+    imageSrc: import("vue").ComputedRef<string>;
+    shouldLoadNextImage: import("vue").ComputedRef<boolean>;
+    flagImageAsFailed: () => void;
+    flagImageLoaded: () => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     /**
-     * Indicates if the user has hovered the image.
-     *
-     * @internal
-     */
-    protected userHasHoveredImage: boolean;
-    /**.
-     * Styles to use inline in the image loader, to prevent override from CSS
-     *
-     * @internal
-     */
-    protected loaderStyles: Partial<CSSStyleDeclaration>;
-    /**
-     * Initializes images state and resets when the result's images change.
-     *
-     * @internal
-     */
-    resetImagesState(): void;
-    /**
-     * Animation to be used.
-     *
-     * @returns The animation to be used, taking into account if the user has hovered the image.
-     *
-     * @internal
-     */
-    protected get animation(): string | typeof Vue;
-    /**
-     * Gets the src from the result image.
-     *
-     * @returns The result image src.
+     * (Required) The {@link @empathyco/x-types#Result | result} information.
      *
-     * @internal
+     * @public
      */
-    protected get imageSrc(): string;
+    result: {
+        type: PropType<Result>;
+        required: true;
+    };
     /**
-     * Indicates if the loader should try to load the next image.
-     *
-     * @returns True if it should try to load the next image.
+     * Animation to use when switching between the placeholder, the loaded image, or the failed
+     * image fallback.
      *
-     * @internal
+     * @public
      */
-    protected get shouldLoadNextImage(): boolean;
+    loadAnimation: {
+        type: PropType<string | 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<{}>>, {}>>;
+        default: () => import("vue/types/vue").ExtendedVue<import("vue").default<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => import("vue").default<Record<string, any>, Record<string, any>, never, never, any>>, unknown, unknown, unknown, Record<never, any>, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin>;
+    };
     /**
-     * Sets an image as failed.
+     * Animation to use when switching between the loaded image and the hover image.
      *
-     * @internal
+     * @public
      */
-    protected flagImageAsFailed(): void;
+    hoverAnimation: {
+        type: PropType<string | 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<{}>>, {}>>;
+    };
     /**
-     * Sets an image as loaded.
+     * Indicates if the next valid image should be displayed on hover.
      *
-     * @internal
+     * @public
      */
-    protected flagImageLoaded(): void;
-}
+    showNextImageOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    loadAnimation: string | 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: {};
+    });
+    showNextImageOnHover: boolean;
+}>;
+export default _default;
 //# sourceMappingURL=base-result-image.vue?rollup-plugin-vue=script.d.ts.map

package/types/components/result/base-result-image.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-result-image.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../src/components/result/base-result-image.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AA0CE,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,GAAG,MAAM,KAAK,CAAC;AAItB;;;;GAIG;AAMH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,GAAG;IAC9C;;;;OAIG;IAEH,SAAS,CAAC,MAAM,EAAG,MAAM,CAAC;IAE1B;;;;;OAKG;IAEI,aAAa,EAAG,MAAM,GAAG,OAAO,GAAG,CAAC;IAE3C;;;;OAIG;IAEI,cAAc,EAAG,MAAM,GAAG,OAAO,GAAG,GAAG,SAAS,CAAC;IAExD;;;;OAIG;IAEI,oBAAoB,EAAG,OAAO,CAAC;IAEtC;;;;;;;OAOG;IACH,SAAS,CAAC,aAAa,EAAE,MAAM,EAAE,CAAM;IAEvC;;;;OAIG;IACH,SAAS,CAAC,YAAY,EAAE,MAAM,EAAE,CAAM;IAEtC;;;;OAIG;IACH,SAAS,CAAC,UAAU,UAAS;IAE7B;;;;OAIG;IACH,SAAS,CAAC,mBAAmB,UAAS;IAEtC;;;;OAIG;IACH,SAAS,CAAC,YAAY,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAQlD;IAEF;;;;OAIG;IAEH,gBAAgB,IAAI,IAAI;IAKxB;;;;;;OAMG;IACH,SAAS,KAAK,SAAS,IAAI,MAAM,GAAG,OAAO,GAAG,CAI7C;IAED;;;;;;OAMG;IACH,SAAS,KAAK,QAAQ,IAAI,MAAM,CAI/B;IAED;;;;;;OAMG;IACH,SAAS,KAAK,mBAAmB,IAAI,OAAO,CAG3C;IAED;;;;OAIG;IACH,SAAS,CAAC,iBAAiB,IAAI,IAAI;IAInC;;;;OAIG;IACH,SAAS,CAAC,eAAe,IAAI,IAAI;CAMlC"}
+{"version":3,"file":"base-result-image.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../src/components/result/base-result-image.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AA0CE,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAEL,eAAe,EAEf,QAAQ,EACR,GAAG,EAIJ,MAAM,KAAK,CAAC;AAIb;;;;GAIG;;IAMC;;;;OAIG;;;;;IAMH;;;;;OAKG;;;;;IAMH;;;;OAIG;;;;IAKH;;;;OAIG;;;;;;;;;;;;;;6BAwH2B,IAAI;2BASN,IAAI;;IAnKhC;;;;OAIG;;;;;IAMH;;;;;OAKG;;;;;IAMH;;;;OAIG;;;;IAKH;;;;OAIG;;;;;;;;;;;AAvCP,wBA4LG"}

package/types/components/result/base-result-link.vue.d.ts

@@ -1,42 +1,37 @@
 import { Result } from '@empathyco/x-types';
-import Vue from 'vue';
-import { PropsWithType } from '../../utils/types';
-import { XEventsTypes } from '../../wiring/events.types';
+import { PropType } from 'vue';
 /**
  * Component to be reused that renders an `<a>` wrapping the result contents.
  *
  * @remarks
  * It has the logic to emit {@link XEventsTypes.UserClickedAResult} to the bus on click mouse
  * events. Additionally, this component may be injected other events to be emitted on click
- * event, so, depending where it's used its father component may provide this events.
+ * event, so, depending on where it's used its father component may provide this events.
  *
  * @public
  */
-export default class BaseResultLink extends Vue {
-    /**
-     * The rendered DOM element.
-     *
-     * @internal
-     */
-    $el: HTMLElement;
-    /**
-     * The list of additional events to be emitted by the component when user clicks the link.
-     *
-     * @internal
-     */
-    protected resultClickExtraEvents: PropsWithType<XEventsTypes, Result>[];
+declare const _default: import("vue").DefineComponent<{
     /**
      * (Required) The {@link @empathyco/x-types#Result | result} information.
      *
      * @public
      */
-    protected result: Result;
+    result: {
+        type: PropType<Result>;
+        required: true;
+    };
+}, {
+    emitUserClickedAResult: () => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     /**
-     * Emits the {@link XEventsTypes.UserClickedAResult} when user clicks on the result, and also
-     * additional events if have been injected in the component.
+     * (Required) The {@link @empathyco/x-types#Result | result} information.
      *
-     * @internal
+     * @public
      */
-    protected emitUserClickedAResult(): void;
-}
+    result: {
+        type: PropType<Result>;
+        required: true;
+    };
+}>>, {}>;
+export default _default;
 //# sourceMappingURL=base-result-link.vue?rollup-plugin-vue=script.d.ts.map

package/types/components/result/base-result-link.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-result-link.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../src/components/result/base-result-link.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAkBE,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,GAAG,MAAM,KAAK,CAAC;AAEtB,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD;;;;;;;;;GASG;AAEH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,GAAG;IAC7C;;;;OAIG;IACI,GAAG,EAAG,WAAW,CAAC;IACzB;;;;OAIG;IAEH,SAAS,CAAC,sBAAsB,EAAG,aAAa,CAAC,YAAY,EAAE,MAAM,CAAC,EAAE,CAAC;IAEzE;;;;OAIG;IAEH,SAAS,CAAC,MAAM,EAAG,MAAM,CAAC;IAE1B;;;;;OAKG;IACH,SAAS,CAAC,sBAAsB,IAAI,IAAI;CAMzC"}
+{"version":3,"file":"base-result-link.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../src/components/result/base-result-link.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAmBE,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAA2B,QAAQ,EAAO,MAAM,KAAK,CAAC;AAK7D;;;;;;;;;GASG;;IAGC;;;;OAIG;;;;;;kCAgCgC,IAAI;;IApCvC;;;;OAIG;;;;;;AANP,wBAiDG"}

package/types/components/result/base-result-previous-price.vue.d.ts

@@ -1,17 +1,20 @@
 import { Result } from '@empathyco/x-types';
-import Vue from 'vue';
+import { PropType } from 'vue';
 /**
  * Component that renders the {@link @empathyco/x-types#Result | result} previous price.
  *
  * @public
  */
-export default class BaseResultPreviousPrice extends Vue {
+declare const _default: import("vue").DefineComponent<{
     /**
      * (Required) The {@link @empathyco/x-types#Result | result} information.
      *
      * @public
      */
-    protected result: Result;
+    result: {
+        type: PropType<Result>;
+        required: true;
+    };
     /**
      * Format or mask to be defined as string.
      * - Use 'i' to define integer numbers.
@@ -28,6 +31,38 @@ export default class BaseResultPreviousPrice extends Vue {
      *
      * @public
      */
-    protected format?: string;
-}
+    format: {
+        type: StringConstructor;
+    };
+}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * (Required) The {@link @empathyco/x-types#Result | result} information.
+     *
+     * @public
+     */
+    result: {
+        type: PropType<Result>;
+        required: true;
+    };
+    /**
+     * Format or mask to be defined as string.
+     * - Use 'i' to define integer numbers.
+     * - Use 'd' to define decimal numbers. You can define the length of the decimal part. If the
+     * doesn't include decimals, it is filled with zeros until reach the length defined with 'd's.
+     * - Integer separator must be defined between the 3rd and the 4th integer 'i' of a group.
+     * - Decimal separator must be defined between the last 'i' and the first 'd'. It can be more
+     * than one character.
+     * - Set whatever you need around the integers and decimals marks.
+     *
+     * @remarks The number of 'd', which is the maximum decimal length, MUST match with the length
+     * of decimals provided from the adapter. Otherwise, when the component truncate the decimal
+     * part, delete significant digits.
+     *
+     * @public
+     */
+    format: {
+        type: StringConstructor;
+    };
+}>>, {}>;
+export default _default;
 //# sourceMappingURL=base-result-previous-price.vue?rollup-plugin-vue=script.d.ts.map

package/types/components/result/base-result-previous-price.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-result-previous-price.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../src/components/result/base-result-previous-price.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAiBE,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE5C,OAAO,GAAG,MAAM,KAAK,CAAC;AAGtB;;;;GAIG;AAIH,MAAM,CAAC,OAAO,OAAO,uBAAwB,SAAQ,GAAG;IACtD;;;;OAIG;IAEH,SAAS,CAAC,MAAM,EAAG,MAAM,CAAC;IAE1B;;;;;;;;;;;;;;;OAeG;IAEH,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;CAC3B"}
+{"version":3,"file":"base-result-previous-price.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../src/components/result/base-result-previous-price.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAiBE,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAmB,QAAQ,EAAE,MAAM,KAAK,CAAC;AAGhD;;;;GAIG;;IAIC;;;;OAIG;;;;;IAKH;;;;;;;;;;;;;;;OAeG;;;;;IAxBH;;;;OAIG;;;;;IAKH;;;;;;;;;;;;;;;OAeG;;;;;AA3BP,wBAgCG"}

package/types/components/result/base-result-rating.vue.d.ts

@@ -1,29 +1,48 @@
-import Vue from 'vue';
+import { PropType } from 'vue';
 import { Result } from '@empathyco/x-types';
 /**
  * This component renders a {@link BaseRating} for a result passed as prop.
  *
  * @public
  */
-export default class BaseResultRating extends Vue {
+declare const _default: import("vue").DefineComponent<{
     /**
      * The {@link @empathyco/x-types#Result | Result} to render its rating.
      *
      * @public
      */
-    protected result: Result;
+    result: {
+        type: PropType<Result>;
+        required: true;
+    };
     /**
      * A link to redirect when rating is clicked.
      *
      * @public
      */
-    protected link: string;
+    link: {
+        type: StringConstructor;
+    };
+}, {
+    emitClickedEvent: () => void;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     /**
-     * Emits the `UserClickedAResultRating` event when user clicks this component, with the
-     * {@link @empathyco/x-types#Result | Result} as payload.
+     * The {@link @empathyco/x-types#Result | Result} to render its rating.
      *
-     * @internal
+     * @public
+     */
+    result: {
+        type: PropType<Result>;
+        required: true;
+    };
+    /**
+     * A link to redirect when rating is clicked.
+     *
+     * @public
      */
-    protected emitClickedEvent(): void;
-}
+    link: {
+        type: StringConstructor;
+    };
+}>>, {}>;
+export default _default;
 //# sourceMappingURL=base-result-rating.vue?rollup-plugin-vue=script.d.ts.map

package/types/components/result/base-result-rating.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-result-rating.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../src/components/result/base-result-rating.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAiCE,OAAO,GAAG,MAAM,KAAK,CAAC;AAEtB,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAG5C;;;;GAIG;AAMH,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,GAAG;IAC/C;;;;OAIG;IAEH,SAAS,CAAC,MAAM,EAAG,MAAM,CAAC;IAE1B;;;;OAIG;IAEH,SAAS,CAAC,IAAI,EAAG,MAAM,CAAC;IAExB;;;;;OAKG;IACH,SAAS,CAAC,gBAAgB,IAAI,IAAI;CAGnC"}
+{"version":3,"file":"base-result-rating.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../src/components/result/base-result-rating.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAkCE,OAAO,EAAmB,QAAQ,EAAO,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAI5C;;;;GAIG;;IAMC;;;;OAIG;;;;;IAMH;;;;OAIG;;;;;4BAc0B,IAAI;;IA5BjC;;;;OAIG;;;;;IAMH;;;;OAIG;;;;;AAnBP,wBA4CG"}

package/types/components/suggestions/base-suggestion.vue.d.ts

@@ -1,5 +1,5 @@
 import { BooleanFilter, Suggestion } from '@empathyco/x-types';
-import Vue from 'vue';
+import { PropType } from 'vue';
 import { QueryFeature } from '../../types';
 import { VueCSSClasses } from '../../utils/types';
 import { XEventsTypes } from '../../wiring/events.types';
@@ -12,83 +12,102 @@ import { XEventsTypes } from '../../wiring/events.types';
  *
  * @public
  */
-export default class BaseSuggestion extends Vue {
+declare const _default: import("vue").DefineComponent<{
     /**
      * The normalized query of the module using this component.
      *
      * @public
      */
-    protected query: string;
+    query: {
+        type: StringConstructor;
+        default: string;
+    };
     /**
      * The suggestion to render and use in the default slot.
      *
      * @public
      */
-    protected suggestion: Suggestion;
+    suggestion: {
+        type: PropType<Suggestion>;
+        required: true;
+    };
     /**
      * The feature from which the events will be emitted.
      *
      * @public
      */
-    protected feature?: QueryFeature;
+    feature: {
+        type: PropType<QueryFeature>;
+    };
     /**
      * The {@link XEvent | XEvents} that will be emitted when selecting a suggestion.
      *
      * @public
      */
-    protected suggestionSelectedEvents: Partial<XEventsTypes>;
+    suggestionSelectedEvents: {
+        type: PropType<Partial<XEventsTypes>>;
+        required: true;
+    };
     /**
      * Indicates if the curated suggestion should be highlighted.
      *
      * @public
      */
-    protected highlightCurated: boolean;
+    highlightCurated: {
+        type: BooleanConstructor;
+    };
+}, {
+    el: import("vue").Ref<HTMLElement | null>;
+    filter: import("vue").ComputedRef<BooleanFilter | undefined>;
+    emitEvents: () => void;
+    dynamicCSSClasses: import("vue").ComputedRef<VueCSSClasses>;
+}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     /**
-     * The event handler that will be triggered when clicking on a suggestion.
-     *
-     * @remarks
-     * UserAcceptedAQuery: suggestion.query
-     * UserSelectedASuggestion: suggestion
-     * UserClickedAFilter: suggestion.facets[0].filters[0]
-     * Merges the events defined in the suggestionSelectedEvents prop and also emits them
+     * The normalized query of the module using this component.
      *
-     * @returns The {@link XEvent | XEvents} to emit.
      * @public
      */
-    protected get events(): Partial<XEventsTypes>;
+    query: {
+        type: StringConstructor;
+        default: string;
+    };
     /**
-     * Emits the events when the button is clicked.
+     * The suggestion to render and use in the default slot.
      *
      * @public
      */
-    protected emitEvents(): void;
+    suggestion: {
+        type: PropType<Suggestion>;
+        required: true;
+    };
     /**
-     * Returns the suggestion filter object.
-     * It is a BooleanFilter because the label is needed.
-     * It returns only the first element because the facets and filters are being planned
-     * in the BaseSuggestions component.
+     * The feature from which the events will be emitted.
      *
-     * @returns The filter.
      * @public
      */
-    protected get filter(): BooleanFilter | undefined;
+    feature: {
+        type: PropType<QueryFeature>;
+    };
     /**
-     * Checks if the suggestion is curated and if it should be highlighted.
-     *
-     * @returns True if the suggestion is curated and should be highlighted.
+     * The {@link XEvent | XEvents} that will be emitted when selecting a suggestion.
      *
-     * @internal
+     * @public
      */
-    protected get shouldHighlightCurated(): boolean;
+    suggestionSelectedEvents: {
+        type: PropType<Partial<XEventsTypes>>;
+        required: true;
+    };
     /**
-     * Generates css classes dynamically.
-     *
-     * @remarks
-     * 'x-suggestion--matching added when the query should be matched.
+     * Indicates if the curated suggestion should be highlighted.
      *
-     * @returns The {@link VueCSSClasses} classes.
      * @public
      */
-    protected get dynamicCSSClasses(): VueCSSClasses;
-}
+    highlightCurated: {
+        type: BooleanConstructor;
+    };
+}>>, {
+    query: string;
+    highlightCurated: boolean;
+}>;
+export default _default;
 //# sourceMappingURL=base-suggestion.vue?rollup-plugin-vue=script.d.ts.map

package/types/components/suggestions/base-suggestion.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-suggestion.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../src/components/suggestions/base-suggestion.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAgBE,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAE/D,OAAO,GAAG,MAAM,KAAK,CAAC;AAEtB,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGzD;;;;;;;;GAQG;AAIH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,GAAG;IAC7C;;;;OAIG;IAEH,SAAS,CAAC,KAAK,EAAG,MAAM,CAAC;IAEzB;;;;OAIG;IAEH,SAAS,CAAC,UAAU,EAAG,UAAU,CAAC;IAElC;;;;OAIG;IAEH,SAAS,CAAC,OAAO,CAAC,EAAE,YAAY,CAAC;IAEjC;;;;OAIG;IAEH,SAAS,CAAC,wBAAwB,EAAG,OAAO,CAAC,YAAY,CAAC,CAAC;IAE3D;;;;OAIG;IAEH,SAAS,CAAC,gBAAgB,EAAG,OAAO,CAAC;IAErC;;;;;;;;;;;OAWG;IACH,SAAS,KAAK,MAAM,IAAI,OAAO,CAAC,YAAY,CAAC,CAU5C;IAED;;;;OAIG;IACH,SAAS,CAAC,UAAU,IAAI,IAAI;IAS5B;;;;;;;;OAQG;IACH,SAAS,KAAK,MAAM,IAAI,aAAa,GAAG,SAAS,CAEhD;IAED;;;;;;OAMG;IACH,SAAS,KAAK,sBAAsB,IAAI,OAAO,CAE9C;IAED;;;;;;;;OAQG;IACH,SAAS,KAAK,iBAAiB,IAAI,aAAa,CAI/C;CACF"}
+{"version":3,"file":"base-suggestion.vue?rollup-plugin-vue=script.d.ts","sourceRoot":"","sources":["../../../../src/components/suggestions/base-suggestion.vue?rollup-plugin-vue=script.ts"],"names":[],"mappings":"AAgBE,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAE/D,OAAO,EAA6B,QAAQ,EAAO,MAAM,KAAK,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAIzD;;;;;;;;GAQG;;IAIC;;;;OAIG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;OAIG;;;;IAMH;;;;OAIG;;;;;IAMH;;;;OAIG;;;;;;;sBAqDoB,IAAI;;;IAjG3B;;;;OAIG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;OAIG;;;;IAMH;;;;OAIG;;;;;IAMH;;;;OAIG;;;;;;;;AA/CP,wBA4IG"}

package/types/utils/options-api.d.ts

@@ -0,0 +1,3 @@
+import { DefineComponent, PropType } from 'vue';
+export declare const animationProp: PropType<string | 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<{}>>, {}>>;
+//# sourceMappingURL=options-api.d.ts.map

package/types/utils/options-api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"options-api.d.ts","sourceRoot":"","sources":["../../../src/utils/options-api.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAEhD,eAAO,MAAM,aAAa,4TAAmE,CAAC"}

package/docs/API-reference/api/x-components.baseaddtocart.events.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; [BaseAddToCart](./x-components.baseaddtocart.md) &gt; [events](./x-components.baseaddtocart.events.md)
-
-## BaseAddToCart.events property
-
-The events to be emitted by the button.
-
-**Signature:**
-
-```typescript
-protected get events(): Partial<XEventsTypes>;
-```

package/docs/API-reference/api/x-components.baseaddtocart.result.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; [BaseAddToCart](./x-components.baseaddtocart.md) &gt; [result](./x-components.baseaddtocart.result.md)
-
-## BaseAddToCart.result property
-
-(Required) The [result](./x-types.result.md) information.
-
-**Signature:**
-
-```typescript
-protected result: Result;
-```

package/docs/API-reference/api/x-components.basecurrency.format.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; [BaseCurrency](./x-components.basecurrency.md) &gt; [format](./x-components.basecurrency.format.md)
-
-## BaseCurrency.format property
-
-The format as string.
-
-**Signature:**
-
-```typescript
-protected format?: string;
-```

package/docs/API-reference/api/x-components.basecurrency.injectedformat.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; [BaseCurrency](./x-components.basecurrency.md) &gt; [injectedFormat](./x-components.basecurrency.injectedformat.md)
-
-## BaseCurrency.injectedFormat property
-
-The injected format as string.
-
-**Signature:**
-
-```typescript
-injectedFormat: string;
-```

package/docs/API-reference/api/x-components.basecurrency.value.md

@@ -1,18 +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; [BaseCurrency](./x-components.basecurrency.md) &gt; [value](./x-components.basecurrency.value.md)
-
-## BaseCurrency.value property
-
-Numeric value to be formatted.
-
-**Signature:**
-
-```typescript
-protected value: number;
-```
-
-## Remarks
-
-Be careful using numbers under Number.MAX\_SAFE\_INTEGER to avoid unexpected errors.
-

package/docs/API-reference/api/x-components.baseresultcurrentprice.format.md

@@ -1,18 +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; [BaseResultCurrentPrice](./x-components.baseresultcurrentprice.md) &gt; [format](./x-components.baseresultcurrentprice.format.md)
-
-## BaseResultCurrentPrice.format property
-
-Format or mask to be defined as string. - Use 'i' to define integer numbers. - Use 'd' to define decimal numbers. You can define the length of the decimal part. If the doesn't include decimals, it is filled with zeros until reach the length defined with 'd's. - Integer separator must be defined between the 3rd and the 4th integer 'i' of a group. - Decimal separator must be defined between the last 'i' and the first 'd'. It can be more than one character. - Set whatever you need around the integers and decimals marks. - Default mask: 'i.iii,dd' which returns '1.345,67'.
-
-**Signature:**
-
-```typescript
-protected format?: string;
-```
-
-## Remarks
-
-The number of 'd', which is the maximum decimal length, MUST match with the length of decimals provided from the adapter. Otherwise, when the component truncate the decimal part, delete significant digits.
-