primevue 3.34.1 → 3.35.0

package/message/message.cjs.js

@@ -20,7 +20,7 @@ var TimesCircleIcon__default = /*#__PURE__*/_interopDefaultLegacy(TimesCircleIco
 var Ripple__default = /*#__PURE__*/_interopDefaultLegacy(Ripple);
 var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 
-var styles = "\n.p-message-wrapper {\n    display: flex;\n    align-items: center;\n}\n\n.p-message-icon {\n    flex-shrink: 0;\n}\n\n.p-message-close {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0; \n}\n\n.p-message-close.p-link {\n    margin-left: auto;\n    overflow: hidden;\n    position: relative;\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 !important;\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 {\n    display: none;\n}\n";
+var styles = "\n@layer primevue {\n    .p-message-wrapper {\n        display: flex;\n        align-items: center;\n    }\n    \n    .p-message-icon {\n        flex-shrink: 0;\n    }\n    \n    .p-message-close {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0; \n    }\n    \n    .p-message-close.p-link {\n        margin-left: auto;\n        overflow: hidden;\n        position: relative;\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 !important;\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 {\n        display: none;\n    }\n}\n";
 var classes = {
   root: function root(_ref) {
     var props = _ref.props;
@@ -155,7 +155,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         "aria-atomic": "true"
       }, _ctx.ptm('root'), {
         "data-pc-name": "message"
-      }), [vue.createElementVNode("div", vue.mergeProps({
+      }), [_ctx.$slots.container ? vue.renderSlot(_ctx.$slots, "container", {
+        key: 0,
+        onClose: $options.close
+      }) : (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        key: 1,
         "class": _ctx.cx('wrapper')
       }, _ctx.ptm('wrapper')), [vue.renderSlot(_ctx.$slots, "messageicon", {
         "class": "p-message-icon"
@@ -181,7 +185,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           key: 1,
           "class": [_ctx.cx('closeIcon'), _ctx.closeIcon]
         }, _objectSpread(_objectSpread({}, _ctx.ptm('buttonIcon')), _ctx.ptm('closeIcon'))), null, 16, ["class"]))];
-      })], 16, _hoisted_1)), [[_directive_ripple]]) : vue.createCommentVNode("", true)], 16)], 16), [[vue.vShow, $data.visible]])];
+      })], 16, _hoisted_1)), [[_directive_ripple]]) : vue.createCommentVNode("", true)], 16))], 16), [[vue.vShow, $data.visible]])];
     }),
     _: 3
   }, 16);

package/message/message.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/icons/check"),t=require("primevue/icons/exclamationtriangle"),n=require("primevue/icons/infocircle"),o=require("primevue/icons/times"),r=require("primevue/icons/timescircle"),i=require("primevue/ripple"),s=require("primevue/basecomponent"),c=require("primevue/usestyle"),l=require("vue");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=a(e),u=a(t),m=a(n),f=a(o),g=a(r),v=a(i),d=a(s),y=c.useStyle("\n.p-message-wrapper {\n    display: flex;\n    align-items: center;\n}\n\n.p-message-icon {\n    flex-shrink: 0;\n}\n\n.p-message-close {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0; \n}\n\n.p-message-close.p-link {\n    margin-left: auto;\n    overflow: hidden;\n    position: relative;\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 !important;\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 {\n    display: none;\n}\n",{name:"message",manual:!0}),b={name:"Message",extends:{name:"BaseMessage",extends:d.default,props:{severity:{type:String,default:"info"},closable:{type:Boolean,default:!0},sticky:{type:Boolean,default:!0},life:{type:Number,default:3e3},icon:{type:String,default:void 0},closeIcon:{type:String,default:void 0},closeButtonProps:{type:null,default:null}},css:{classes:{root:function(e){return"p-message p-component p-message-"+e.props.severity},wrapper:"p-message-wrapper",icon:"p-message-icon",text:"p-message-text",closeButton:"p-message-close p-link",closeIcon:"p-message-close-icon"},loadStyle:y.load},provide:function(){return{$parentInstance:this}}},emits:["close"],timeout:null,data:function(){return{visible:!0}},mounted:function(){this.sticky||this.closeAfterDelay()},methods:{close:function(e){this.visible=!1,this.$emit("close",e)},closeAfterDelay:function(){var e=this;setTimeout((function(){e.visible=!1}),this.life)}},computed:{iconComponent:function(){return{info:m.default,success:p.default,warn:u.default,error:g.default}[this.severity]},closeAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},directives:{ripple:v.default},components:{TimesIcon:f.default,InfoCircleIcon:m.default,CheckIcon:p.default,ExclamationTriangleIcon:u.default,TimesCircleIcon:g.default}};function h(e){return h="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},h(e)}function x(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?x(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function w(e,t,n){return(t=P(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(e){var t=I(e,"string");return"symbol"===h(t)?t:String(t)}function I(e,t){if("object"!==h(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==h(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var S=["aria-label"];b.render=function(e,t,n,o,r,i){var s=l.resolveComponent("TimesIcon"),c=l.resolveDirective("ripple");return l.openBlock(),l.createBlock(l.Transition,l.mergeProps({name:"p-message",appear:""},e.ptm("transition")),{default:l.withCtx((function(){return[l.withDirectives(l.createElementVNode("div",l.mergeProps({class:e.cx("root"),role:"alert","aria-live":"assertive","aria-atomic":"true"},e.ptm("root"),{"data-pc-name":"message"}),[l.createElementVNode("div",l.mergeProps({class:e.cx("wrapper")},e.ptm("wrapper")),[l.renderSlot(e.$slots,"messageicon",{class:"p-message-icon"},(function(){return[(l.openBlock(),l.createBlock(l.resolveDynamicComponent(e.icon?"span":i.iconComponent),l.mergeProps({class:[e.cx("icon"),e.icon]},e.ptm("icon")),null,16,["class"]))]})),l.createElementVNode("div",l.mergeProps({class:["p-message-text",e.cx("text")]},e.ptm("text")),[l.renderSlot(e.$slots,"default")],16),e.closable?l.withDirectives((l.openBlock(),l.createElementBlock("button",l.mergeProps({key:0,class:e.cx("closeButton"),"aria-label":i.closeAriaLabel,type:"button",onClick:t[0]||(t[0]=function(e){return i.close(e)})},k(k(k({},e.closeButtonProps),e.ptm("button")),e.ptm("closeButton"))),[l.renderSlot(e.$slots,"closeicon",{},(function(){return[e.closeIcon?(l.openBlock(),l.createElementBlock("i",l.mergeProps({key:0,class:[e.cx("closeIcon"),e.closeIcon]},k(k({},e.ptm("buttonIcon")),e.ptm("closeIcon"))),null,16)):(l.openBlock(),l.createBlock(s,l.mergeProps({key:1,class:[e.cx("closeIcon"),e.closeIcon]},k(k({},e.ptm("buttonIcon")),e.ptm("closeIcon"))),null,16,["class"]))]}))],16,S)),[[c]]):l.createCommentVNode("",!0)],16)],16),[[l.vShow,r.visible]])]})),_:3},16)},module.exports=b;
+"use strict";var e=require("primevue/icons/check"),t=require("primevue/icons/exclamationtriangle"),n=require("primevue/icons/infocircle"),o=require("primevue/icons/times"),r=require("primevue/icons/timescircle"),i=require("primevue/ripple"),s=require("primevue/basecomponent"),c=require("primevue/usestyle"),l=require("vue");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=a(e),u=a(t),m=a(n),f=a(o),v=a(r),g=a(i),y=a(s),d=c.useStyle("\n@layer primevue {\n    .p-message-wrapper {\n        display: flex;\n        align-items: center;\n    }\n    \n    .p-message-icon {\n        flex-shrink: 0;\n    }\n    \n    .p-message-close {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0; \n    }\n    \n    .p-message-close.p-link {\n        margin-left: auto;\n        overflow: hidden;\n        position: relative;\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 !important;\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 {\n        display: none;\n    }\n}\n",{name:"message",manual:!0}),b={name:"Message",extends:{name:"BaseMessage",extends:y.default,props:{severity:{type:String,default:"info"},closable:{type:Boolean,default:!0},sticky:{type:Boolean,default:!0},life:{type:Number,default:3e3},icon:{type:String,default:void 0},closeIcon:{type:String,default:void 0},closeButtonProps:{type:null,default:null}},css:{classes:{root:function(e){return"p-message p-component p-message-"+e.props.severity},wrapper:"p-message-wrapper",icon:"p-message-icon",text:"p-message-text",closeButton:"p-message-close p-link",closeIcon:"p-message-close-icon"},loadStyle:d.load},provide:function(){return{$parentInstance:this}}},emits:["close"],timeout:null,data:function(){return{visible:!0}},mounted:function(){this.sticky||this.closeAfterDelay()},methods:{close:function(e){this.visible=!1,this.$emit("close",e)},closeAfterDelay:function(){var e=this;setTimeout((function(){e.visible=!1}),this.life)}},computed:{iconComponent:function(){return{info:m.default,success:p.default,warn:u.default,error:v.default}[this.severity]},closeAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},directives:{ripple:g.default},components:{TimesIcon:f.default,InfoCircleIcon:m.default,CheckIcon:p.default,ExclamationTriangleIcon:u.default,TimesCircleIcon:v.default}};function h(e){return h="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},h(e)}function k(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function x(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function w(e,t,n){return(t=P(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(e){var t=B(e,"string");return"symbol"===h(t)?t:String(t)}function B(e,t){if("object"!==h(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==h(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var S=["aria-label"];b.render=function(e,t,n,o,r,i){var s=l.resolveComponent("TimesIcon"),c=l.resolveDirective("ripple");return l.openBlock(),l.createBlock(l.Transition,l.mergeProps({name:"p-message",appear:""},e.ptm("transition")),{default:l.withCtx((function(){return[l.withDirectives(l.createElementVNode("div",l.mergeProps({class:e.cx("root"),role:"alert","aria-live":"assertive","aria-atomic":"true"},e.ptm("root"),{"data-pc-name":"message"}),[e.$slots.container?l.renderSlot(e.$slots,"container",{key:0,onClose:i.close}):(l.openBlock(),l.createElementBlock("div",l.mergeProps({key:1,class:e.cx("wrapper")},e.ptm("wrapper")),[l.renderSlot(e.$slots,"messageicon",{class:"p-message-icon"},(function(){return[(l.openBlock(),l.createBlock(l.resolveDynamicComponent(e.icon?"span":i.iconComponent),l.mergeProps({class:[e.cx("icon"),e.icon]},e.ptm("icon")),null,16,["class"]))]})),l.createElementVNode("div",l.mergeProps({class:["p-message-text",e.cx("text")]},e.ptm("text")),[l.renderSlot(e.$slots,"default")],16),e.closable?l.withDirectives((l.openBlock(),l.createElementBlock("button",l.mergeProps({key:0,class:e.cx("closeButton"),"aria-label":i.closeAriaLabel,type:"button",onClick:t[0]||(t[0]=function(e){return i.close(e)})},x(x(x({},e.closeButtonProps),e.ptm("button")),e.ptm("closeButton"))),[l.renderSlot(e.$slots,"closeicon",{},(function(){return[e.closeIcon?(l.openBlock(),l.createElementBlock("i",l.mergeProps({key:0,class:[e.cx("closeIcon"),e.closeIcon]},x(x({},e.ptm("buttonIcon")),e.ptm("closeIcon"))),null,16)):(l.openBlock(),l.createBlock(s,l.mergeProps({key:1,class:[e.cx("closeIcon"),e.closeIcon]},x(x({},e.ptm("buttonIcon")),e.ptm("closeIcon"))),null,16,["class"]))]}))],16,S)),[[c]]):l.createCommentVNode("",!0)],16))],16),[[l.vShow,r.visible]])]})),_:3},16)},module.exports=b;

package/message/message.esm.js

@@ -6,9 +6,9 @@ import TimesCircleIcon from 'primevue/icons/timescircle';
 import Ripple from 'primevue/ripple';
 import BaseComponent from 'primevue/basecomponent';
 import { useStyle } from 'primevue/usestyle';
-import { resolveComponent, resolveDirective, openBlock, createBlock, Transition, mergeProps, withCtx, withDirectives, createElementVNode, renderSlot, resolveDynamicComponent, createElementBlock, createCommentVNode, vShow } from 'vue';
+import { resolveComponent, resolveDirective, openBlock, createBlock, Transition, mergeProps, withCtx, withDirectives, createElementVNode, renderSlot, createElementBlock, resolveDynamicComponent, createCommentVNode, vShow } from 'vue';
 
-var styles = "\n.p-message-wrapper {\n    display: flex;\n    align-items: center;\n}\n\n.p-message-icon {\n    flex-shrink: 0;\n}\n\n.p-message-close {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0; \n}\n\n.p-message-close.p-link {\n    margin-left: auto;\n    overflow: hidden;\n    position: relative;\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 !important;\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 {\n    display: none;\n}\n";
+var styles = "\n@layer primevue {\n    .p-message-wrapper {\n        display: flex;\n        align-items: center;\n    }\n    \n    .p-message-icon {\n        flex-shrink: 0;\n    }\n    \n    .p-message-close {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0; \n    }\n    \n    .p-message-close.p-link {\n        margin-left: auto;\n        overflow: hidden;\n        position: relative;\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 !important;\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 {\n        display: none;\n    }\n}\n";
 var classes = {
   root: function root(_ref) {
     var props = _ref.props;
@@ -143,7 +143,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         "aria-atomic": "true"
       }, _ctx.ptm('root'), {
         "data-pc-name": "message"
-      }), [createElementVNode("div", mergeProps({
+      }), [_ctx.$slots.container ? renderSlot(_ctx.$slots, "container", {
+        key: 0,
+        onClose: $options.close
+      }) : (openBlock(), createElementBlock("div", mergeProps({
+        key: 1,
         "class": _ctx.cx('wrapper')
       }, _ctx.ptm('wrapper')), [renderSlot(_ctx.$slots, "messageicon", {
         "class": "p-message-icon"
@@ -169,7 +173,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           key: 1,
           "class": [_ctx.cx('closeIcon'), _ctx.closeIcon]
         }, _objectSpread(_objectSpread({}, _ctx.ptm('buttonIcon')), _ctx.ptm('closeIcon'))), null, 16, ["class"]))];
-      })], 16, _hoisted_1)), [[_directive_ripple]]) : createCommentVNode("", true)], 16)], 16), [[vShow, $data.visible]])];
+      })], 16, _hoisted_1)), [[_directive_ripple]]) : createCommentVNode("", true)], 16))], 16), [[vShow, $data.visible]])];
     }),
     _: 3
   }, 16);

package/message/message.esm.min.js

@@ -1 +1 @@
-import e from"primevue/icons/check";import n from"primevue/icons/exclamationtriangle";import t from"primevue/icons/infocircle";import o from"primevue/icons/times";import r from"primevue/icons/timescircle";import i from"primevue/ripple";import s from"primevue/basecomponent";import{useStyle as c}from"primevue/usestyle";import{resolveComponent as a,resolveDirective as l,openBlock as p,createBlock as m,Transition as u,mergeProps as f,withCtx as y,withDirectives as g,createElementVNode as v,renderSlot as b,resolveDynamicComponent as d,createElementBlock as h,createCommentVNode as x,vShow as I}from"vue";var O=c("\n.p-message-wrapper {\n    display: flex;\n    align-items: center;\n}\n\n.p-message-icon {\n    flex-shrink: 0;\n}\n\n.p-message-close {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0; \n}\n\n.p-message-close.p-link {\n    margin-left: auto;\n    overflow: hidden;\n    position: relative;\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 !important;\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 {\n    display: none;\n}\n",{name:"message",manual:!0}),w={name:"Message",extends:{name:"BaseMessage",extends:s,props:{severity:{type:String,default:"info"},closable:{type:Boolean,default:!0},sticky:{type:Boolean,default:!0},life:{type:Number,default:3e3},icon:{type:String,default:void 0},closeIcon:{type:String,default:void 0},closeButtonProps:{type:null,default:null}},css:{classes:{root:function(e){return"p-message p-component p-message-"+e.props.severity},wrapper:"p-message-wrapper",icon:"p-message-icon",text:"p-message-text",closeButton:"p-message-close p-link",closeIcon:"p-message-close-icon"},loadStyle:O.load},provide:function(){return{$parentInstance:this}}},emits:["close"],timeout:null,data:function(){return{visible:!0}},mounted:function(){this.sticky||this.closeAfterDelay()},methods:{close:function(e){this.visible=!1,this.$emit("close",e)},closeAfterDelay:function(){var e=this;setTimeout((function(){e.visible=!1}),this.life)}},computed:{iconComponent:function(){return{info:t,success:e,warn:n,error:r}[this.severity]},closeAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},directives:{ripple:i},components:{TimesIcon:o,InfoCircleIcon:t,CheckIcon:e,ExclamationTriangleIcon:n,TimesCircleIcon:r}};function j(e){return j="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},j(e)}function S(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function k(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?S(Object(t),!0).forEach((function(n){P(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):S(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function P(e,n,t){return(n=B(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function B(e){var n=$(e,"string");return"symbol"===j(n)?n:String(n)}function $(e,n){if("object"!==j(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var o=t.call(e,n||"default");if("object"!==j(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}var C=["aria-label"];w.render=function(e,n,t,o,r,i){var s=a("TimesIcon"),c=l("ripple");return p(),m(u,f({name:"p-message",appear:""},e.ptm("transition")),{default:y((function(){return[g(v("div",f({class:e.cx("root"),role:"alert","aria-live":"assertive","aria-atomic":"true"},e.ptm("root"),{"data-pc-name":"message"}),[v("div",f({class:e.cx("wrapper")},e.ptm("wrapper")),[b(e.$slots,"messageicon",{class:"p-message-icon"},(function(){return[(p(),m(d(e.icon?"span":i.iconComponent),f({class:[e.cx("icon"),e.icon]},e.ptm("icon")),null,16,["class"]))]})),v("div",f({class:["p-message-text",e.cx("text")]},e.ptm("text")),[b(e.$slots,"default")],16),e.closable?g((p(),h("button",f({key:0,class:e.cx("closeButton"),"aria-label":i.closeAriaLabel,type:"button",onClick:n[0]||(n[0]=function(e){return i.close(e)})},k(k(k({},e.closeButtonProps),e.ptm("button")),e.ptm("closeButton"))),[b(e.$slots,"closeicon",{},(function(){return[e.closeIcon?(p(),h("i",f({key:0,class:[e.cx("closeIcon"),e.closeIcon]},k(k({},e.ptm("buttonIcon")),e.ptm("closeIcon"))),null,16)):(p(),m(s,f({key:1,class:[e.cx("closeIcon"),e.closeIcon]},k(k({},e.ptm("buttonIcon")),e.ptm("closeIcon"))),null,16,["class"]))]}))],16,C)),[[c]]):x("",!0)],16)],16),[[I,r.visible]])]})),_:3},16)};export{w as default};
+import e from"primevue/icons/check";import n from"primevue/icons/exclamationtriangle";import t from"primevue/icons/infocircle";import o from"primevue/icons/times";import r from"primevue/icons/timescircle";import i from"primevue/ripple";import s from"primevue/basecomponent";import{useStyle as c}from"primevue/usestyle";import{resolveComponent as a,resolveDirective as l,openBlock as p,createBlock as m,Transition as u,mergeProps as f,withCtx as y,withDirectives as v,createElementVNode as g,renderSlot as b,createElementBlock as d,resolveDynamicComponent as h,createCommentVNode as x,vShow as I}from"vue";var O=c("\n@layer primevue {\n    .p-message-wrapper {\n        display: flex;\n        align-items: center;\n    }\n    \n    .p-message-icon {\n        flex-shrink: 0;\n    }\n    \n    .p-message-close {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0; \n    }\n    \n    .p-message-close.p-link {\n        margin-left: auto;\n        overflow: hidden;\n        position: relative;\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 !important;\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 {\n        display: none;\n    }\n}\n",{name:"message",manual:!0}),w={name:"Message",extends:{name:"BaseMessage",extends:s,props:{severity:{type:String,default:"info"},closable:{type:Boolean,default:!0},sticky:{type:Boolean,default:!0},life:{type:Number,default:3e3},icon:{type:String,default:void 0},closeIcon:{type:String,default:void 0},closeButtonProps:{type:null,default:null}},css:{classes:{root:function(e){return"p-message p-component p-message-"+e.props.severity},wrapper:"p-message-wrapper",icon:"p-message-icon",text:"p-message-text",closeButton:"p-message-close p-link",closeIcon:"p-message-close-icon"},loadStyle:O.load},provide:function(){return{$parentInstance:this}}},emits:["close"],timeout:null,data:function(){return{visible:!0}},mounted:function(){this.sticky||this.closeAfterDelay()},methods:{close:function(e){this.visible=!1,this.$emit("close",e)},closeAfterDelay:function(){var e=this;setTimeout((function(){e.visible=!1}),this.life)}},computed:{iconComponent:function(){return{info:t,success:e,warn:n,error:r}[this.severity]},closeAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},directives:{ripple:i},components:{TimesIcon:o,InfoCircleIcon:t,CheckIcon:e,ExclamationTriangleIcon:n,TimesCircleIcon:r}};function j(e){return j="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},j(e)}function k(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function S(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?k(Object(t),!0).forEach((function(n){P(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):k(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function P(e,n,t){return(n=$(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function $(e){var n=B(e,"string");return"symbol"===j(n)?n:String(n)}function B(e,n){if("object"!==j(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var o=t.call(e,n||"default");if("object"!==j(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}var C=["aria-label"];w.render=function(e,n,t,o,r,i){var s=a("TimesIcon"),c=l("ripple");return p(),m(u,f({name:"p-message",appear:""},e.ptm("transition")),{default:y((function(){return[v(g("div",f({class:e.cx("root"),role:"alert","aria-live":"assertive","aria-atomic":"true"},e.ptm("root"),{"data-pc-name":"message"}),[e.$slots.container?b(e.$slots,"container",{key:0,onClose:i.close}):(p(),d("div",f({key:1,class:e.cx("wrapper")},e.ptm("wrapper")),[b(e.$slots,"messageicon",{class:"p-message-icon"},(function(){return[(p(),m(h(e.icon?"span":i.iconComponent),f({class:[e.cx("icon"),e.icon]},e.ptm("icon")),null,16,["class"]))]})),g("div",f({class:["p-message-text",e.cx("text")]},e.ptm("text")),[b(e.$slots,"default")],16),e.closable?v((p(),d("button",f({key:0,class:e.cx("closeButton"),"aria-label":i.closeAriaLabel,type:"button",onClick:n[0]||(n[0]=function(e){return i.close(e)})},S(S(S({},e.closeButtonProps),e.ptm("button")),e.ptm("closeButton"))),[b(e.$slots,"closeicon",{},(function(){return[e.closeIcon?(p(),d("i",f({key:0,class:[e.cx("closeIcon"),e.closeIcon]},S(S({},e.ptm("buttonIcon")),e.ptm("closeIcon"))),null,16)):(p(),m(s,f({key:1,class:[e.cx("closeIcon"),e.closeIcon]},S(S({},e.ptm("buttonIcon")),e.ptm("closeIcon"))),null,16,["class"]))]}))],16,C)),[[c]]):x("",!0)],16))],16),[[I,r.visible]])]})),_:3},16)};export{w as default};

package/message/message.js

@@ -12,7 +12,7 @@ this.primevue.message = (function (CheckIcon, ExclamationTriangleIcon, InfoCircl
     var Ripple__default = /*#__PURE__*/_interopDefaultLegacy(Ripple);
     var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 
-    var styles = "\n.p-message-wrapper {\n    display: flex;\n    align-items: center;\n}\n\n.p-message-icon {\n    flex-shrink: 0;\n}\n\n.p-message-close {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0; \n}\n\n.p-message-close.p-link {\n    margin-left: auto;\n    overflow: hidden;\n    position: relative;\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 !important;\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 {\n    display: none;\n}\n";
+    var styles = "\n@layer primevue {\n    .p-message-wrapper {\n        display: flex;\n        align-items: center;\n    }\n    \n    .p-message-icon {\n        flex-shrink: 0;\n    }\n    \n    .p-message-close {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0; \n    }\n    \n    .p-message-close.p-link {\n        margin-left: auto;\n        overflow: hidden;\n        position: relative;\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 !important;\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 {\n        display: none;\n    }\n}\n";
     var classes = {
       root: function root(_ref) {
         var props = _ref.props;
@@ -147,7 +147,11 @@ this.primevue.message = (function (CheckIcon, ExclamationTriangleIcon, InfoCircl
             "aria-atomic": "true"
           }, _ctx.ptm('root'), {
             "data-pc-name": "message"
-          }), [vue.createElementVNode("div", vue.mergeProps({
+          }), [_ctx.$slots.container ? vue.renderSlot(_ctx.$slots, "container", {
+            key: 0,
+            onClose: $options.close
+          }) : (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+            key: 1,
             "class": _ctx.cx('wrapper')
           }, _ctx.ptm('wrapper')), [vue.renderSlot(_ctx.$slots, "messageicon", {
             "class": "p-message-icon"
@@ -173,7 +177,7 @@ this.primevue.message = (function (CheckIcon, ExclamationTriangleIcon, InfoCircl
               key: 1,
               "class": [_ctx.cx('closeIcon'), _ctx.closeIcon]
             }, _objectSpread(_objectSpread({}, _ctx.ptm('buttonIcon')), _ctx.ptm('closeIcon'))), null, 16, ["class"]))];
-          })], 16, _hoisted_1)), [[_directive_ripple]]) : vue.createCommentVNode("", true)], 16)], 16), [[vue.vShow, $data.visible]])];
+          })], 16, _hoisted_1)), [[_directive_ripple]]) : vue.createCommentVNode("", true)], 16))], 16), [[vue.vShow, $data.visible]])];
         }),
         _: 3
       }, 16);

package/message/message.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.message=function(e,t,n,o,r,s,i,c,l){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=a(e),u=a(t),m=a(n),f=a(o),g=a(r),v=a(s),d=a(i),y=c.useStyle("\n.p-message-wrapper {\n    display: flex;\n    align-items: center;\n}\n\n.p-message-icon {\n    flex-shrink: 0;\n}\n\n.p-message-close {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0; \n}\n\n.p-message-close.p-link {\n    margin-left: auto;\n    overflow: hidden;\n    position: relative;\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 !important;\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 {\n    display: none;\n}\n",{name:"message",manual:!0}),b={name:"Message",extends:{name:"BaseMessage",extends:d.default,props:{severity:{type:String,default:"info"},closable:{type:Boolean,default:!0},sticky:{type:Boolean,default:!0},life:{type:Number,default:3e3},icon:{type:String,default:void 0},closeIcon:{type:String,default:void 0},closeButtonProps:{type:null,default:null}},css:{classes:{root:function(e){return"p-message p-component p-message-"+e.props.severity},wrapper:"p-message-wrapper",icon:"p-message-icon",text:"p-message-text",closeButton:"p-message-close p-link",closeIcon:"p-message-close-icon"},loadStyle:y.load},provide:function(){return{$parentInstance:this}}},emits:["close"],timeout:null,data:function(){return{visible:!0}},mounted:function(){this.sticky||this.closeAfterDelay()},methods:{close:function(e){this.visible=!1,this.$emit("close",e)},closeAfterDelay:function(){var e=this;setTimeout((function(){e.visible=!1}),this.life)}},computed:{iconComponent:function(){return{info:m.default,success:p.default,warn:u.default,error:g.default}[this.severity]},closeAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},directives:{ripple:v.default},components:{TimesIcon:f.default,InfoCircleIcon:m.default,CheckIcon:p.default,ExclamationTriangleIcon:u.default,TimesCircleIcon:g.default}};function h(e){return h="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},h(e)}function x(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?x(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function w(e,t,n){return(t=P(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(e){var t=I(e,"string");return"symbol"===h(t)?t:String(t)}function I(e,t){if("object"!==h(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==h(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var S=["aria-label"];return b.render=function(e,t,n,o,r,s){var i=l.resolveComponent("TimesIcon"),c=l.resolveDirective("ripple");return l.openBlock(),l.createBlock(l.Transition,l.mergeProps({name:"p-message",appear:""},e.ptm("transition")),{default:l.withCtx((function(){return[l.withDirectives(l.createElementVNode("div",l.mergeProps({class:e.cx("root"),role:"alert","aria-live":"assertive","aria-atomic":"true"},e.ptm("root"),{"data-pc-name":"message"}),[l.createElementVNode("div",l.mergeProps({class:e.cx("wrapper")},e.ptm("wrapper")),[l.renderSlot(e.$slots,"messageicon",{class:"p-message-icon"},(function(){return[(l.openBlock(),l.createBlock(l.resolveDynamicComponent(e.icon?"span":s.iconComponent),l.mergeProps({class:[e.cx("icon"),e.icon]},e.ptm("icon")),null,16,["class"]))]})),l.createElementVNode("div",l.mergeProps({class:["p-message-text",e.cx("text")]},e.ptm("text")),[l.renderSlot(e.$slots,"default")],16),e.closable?l.withDirectives((l.openBlock(),l.createElementBlock("button",l.mergeProps({key:0,class:e.cx("closeButton"),"aria-label":s.closeAriaLabel,type:"button",onClick:t[0]||(t[0]=function(e){return s.close(e)})},k(k(k({},e.closeButtonProps),e.ptm("button")),e.ptm("closeButton"))),[l.renderSlot(e.$slots,"closeicon",{},(function(){return[e.closeIcon?(l.openBlock(),l.createElementBlock("i",l.mergeProps({key:0,class:[e.cx("closeIcon"),e.closeIcon]},k(k({},e.ptm("buttonIcon")),e.ptm("closeIcon"))),null,16)):(l.openBlock(),l.createBlock(i,l.mergeProps({key:1,class:[e.cx("closeIcon"),e.closeIcon]},k(k({},e.ptm("buttonIcon")),e.ptm("closeIcon"))),null,16,["class"]))]}))],16,S)),[[c]]):l.createCommentVNode("",!0)],16)],16),[[l.vShow,r.visible]])]})),_:3},16)},b}(primevue.icons.check,primevue.icons.exclamationtriangle,primevue.icons.infocircle,primevue.icons.times,primevue.icons.timescircle,primevue.ripple,primevue.basecomponent,primevue.usestyle,Vue);
+this.primevue=this.primevue||{},this.primevue.message=function(e,t,n,o,r,s,i,c,l){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=a(e),u=a(t),m=a(n),f=a(o),v=a(r),g=a(s),y=a(i),d=c.useStyle("\n@layer primevue {\n    .p-message-wrapper {\n        display: flex;\n        align-items: center;\n    }\n    \n    .p-message-icon {\n        flex-shrink: 0;\n    }\n    \n    .p-message-close {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0; \n    }\n    \n    .p-message-close.p-link {\n        margin-left: auto;\n        overflow: hidden;\n        position: relative;\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 !important;\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 {\n        display: none;\n    }\n}\n",{name:"message",manual:!0}),b={name:"Message",extends:{name:"BaseMessage",extends:y.default,props:{severity:{type:String,default:"info"},closable:{type:Boolean,default:!0},sticky:{type:Boolean,default:!0},life:{type:Number,default:3e3},icon:{type:String,default:void 0},closeIcon:{type:String,default:void 0},closeButtonProps:{type:null,default:null}},css:{classes:{root:function(e){return"p-message p-component p-message-"+e.props.severity},wrapper:"p-message-wrapper",icon:"p-message-icon",text:"p-message-text",closeButton:"p-message-close p-link",closeIcon:"p-message-close-icon"},loadStyle:d.load},provide:function(){return{$parentInstance:this}}},emits:["close"],timeout:null,data:function(){return{visible:!0}},mounted:function(){this.sticky||this.closeAfterDelay()},methods:{close:function(e){this.visible=!1,this.$emit("close",e)},closeAfterDelay:function(){var e=this;setTimeout((function(){e.visible=!1}),this.life)}},computed:{iconComponent:function(){return{info:m.default,success:p.default,warn:u.default,error:v.default}[this.severity]},closeAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},directives:{ripple:g.default},components:{TimesIcon:f.default,InfoCircleIcon:m.default,CheckIcon:p.default,ExclamationTriangleIcon:u.default,TimesCircleIcon:v.default}};function h(e){return h="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},h(e)}function k(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function x(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function w(e,t,n){return(t=P(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(e){var t=B(e,"string");return"symbol"===h(t)?t:String(t)}function B(e,t){if("object"!==h(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==h(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var S=["aria-label"];return b.render=function(e,t,n,o,r,s){var i=l.resolveComponent("TimesIcon"),c=l.resolveDirective("ripple");return l.openBlock(),l.createBlock(l.Transition,l.mergeProps({name:"p-message",appear:""},e.ptm("transition")),{default:l.withCtx((function(){return[l.withDirectives(l.createElementVNode("div",l.mergeProps({class:e.cx("root"),role:"alert","aria-live":"assertive","aria-atomic":"true"},e.ptm("root"),{"data-pc-name":"message"}),[e.$slots.container?l.renderSlot(e.$slots,"container",{key:0,onClose:s.close}):(l.openBlock(),l.createElementBlock("div",l.mergeProps({key:1,class:e.cx("wrapper")},e.ptm("wrapper")),[l.renderSlot(e.$slots,"messageicon",{class:"p-message-icon"},(function(){return[(l.openBlock(),l.createBlock(l.resolveDynamicComponent(e.icon?"span":s.iconComponent),l.mergeProps({class:[e.cx("icon"),e.icon]},e.ptm("icon")),null,16,["class"]))]})),l.createElementVNode("div",l.mergeProps({class:["p-message-text",e.cx("text")]},e.ptm("text")),[l.renderSlot(e.$slots,"default")],16),e.closable?l.withDirectives((l.openBlock(),l.createElementBlock("button",l.mergeProps({key:0,class:e.cx("closeButton"),"aria-label":s.closeAriaLabel,type:"button",onClick:t[0]||(t[0]=function(e){return s.close(e)})},x(x(x({},e.closeButtonProps),e.ptm("button")),e.ptm("closeButton"))),[l.renderSlot(e.$slots,"closeicon",{},(function(){return[e.closeIcon?(l.openBlock(),l.createElementBlock("i",l.mergeProps({key:0,class:[e.cx("closeIcon"),e.closeIcon]},x(x({},e.ptm("buttonIcon")),e.ptm("closeIcon"))),null,16)):(l.openBlock(),l.createBlock(i,l.mergeProps({key:1,class:[e.cx("closeIcon"),e.closeIcon]},x(x({},e.ptm("buttonIcon")),e.ptm("closeIcon"))),null,16,["class"]))]}))],16,S)),[[c]]):l.createCommentVNode("",!0)],16))],16),[[l.vShow,r.visible]])]})),_:3},16)},b}(primevue.icons.check,primevue.icons.exclamationtriangle,primevue.icons.infocircle,primevue.icons.times,primevue.icons.timescircle,primevue.ripple,primevue.basecomponent,primevue.usestyle,Vue);

package/multiselect/BaseMultiSelect.vue

@@ -3,110 +3,112 @@ import BaseComponent from 'primevue/basecomponent';
 import { useStyle } from 'primevue/usestyle';
 
 const styles = `
-.p-multiselect {
-    display: inline-flex;
-    cursor: pointer;
-    user-select: none;
-}
-
-.p-multiselect-trigger {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-shrink: 0;
-}
-
-.p-multiselect-label-container {
-    overflow: hidden;
-    flex: 1 1 auto;
-    cursor: pointer;
-}
-
-.p-multiselect-label {
-    display: block;
-    white-space: nowrap;
-    cursor: pointer;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
-.p-multiselect-label-empty {
-    overflow: hidden;
-    visibility: hidden;
-}
-
-.p-multiselect-token {
-    cursor: default;
-    display: inline-flex;
-    align-items: center;
-    flex: 0 0 auto;
-}
-
-.p-multiselect-token-icon {
-    cursor: pointer;
-}
-
-.p-multiselect .p-multiselect-panel {
-    min-width: 100%;
-}
-
-.p-multiselect-items-wrapper {
-    overflow: auto;
-}
-
-.p-multiselect-items {
-    margin: 0;
-    padding: 0;
-    list-style-type: none;
-}
-
-.p-multiselect-item {
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    font-weight: normal;
-    white-space: nowrap;
-    position: relative;
-    overflow: hidden;
-}
-
-.p-multiselect-item-group {
-    cursor: auto;
-}
-
-.p-multiselect-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-}
-
-.p-multiselect-filter-container {
-    position: relative;
-    flex: 1 1 auto;
-}
-
-.p-multiselect-filter-icon {
-    position: absolute;
-    top: 50%;
-    margin-top: -0.5rem;
-}
-
-.p-multiselect-filter-container .p-inputtext {
-    width: 100%;
-}
-
-.p-multiselect-close {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-shrink: 0;
-    overflow: hidden;
-    position: relative;
-    margin-left: auto;
-}
-
-.p-fluid .p-multiselect {
-    display: flex;
+@layer primevue {
+    .p-multiselect {
+        display: inline-flex;
+        cursor: pointer;
+        user-select: none;
+    }
+    
+    .p-multiselect-trigger {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-shrink: 0;
+    }
+    
+    .p-multiselect-label-container {
+        overflow: hidden;
+        flex: 1 1 auto;
+        cursor: pointer;
+    }
+    
+    .p-multiselect-label {
+        display: block;
+        white-space: nowrap;
+        cursor: pointer;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+    
+    .p-multiselect-label-empty {
+        overflow: hidden;
+        visibility: hidden;
+    }
+    
+    .p-multiselect-token {
+        cursor: default;
+        display: inline-flex;
+        align-items: center;
+        flex: 0 0 auto;
+    }
+    
+    .p-multiselect-token-icon {
+        cursor: pointer;
+    }
+    
+    .p-multiselect .p-multiselect-panel {
+        min-width: 100%;
+    }
+    
+    .p-multiselect-items-wrapper {
+        overflow: auto;
+    }
+    
+    .p-multiselect-items {
+        margin: 0;
+        padding: 0;
+        list-style-type: none;
+    }
+    
+    .p-multiselect-item {
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+        font-weight: normal;
+        white-space: nowrap;
+        position: relative;
+        overflow: hidden;
+    }
+    
+    .p-multiselect-item-group {
+        cursor: auto;
+    }
+    
+    .p-multiselect-header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+    }
+    
+    .p-multiselect-filter-container {
+        position: relative;
+        flex: 1 1 auto;
+    }
+    
+    .p-multiselect-filter-icon {
+        position: absolute;
+        top: 50%;
+        margin-top: -0.5rem;
+    }
+    
+    .p-multiselect-filter-container .p-inputtext {
+        width: 100%;
+    }
+    
+    .p-multiselect-close {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-shrink: 0;
+        overflow: hidden;
+        position: relative;
+        margin-left: auto;
+    }
+    
+    .p-fluid .p-multiselect {
+        display: flex;
+    }
 }
 `;
 

package/multiselect/multiselect.cjs.js

@@ -30,7 +30,7 @@ var Ripple__default = /*#__PURE__*/_interopDefaultLegacy(Ripple);
 var VirtualScroller__default = /*#__PURE__*/_interopDefaultLegacy(VirtualScroller);
 var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 
-var styles = "\n.p-multiselect {\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n}\n\n.p-multiselect-trigger {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n\n.p-multiselect-label-container {\n    overflow: hidden;\n    flex: 1 1 auto;\n    cursor: pointer;\n}\n\n.p-multiselect-label {\n    display: block;\n    white-space: nowrap;\n    cursor: pointer;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.p-multiselect-label-empty {\n    overflow: hidden;\n    visibility: hidden;\n}\n\n.p-multiselect-token {\n    cursor: default;\n    display: inline-flex;\n    align-items: center;\n    flex: 0 0 auto;\n}\n\n.p-multiselect-token-icon {\n    cursor: pointer;\n}\n\n.p-multiselect .p-multiselect-panel {\n    min-width: 100%;\n}\n\n.p-multiselect-items-wrapper {\n    overflow: auto;\n}\n\n.p-multiselect-items {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n}\n\n.p-multiselect-item {\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    font-weight: normal;\n    white-space: nowrap;\n    position: relative;\n    overflow: hidden;\n}\n\n.p-multiselect-item-group {\n    cursor: auto;\n}\n\n.p-multiselect-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n}\n\n.p-multiselect-filter-container {\n    position: relative;\n    flex: 1 1 auto;\n}\n\n.p-multiselect-filter-icon {\n    position: absolute;\n    top: 50%;\n    margin-top: -0.5rem;\n}\n\n.p-multiselect-filter-container .p-inputtext {\n    width: 100%;\n}\n\n.p-multiselect-close {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    overflow: hidden;\n    position: relative;\n    margin-left: auto;\n}\n\n.p-fluid .p-multiselect {\n    display: flex;\n}\n";
+var styles = "\n@layer primevue {\n    .p-multiselect {\n        display: inline-flex;\n        cursor: pointer;\n        user-select: none;\n    }\n    \n    .p-multiselect-trigger {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n    \n    .p-multiselect-label-container {\n        overflow: hidden;\n        flex: 1 1 auto;\n        cursor: pointer;\n    }\n    \n    .p-multiselect-label {\n        display: block;\n        white-space: nowrap;\n        cursor: pointer;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n    \n    .p-multiselect-label-empty {\n        overflow: hidden;\n        visibility: hidden;\n    }\n    \n    .p-multiselect-token {\n        cursor: default;\n        display: inline-flex;\n        align-items: center;\n        flex: 0 0 auto;\n    }\n    \n    .p-multiselect-token-icon {\n        cursor: pointer;\n    }\n    \n    .p-multiselect .p-multiselect-panel {\n        min-width: 100%;\n    }\n    \n    .p-multiselect-items-wrapper {\n        overflow: auto;\n    }\n    \n    .p-multiselect-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n    \n    .p-multiselect-item {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        font-weight: normal;\n        white-space: nowrap;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-multiselect-item-group {\n        cursor: auto;\n    }\n    \n    .p-multiselect-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n    \n    .p-multiselect-filter-container {\n        position: relative;\n        flex: 1 1 auto;\n    }\n    \n    .p-multiselect-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -0.5rem;\n    }\n    \n    .p-multiselect-filter-container .p-inputtext {\n        width: 100%;\n    }\n    \n    .p-multiselect-close {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        overflow: hidden;\n        position: relative;\n        margin-left: auto;\n    }\n    \n    .p-fluid .p-multiselect {\n        display: flex;\n    }\n}\n";
 var inlineStyles = {
   root: function root(_ref) {
     var props = _ref.props;