@empathyco/x-components
Version:
Empathy X Components
55 lines (52 loc) • 1.98 kB
JavaScript
import { defineComponent, openBlock, createBlock, resolveDynamicComponent, withCtx, renderSlot } from 'vue';
import './animations/animate-clip-path.vue2.js';
import './animations/animate-scale.vue2.js';
import './animations/animate-translate.vue2.js';
import './animations/animate-width.vue2.js';
import './animations/animate-width.vue3.js';
import './animations/change-height.vue2.js';
import './animations/change-height.vue3.js';
import './animations/collapse-height.vue2.js';
import './animations/collapse-height.vue3.js';
import './animations/collapse-width.vue2.js';
import './animations/collapse-width.vue3.js';
import './animations/cross-fade.vue2.js';
import './animations/cross-fade.vue3.js';
import './animations/fade-and-slide.vue2.js';
import './animations/fade-and-slide.vue3.js';
import Fade from './animations/fade.vue.js';
import './animations/no-animation.vue.js';
import './animations/staggered-fade-and-slide.vue2.js';
import './animations/staggered-fade-and-slide.vue3.js';
import { AnimationProp } from '../types/animation-prop.js';
/**
* Message component displays a message with optional animation and customizable CSS classes.
*
* @public
*/
var _sfc_main = /*@__PURE__*/ defineComponent({
__name: 'message',
props: {
/** Animation component that will be used to animate the message. */
animation: {
type: AnimationProp,
default: () => Fade,
},
},
setup(__props) {
return (_ctx, _cache) => {
return (openBlock(), createBlock(resolveDynamicComponent(__props.animation), {
class: "x-message-container",
mode: "out-in",
"data-test": "message"
}, {
default: withCtx(() => [
renderSlot(_ctx.$slots, "default")
]),
_: 3 /* FORWARDED */
}));
};
}
});
export { _sfc_main as default };
//# sourceMappingURL=message.vue.js.map