@empathyco/x-components
Version:
Empathy X Components
84 lines • 3.29 kB
TypeScript
import type { PropType } from 'vue';
import type { XEvent } from '../../../wiring';
/**
* Component containing the empathize. It has a required slot to define its content.
*
* @public
*/
declare const _default: import("vue").DefineComponent<{
/** Array of {@link XEvent} to open the empathize. */
eventsToOpenEmpathize: {
type: PropType<XEvent[]>;
default: () => string[];
};
/** Array of {@link XEvent} to close the empathize. */
eventsToCloseEmpathize: {
type: PropType<XEvent[]>;
default: () => string[];
};
/** Animation component that will be used to animate the empathize. */
animation: {
type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
default: () => import("vue").DefineComponent<{}, {}, any>;
};
/** Whether the empathize has content or not. As it is only known in the client, it is a prop. */
hasContent: {
type: BooleanConstructor;
default: boolean;
};
/** Fallback flag to trigger a search and close the empathize when has no-content. */
searchAndCloseOnNoContent: {
type: BooleanConstructor;
default: boolean;
};
/** Debounce time in milliseconds to search and close the empathize when has no-content. */
searchAndCloseDebounceInMs: {
type: NumberConstructor;
default: number;
};
}, {
empathizeRef: import("vue").Ref<HTMLDivElement | null>;
isOpenAndHasContent: import("vue").ComputedRef<boolean>;
open: () => void;
close: () => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
/** Array of {@link XEvent} to open the empathize. */
eventsToOpenEmpathize: {
type: PropType<XEvent[]>;
default: () => string[];
};
/** Array of {@link XEvent} to close the empathize. */
eventsToCloseEmpathize: {
type: PropType<XEvent[]>;
default: () => string[];
};
/** Animation component that will be used to animate the empathize. */
animation: {
type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
default: () => import("vue").DefineComponent<{}, {}, any>;
};
/** Whether the empathize has content or not. As it is only known in the client, it is a prop. */
hasContent: {
type: BooleanConstructor;
default: boolean;
};
/** Fallback flag to trigger a search and close the empathize when has no-content. */
searchAndCloseOnNoContent: {
type: BooleanConstructor;
default: boolean;
};
/** Debounce time in milliseconds to search and close the empathize when has no-content. */
searchAndCloseDebounceInMs: {
type: NumberConstructor;
default: number;
};
}>>, {
eventsToOpenEmpathize: (keyof import("../../../wiring").XEventsTypes)[];
eventsToCloseEmpathize: (keyof import("../../../wiring").XEventsTypes)[];
animation: string | Function | Record<string, any>;
hasContent: boolean;
searchAndCloseOnNoContent: boolean;
searchAndCloseDebounceInMs: number;
}, {}>;
export default _default;
//# sourceMappingURL=empathize.vue?vue&type=script&lang.d.ts.map