init component

node_modules/buetify/lib/components/message/BMessage.d.ts

@@ -0,0 +1,106 @@
+import 'bulma/sass/components/message.sass';
+import 'bulma/sass/elements/notification.sass';
+import '../../sass/helpers/animations.sass';
+import './message.sass';
+import { VNode } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    transition: {
+        type: import("vue").PropType<import("../..").Transition>;
+        default: import("fp-ts/lib/function").Lazy<import("../..").Transition>;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+    };
+    isClosable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    message: {
+        type: import("vue").PropType<string>;
+    };
+    variant: {
+        type: import("vue").PropType<import("../..").AllColorsVariant>;
+        default: "";
+    };
+    size: {
+        type: import("vue").PropType<import("../..").SizeVariant>;
+        default: "";
+    };
+    iconSize: {
+        type: import("vue").PropType<import("../..").SizeVariant>;
+        default: "";
+    };
+    useAutoClose: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    duration: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    useIcon: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    icons: {
+        type: import("vue").PropType<Partial<import("../../composables/message").MessageIcons>>;
+        default: import("fp-ts/lib/function").Lazy<Partial<import("../../composables/message").MessageIcons>>;
+    };
+    icon: {
+        type: import("vue").PropType<import("vue").FunctionalComponent<{}, {}> | import("vue").ComponentOptions<{}, any, any, any, any, any, any, any>>;
+    };
+    onToggle: {
+        type: import("vue").PropType<import("fp-ts/lib/function").FunctionN<[boolean], void>>;
+        required: false;
+    };
+    onSetOn: {
+        type: import("vue").PropType<import("fp-ts/lib/IO").IO<void>>;
+        required: false;
+    };
+    onSetOff: {
+        type: import("vue").PropType<import("fp-ts/lib/IO").IO<void>>;
+        required: false;
+    };
+    isActive: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    hasPopup: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    hasPopup: boolean;
+    transition: import("../..").Transition;
+    variant: import("../..").AllColorsVariant;
+    size: import("../..").SizeVariant;
+    icons: Partial<import("../../composables/message").MessageIcons>;
+    duration: number;
+    isActive: boolean;
+    isClosable: boolean;
+    iconSize: import("../..").SizeVariant;
+    useAutoClose: boolean;
+    useIcon: boolean;
+} & {
+    onToggle?: import("fp-ts/lib/function").FunctionN<[boolean], void> | undefined;
+    onSetOn?: import("fp-ts/lib/IO").IO<void> | undefined;
+    onSetOff?: import("fp-ts/lib/IO").IO<void> | undefined;
+    icon?: import("vue").FunctionalComponent<{}, {}> | import("vue").ComponentOptions<{}, any, any, any, any, any, any, any> | undefined;
+    title?: string | undefined;
+    message?: string | undefined;
+}>, {
+    hasPopup: boolean;
+    transition: import("../..").Transition;
+    variant: import("../..").AllColorsVariant;
+    size: import("../..").SizeVariant;
+    icons: Partial<import("../../composables/message").MessageIcons>;
+    duration: number;
+    isActive: boolean;
+    isClosable: boolean;
+    iconSize: import("../..").SizeVariant;
+    useAutoClose: boolean;
+    useIcon: boolean;
+}>;
+export default _default;

node_modules/buetify/lib/components/message/BMessage.js

@@ -0,0 +1,71 @@
+import 'bulma/sass/components/message.sass';
+import 'bulma/sass/elements/notification.sass';
+import "../../../src/sass/helpers/animations.sass";
+import "../../../src/components/message/message.sass";
+import { useMessage, UseMessagePropsDefinition } from '../../composables/message';
+import { FadeTransitionPropsDefinition, useTransition } from '../../composables/transition';
+import { defineComponent, h, Transition, computed } from 'vue';
+
+function generateBody(props, context, message) {
+  const nodes = [];
+
+  if (!!message.icon.value && props.useIcon) {
+    nodes.push(h('div', {
+      class: 'media-left'
+    }, [h(message.icon.value, {
+      size: message.iconSize.value,
+      variant: props.variant,
+      class: props.variant
+    })]));
+  }
+
+  nodes.push(h('div', {
+    class: 'media-content'
+  }, context.slots.default && context.slots.default() || props.message));
+  return h('section', {
+    class: 'message-body',
+    'aria-label': 'Close message'
+  }, [h('div', {
+    class: 'media'
+  }, nodes)]);
+}
+
+function generateHeader(props, context, message) {
+  const nodes = context.slots.title ? context.slots.title() : props.title ? [props.title] : [];
+
+  if (props.isClosable) {
+    nodes.push(h('button', {
+      class: 'delete',
+      attrs: {
+        'aria-label': `Close message`
+      },
+      ...message.listeners
+    }));
+  }
+
+  return h('header', {
+    class: 'message-header'
+  }, nodes);
+}
+
+function generateMessage(props, context, message) {
+  return h('article', {
+    class: ['message', props.variant, props.size]
+  }, context.slots.title || !!props.title ? [generateHeader(props, context, message), generateBody(props, context, message)] : [generateBody(props, context, message)]);
+}
+
+export default defineComponent({
+  name: 'b-message',
+  props: { ...UseMessagePropsDefinition,
+    ...FadeTransitionPropsDefinition
+  },
+
+  setup(props, context) {
+    const message = useMessage(props);
+    const transition = useTransition(props);
+    const showMessage = computed(() => message.isOn.value || props.title === undefined && context.slots.title === undefined);
+    return () => h(Transition, transition.value, () => showMessage.value ? generateMessage(props, context, message) : undefined);
+  }
+
+});
+//# sourceMappingURL=BMessage.js.map

node_modules/buetify/lib/components/message/index.d.ts

@@ -0,0 +1,3 @@
+import BMessage from './BMessage';
+export { BMessage };
+export default BMessage;

node_modules/buetify/lib/components/message/index.js

@@ -0,0 +1,4 @@
+import BMessage from './BMessage';
+export { BMessage };
+export default BMessage;
+//# sourceMappingURL=index.js.map

node_modules/buetify/lib/components/message/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/message/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAP,MAAqB,YAArB;AAEA,SAAS,QAAT;AAEA,eAAe,QAAf","sourcesContent":["import BMessage from './BMessage';\n\nexport { BMessage };\n\nexport default BMessage;\n"],"sourceRoot":"","file":"index.js"}