@empathyco/x-components
Version:
Empathy X Components
85 lines • 2.5 kB
TypeScript
import type { PropType } from 'vue';
/**.
* This component renders an animated placeholder for the search input in the shape of a list of
* iterating messages that can be configured to happen always or only when hovering the input
*
* @public
*/
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
/**
* List of messages to animate.
*
* @public
*/
messages: {
type: PropType<string[]>;
required: true;
};
/**
* Animation component used for the messages.
*
* @public
*/
animation: {
type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
default: () => import("vue").DefineComponent;
};
/**
* Time in milliseconds during which each message is visible.
*
* @public
*/
animationIntervalMs: {
type: NumberConstructor;
default: number;
};
/**
* Whether the messages animation is active only when hovering the search input or always.
*
* @public
*/
animateOnlyOnHover: BooleanConstructor;
}>, {
isVisible: import("vue").ComputedRef<boolean>;
message: import("vue").ComputedRef<string | undefined>;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
/**
* List of messages to animate.
*
* @public
*/
messages: {
type: PropType<string[]>;
required: true;
};
/**
* Animation component used for the messages.
*
* @public
*/
animation: {
type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
default: () => import("vue").DefineComponent;
};
/**
* Time in milliseconds during which each message is visible.
*
* @public
*/
animationIntervalMs: {
type: NumberConstructor;
default: number;
};
/**
* Whether the messages animation is active only when hovering the search input or always.
*
* @public
*/
animateOnlyOnHover: BooleanConstructor;
}>> & Readonly<{}>, {
animateOnlyOnHover: boolean;
animation: string | Function | Record<string, any>;
animationIntervalMs: number;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export default _default;
//# sourceMappingURL=search-input-placeholder.vue?vue&type=script&lang.d.ts.map