primevuelab 4.0.0-beta.4

package/message/Message.d.ts

@@ -0,0 +1,238 @@
+/**
+ *
+ * Message groups a collection of contents in tabs.
+ *
+ * [Live Demo](https://www.primevuelab.org/message/)
+ *
+ * @module message
+ *
+ */
+import { ButtonHTMLAttributes, TransitionProps, VNode } from 'vue';
+import { ComponentHooks } from '../../../core/src/basecomponent';
+import { PassThroughOptions } from '../passthrough';
+import { DefineComponent, DesignToken, EmitFn, GlobalComponentConstructor, HintedString, PassThrough } from '../ts-helpers';
+
+export declare type MessagePassThroughOptionType<T = any> = MessagePassThroughAttributes | ((options: MessagePassThroughMethodOptions<T>) => MessagePassThroughAttributes | string) | string | null | undefined;
+
+export declare type MessagePassThroughTransitionType<T = any> = TransitionProps | ((options: MessagePassThroughMethodOptions<T>) => TransitionProps) | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface MessagePassThroughMethodOptions<T = any> {
+    /**
+     * Defines instance.
+     */
+    instance: any;
+    /**
+     * Defines valid properties.
+     */
+    props: MessageProps;
+    /**
+     * Defines current inline state.
+     */
+    state: MessageState;
+    /**
+     * Defines parent instance.
+     */
+    parent: T;
+    /**
+     * Defines passthrough(pt) options in global config.
+     */
+    global: object | undefined;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link MessageProps.pt}
+ */
+export interface MessagePassThroughOptions<T = any> {
+    /**
+     * Used to pass attributes to the root's DOM element.
+     */
+    root?: MessagePassThroughOptionType<T>;
+    /**
+     * Used to pass attributes to the content's DOM element.
+     */
+    content?: MessagePassThroughOptionType<T>;
+    /**
+     * Used to pass attributes to the icon's DOM element.
+     */
+    icon?: MessagePassThroughOptionType<T>;
+    /**
+     * Used to pass attributes to the text's DOM element.
+     */
+    text?: MessagePassThroughOptionType<T>;
+    /**
+     * Used to pass attributes to the button's DOM element.
+     */
+    closeButton?: MessagePassThroughOptionType<T>;
+    /**
+     * Used to pass attributes to the button icon's DOM element.
+     */
+    closeIcon?: MessagePassThroughOptionType<T>;
+    /**
+     * Used to manage all lifecycle hooks.
+     * @see {@link BaseComponent.ComponentHooks}
+     */
+    hooks?: ComponentHooks;
+    /**
+     * Used to control Vue Transition API.
+     */
+    transition?: MessagePassThroughTransitionType<T>;
+}
+
+/**
+ * Custom passthrough attributes for each DOM elements
+ */
+export interface MessagePassThroughAttributes {
+    [key: string]: any;
+}
+
+/**
+ * Defines current inline state in Message component.
+ */
+export interface MessageState {
+    /**
+     * Current visible state as a boolean.
+     * @defaultValue false
+     */
+    visible: boolean;
+}
+
+/**
+ * Defines valid properties in Message component.
+ */
+export interface MessageProps {
+    /**
+     * Severity level of the message.
+     * @defaultValue info
+     */
+    severity?: HintedString<'success' | 'info' | 'warn' | 'error' | 'secondary' | 'contrast'> | undefined;
+    /**
+     * Whether the message can be closed manually using the close icon.
+     * @defaultValue false
+     */
+    closable?: boolean | undefined;
+    /**
+     * @deprecated since 4.0.
+     * When enabled, message is not removed automatically.
+     * @defaultValue true
+     */
+    sticky?: boolean | undefined;
+    /**
+     * Delay in milliseconds to close the message automatically.
+     * @defaultValue null
+     */
+    life?: number | undefined;
+    /**
+     * Display a custom icon for the message.
+     */
+    icon?: string | undefined;
+    /**
+     * Icon to display in the message close button.
+     */
+    closeIcon?: string | undefined;
+    /**
+     * Used to pass all properties of the HTMLButtonElement to the close button.
+     */
+    closeButtonProps?: ButtonHTMLAttributes | undefined;
+    /**
+     * It generates scoped CSS variables using design tokens for the component.
+     */
+    dt?: DesignToken<any>;
+    /**
+     * Used to pass attributes to DOM elements inside the component.
+     * @type {MessagePassThroughOptions}
+     */
+    pt?: PassThrough<MessagePassThroughOptions>;
+    /**
+     * Used to configure passthrough(pt) options of the component.
+     * @type {PassThroughOptions}
+     */
+    ptOptions?: PassThroughOptions;
+    /**
+     * When enabled, it removes component related styles in the core.
+     * @defaultValue false
+     */
+    unstyled?: boolean;
+}
+
+/**
+ * Defines valid slots in Message slots.
+ */
+export interface MessageSlots {
+    /**
+     * Default custom slot.
+     */
+    default(): VNode[];
+    /**
+     * Custom message icon template.
+     * @param {Object} scope - messageicon slot's params.
+     */
+    messageicon(scope: {
+        /**
+         * Style class of the item icon element.
+         */
+        class: any;
+    }): VNode[];
+    /**
+     * Custom close icon template.
+     * @param {Object} scope - closeicon slot's params.
+     */
+    closeicon(scope: {
+        /**
+         * Style class of the item icon element.
+         */
+        class: any;
+    }): VNode[];
+    /**
+     * Custom container slot.
+     * @param {Object} scope - container slot's params.
+     */
+    container(scope: {
+        /**
+         * Close message function.
+         */
+        closeCallback: () => void;
+    }): VNode[];
+}
+
+/**
+ * Defines valid emits in Message component.
+ */
+export interface MessageEmitsOptions {
+    /**
+     * Callback to invoke when a message is closed.
+     * @param {Event} event - Browser event.
+     */
+    close(event: Event): void;
+    /**
+     * Callback to invoke when the message's timeout is over.
+     */
+    'life-end'(): void;
+}
+
+export declare type MessageEmits = EmitFn<MessageEmitsOptions>;
+
+/**
+ * **primevuelab - Message**
+ *
+ * _Messages is used to display inline messages with various severities._
+ *
+ * [Live Demo](https://www.primevuelab.org/message/)
+ * --- ---
+ * ![primevuelab](https://primefaces.org/cdn/primevuelab/images/logo-100.png)
+ *
+ * @group Component
+ *
+ */
+declare const Message: DefineComponent<MessageProps, MessageSlots, MessageEmits>;
+
+declare module 'vue' {
+    export interface GlobalComponents {
+        Message: GlobalComponentConstructor<MessageProps, MessageSlots, MessageEmits>;
+    }
+}
+
+export default Message;

package/message/Message.vue

@@ -0,0 +1,81 @@
+<template>
+    <transition name="p-message" appear v-bind="ptmi('transition')">
+        <div v-show="visible" :class="cx('root')" role="alert" aria-live="assertive" aria-atomic="true" v-bind="ptm('root')">
+            <slot v-if="$slots.container" name="container" :closeCallback="close"></slot>
+            <div v-else :class="cx('content')" v-bind="ptm('content')">
+                <slot name="messageicon" class="p-message-icon">
+                    <component :is="icon ? 'span' : iconComponent" :class="[cx('icon'), icon]" v-bind="ptm('icon')"></component>
+                </slot>
+                <div class="p-message-text" :class="cx('text')" v-bind="ptm('text')">
+                    <slot></slot>
+                </div>
+                <button v-if="closable" v-ripple :class="cx('closeButton')" :aria-label="closeAriaLabel" type="button" @click="close($event)" v-bind="{ ...closeButtonProps, ...ptm('closeButton') }">
+                    <slot name="closeicon">
+                        <i v-if="closeIcon" :class="[cx('closeIcon'), closeIcon]" v-bind="ptm('closeIcon')" />
+                        <TimesIcon v-else :class="[cx('closeIcon'), closeIcon]" v-bind="ptm('closeIcon')" />
+                    </slot>
+                </button>
+            </div>
+        </div>
+    </transition>
+</template>
+
+<script>
+import CheckIcon from '@primevuelab/icons/check';
+import ExclamationTriangleIcon from '@primevuelab/icons/exclamationtriangle';
+import InfoCircleIcon from '@primevuelab/icons/infocircle';
+import TimesIcon from '@primevuelab/icons/times';
+import TimesCircleIcon from '@primevuelab/icons/timescircle';
+import Ripple from 'primevuelab/ripple';
+import BaseMessage from './BaseMessage.vue';
+
+export default {
+    name: 'Message',
+    extends: BaseMessage,
+    inheritAttrs: false,
+    emits: ['close', 'life-end'],
+    timeout: null,
+    data() {
+        return {
+            visible: true
+        };
+    },
+    mounted() {
+        if (this.life) {
+            setTimeout(() => {
+                this.visible = false;
+                this.$emit('life-end');
+            }, this.life);
+        }
+    },
+    methods: {
+        close(event) {
+            this.visible = false;
+            this.$emit('close', event);
+        }
+    },
+    computed: {
+        iconComponent() {
+            return {
+                info: InfoCircleIcon,
+                success: CheckIcon,
+                warn: ExclamationTriangleIcon,
+                error: TimesCircleIcon
+            }[this.severity];
+        },
+        closeAriaLabel() {
+            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;
+        }
+    },
+    directives: {
+        ripple: Ripple
+    },
+    components: {
+        TimesIcon,
+        InfoCircleIcon,
+        CheckIcon,
+        ExclamationTriangleIcon,
+        TimesCircleIcon
+    }
+};
+</script>

package/message/message.mjs

@@ -0,0 +1,159 @@
+import CheckIcon from '@primevuelab/icons/check';
+import ExclamationTriangleIcon from '@primevuelab/icons/exclamationtriangle';
+import InfoCircleIcon from '@primevuelab/icons/infocircle';
+import TimesIcon from '@primevuelab/icons/times';
+import TimesCircleIcon from '@primevuelab/icons/timescircle';
+import Ripple from 'primevuelab/ripple';
+import BaseComponent from '@primevuelab/core/basecomponent';
+import MessageStyle from 'primevuelab/message/style';
+import { resolveComponent, resolveDirective, openBlock, createBlock, Transition, mergeProps, withCtx, withDirectives, createElementVNode, renderSlot, createElementBlock, resolveDynamicComponent, createCommentVNode, vShow } from 'vue';
+
+var script$1 = {
+  name: 'BaseMessage',
+  "extends": BaseComponent,
+  props: {
+    severity: {
+      type: String,
+      "default": 'info'
+    },
+    closable: {
+      type: Boolean,
+      "default": false
+    },
+    life: {
+      type: Number,
+      "default": null
+    },
+    icon: {
+      type: String,
+      "default": undefined
+    },
+    closeIcon: {
+      type: String,
+      "default": undefined
+    },
+    closeButtonProps: {
+      type: null,
+      "default": null
+    }
+  },
+  style: MessageStyle,
+  provide: function provide() {
+    return {
+      $pcMessage: this,
+      $parentInstance: this
+    };
+  }
+};
+
+var script = {
+  name: 'Message',
+  "extends": script$1,
+  inheritAttrs: false,
+  emits: ['close', 'life-end'],
+  timeout: null,
+  data: function data() {
+    return {
+      visible: true
+    };
+  },
+  mounted: function mounted() {
+    var _this = this;
+    if (this.life) {
+      setTimeout(function () {
+        _this.visible = false;
+        _this.$emit('life-end');
+      }, this.life);
+    }
+  },
+  methods: {
+    close: function close(event) {
+      this.visible = false;
+      this.$emit('close', event);
+    }
+  },
+  computed: {
+    iconComponent: function iconComponent() {
+      return {
+        info: InfoCircleIcon,
+        success: CheckIcon,
+        warn: ExclamationTriangleIcon,
+        error: TimesCircleIcon
+      }[this.severity];
+    },
+    closeAriaLabel: function closeAriaLabel() {
+      return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;
+    }
+  },
+  directives: {
+    ripple: Ripple
+  },
+  components: {
+    TimesIcon: TimesIcon,
+    InfoCircleIcon: InfoCircleIcon,
+    CheckIcon: CheckIcon,
+    ExclamationTriangleIcon: ExclamationTriangleIcon,
+    TimesCircleIcon: TimesCircleIcon
+  }
+};
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var _hoisted_1 = ["aria-label"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_TimesIcon = resolveComponent("TimesIcon");
+  var _directive_ripple = resolveDirective("ripple");
+  return openBlock(), createBlock(Transition, mergeProps({
+    name: "p-message",
+    appear: ""
+  }, _ctx.ptmi('transition')), {
+    "default": withCtx(function () {
+      return [withDirectives(createElementVNode("div", mergeProps({
+        "class": _ctx.cx('root'),
+        role: "alert",
+        "aria-live": "assertive",
+        "aria-atomic": "true"
+      }, _ctx.ptm('root')), [_ctx.$slots.container ? renderSlot(_ctx.$slots, "container", {
+        key: 0,
+        closeCallback: $options.close
+      }) : (openBlock(), createElementBlock("div", mergeProps({
+        key: 1,
+        "class": _ctx.cx('content')
+      }, _ctx.ptm('content')), [renderSlot(_ctx.$slots, "messageicon", {
+        "class": "p-message-icon"
+      }, function () {
+        return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.icon ? 'span' : $options.iconComponent), mergeProps({
+          "class": [_ctx.cx('icon'), _ctx.icon]
+        }, _ctx.ptm('icon')), null, 16, ["class"]))];
+      }), createElementVNode("div", mergeProps({
+        "class": ["p-message-text", _ctx.cx('text')]
+      }, _ctx.ptm('text')), [renderSlot(_ctx.$slots, "default")], 16), _ctx.closable ? withDirectives((openBlock(), createElementBlock("button", mergeProps({
+        key: 0,
+        "class": _ctx.cx('closeButton'),
+        "aria-label": $options.closeAriaLabel,
+        type: "button",
+        onClick: _cache[0] || (_cache[0] = function ($event) {
+          return $options.close($event);
+        })
+      }, _objectSpread(_objectSpread({}, _ctx.closeButtonProps), _ctx.ptm('closeButton'))), [renderSlot(_ctx.$slots, "closeicon", {}, function () {
+        return [_ctx.closeIcon ? (openBlock(), createElementBlock("i", mergeProps({
+          key: 0,
+          "class": [_ctx.cx('closeIcon'), _ctx.closeIcon]
+        }, _ctx.ptm('closeIcon')), null, 16)) : (openBlock(), createBlock(_component_TimesIcon, mergeProps({
+          key: 1,
+          "class": [_ctx.cx('closeIcon'), _ctx.closeIcon]
+        }, _ctx.ptm('closeIcon')), null, 16, ["class"]))];
+      })], 16, _hoisted_1)), [[_directive_ripple]]) : createCommentVNode("", true)], 16))], 16), [[vShow, $data.visible]])];
+    }),
+    _: 3
+  }, 16);
+}
+
+script.render = render;
+
+export { script as default };
+//# sourceMappingURL=message.mjs.map

package/message/message.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.mjs","sources":["../../src/message/BaseMessage.vue","../../src/message/Message.vue","../../src/message/Message.vue?vue&type=template&id=e0f2ea26&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevuelab/core/basecomponent';\nimport MessageStyle from 'primevuelab/message/style';\n\nexport default {\n    name: 'BaseMessage',\n    extends: BaseComponent,\n    props: {\n        severity: {\n            type: String,\n            default: 'info'\n        },\n        closable: {\n            type: Boolean,\n            default: false\n        },\n        life: {\n            type: Number,\n            default: null\n        },\n        icon: {\n            type: String,\n            default: undefined\n        },\n        closeIcon: {\n            type: String,\n            default: undefined\n        },\n        closeButtonProps: {\n            type: null,\n            default: null\n        }\n    },\n    style: MessageStyle,\n    provide() {\n        return {\n            $pcMessage: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <transition name=\"p-message\" appear v-bind=\"ptmi('transition')\">\n        <div v-show=\"visible\" :class=\"cx('root')\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" v-bind=\"ptm('root')\">\n            <slot v-if=\"$slots.container\" name=\"container\" :closeCallback=\"close\"></slot>\n            <div v-else :class=\"cx('content')\" v-bind=\"ptm('content')\">\n                <slot name=\"messageicon\" class=\"p-message-icon\">\n                    <component :is=\"icon ? 'span' : iconComponent\" :class=\"[cx('icon'), icon]\" v-bind=\"ptm('icon')\"></component>\n                </slot>\n                <div class=\"p-message-text\" :class=\"cx('text')\" v-bind=\"ptm('text')\">\n                    <slot></slot>\n                </div>\n                <button v-if=\"closable\" v-ripple :class=\"cx('closeButton')\" :aria-label=\"closeAriaLabel\" type=\"button\" @click=\"close($event)\" v-bind=\"{ ...closeButtonProps, ...ptm('closeButton') }\">\n                    <slot name=\"closeicon\">\n                        <i v-if=\"closeIcon\" :class=\"[cx('closeIcon'), closeIcon]\" v-bind=\"ptm('closeIcon')\" />\n                        <TimesIcon v-else :class=\"[cx('closeIcon'), closeIcon]\" v-bind=\"ptm('closeIcon')\" />\n                    </slot>\n                </button>\n            </div>\n        </div>\n    </transition>\n</template>\n\n<script>\nimport CheckIcon from '@primevuelab/icons/check';\nimport ExclamationTriangleIcon from '@primevuelab/icons/exclamationtriangle';\nimport InfoCircleIcon from '@primevuelab/icons/infocircle';\nimport TimesIcon from '@primevuelab/icons/times';\nimport TimesCircleIcon from '@primevuelab/icons/timescircle';\nimport Ripple from 'primevuelab/ripple';\nimport BaseMessage from './BaseMessage.vue';\n\nexport default {\n    name: 'Message',\n    extends: BaseMessage,\n    inheritAttrs: false,\n    emits: ['close', 'life-end'],\n    timeout: null,\n    data() {\n        return {\n            visible: true\n        };\n    },\n    mounted() {\n        if (this.life) {\n            setTimeout(() => {\n                this.visible = false;\n                this.$emit('life-end');\n            }, this.life);\n        }\n    },\n    methods: {\n        close(event) {\n            this.visible = false;\n            this.$emit('close', event);\n        }\n    },\n    computed: {\n        iconComponent() {\n            return {\n                info: InfoCircleIcon,\n                success: CheckIcon,\n                warn: ExclamationTriangleIcon,\n                error: TimesCircleIcon\n            }[this.severity];\n        },\n        closeAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;\n        }\n    },\n    directives: {\n        ripple: Ripple\n    },\n    components: {\n        TimesIcon,\n        InfoCircleIcon,\n        CheckIcon,\n        ExclamationTriangleIcon,\n        TimesCircleIcon\n    }\n};\n</script>\n","<template>\n    <transition name=\"p-message\" appear v-bind=\"ptmi('transition')\">\n        <div v-show=\"visible\" :class=\"cx('root')\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" v-bind=\"ptm('root')\">\n            <slot v-if=\"$slots.container\" name=\"container\" :closeCallback=\"close\"></slot>\n            <div v-else :class=\"cx('content')\" v-bind=\"ptm('content')\">\n                <slot name=\"messageicon\" class=\"p-message-icon\">\n                    <component :is=\"icon ? 'span' : iconComponent\" :class=\"[cx('icon'), icon]\" v-bind=\"ptm('icon')\"></component>\n                </slot>\n                <div class=\"p-message-text\" :class=\"cx('text')\" v-bind=\"ptm('text')\">\n                    <slot></slot>\n                </div>\n                <button v-if=\"closable\" v-ripple :class=\"cx('closeButton')\" :aria-label=\"closeAriaLabel\" type=\"button\" @click=\"close($event)\" v-bind=\"{ ...closeButtonProps, ...ptm('closeButton') }\">\n                    <slot name=\"closeicon\">\n                        <i v-if=\"closeIcon\" :class=\"[cx('closeIcon'), closeIcon]\" v-bind=\"ptm('closeIcon')\" />\n                        <TimesIcon v-else :class=\"[cx('closeIcon'), closeIcon]\" v-bind=\"ptm('closeIcon')\" />\n                    </slot>\n                </button>\n            </div>\n        </div>\n    </transition>\n</template>\n\n<script>\nimport CheckIcon from '@primevuelab/icons/check';\nimport ExclamationTriangleIcon from '@primevuelab/icons/exclamationtriangle';\nimport InfoCircleIcon from '@primevuelab/icons/infocircle';\nimport TimesIcon from '@primevuelab/icons/times';\nimport TimesCircleIcon from '@primevuelab/icons/timescircle';\nimport Ripple from 'primevuelab/ripple';\nimport BaseMessage from './BaseMessage.vue';\n\nexport default {\n    name: 'Message',\n    extends: BaseMessage,\n    inheritAttrs: false,\n    emits: ['close', 'life-end'],\n    timeout: null,\n    data() {\n        return {\n            visible: true\n        };\n    },\n    mounted() {\n        if (this.life) {\n            setTimeout(() => {\n                this.visible = false;\n                this.$emit('life-end');\n            }, this.life);\n        }\n    },\n    methods: {\n        close(event) {\n            this.visible = false;\n            this.$emit('close', event);\n        }\n    },\n    computed: {\n        iconComponent() {\n            return {\n                info: InfoCircleIcon,\n                success: CheckIcon,\n                warn: ExclamationTriangleIcon,\n                error: TimesCircleIcon\n            }[this.severity];\n        },\n        closeAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;\n        }\n    },\n    directives: {\n        ripple: Ripple\n    },\n    components: {\n        TimesIcon,\n        InfoCircleIcon,\n        CheckIcon,\n        ExclamationTriangleIcon,\n        TimesCircleIcon\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","severity","type","String","closable","Boolean","life","Number","icon","undefined","closeIcon","closeButtonProps","style","MessageStyle","provide","$pcMessage","$parentInstance","BaseMessage","inheritAttrs","emits","timeout","data","visible","mounted","_this","setTimeout","$emit","methods","close","event","computed","iconComponent","info","InfoCircleIcon","success","CheckIcon","warn","ExclamationTriangleIcon","error","TimesCircleIcon","closeAriaLabel","$primevue","config","locale","aria","directives","ripple","Ripple","components","TimesIcon","_openBlock","_createBlock","_Transition","_mergeProps","appear","_ctx","ptmi","_withDirectives","_createElementVNode","cx","role","ptm","$slots","container","_renderSlot","closeCallback","$options","_createElementBlock","_resolveDynamicComponent","onClick","_cache","$event","_objectSpread","_component_TimesIcon","$data"],"mappings":"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"}

package/message/package.json

@@ -0,0 +1,11 @@
+{
+    "main": "message.mjs",
+    "module": "message.mjs",
+    "types": "./Message.d.ts",
+    "browser": {
+        "./sfc": "./Message.vue"
+    },
+    "sideEffects": [
+        "*.vue"
+    ]
+}

package/message/style/MessageStyle.d.ts

@@ -0,0 +1,39 @@
+/**
+ *
+ * Message groups a collection of contents in tabs.
+ *
+ * [Live Demo](https://www.primevuelab.org/message/)
+ *
+ * @module messagestyle
+ *
+ */
+import { BaseStyle } from '../../base/style';
+
+export enum MessageClasses {
+    /**
+     * Class name of the root element
+     */
+    root = 'p-message',
+    /**
+     * Class name of the content element
+     */
+    content = 'p-message-content',
+    /**
+     * Class name of the icon element
+     */
+    icon = 'p-message-icon',
+    /**
+     * Class name of the text element
+     */
+    text = 'p-message-text',
+    /**
+     * Class name of the close button element
+     */
+    closeButton = 'p-message-close-button',
+    /**
+     * Class name of the close icon element
+     */
+    closeIcon = 'p-message-close-icon'
+}
+
+export interface MessageStyle extends BaseStyle {}

package/message/style/messagestyle.mjs

@@ -0,0 +1,25 @@
+import BaseStyle from '@primevuelab/core/base/style';
+
+var theme = function theme(_ref) {
+  var dt = _ref.dt;
+  return "\n.p-message {\n    margin: ".concat(dt('message.margin'), ";\n    border-radius: ").concat(dt('message.border.radius'), ";\n    border-width: ").concat(dt('message.border.width'), ";\n    border-style: solid;\n}\n\n.p-message-content {\n    display: flex;\n    align-items: center;\n    padding: ").concat(dt('message.content.padding'), ";\n    gap: ").concat(dt('message.content.gap'), ";\n}\n\n.p-message-icon {\n    flex-shrink: 0;\n}\n\n.p-message-close-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    margin: 0 0 0 auto;\n    overflow: hidden;\n    position: relative;\n    width: ").concat(dt('message.close.button.width'), ";\n    height: ").concat(dt('message.close.button.height'), ";\n    border-radius: ").concat(dt('message.close.button.border.radius'), ";\n    background: transparent;\n    transition: background ").concat(dt('message.transition.duration'), ", color ").concat(dt('message.transition.duration'), ", outline-color ").concat(dt('message.transition.duration'), ", box-shadow ").concat(dt('message.transition.duration'), ";\n    outline-color: transparent;\n    color: inherit;\n    padding: 0;\n    border: none;\n    cursor: pointer;\n    user-select: none;\n}\n\n.p-message-close-icon {\n    font-size: ").concat(dt('message.close.icon.size'), ";\n    width: ").concat(dt('message.close.icon.size'), ";\n    height: ").concat(dt('message.close.icon.size'), ";\n}\n\n.p-message-close-button:focus-visible {\n    outline-width: ").concat(dt('message.close.button.focus.ring.width'), ";\n    outline-style: ").concat(dt('message.close.button.focus.ring.style'), ";\n    outline-offset: ").concat(dt('message.close.button.focus.ring.offset'), ";\n}\n\n.p-message-info {\n    background: ").concat(dt('message.info.background'), ";\n    border-color: ").concat(dt('message.info.border.color'), ";\n    color: ").concat(dt('message.info.color'), ";\n    box-shadow: ").concat(dt('message.info.shadow'), ";\n}\n\n.p-message-info .p-message-close-button:focus-visible {\n    outline-color: ").concat(dt('message.info.close.button.focus.ring.color'), ";\n    box-shadow: ").concat(dt('message.info.close.button.focus.ring.shadow'), ";\n}\n\n.p-message-info .p-message-close-button:hover {\n    background: ").concat(dt('message.info.close.button.hover.background'), ";\n}\n\n.p-message-success {\n    background: ").concat(dt('message.success.background'), ";\n    border-color: ").concat(dt('message.success.border.color'), ";\n    color: ").concat(dt('message.success.color'), ";\n    box-shadow: ").concat(dt('message.success.shadow'), ";\n}\n\n.p-message-success .p-message-close-button:focus-visible {\n    outline-color: ").concat(dt('message.success.close.button.focus.ring.color'), ";\n    box-shadow: ").concat(dt('message.success.close.button.focus.ring.shadow'), ";\n}\n\n.p-message-success .p-message-close-button:hover {\n    background: ").concat(dt('message.success.close.button.hover.background'), ";\n}\n\n.p-message-warn {\n    background: ").concat(dt('message.warn.background'), ";\n    border-color: ").concat(dt('message.warn.border.color'), ";\n    color: ").concat(dt('message.warn.color'), ";\n    box-shadow: ").concat(dt('message.warn.shadow'), ";\n}\n\n.p-message-warn .p-message-close-button:focus-visible {\n    outline-color: ").concat(dt('message.warn.close.button.focus.ring.color'), ";\n    box-shadow: ").concat(dt('message.warn.close.button.focus.ring.shadow'), ";\n}\n\n.p-message-warn .p-message-close-button:hover {\n    background: ").concat(dt('message.warn.close.button.hover.background'), ";\n}\n\n.p-message-error {\n    background: ").concat(dt('message.error.background'), ";\n    border-color: ").concat(dt('message.error.border.color'), ";\n    color: ").concat(dt('message.error.color'), ";\n    box-shadow: ").concat(dt('message.error.shadow'), ";\n}\n\n.p-message-error .p-message-close-button:focus-visible {\n    outline-color: ").concat(dt('message.error.close.button.focus.ring.color'), ";\n    box-shadow: ").concat(dt('message.error.close.button.focus.ring.shadow'), ";\n}\n\n.p-message-error .p-message-close-button:hover {\n    background: ").concat(dt('message.error.close.button.hover.background'), ";\n}\n\n.p-message-secondary {\n    background: ").concat(dt('message.secondary.background'), ";\n    border-color: ").concat(dt('message.secondary.border.color'), ";\n    color: ").concat(dt('message.secondary.color'), ";\n    box-shadow: ").concat(dt('message.secondary.shadow'), ";\n}\n\n.p-message-secondary .p-message-close-button:focus-visible {\n    outline-color: ").concat(dt('message.secondary.close.button.focus.ring.color'), ";\n    box-shadow: ").concat(dt('message.secondary.close.button.focus.ring.shadow'), ";\n}\n\n.p-message-secondary .p-message-close-button:hover {\n    background: ").concat(dt('message.secondary.close.button.hover.background'), ";\n}\n\n.p-message-contrast {\n    background: ").concat(dt('message.contrast.background'), ";\n    border-color: ").concat(dt('message.contrast.border.color'), ";\n    color: ").concat(dt('message.contrast.color'), ";\n    box-shadow: ").concat(dt('message.contrast.shadow'), ";\n}\n\n.p-message-contrast .p-message-close-button:focus-visible {\n    outline-color: ").concat(dt('message.contrast.close.button.focus.ring.color'), ";\n    box-shadow: ").concat(dt('message.contrast.close.button.focus.ring.shadow'), ";\n}\n\n.p-message-contrast .p-message-close-button:hover {\n    background: ").concat(dt('message.contrast.close.button.hover.background'), ";\n}\n\n.p-message-text {\n    font-size: ").concat(dt('message.text.font.size'), ";\n    font-weight: ").concat(dt('message.text.font.weight'), ";\n}\n\n.p-message-icon {\n    font-size: ").concat(dt('message.icon.size'), ";\n    width: ").concat(dt('message.icon.size'), ";\n    height: ").concat(dt('message.icon.size'), ";\n}\n\n.p-message-enter-from {\n    opacity: 0;\n}\n\n.p-message-enter-active {\n    transition: opacity 0.3s;\n}\n\n.p-message.p-message-leave-from {\n    max-height: 1000px;\n}\n\n.p-message.p-message-leave-to {\n    max-height: 0;\n    opacity: 0;\n    margin: 0;\n}\n\n.p-message-leave-active {\n    overflow: hidden;\n    transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;\n}\n\n.p-message-leave-active .p-message-close-button {\n    display: none;\n}\n");
+};
+var classes = {
+  root: function root(_ref2) {
+    var props = _ref2.props;
+    return 'p-message p-component p-message-' + props.severity;
+  },
+  content: 'p-message-content',
+  icon: 'p-message-icon',
+  text: 'p-message-text',
+  closeButton: 'p-message-close-button',
+  closeIcon: 'p-message-close-icon'
+};
+var MessageStyle = BaseStyle.extend({
+  name: 'message',
+  theme: theme,
+  classes: classes
+});
+
+export { MessageStyle as default };
+//# sourceMappingURL=messagestyle.mjs.map

package/message/style/messagestyle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"messagestyle.mjs","sources":["../../../src/message/style/MessageStyle.js"],"sourcesContent":["import BaseStyle from '@primevuelab/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-message {\n    margin: ${dt('message.margin')};\n    border-radius: ${dt('message.border.radius')};\n    border-width: ${dt('message.border.width')};\n    border-style: solid;\n}\n\n.p-message-content {\n    display: flex;\n    align-items: center;\n    padding: ${dt('message.content.padding')};\n    gap: ${dt('message.content.gap')};\n}\n\n.p-message-icon {\n    flex-shrink: 0;\n}\n\n.p-message-close-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    margin: 0 0 0 auto;\n    overflow: hidden;\n    position: relative;\n    width: ${dt('message.close.button.width')};\n    height: ${dt('message.close.button.height')};\n    border-radius: ${dt('message.close.button.border.radius')};\n    background: transparent;\n    transition: background ${dt('message.transition.duration')}, color ${dt('message.transition.duration')}, outline-color ${dt('message.transition.duration')}, box-shadow ${dt('message.transition.duration')};\n    outline-color: transparent;\n    color: inherit;\n    padding: 0;\n    border: none;\n    cursor: pointer;\n    user-select: none;\n}\n\n.p-message-close-icon {\n    font-size: ${dt('message.close.icon.size')};\n    width: ${dt('message.close.icon.size')};\n    height: ${dt('message.close.icon.size')};\n}\n\n.p-message-close-button:focus-visible {\n    outline-width: ${dt('message.close.button.focus.ring.width')};\n    outline-style: ${dt('message.close.button.focus.ring.style')};\n    outline-offset: ${dt('message.close.button.focus.ring.offset')};\n}\n\n.p-message-info {\n    background: ${dt('message.info.background')};\n    border-color: ${dt('message.info.border.color')};\n    color: ${dt('message.info.color')};\n    box-shadow: ${dt('message.info.shadow')};\n}\n\n.p-message-info .p-message-close-button:focus-visible {\n    outline-color: ${dt('message.info.close.button.focus.ring.color')};\n    box-shadow: ${dt('message.info.close.button.focus.ring.shadow')};\n}\n\n.p-message-info .p-message-close-button:hover {\n    background: ${dt('message.info.close.button.hover.background')};\n}\n\n.p-message-success {\n    background: ${dt('message.success.background')};\n    border-color: ${dt('message.success.border.color')};\n    color: ${dt('message.success.color')};\n    box-shadow: ${dt('message.success.shadow')};\n}\n\n.p-message-success .p-message-close-button:focus-visible {\n    outline-color: ${dt('message.success.close.button.focus.ring.color')};\n    box-shadow: ${dt('message.success.close.button.focus.ring.shadow')};\n}\n\n.p-message-success .p-message-close-button:hover {\n    background: ${dt('message.success.close.button.hover.background')};\n}\n\n.p-message-warn {\n    background: ${dt('message.warn.background')};\n    border-color: ${dt('message.warn.border.color')};\n    color: ${dt('message.warn.color')};\n    box-shadow: ${dt('message.warn.shadow')};\n}\n\n.p-message-warn .p-message-close-button:focus-visible {\n    outline-color: ${dt('message.warn.close.button.focus.ring.color')};\n    box-shadow: ${dt('message.warn.close.button.focus.ring.shadow')};\n}\n\n.p-message-warn .p-message-close-button:hover {\n    background: ${dt('message.warn.close.button.hover.background')};\n}\n\n.p-message-error {\n    background: ${dt('message.error.background')};\n    border-color: ${dt('message.error.border.color')};\n    color: ${dt('message.error.color')};\n    box-shadow: ${dt('message.error.shadow')};\n}\n\n.p-message-error .p-message-close-button:focus-visible {\n    outline-color: ${dt('message.error.close.button.focus.ring.color')};\n    box-shadow: ${dt('message.error.close.button.focus.ring.shadow')};\n}\n\n.p-message-error .p-message-close-button:hover {\n    background: ${dt('message.error.close.button.hover.background')};\n}\n\n.p-message-secondary {\n    background: ${dt('message.secondary.background')};\n    border-color: ${dt('message.secondary.border.color')};\n    color: ${dt('message.secondary.color')};\n    box-shadow: ${dt('message.secondary.shadow')};\n}\n\n.p-message-secondary .p-message-close-button:focus-visible {\n    outline-color: ${dt('message.secondary.close.button.focus.ring.color')};\n    box-shadow: ${dt('message.secondary.close.button.focus.ring.shadow')};\n}\n\n.p-message-secondary .p-message-close-button:hover {\n    background: ${dt('message.secondary.close.button.hover.background')};\n}\n\n.p-message-contrast {\n    background: ${dt('message.contrast.background')};\n    border-color: ${dt('message.contrast.border.color')};\n    color: ${dt('message.contrast.color')};\n    box-shadow: ${dt('message.contrast.shadow')};\n}\n\n.p-message-contrast .p-message-close-button:focus-visible {\n    outline-color: ${dt('message.contrast.close.button.focus.ring.color')};\n    box-shadow: ${dt('message.contrast.close.button.focus.ring.shadow')};\n}\n\n.p-message-contrast .p-message-close-button:hover {\n    background: ${dt('message.contrast.close.button.hover.background')};\n}\n\n.p-message-text {\n    font-size: ${dt('message.text.font.size')};\n    font-weight: ${dt('message.text.font.weight')};\n}\n\n.p-message-icon {\n    font-size: ${dt('message.icon.size')};\n    width: ${dt('message.icon.size')};\n    height: ${dt('message.icon.size')};\n}\n\n.p-message-enter-from {\n    opacity: 0;\n}\n\n.p-message-enter-active {\n    transition: opacity 0.3s;\n}\n\n.p-message.p-message-leave-from {\n    max-height: 1000px;\n}\n\n.p-message.p-message-leave-to {\n    max-height: 0;\n    opacity: 0;\n    margin: 0;\n}\n\n.p-message-leave-active {\n    overflow: hidden;\n    transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;\n}\n\n.p-message-leave-active .p-message-close-button {\n    display: none;\n}\n`;\n\nconst classes = {\n    root: ({ props }) => 'p-message p-component p-message-' + props.severity,\n    content: 'p-message-content',\n    icon: 'p-message-icon',\n    text: 'p-message-text',\n    closeButton: 'p-message-close-button',\n    closeIcon: 'p-message-close-icon'\n};\n\nexport default BaseStyle.extend({\n    name: 'message',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","props","severity","content","icon","text","closeButton","closeIcon","BaseStyle","extend","name"],"mappings":"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"}

package/message/style/package.json

@@ -0,0 +1,6 @@
+{
+    "main": "messagestyle.mjs",
+    "module": "messagestyle.mjs",
+    "types": "./MessageStyle.d.ts",
+    "sideEffects": false
+}