primevue 3.28.0 → 3.29.0

package/toast/toast.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/basecomponent"),t=require("primevue/portal"),s=require("primevue/toasteventbus"),o=require("primevue/utils"),n=require("primevue/icons/check"),i=require("primevue/icons/exclamationtriangle"),a=require("primevue/icons/infocircle"),r=require("primevue/icons/times"),l=require("primevue/icons/timescircle"),c=require("primevue/ripple"),m=require("vue");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=p(e),d=p(t),f=p(s),g=p(n),h=p(i),v=p(a),y=p(r),I=p(l),b=p(c),x={name:"ToastMessage",extends:u.default,emits:["close"],props:{message:{type:null,default:null},templates:{type:Object,default:null},closeIcon:{type:String,default:null},infoIcon:{type:String,default:null},warnIcon:{type:String,default:null},errorIcon:{type:String,default:null},successIcon:{type:String,default:null},closeButtonProps:{type:null,default:null}},closeTimeout:null,mounted(){this.message.life&&(this.closeTimeout=setTimeout((()=>{this.close({message:this.message,type:"life-end"})}),this.message.life))},beforeUnmount(){this.clearCloseTimeout()},methods:{close(e){this.$emit("close",e)},onCloseClick(){this.clearCloseTimeout(),this.close({message:this.message,type:"close"})},clearCloseTimeout(){this.closeTimeout&&(clearTimeout(this.closeTimeout),this.closeTimeout=null)}},computed:{containerClass(){return["p-toast-message",this.message.styleClass,{"p-toast-message-info":"info"===this.message.severity,"p-toast-message-warn":"warn"===this.message.severity,"p-toast-message-error":"error"===this.message.severity,"p-toast-message-success":"success"===this.message.severity}]},iconComponent(){return{info:!this.infoIcon&&v.default,success:!this.successIcon&&g.default,warn:!this.warnIcon&&h.default,error:!this.errorIcon&&I.default}[this.message.severity]},iconClass(){return[{[this.infoIcon]:"info"===this.message.severity,[this.warnIcon]:"warn"===this.message.severity,[this.errorIcon]:"error"===this.message.severity,[this.successIcon]:"success"===this.message.severity}]},closeAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},components:{TimesIcon:y.default,InfoCircleIcon:v.default,CheckIcon:g.default,ExclamationTriangleIcon:h.default,TimesCircleIcon:I.default},directives:{ripple:b.default}};const k=["aria-label"];x.render=function(e,t,s,o,n,i){const a=m.resolveDirective("ripple");return m.openBlock(),m.createElementBlock("div",m.mergeProps({class:i.containerClass,role:"alert","aria-live":"assertive","aria-atomic":"true"},e.ptm("container")),[m.createElementVNode("div",m.mergeProps({class:["p-toast-message-content",s.message.contentStyleClass]},e.ptm("content")),[s.templates.message?(m.openBlock(),m.createBlock(m.resolveDynamicComponent(s.templates.message),{key:1,message:s.message},null,8,["message"])):(m.openBlock(),m.createElementBlock(m.Fragment,{key:0},[(m.openBlock(),m.createBlock(m.resolveDynamicComponent(s.templates.icon?s.templates.icon:i.iconComponent.name?i.iconComponent:"span"),m.mergeProps({class:[i.iconClass,"p-toast-message-icon"]},e.ptm("icon")),null,16,["class"])),m.createElementVNode("div",m.mergeProps({class:"p-toast-message-text"},e.ptm("text")),[m.createElementVNode("span",m.mergeProps({class:"p-toast-summary"},e.ptm("summary")),m.toDisplayString(s.message.summary),17),m.createElementVNode("div",m.mergeProps({class:"p-toast-detail"},e.ptm("detail")),m.toDisplayString(s.message.detail),17)],16)],64)),!1!==s.message.closable?(m.openBlock(),m.createElementBlock("div",m.normalizeProps(m.mergeProps({key:2},e.ptm("buttonContainer"))),[m.withDirectives((m.openBlock(),m.createElementBlock("button",m.mergeProps({class:"p-toast-icon-close p-link",type:"button","aria-label":i.closeAriaLabel,onClick:t[0]||(t[0]=(...e)=>i.onCloseClick&&i.onCloseClick(...e)),autofocus:""},{...s.closeButtonProps,...e.ptm("button")}),[(m.openBlock(),m.createBlock(m.resolveDynamicComponent(s.templates.closeicon||"TimesIcon"),m.mergeProps({class:["p-toast-icon-close-icon",s.closeIcon]},e.ptm("buttonIcon")),null,16,["class"]))],16,k)),[[a]])],16)):m.createCommentVNode("",!0)],16)],16)};var C=0,B={name:"Toast",extends:u.default,inheritAttrs:!1,emits:["close","life-end"],props:{group:{type:String,default:null},position:{type:String,default:"top-right"},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},breakpoints:{type:Object,default:null},closeIcon:{type:String,default:void 0},infoIcon:{type:String,default:void 0},warnIcon:{type:String,default:void 0},errorIcon:{type:String,default:void 0},successIcon:{type:String,default:void 0},closeButtonProps:{type:null,default:null}},data:()=>({messages:[]}),styleElement:null,mounted(){f.default.on("add",this.onAdd),f.default.on("remove-group",this.onRemoveGroup),f.default.on("remove-all-groups",this.onRemoveAllGroups),this.breakpoints&&this.createStyle()},beforeUnmount(){this.destroyStyle(),this.$refs.container&&this.autoZIndex&&o.ZIndexUtils.clear(this.$refs.container),f.default.off("add",this.onAdd),f.default.off("remove-group",this.onRemoveGroup),f.default.off("remove-all-groups",this.onRemoveAllGroups)},methods:{add(e){null==e.id&&(e.id=C++),this.messages=[...this.messages,e]},remove(e){let t=-1;for(let s=0;s<this.messages.length;s++)if(this.messages[s]===e.message){t=s;break}this.messages.splice(t,1),this.$emit(e.type,{message:e.message})},onAdd(e){this.group==e.group&&this.add(e)},onRemoveGroup(e){this.group===e&&(this.messages=[])},onRemoveAllGroups(){this.messages=[]},onEnter(){this.$refs.container.setAttribute(this.attributeSelector,""),this.autoZIndex&&o.ZIndexUtils.set("modal",this.$refs.container,this.baseZIndex||this.$primevue.config.zIndex.modal)},onLeave(){this.$refs.container&&this.autoZIndex&&o.ObjectUtils.isEmpty(this.messages)&&setTimeout((()=>{o.ZIndexUtils.clear(this.$refs.container)}),200)},createStyle(){if(!this.styleElement){this.styleElement=document.createElement("style"),this.styleElement.type="text/css",document.head.appendChild(this.styleElement);let e="";for(let t in this.breakpoints){let s="";for(let e in this.breakpoints[t])s+=e+":"+this.breakpoints[t][e]+"!important;";e+=`\n                        @media screen and (max-width: ${t}) {\n                            .p-toast[${this.attributeSelector}] {\n                                ${s}\n                            }\n                        }\n                    `}this.styleElement.innerHTML=e}},destroyStyle(){this.styleElement&&(document.head.removeChild(this.styleElement),this.styleElement=null)}},computed:{containerClass(){return["p-toast p-component p-toast-"+this.position,{"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]},attributeSelector:()=>o.UniqueComponentId()},components:{ToastMessage:x,Portal:d.default}};!function(e,t){void 0===t&&(t={});var s=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===s&&o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-toast {\n    position: fixed;\n    width: 25rem;\n}\n.p-toast-message-content {\n    display: flex;\n    align-items: flex-start;\n}\n.p-toast-message-text {\n    flex: 1 1 auto;\n}\n.p-toast-top-right {\n    top: 20px;\n    right: 20px;\n}\n.p-toast-top-left {\n    top: 20px;\n    left: 20px;\n}\n.p-toast-bottom-left {\n    bottom: 20px;\n    left: 20px;\n}\n.p-toast-bottom-right {\n    bottom: 20px;\n    right: 20px;\n}\n.p-toast-top-center {\n    top: 20px;\n    left: 50%;\n    transform: translateX(-50%);\n}\n.p-toast-bottom-center {\n    bottom: 20px;\n    left: 50%;\n    transform: translateX(-50%);\n}\n.p-toast-center {\n    left: 50%;\n    top: 50%;\n    min-width: 20vw;\n    transform: translate(-50%, -50%);\n}\n.p-toast-icon-close {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    position: relative;\n}\n.p-toast-icon-close.p-link {\n    cursor: pointer;\n}\n\n/* Animations */\n.p-toast-message-enter-from {\n    opacity: 0;\n    -webkit-transform: translateY(50%);\n    -ms-transform: translateY(50%);\n    transform: translateY(50%);\n}\n.p-toast-message-leave-from {\n    max-height: 1000px;\n}\n.p-toast .p-toast-message.p-toast-message-leave-to {\n    max-height: 0;\n    opacity: 0;\n    margin-bottom: 0;\n    overflow: hidden;\n}\n.p-toast-message-enter-active {\n    -webkit-transition: transform 0.3s, opacity 0.3s;\n    transition: transform 0.3s, opacity 0.3s;\n}\n.p-toast-message-leave-active {\n    -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;\n    transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;\n}\n"),B.render=function(e,t,s,o,n,i){const a=m.resolveComponent("ToastMessage"),r=m.resolveComponent("Portal");return m.openBlock(),m.createBlock(r,null,{default:m.withCtx((()=>[m.createElementVNode("div",m.mergeProps({ref:"container",class:i.containerClass},{...e.$attrs,...e.ptm("root")}),[m.createVNode(m.TransitionGroup,{name:"p-toast-message",tag:"div",onEnter:i.onEnter,onLeave:i.onLeave},{default:m.withCtx((()=>[(m.openBlock(!0),m.createElementBlock(m.Fragment,null,m.renderList(n.messages,(o=>(m.openBlock(),m.createBlock(a,{key:o.id,message:o,templates:e.$slots,closeIcon:s.closeIcon,infoIcon:s.infoIcon,warnIcon:s.warnIcon,errorIcon:s.errorIcon,successIcon:s.successIcon,closeButtonProps:s.closeButtonProps,onClose:t[0]||(t[0]=e=>i.remove(e)),pt:e.pt},null,8,["message","templates","closeIcon","infoIcon","warnIcon","errorIcon","successIcon","closeButtonProps","pt"])))),128))])),_:1},8,["onEnter","onLeave"])],16)])),_:1})},module.exports=B;
+"use strict";var e=require("primevue/basecomponent"),t=require("primevue/portal"),s=require("primevue/toasteventbus"),o=require("primevue/utils"),n=require("primevue/icons/check"),i=require("primevue/icons/exclamationtriangle"),a=require("primevue/icons/infocircle"),r=require("primevue/icons/times"),l=require("primevue/icons/timescircle"),c=require("primevue/ripple"),m=require("vue");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=p(e),d=p(t),f=p(s),g=p(n),h=p(i),v=p(a),y=p(r),I=p(l),b=p(c),x={name:"ToastMessage",extends:u.default,emits:["close"],props:{message:{type:null,default:null},templates:{type:Object,default:null},closeIcon:{type:String,default:null},infoIcon:{type:String,default:null},warnIcon:{type:String,default:null},errorIcon:{type:String,default:null},successIcon:{type:String,default:null},closeButtonProps:{type:null,default:null}},closeTimeout:null,mounted(){this.message.life&&(this.closeTimeout=setTimeout((()=>{this.close({message:this.message,type:"life-end"})}),this.message.life))},beforeUnmount(){this.clearCloseTimeout()},methods:{close(e){this.$emit("close",e)},onCloseClick(){this.clearCloseTimeout(),this.close({message:this.message,type:"close"})},clearCloseTimeout(){this.closeTimeout&&(clearTimeout(this.closeTimeout),this.closeTimeout=null)}},computed:{containerClass(){return["p-toast-message",this.message.styleClass,{"p-toast-message-info":"info"===this.message.severity,"p-toast-message-warn":"warn"===this.message.severity,"p-toast-message-error":"error"===this.message.severity,"p-toast-message-success":"success"===this.message.severity}]},iconComponent(){return{info:!this.infoIcon&&v.default,success:!this.successIcon&&g.default,warn:!this.warnIcon&&h.default,error:!this.errorIcon&&I.default}[this.message.severity]},iconClass(){return[{[this.infoIcon]:"info"===this.message.severity,[this.warnIcon]:"warn"===this.message.severity,[this.errorIcon]:"error"===this.message.severity,[this.successIcon]:"success"===this.message.severity}]},closeAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},components:{TimesIcon:y.default,InfoCircleIcon:v.default,CheckIcon:g.default,ExclamationTriangleIcon:h.default,TimesCircleIcon:I.default},directives:{ripple:b.default}};const k=["aria-label"];x.render=function(e,t,s,o,n,i){const a=m.resolveDirective("ripple");return m.openBlock(),m.createElementBlock("div",m.mergeProps({class:i.containerClass,role:"alert","aria-live":"assertive","aria-atomic":"true"},e.ptm("container")),[m.createElementVNode("div",m.mergeProps({class:["p-toast-message-content",s.message.contentStyleClass]},e.ptm("content")),[s.templates.message?(m.openBlock(),m.createBlock(m.resolveDynamicComponent(s.templates.message),{key:1,message:s.message},null,8,["message"])):(m.openBlock(),m.createElementBlock(m.Fragment,{key:0},[(m.openBlock(),m.createBlock(m.resolveDynamicComponent(s.templates.icon?s.templates.icon:i.iconComponent.name?i.iconComponent:"span"),m.mergeProps({class:[i.iconClass,"p-toast-message-icon"]},e.ptm("icon")),null,16,["class"])),m.createElementVNode("div",m.mergeProps({class:"p-toast-message-text"},e.ptm("text")),[m.createElementVNode("span",m.mergeProps({class:"p-toast-summary"},e.ptm("summary")),m.toDisplayString(s.message.summary),17),m.createElementVNode("div",m.mergeProps({class:"p-toast-detail"},e.ptm("detail")),m.toDisplayString(s.message.detail),17)],16)],64)),!1!==s.message.closable?(m.openBlock(),m.createElementBlock("div",m.normalizeProps(m.mergeProps({key:2},e.ptm("buttonContainer"))),[m.withDirectives((m.openBlock(),m.createElementBlock("button",m.mergeProps({class:"p-toast-icon-close p-link",type:"button","aria-label":i.closeAriaLabel,onClick:t[0]||(t[0]=(...e)=>i.onCloseClick&&i.onCloseClick(...e)),autofocus:""},{...s.closeButtonProps,...e.ptm("button")}),[(m.openBlock(),m.createBlock(m.resolveDynamicComponent(s.templates.closeicon||"TimesIcon"),m.mergeProps({class:["p-toast-icon-close-icon",s.closeIcon]},e.ptm("buttonIcon")),null,16,["class"]))],16,k)),[[a]])],16)):m.createCommentVNode("",!0)],16)],16)};var C=0,B={name:"Toast",extends:u.default,inheritAttrs:!1,emits:["close","life-end"],props:{group:{type:String,default:null},position:{type:String,default:"top-right"},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},breakpoints:{type:Object,default:null},closeIcon:{type:String,default:void 0},infoIcon:{type:String,default:void 0},warnIcon:{type:String,default:void 0},errorIcon:{type:String,default:void 0},successIcon:{type:String,default:void 0},closeButtonProps:{type:null,default:null}},data:()=>({messages:[]}),styleElement:null,mounted(){f.default.on("add",this.onAdd),f.default.on("remove-group",this.onRemoveGroup),f.default.on("remove-all-groups",this.onRemoveAllGroups),this.breakpoints&&this.createStyle()},beforeUnmount(){this.destroyStyle(),this.$refs.container&&this.autoZIndex&&o.ZIndexUtils.clear(this.$refs.container),f.default.off("add",this.onAdd),f.default.off("remove-group",this.onRemoveGroup),f.default.off("remove-all-groups",this.onRemoveAllGroups)},methods:{add(e){null==e.id&&(e.id=C++),this.messages=[...this.messages,e]},remove(e){let t=-1;for(let s=0;s<this.messages.length;s++)if(this.messages[s]===e.message){t=s;break}this.messages.splice(t,1),this.$emit(e.type,{message:e.message})},onAdd(e){this.group==e.group&&this.add(e)},onRemoveGroup(e){this.group===e&&(this.messages=[])},onRemoveAllGroups(){this.messages=[]},onEnter(){this.$refs.container.setAttribute(this.attributeSelector,""),this.autoZIndex&&o.ZIndexUtils.set("modal",this.$refs.container,this.baseZIndex||this.$primevue.config.zIndex.modal)},onLeave(){this.$refs.container&&this.autoZIndex&&o.ObjectUtils.isEmpty(this.messages)&&setTimeout((()=>{o.ZIndexUtils.clear(this.$refs.container)}),200)},createStyle(){if(!this.styleElement){this.styleElement=document.createElement("style"),this.styleElement.type="text/css",document.head.appendChild(this.styleElement);let e="";for(let t in this.breakpoints){let s="";for(let e in this.breakpoints[t])s+=e+":"+this.breakpoints[t][e]+"!important;";e+=`\n                        @media screen and (max-width: ${t}) {\n                            .p-toast[${this.attributeSelector}] {\n                                ${s}\n                            }\n                        }\n                    `}this.styleElement.innerHTML=e}},destroyStyle(){this.styleElement&&(document.head.removeChild(this.styleElement),this.styleElement=null)}},computed:{containerClass(){return["p-toast p-component p-toast-"+this.position,{"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]},attributeSelector:()=>o.UniqueComponentId()},components:{ToastMessage:x,Portal:d.default}};!function(e,t){void 0===t&&(t={});var s=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===s&&o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-toast {\n    position: fixed;\n    width: 25rem;\n}\n.p-toast-message-content {\n    display: flex;\n    align-items: flex-start;\n}\n.p-toast-message-text {\n    flex: 1 1 auto;\n}\n.p-toast-top-right {\n    top: 20px;\n    right: 20px;\n}\n.p-toast-top-left {\n    top: 20px;\n    left: 20px;\n}\n.p-toast-bottom-left {\n    bottom: 20px;\n    left: 20px;\n}\n.p-toast-bottom-right {\n    bottom: 20px;\n    right: 20px;\n}\n.p-toast-top-center {\n    top: 20px;\n    left: 50%;\n    transform: translateX(-50%);\n}\n.p-toast-bottom-center {\n    bottom: 20px;\n    left: 50%;\n    transform: translateX(-50%);\n}\n.p-toast-center {\n    left: 50%;\n    top: 50%;\n    min-width: 20vw;\n    transform: translate(-50%, -50%);\n}\n.p-toast-icon-close {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    position: relative;\n}\n.p-toast-icon-close.p-link {\n    cursor: pointer;\n}\n\n/* Animations */\n.p-toast-message-enter-from {\n    opacity: 0;\n    -webkit-transform: translateY(50%);\n    -ms-transform: translateY(50%);\n    transform: translateY(50%);\n}\n.p-toast-message-leave-from {\n    max-height: 1000px;\n}\n.p-toast .p-toast-message.p-toast-message-leave-to {\n    max-height: 0;\n    opacity: 0;\n    margin-bottom: 0;\n    overflow: hidden;\n}\n.p-toast-message-enter-active {\n    -webkit-transition: transform 0.3s, opacity 0.3s;\n    transition: transform 0.3s, opacity 0.3s;\n}\n.p-toast-message-leave-active {\n    -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;\n    transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;\n}\n"),B.render=function(e,t,s,o,n,i){const a=m.resolveComponent("ToastMessage"),r=m.resolveComponent("Portal");return m.openBlock(),m.createBlock(r,null,{default:m.withCtx((()=>[m.createElementVNode("div",m.mergeProps({ref:"container",class:i.containerClass},{...e.$attrs,...e.ptm("root")}),[m.createVNode(m.TransitionGroup,m.mergeProps({name:"p-toast-message",tag:"div",onEnter:i.onEnter,onLeave:i.onLeave},e.ptm("message")),{default:m.withCtx((()=>[(m.openBlock(!0),m.createElementBlock(m.Fragment,null,m.renderList(n.messages,(o=>(m.openBlock(),m.createBlock(a,{key:o.id,message:o,templates:e.$slots,closeIcon:s.closeIcon,infoIcon:s.infoIcon,warnIcon:s.warnIcon,errorIcon:s.errorIcon,successIcon:s.successIcon,closeButtonProps:s.closeButtonProps,onClose:t[0]||(t[0]=e=>i.remove(e)),pt:e.pt},null,8,["message","templates","closeIcon","infoIcon","warnIcon","errorIcon","successIcon","closeButtonProps","pt"])))),128))])),_:1},16,["onEnter","onLeave"])],16)])),_:1})},module.exports=B;

package/toast/toast.esm.js

@@ -363,12 +363,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         ref: "container",
         class: $options.containerClass
       }, { ..._ctx.$attrs, ..._ctx.ptm('root') }), [
-        createVNode(TransitionGroup, {
+        createVNode(TransitionGroup, mergeProps({
           name: "p-toast-message",
           tag: "div",
           onEnter: $options.onEnter,
           onLeave: $options.onLeave
-        }, {
+        }, _ctx.ptm('message')), {
           default: withCtx(() => [
             (openBlock(true), createElementBlock(Fragment, null, renderList($data.messages, (msg) => {
               return (openBlock(), createBlock(_component_ToastMessage, {
@@ -387,7 +387,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             }), 128))
           ]),
           _: 1
-        }, 8, ["onEnter", "onLeave"])
+        }, 16, ["onEnter", "onLeave"])
       ], 16)
     ]),
     _: 1

package/toast/toast.esm.min.js

@@ -1 +1 @@
-import e from"primevue/basecomponent";import t from"primevue/portal";import s from"primevue/toasteventbus";import{ZIndexUtils as o,ObjectUtils as n,UniqueComponentId as i}from"primevue/utils";import a from"primevue/icons/check";import r from"primevue/icons/exclamationtriangle";import l from"primevue/icons/infocircle";import m from"primevue/icons/times";import c from"primevue/icons/timescircle";import p from"primevue/ripple";import{resolveDirective as u,openBlock as d,createElementBlock as h,mergeProps as f,createElementVNode as g,Fragment as y,createBlock as v,resolveDynamicComponent as I,toDisplayString as b,normalizeProps as x,withDirectives as C,createCommentVNode as S,resolveComponent as T,withCtx as k,createVNode as w,TransitionGroup as E,renderList as $}from"vue";var A={name:"ToastMessage",extends:e,emits:["close"],props:{message:{type:null,default:null},templates:{type:Object,default:null},closeIcon:{type:String,default:null},infoIcon:{type:String,default:null},warnIcon:{type:String,default:null},errorIcon:{type:String,default:null},successIcon:{type:String,default:null},closeButtonProps:{type:null,default:null}},closeTimeout:null,mounted(){this.message.life&&(this.closeTimeout=setTimeout((()=>{this.close({message:this.message,type:"life-end"})}),this.message.life))},beforeUnmount(){this.clearCloseTimeout()},methods:{close(e){this.$emit("close",e)},onCloseClick(){this.clearCloseTimeout(),this.close({message:this.message,type:"close"})},clearCloseTimeout(){this.closeTimeout&&(clearTimeout(this.closeTimeout),this.closeTimeout=null)}},computed:{containerClass(){return["p-toast-message",this.message.styleClass,{"p-toast-message-info":"info"===this.message.severity,"p-toast-message-warn":"warn"===this.message.severity,"p-toast-message-error":"error"===this.message.severity,"p-toast-message-success":"success"===this.message.severity}]},iconComponent(){return{info:!this.infoIcon&&l,success:!this.successIcon&&a,warn:!this.warnIcon&&r,error:!this.errorIcon&&c}[this.message.severity]},iconClass(){return[{[this.infoIcon]:"info"===this.message.severity,[this.warnIcon]:"warn"===this.message.severity,[this.errorIcon]:"error"===this.message.severity,[this.successIcon]:"success"===this.message.severity}]},closeAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},components:{TimesIcon:m,InfoCircleIcon:l,CheckIcon:a,ExclamationTriangleIcon:r,TimesCircleIcon:c},directives:{ripple:p}};const B=["aria-label"];A.render=function(e,t,s,o,n,i){const a=u("ripple");return d(),h("div",f({class:i.containerClass,role:"alert","aria-live":"assertive","aria-atomic":"true"},e.ptm("container")),[g("div",f({class:["p-toast-message-content",s.message.contentStyleClass]},e.ptm("content")),[s.templates.message?(d(),v(I(s.templates.message),{key:1,message:s.message},null,8,["message"])):(d(),h(y,{key:0},[(d(),v(I(s.templates.icon?s.templates.icon:i.iconComponent.name?i.iconComponent:"span"),f({class:[i.iconClass,"p-toast-message-icon"]},e.ptm("icon")),null,16,["class"])),g("div",f({class:"p-toast-message-text"},e.ptm("text")),[g("span",f({class:"p-toast-summary"},e.ptm("summary")),b(s.message.summary),17),g("div",f({class:"p-toast-detail"},e.ptm("detail")),b(s.message.detail),17)],16)],64)),!1!==s.message.closable?(d(),h("div",x(f({key:2},e.ptm("buttonContainer"))),[C((d(),h("button",f({class:"p-toast-icon-close p-link",type:"button","aria-label":i.closeAriaLabel,onClick:t[0]||(t[0]=(...e)=>i.onCloseClick&&i.onCloseClick(...e)),autofocus:""},{...s.closeButtonProps,...e.ptm("button")}),[(d(),v(I(s.templates.closeicon||"TimesIcon"),f({class:["p-toast-icon-close-icon",s.closeIcon]},e.ptm("buttonIcon")),null,16,["class"]))],16,B)),[[a]])],16)):S("",!0)],16)],16)};var P=0,L={name:"Toast",extends:e,inheritAttrs:!1,emits:["close","life-end"],props:{group:{type:String,default:null},position:{type:String,default:"top-right"},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},breakpoints:{type:Object,default:null},closeIcon:{type:String,default:void 0},infoIcon:{type:String,default:void 0},warnIcon:{type:String,default:void 0},errorIcon:{type:String,default:void 0},successIcon:{type:String,default:void 0},closeButtonProps:{type:null,default:null}},data:()=>({messages:[]}),styleElement:null,mounted(){s.on("add",this.onAdd),s.on("remove-group",this.onRemoveGroup),s.on("remove-all-groups",this.onRemoveAllGroups),this.breakpoints&&this.createStyle()},beforeUnmount(){this.destroyStyle(),this.$refs.container&&this.autoZIndex&&o.clear(this.$refs.container),s.off("add",this.onAdd),s.off("remove-group",this.onRemoveGroup),s.off("remove-all-groups",this.onRemoveAllGroups)},methods:{add(e){null==e.id&&(e.id=P++),this.messages=[...this.messages,e]},remove(e){let t=-1;for(let s=0;s<this.messages.length;s++)if(this.messages[s]===e.message){t=s;break}this.messages.splice(t,1),this.$emit(e.type,{message:e.message})},onAdd(e){this.group==e.group&&this.add(e)},onRemoveGroup(e){this.group===e&&(this.messages=[])},onRemoveAllGroups(){this.messages=[]},onEnter(){this.$refs.container.setAttribute(this.attributeSelector,""),this.autoZIndex&&o.set("modal",this.$refs.container,this.baseZIndex||this.$primevue.config.zIndex.modal)},onLeave(){this.$refs.container&&this.autoZIndex&&n.isEmpty(this.messages)&&setTimeout((()=>{o.clear(this.$refs.container)}),200)},createStyle(){if(!this.styleElement){this.styleElement=document.createElement("style"),this.styleElement.type="text/css",document.head.appendChild(this.styleElement);let e="";for(let t in this.breakpoints){let s="";for(let e in this.breakpoints[t])s+=e+":"+this.breakpoints[t][e]+"!important;";e+=`\n                        @media screen and (max-width: ${t}) {\n                            .p-toast[${this.attributeSelector}] {\n                                ${s}\n                            }\n                        }\n                    `}this.styleElement.innerHTML=e}},destroyStyle(){this.styleElement&&(document.head.removeChild(this.styleElement),this.styleElement=null)}},computed:{containerClass(){return["p-toast p-component p-toast-"+this.position,{"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]},attributeSelector:()=>i()},components:{ToastMessage:A,Portal:t}};!function(e,t){void 0===t&&(t={});var s=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===s&&o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-toast {\n    position: fixed;\n    width: 25rem;\n}\n.p-toast-message-content {\n    display: flex;\n    align-items: flex-start;\n}\n.p-toast-message-text {\n    flex: 1 1 auto;\n}\n.p-toast-top-right {\n    top: 20px;\n    right: 20px;\n}\n.p-toast-top-left {\n    top: 20px;\n    left: 20px;\n}\n.p-toast-bottom-left {\n    bottom: 20px;\n    left: 20px;\n}\n.p-toast-bottom-right {\n    bottom: 20px;\n    right: 20px;\n}\n.p-toast-top-center {\n    top: 20px;\n    left: 50%;\n    transform: translateX(-50%);\n}\n.p-toast-bottom-center {\n    bottom: 20px;\n    left: 50%;\n    transform: translateX(-50%);\n}\n.p-toast-center {\n    left: 50%;\n    top: 50%;\n    min-width: 20vw;\n    transform: translate(-50%, -50%);\n}\n.p-toast-icon-close {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    position: relative;\n}\n.p-toast-icon-close.p-link {\n    cursor: pointer;\n}\n\n/* Animations */\n.p-toast-message-enter-from {\n    opacity: 0;\n    -webkit-transform: translateY(50%);\n    -ms-transform: translateY(50%);\n    transform: translateY(50%);\n}\n.p-toast-message-leave-from {\n    max-height: 1000px;\n}\n.p-toast .p-toast-message.p-toast-message-leave-to {\n    max-height: 0;\n    opacity: 0;\n    margin-bottom: 0;\n    overflow: hidden;\n}\n.p-toast-message-enter-active {\n    -webkit-transition: transform 0.3s, opacity 0.3s;\n    transition: transform 0.3s, opacity 0.3s;\n}\n.p-toast-message-leave-active {\n    -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;\n    transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;\n}\n"),L.render=function(e,t,s,o,n,i){const a=T("ToastMessage"),r=T("Portal");return d(),v(r,null,{default:k((()=>[g("div",f({ref:"container",class:i.containerClass},{...e.$attrs,...e.ptm("root")}),[w(E,{name:"p-toast-message",tag:"div",onEnter:i.onEnter,onLeave:i.onLeave},{default:k((()=>[(d(!0),h(y,null,$(n.messages,(o=>(d(),v(a,{key:o.id,message:o,templates:e.$slots,closeIcon:s.closeIcon,infoIcon:s.infoIcon,warnIcon:s.warnIcon,errorIcon:s.errorIcon,successIcon:s.successIcon,closeButtonProps:s.closeButtonProps,onClose:t[0]||(t[0]=e=>i.remove(e)),pt:e.pt},null,8,["message","templates","closeIcon","infoIcon","warnIcon","errorIcon","successIcon","closeButtonProps","pt"])))),128))])),_:1},8,["onEnter","onLeave"])],16)])),_:1})};export{L as default};
+import e from"primevue/basecomponent";import t from"primevue/portal";import s from"primevue/toasteventbus";import{ZIndexUtils as o,ObjectUtils as n,UniqueComponentId as i}from"primevue/utils";import a from"primevue/icons/check";import r from"primevue/icons/exclamationtriangle";import l from"primevue/icons/infocircle";import m from"primevue/icons/times";import c from"primevue/icons/timescircle";import p from"primevue/ripple";import{resolveDirective as u,openBlock as d,createElementBlock as h,mergeProps as f,createElementVNode as g,Fragment as y,createBlock as v,resolveDynamicComponent as I,toDisplayString as b,normalizeProps as x,withDirectives as C,createCommentVNode as S,resolveComponent as T,withCtx as k,createVNode as w,TransitionGroup as E,renderList as $}from"vue";var A={name:"ToastMessage",extends:e,emits:["close"],props:{message:{type:null,default:null},templates:{type:Object,default:null},closeIcon:{type:String,default:null},infoIcon:{type:String,default:null},warnIcon:{type:String,default:null},errorIcon:{type:String,default:null},successIcon:{type:String,default:null},closeButtonProps:{type:null,default:null}},closeTimeout:null,mounted(){this.message.life&&(this.closeTimeout=setTimeout((()=>{this.close({message:this.message,type:"life-end"})}),this.message.life))},beforeUnmount(){this.clearCloseTimeout()},methods:{close(e){this.$emit("close",e)},onCloseClick(){this.clearCloseTimeout(),this.close({message:this.message,type:"close"})},clearCloseTimeout(){this.closeTimeout&&(clearTimeout(this.closeTimeout),this.closeTimeout=null)}},computed:{containerClass(){return["p-toast-message",this.message.styleClass,{"p-toast-message-info":"info"===this.message.severity,"p-toast-message-warn":"warn"===this.message.severity,"p-toast-message-error":"error"===this.message.severity,"p-toast-message-success":"success"===this.message.severity}]},iconComponent(){return{info:!this.infoIcon&&l,success:!this.successIcon&&a,warn:!this.warnIcon&&r,error:!this.errorIcon&&c}[this.message.severity]},iconClass(){return[{[this.infoIcon]:"info"===this.message.severity,[this.warnIcon]:"warn"===this.message.severity,[this.errorIcon]:"error"===this.message.severity,[this.successIcon]:"success"===this.message.severity}]},closeAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},components:{TimesIcon:m,InfoCircleIcon:l,CheckIcon:a,ExclamationTriangleIcon:r,TimesCircleIcon:c},directives:{ripple:p}};const B=["aria-label"];A.render=function(e,t,s,o,n,i){const a=u("ripple");return d(),h("div",f({class:i.containerClass,role:"alert","aria-live":"assertive","aria-atomic":"true"},e.ptm("container")),[g("div",f({class:["p-toast-message-content",s.message.contentStyleClass]},e.ptm("content")),[s.templates.message?(d(),v(I(s.templates.message),{key:1,message:s.message},null,8,["message"])):(d(),h(y,{key:0},[(d(),v(I(s.templates.icon?s.templates.icon:i.iconComponent.name?i.iconComponent:"span"),f({class:[i.iconClass,"p-toast-message-icon"]},e.ptm("icon")),null,16,["class"])),g("div",f({class:"p-toast-message-text"},e.ptm("text")),[g("span",f({class:"p-toast-summary"},e.ptm("summary")),b(s.message.summary),17),g("div",f({class:"p-toast-detail"},e.ptm("detail")),b(s.message.detail),17)],16)],64)),!1!==s.message.closable?(d(),h("div",x(f({key:2},e.ptm("buttonContainer"))),[C((d(),h("button",f({class:"p-toast-icon-close p-link",type:"button","aria-label":i.closeAriaLabel,onClick:t[0]||(t[0]=(...e)=>i.onCloseClick&&i.onCloseClick(...e)),autofocus:""},{...s.closeButtonProps,...e.ptm("button")}),[(d(),v(I(s.templates.closeicon||"TimesIcon"),f({class:["p-toast-icon-close-icon",s.closeIcon]},e.ptm("buttonIcon")),null,16,["class"]))],16,B)),[[a]])],16)):S("",!0)],16)],16)};var P=0,L={name:"Toast",extends:e,inheritAttrs:!1,emits:["close","life-end"],props:{group:{type:String,default:null},position:{type:String,default:"top-right"},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},breakpoints:{type:Object,default:null},closeIcon:{type:String,default:void 0},infoIcon:{type:String,default:void 0},warnIcon:{type:String,default:void 0},errorIcon:{type:String,default:void 0},successIcon:{type:String,default:void 0},closeButtonProps:{type:null,default:null}},data:()=>({messages:[]}),styleElement:null,mounted(){s.on("add",this.onAdd),s.on("remove-group",this.onRemoveGroup),s.on("remove-all-groups",this.onRemoveAllGroups),this.breakpoints&&this.createStyle()},beforeUnmount(){this.destroyStyle(),this.$refs.container&&this.autoZIndex&&o.clear(this.$refs.container),s.off("add",this.onAdd),s.off("remove-group",this.onRemoveGroup),s.off("remove-all-groups",this.onRemoveAllGroups)},methods:{add(e){null==e.id&&(e.id=P++),this.messages=[...this.messages,e]},remove(e){let t=-1;for(let s=0;s<this.messages.length;s++)if(this.messages[s]===e.message){t=s;break}this.messages.splice(t,1),this.$emit(e.type,{message:e.message})},onAdd(e){this.group==e.group&&this.add(e)},onRemoveGroup(e){this.group===e&&(this.messages=[])},onRemoveAllGroups(){this.messages=[]},onEnter(){this.$refs.container.setAttribute(this.attributeSelector,""),this.autoZIndex&&o.set("modal",this.$refs.container,this.baseZIndex||this.$primevue.config.zIndex.modal)},onLeave(){this.$refs.container&&this.autoZIndex&&n.isEmpty(this.messages)&&setTimeout((()=>{o.clear(this.$refs.container)}),200)},createStyle(){if(!this.styleElement){this.styleElement=document.createElement("style"),this.styleElement.type="text/css",document.head.appendChild(this.styleElement);let e="";for(let t in this.breakpoints){let s="";for(let e in this.breakpoints[t])s+=e+":"+this.breakpoints[t][e]+"!important;";e+=`\n                        @media screen and (max-width: ${t}) {\n                            .p-toast[${this.attributeSelector}] {\n                                ${s}\n                            }\n                        }\n                    `}this.styleElement.innerHTML=e}},destroyStyle(){this.styleElement&&(document.head.removeChild(this.styleElement),this.styleElement=null)}},computed:{containerClass(){return["p-toast p-component p-toast-"+this.position,{"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]},attributeSelector:()=>i()},components:{ToastMessage:A,Portal:t}};!function(e,t){void 0===t&&(t={});var s=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===s&&o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-toast {\n    position: fixed;\n    width: 25rem;\n}\n.p-toast-message-content {\n    display: flex;\n    align-items: flex-start;\n}\n.p-toast-message-text {\n    flex: 1 1 auto;\n}\n.p-toast-top-right {\n    top: 20px;\n    right: 20px;\n}\n.p-toast-top-left {\n    top: 20px;\n    left: 20px;\n}\n.p-toast-bottom-left {\n    bottom: 20px;\n    left: 20px;\n}\n.p-toast-bottom-right {\n    bottom: 20px;\n    right: 20px;\n}\n.p-toast-top-center {\n    top: 20px;\n    left: 50%;\n    transform: translateX(-50%);\n}\n.p-toast-bottom-center {\n    bottom: 20px;\n    left: 50%;\n    transform: translateX(-50%);\n}\n.p-toast-center {\n    left: 50%;\n    top: 50%;\n    min-width: 20vw;\n    transform: translate(-50%, -50%);\n}\n.p-toast-icon-close {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    position: relative;\n}\n.p-toast-icon-close.p-link {\n    cursor: pointer;\n}\n\n/* Animations */\n.p-toast-message-enter-from {\n    opacity: 0;\n    -webkit-transform: translateY(50%);\n    -ms-transform: translateY(50%);\n    transform: translateY(50%);\n}\n.p-toast-message-leave-from {\n    max-height: 1000px;\n}\n.p-toast .p-toast-message.p-toast-message-leave-to {\n    max-height: 0;\n    opacity: 0;\n    margin-bottom: 0;\n    overflow: hidden;\n}\n.p-toast-message-enter-active {\n    -webkit-transition: transform 0.3s, opacity 0.3s;\n    transition: transform 0.3s, opacity 0.3s;\n}\n.p-toast-message-leave-active {\n    -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;\n    transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;\n}\n"),L.render=function(e,t,s,o,n,i){const a=T("ToastMessage"),r=T("Portal");return d(),v(r,null,{default:k((()=>[g("div",f({ref:"container",class:i.containerClass},{...e.$attrs,...e.ptm("root")}),[w(E,f({name:"p-toast-message",tag:"div",onEnter:i.onEnter,onLeave:i.onLeave},e.ptm("message")),{default:k((()=>[(d(!0),h(y,null,$(n.messages,(o=>(d(),v(a,{key:o.id,message:o,templates:e.$slots,closeIcon:s.closeIcon,infoIcon:s.infoIcon,warnIcon:s.warnIcon,errorIcon:s.errorIcon,successIcon:s.successIcon,closeButtonProps:s.closeButtonProps,onClose:t[0]||(t[0]=e=>i.remove(e)),pt:e.pt},null,8,["message","templates","closeIcon","infoIcon","warnIcon","errorIcon","successIcon","closeButtonProps","pt"])))),128))])),_:1},16,["onEnter","onLeave"])],16)])),_:1})};export{L as default};

package/toast/toast.js

@@ -367,12 +367,12 @@ this.primevue.toast = (function (BaseComponent, Portal, ToastEventBus, utils, Ch
             ref: "container",
             class: $options.containerClass
           }, { ..._ctx.$attrs, ..._ctx.ptm('root') }), [
-            vue.createVNode(vue.TransitionGroup, {
+            vue.createVNode(vue.TransitionGroup, vue.mergeProps({
               name: "p-toast-message",
               tag: "div",
               onEnter: $options.onEnter,
               onLeave: $options.onLeave
-            }, {
+            }, _ctx.ptm('message')), {
               default: vue.withCtx(() => [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($data.messages, (msg) => {
                   return (vue.openBlock(), vue.createBlock(_component_ToastMessage, {
@@ -391,7 +391,7 @@ this.primevue.toast = (function (BaseComponent, Portal, ToastEventBus, utils, Ch
                 }), 128))
               ]),
               _: 1
-            }, 8, ["onEnter", "onLeave"])
+            }, 16, ["onEnter", "onLeave"])
           ], 16)
         ]),
         _: 1

package/toast/toast.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.toast=function(e,t,s,o,n,a,i,l,r,c,m){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=p(e),d=p(t),f=p(s),h=p(n),g=p(a),v=p(i),y=p(l),I=p(r),b=p(c),x={name:"ToastMessage",extends:u.default,emits:["close"],props:{message:{type:null,default:null},templates:{type:Object,default:null},closeIcon:{type:String,default:null},infoIcon:{type:String,default:null},warnIcon:{type:String,default:null},errorIcon:{type:String,default:null},successIcon:{type:String,default:null},closeButtonProps:{type:null,default:null}},closeTimeout:null,mounted(){this.message.life&&(this.closeTimeout=setTimeout((()=>{this.close({message:this.message,type:"life-end"})}),this.message.life))},beforeUnmount(){this.clearCloseTimeout()},methods:{close(e){this.$emit("close",e)},onCloseClick(){this.clearCloseTimeout(),this.close({message:this.message,type:"close"})},clearCloseTimeout(){this.closeTimeout&&(clearTimeout(this.closeTimeout),this.closeTimeout=null)}},computed:{containerClass(){return["p-toast-message",this.message.styleClass,{"p-toast-message-info":"info"===this.message.severity,"p-toast-message-warn":"warn"===this.message.severity,"p-toast-message-error":"error"===this.message.severity,"p-toast-message-success":"success"===this.message.severity}]},iconComponent(){return{info:!this.infoIcon&&v.default,success:!this.successIcon&&h.default,warn:!this.warnIcon&&g.default,error:!this.errorIcon&&I.default}[this.message.severity]},iconClass(){return[{[this.infoIcon]:"info"===this.message.severity,[this.warnIcon]:"warn"===this.message.severity,[this.errorIcon]:"error"===this.message.severity,[this.successIcon]:"success"===this.message.severity}]},closeAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},components:{TimesIcon:y.default,InfoCircleIcon:v.default,CheckIcon:h.default,ExclamationTriangleIcon:g.default,TimesCircleIcon:I.default},directives:{ripple:b.default}};const k=["aria-label"];x.render=function(e,t,s,o,n,a){const i=m.resolveDirective("ripple");return m.openBlock(),m.createElementBlock("div",m.mergeProps({class:a.containerClass,role:"alert","aria-live":"assertive","aria-atomic":"true"},e.ptm("container")),[m.createElementVNode("div",m.mergeProps({class:["p-toast-message-content",s.message.contentStyleClass]},e.ptm("content")),[s.templates.message?(m.openBlock(),m.createBlock(m.resolveDynamicComponent(s.templates.message),{key:1,message:s.message},null,8,["message"])):(m.openBlock(),m.createElementBlock(m.Fragment,{key:0},[(m.openBlock(),m.createBlock(m.resolveDynamicComponent(s.templates.icon?s.templates.icon:a.iconComponent.name?a.iconComponent:"span"),m.mergeProps({class:[a.iconClass,"p-toast-message-icon"]},e.ptm("icon")),null,16,["class"])),m.createElementVNode("div",m.mergeProps({class:"p-toast-message-text"},e.ptm("text")),[m.createElementVNode("span",m.mergeProps({class:"p-toast-summary"},e.ptm("summary")),m.toDisplayString(s.message.summary),17),m.createElementVNode("div",m.mergeProps({class:"p-toast-detail"},e.ptm("detail")),m.toDisplayString(s.message.detail),17)],16)],64)),!1!==s.message.closable?(m.openBlock(),m.createElementBlock("div",m.normalizeProps(m.mergeProps({key:2},e.ptm("buttonContainer"))),[m.withDirectives((m.openBlock(),m.createElementBlock("button",m.mergeProps({class:"p-toast-icon-close p-link",type:"button","aria-label":a.closeAriaLabel,onClick:t[0]||(t[0]=(...e)=>a.onCloseClick&&a.onCloseClick(...e)),autofocus:""},{...s.closeButtonProps,...e.ptm("button")}),[(m.openBlock(),m.createBlock(m.resolveDynamicComponent(s.templates.closeicon||"TimesIcon"),m.mergeProps({class:["p-toast-icon-close-icon",s.closeIcon]},e.ptm("buttonIcon")),null,16,["class"]))],16,k)),[[i]])],16)):m.createCommentVNode("",!0)],16)],16)};var C=0,B={name:"Toast",extends:u.default,inheritAttrs:!1,emits:["close","life-end"],props:{group:{type:String,default:null},position:{type:String,default:"top-right"},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},breakpoints:{type:Object,default:null},closeIcon:{type:String,default:void 0},infoIcon:{type:String,default:void 0},warnIcon:{type:String,default:void 0},errorIcon:{type:String,default:void 0},successIcon:{type:String,default:void 0},closeButtonProps:{type:null,default:null}},data:()=>({messages:[]}),styleElement:null,mounted(){f.default.on("add",this.onAdd),f.default.on("remove-group",this.onRemoveGroup),f.default.on("remove-all-groups",this.onRemoveAllGroups),this.breakpoints&&this.createStyle()},beforeUnmount(){this.destroyStyle(),this.$refs.container&&this.autoZIndex&&o.ZIndexUtils.clear(this.$refs.container),f.default.off("add",this.onAdd),f.default.off("remove-group",this.onRemoveGroup),f.default.off("remove-all-groups",this.onRemoveAllGroups)},methods:{add(e){null==e.id&&(e.id=C++),this.messages=[...this.messages,e]},remove(e){let t=-1;for(let s=0;s<this.messages.length;s++)if(this.messages[s]===e.message){t=s;break}this.messages.splice(t,1),this.$emit(e.type,{message:e.message})},onAdd(e){this.group==e.group&&this.add(e)},onRemoveGroup(e){this.group===e&&(this.messages=[])},onRemoveAllGroups(){this.messages=[]},onEnter(){this.$refs.container.setAttribute(this.attributeSelector,""),this.autoZIndex&&o.ZIndexUtils.set("modal",this.$refs.container,this.baseZIndex||this.$primevue.config.zIndex.modal)},onLeave(){this.$refs.container&&this.autoZIndex&&o.ObjectUtils.isEmpty(this.messages)&&setTimeout((()=>{o.ZIndexUtils.clear(this.$refs.container)}),200)},createStyle(){if(!this.styleElement){this.styleElement=document.createElement("style"),this.styleElement.type="text/css",document.head.appendChild(this.styleElement);let e="";for(let t in this.breakpoints){let s="";for(let e in this.breakpoints[t])s+=e+":"+this.breakpoints[t][e]+"!important;";e+=`\n                        @media screen and (max-width: ${t}) {\n                            .p-toast[${this.attributeSelector}] {\n                                ${s}\n                            }\n                        }\n                    `}this.styleElement.innerHTML=e}},destroyStyle(){this.styleElement&&(document.head.removeChild(this.styleElement),this.styleElement=null)}},computed:{containerClass(){return["p-toast p-component p-toast-"+this.position,{"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]},attributeSelector:()=>o.UniqueComponentId()},components:{ToastMessage:x,Portal:d.default}};return function(e,t){void 0===t&&(t={});var s=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===s&&o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-toast {\n    position: fixed;\n    width: 25rem;\n}\n.p-toast-message-content {\n    display: flex;\n    align-items: flex-start;\n}\n.p-toast-message-text {\n    flex: 1 1 auto;\n}\n.p-toast-top-right {\n    top: 20px;\n    right: 20px;\n}\n.p-toast-top-left {\n    top: 20px;\n    left: 20px;\n}\n.p-toast-bottom-left {\n    bottom: 20px;\n    left: 20px;\n}\n.p-toast-bottom-right {\n    bottom: 20px;\n    right: 20px;\n}\n.p-toast-top-center {\n    top: 20px;\n    left: 50%;\n    transform: translateX(-50%);\n}\n.p-toast-bottom-center {\n    bottom: 20px;\n    left: 50%;\n    transform: translateX(-50%);\n}\n.p-toast-center {\n    left: 50%;\n    top: 50%;\n    min-width: 20vw;\n    transform: translate(-50%, -50%);\n}\n.p-toast-icon-close {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    position: relative;\n}\n.p-toast-icon-close.p-link {\n    cursor: pointer;\n}\n\n/* Animations */\n.p-toast-message-enter-from {\n    opacity: 0;\n    -webkit-transform: translateY(50%);\n    -ms-transform: translateY(50%);\n    transform: translateY(50%);\n}\n.p-toast-message-leave-from {\n    max-height: 1000px;\n}\n.p-toast .p-toast-message.p-toast-message-leave-to {\n    max-height: 0;\n    opacity: 0;\n    margin-bottom: 0;\n    overflow: hidden;\n}\n.p-toast-message-enter-active {\n    -webkit-transition: transform 0.3s, opacity 0.3s;\n    transition: transform 0.3s, opacity 0.3s;\n}\n.p-toast-message-leave-active {\n    -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;\n    transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;\n}\n"),B.render=function(e,t,s,o,n,a){const i=m.resolveComponent("ToastMessage"),l=m.resolveComponent("Portal");return m.openBlock(),m.createBlock(l,null,{default:m.withCtx((()=>[m.createElementVNode("div",m.mergeProps({ref:"container",class:a.containerClass},{...e.$attrs,...e.ptm("root")}),[m.createVNode(m.TransitionGroup,{name:"p-toast-message",tag:"div",onEnter:a.onEnter,onLeave:a.onLeave},{default:m.withCtx((()=>[(m.openBlock(!0),m.createElementBlock(m.Fragment,null,m.renderList(n.messages,(o=>(m.openBlock(),m.createBlock(i,{key:o.id,message:o,templates:e.$slots,closeIcon:s.closeIcon,infoIcon:s.infoIcon,warnIcon:s.warnIcon,errorIcon:s.errorIcon,successIcon:s.successIcon,closeButtonProps:s.closeButtonProps,onClose:t[0]||(t[0]=e=>a.remove(e)),pt:e.pt},null,8,["message","templates","closeIcon","infoIcon","warnIcon","errorIcon","successIcon","closeButtonProps","pt"])))),128))])),_:1},8,["onEnter","onLeave"])],16)])),_:1})},B}(primevue.basecomponent,primevue.portal,primevue.toasteventbus,primevue.utils,primevue.icons.check,primevue.icons.exclamationtriangle,primevue.icons.infocircle,primevue.icons.times,primevue.icons.timescircle,primevue.ripple,Vue);
+this.primevue=this.primevue||{},this.primevue.toast=function(e,t,s,o,n,a,i,l,r,c,m){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=p(e),d=p(t),f=p(s),h=p(n),g=p(a),v=p(i),y=p(l),I=p(r),b=p(c),x={name:"ToastMessage",extends:u.default,emits:["close"],props:{message:{type:null,default:null},templates:{type:Object,default:null},closeIcon:{type:String,default:null},infoIcon:{type:String,default:null},warnIcon:{type:String,default:null},errorIcon:{type:String,default:null},successIcon:{type:String,default:null},closeButtonProps:{type:null,default:null}},closeTimeout:null,mounted(){this.message.life&&(this.closeTimeout=setTimeout((()=>{this.close({message:this.message,type:"life-end"})}),this.message.life))},beforeUnmount(){this.clearCloseTimeout()},methods:{close(e){this.$emit("close",e)},onCloseClick(){this.clearCloseTimeout(),this.close({message:this.message,type:"close"})},clearCloseTimeout(){this.closeTimeout&&(clearTimeout(this.closeTimeout),this.closeTimeout=null)}},computed:{containerClass(){return["p-toast-message",this.message.styleClass,{"p-toast-message-info":"info"===this.message.severity,"p-toast-message-warn":"warn"===this.message.severity,"p-toast-message-error":"error"===this.message.severity,"p-toast-message-success":"success"===this.message.severity}]},iconComponent(){return{info:!this.infoIcon&&v.default,success:!this.successIcon&&h.default,warn:!this.warnIcon&&g.default,error:!this.errorIcon&&I.default}[this.message.severity]},iconClass(){return[{[this.infoIcon]:"info"===this.message.severity,[this.warnIcon]:"warn"===this.message.severity,[this.errorIcon]:"error"===this.message.severity,[this.successIcon]:"success"===this.message.severity}]},closeAriaLabel(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},components:{TimesIcon:y.default,InfoCircleIcon:v.default,CheckIcon:h.default,ExclamationTriangleIcon:g.default,TimesCircleIcon:I.default},directives:{ripple:b.default}};const k=["aria-label"];x.render=function(e,t,s,o,n,a){const i=m.resolveDirective("ripple");return m.openBlock(),m.createElementBlock("div",m.mergeProps({class:a.containerClass,role:"alert","aria-live":"assertive","aria-atomic":"true"},e.ptm("container")),[m.createElementVNode("div",m.mergeProps({class:["p-toast-message-content",s.message.contentStyleClass]},e.ptm("content")),[s.templates.message?(m.openBlock(),m.createBlock(m.resolveDynamicComponent(s.templates.message),{key:1,message:s.message},null,8,["message"])):(m.openBlock(),m.createElementBlock(m.Fragment,{key:0},[(m.openBlock(),m.createBlock(m.resolveDynamicComponent(s.templates.icon?s.templates.icon:a.iconComponent.name?a.iconComponent:"span"),m.mergeProps({class:[a.iconClass,"p-toast-message-icon"]},e.ptm("icon")),null,16,["class"])),m.createElementVNode("div",m.mergeProps({class:"p-toast-message-text"},e.ptm("text")),[m.createElementVNode("span",m.mergeProps({class:"p-toast-summary"},e.ptm("summary")),m.toDisplayString(s.message.summary),17),m.createElementVNode("div",m.mergeProps({class:"p-toast-detail"},e.ptm("detail")),m.toDisplayString(s.message.detail),17)],16)],64)),!1!==s.message.closable?(m.openBlock(),m.createElementBlock("div",m.normalizeProps(m.mergeProps({key:2},e.ptm("buttonContainer"))),[m.withDirectives((m.openBlock(),m.createElementBlock("button",m.mergeProps({class:"p-toast-icon-close p-link",type:"button","aria-label":a.closeAriaLabel,onClick:t[0]||(t[0]=(...e)=>a.onCloseClick&&a.onCloseClick(...e)),autofocus:""},{...s.closeButtonProps,...e.ptm("button")}),[(m.openBlock(),m.createBlock(m.resolveDynamicComponent(s.templates.closeicon||"TimesIcon"),m.mergeProps({class:["p-toast-icon-close-icon",s.closeIcon]},e.ptm("buttonIcon")),null,16,["class"]))],16,k)),[[i]])],16)):m.createCommentVNode("",!0)],16)],16)};var C=0,B={name:"Toast",extends:u.default,inheritAttrs:!1,emits:["close","life-end"],props:{group:{type:String,default:null},position:{type:String,default:"top-right"},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},breakpoints:{type:Object,default:null},closeIcon:{type:String,default:void 0},infoIcon:{type:String,default:void 0},warnIcon:{type:String,default:void 0},errorIcon:{type:String,default:void 0},successIcon:{type:String,default:void 0},closeButtonProps:{type:null,default:null}},data:()=>({messages:[]}),styleElement:null,mounted(){f.default.on("add",this.onAdd),f.default.on("remove-group",this.onRemoveGroup),f.default.on("remove-all-groups",this.onRemoveAllGroups),this.breakpoints&&this.createStyle()},beforeUnmount(){this.destroyStyle(),this.$refs.container&&this.autoZIndex&&o.ZIndexUtils.clear(this.$refs.container),f.default.off("add",this.onAdd),f.default.off("remove-group",this.onRemoveGroup),f.default.off("remove-all-groups",this.onRemoveAllGroups)},methods:{add(e){null==e.id&&(e.id=C++),this.messages=[...this.messages,e]},remove(e){let t=-1;for(let s=0;s<this.messages.length;s++)if(this.messages[s]===e.message){t=s;break}this.messages.splice(t,1),this.$emit(e.type,{message:e.message})},onAdd(e){this.group==e.group&&this.add(e)},onRemoveGroup(e){this.group===e&&(this.messages=[])},onRemoveAllGroups(){this.messages=[]},onEnter(){this.$refs.container.setAttribute(this.attributeSelector,""),this.autoZIndex&&o.ZIndexUtils.set("modal",this.$refs.container,this.baseZIndex||this.$primevue.config.zIndex.modal)},onLeave(){this.$refs.container&&this.autoZIndex&&o.ObjectUtils.isEmpty(this.messages)&&setTimeout((()=>{o.ZIndexUtils.clear(this.$refs.container)}),200)},createStyle(){if(!this.styleElement){this.styleElement=document.createElement("style"),this.styleElement.type="text/css",document.head.appendChild(this.styleElement);let e="";for(let t in this.breakpoints){let s="";for(let e in this.breakpoints[t])s+=e+":"+this.breakpoints[t][e]+"!important;";e+=`\n                        @media screen and (max-width: ${t}) {\n                            .p-toast[${this.attributeSelector}] {\n                                ${s}\n                            }\n                        }\n                    `}this.styleElement.innerHTML=e}},destroyStyle(){this.styleElement&&(document.head.removeChild(this.styleElement),this.styleElement=null)}},computed:{containerClass(){return["p-toast p-component p-toast-"+this.position,{"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]},attributeSelector:()=>o.UniqueComponentId()},components:{ToastMessage:x,Portal:d.default}};return function(e,t){void 0===t&&(t={});var s=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===s&&o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-toast {\n    position: fixed;\n    width: 25rem;\n}\n.p-toast-message-content {\n    display: flex;\n    align-items: flex-start;\n}\n.p-toast-message-text {\n    flex: 1 1 auto;\n}\n.p-toast-top-right {\n    top: 20px;\n    right: 20px;\n}\n.p-toast-top-left {\n    top: 20px;\n    left: 20px;\n}\n.p-toast-bottom-left {\n    bottom: 20px;\n    left: 20px;\n}\n.p-toast-bottom-right {\n    bottom: 20px;\n    right: 20px;\n}\n.p-toast-top-center {\n    top: 20px;\n    left: 50%;\n    transform: translateX(-50%);\n}\n.p-toast-bottom-center {\n    bottom: 20px;\n    left: 50%;\n    transform: translateX(-50%);\n}\n.p-toast-center {\n    left: 50%;\n    top: 50%;\n    min-width: 20vw;\n    transform: translate(-50%, -50%);\n}\n.p-toast-icon-close {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    position: relative;\n}\n.p-toast-icon-close.p-link {\n    cursor: pointer;\n}\n\n/* Animations */\n.p-toast-message-enter-from {\n    opacity: 0;\n    -webkit-transform: translateY(50%);\n    -ms-transform: translateY(50%);\n    transform: translateY(50%);\n}\n.p-toast-message-leave-from {\n    max-height: 1000px;\n}\n.p-toast .p-toast-message.p-toast-message-leave-to {\n    max-height: 0;\n    opacity: 0;\n    margin-bottom: 0;\n    overflow: hidden;\n}\n.p-toast-message-enter-active {\n    -webkit-transition: transform 0.3s, opacity 0.3s;\n    transition: transform 0.3s, opacity 0.3s;\n}\n.p-toast-message-leave-active {\n    -webkit-transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;\n    transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;\n}\n"),B.render=function(e,t,s,o,n,a){const i=m.resolveComponent("ToastMessage"),l=m.resolveComponent("Portal");return m.openBlock(),m.createBlock(l,null,{default:m.withCtx((()=>[m.createElementVNode("div",m.mergeProps({ref:"container",class:a.containerClass},{...e.$attrs,...e.ptm("root")}),[m.createVNode(m.TransitionGroup,m.mergeProps({name:"p-toast-message",tag:"div",onEnter:a.onEnter,onLeave:a.onLeave},e.ptm("message")),{default:m.withCtx((()=>[(m.openBlock(!0),m.createElementBlock(m.Fragment,null,m.renderList(n.messages,(o=>(m.openBlock(),m.createBlock(i,{key:o.id,message:o,templates:e.$slots,closeIcon:s.closeIcon,infoIcon:s.infoIcon,warnIcon:s.warnIcon,errorIcon:s.errorIcon,successIcon:s.successIcon,closeButtonProps:s.closeButtonProps,onClose:t[0]||(t[0]=e=>a.remove(e)),pt:e.pt},null,8,["message","templates","closeIcon","infoIcon","warnIcon","errorIcon","successIcon","closeButtonProps","pt"])))),128))])),_:1},16,["onEnter","onLeave"])],16)])),_:1})},B}(primevue.basecomponent,primevue.portal,primevue.toasteventbus,primevue.utils,primevue.icons.check,primevue.icons.exclamationtriangle,primevue.icons.infocircle,primevue.icons.times,primevue.icons.timescircle,primevue.ripple,Vue);

package/togglebutton/ToggleButton.d.ts

@@ -10,6 +10,60 @@
 import { InputHTMLAttributes, VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
+export declare type ToggleButtonPassThroughOptionType = ToggleButtonPassThroughAttributes | ((options: ToggleButtonPassThroughMethodOptions) => ToggleButtonPassThroughAttributes) | null | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface ToggleButtonPassThroughMethodOptions {
+    props: ToggleButtonProps;
+    state: ToggleButtonState;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link ToggleButtonProps.pt}
+ */
+export interface ToggleButtonPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: ToggleButtonPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the icon's DOM element.
+     */
+    icon?: ToggleButtonPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the label's DOM element.
+     */
+    label?: ToggleButtonPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the hidden input wrapper's DOM element.
+     */
+    hiddenInputWrapper?: ToggleButtonPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the hidden input's DOM element.
+     */
+    hiddenInput?: ToggleButtonPassThroughOptionType;
+}
+
+/**
+ * Custom passthrough attributes for each DOM elements
+ */
+export interface ToggleButtonPassThroughAttributes {
+    [key: string]: any;
+}
+
+/**
+ * Defines current inline state in ToggleButton component.
+ */
+export interface ToggleButtonState {
+    /**
+     * Focused state as a number.
+     */
+    focused: boolean;
+}
+
 /**
  * Defines valid properties in ToggleButton component.
  */
@@ -77,6 +131,11 @@ export interface ToggleButtonProps {
      * Establishes a string value that labels the component.
      */
     'aria-label'?: string | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {ToggleButtonPassThroughOptions}
+     */
+    pt?: ToggleButtonPassThroughOptions;
 }
 
 /**

package/togglebutton/ToggleButton.vue

@@ -1,6 +1,6 @@
 <template>
-    <div ref="container" v-ripple :class="buttonClass" @click="onClick($event)">
-        <span class="p-hidden-accessible">
+    <div ref="container" v-ripple :class="buttonClass" @click="onClick($event)" v-bind="ptm('root')">
+        <span class="p-hidden-accessible" v-bind="ptm('hiddenInputWrapper')">
             <input
                 :id="inputId"
                 type="checkbox"
@@ -13,21 +13,23 @@
                 :aria-label="ariaLabel"
                 @focus="onFocus($event)"
                 @blur="onBlur($event)"
-                v-bind="inputProps"
+                v-bind="{ ...inputProps, ...ptm('hiddenInput') }"
             />
         </span>
         <slot name="icon" :value="modelValue" :class="iconClass">
-            <span v-if="onIcon || offIcon" :class="iconClass" />
+            <span v-if="onIcon || offIcon" :class="iconClass" v-bind="ptm('icon')" />
         </slot>
-        <span class="p-button-label">{{ label }}</span>
+        <span class="p-button-label" v-bind="ptm('label')">{{ label }}</span>
     </div>
 </template>
 
 <script>
+import BaseComponent from 'primevue/basecomponent';
 import Ripple from 'primevue/ripple';
 
 export default {
     name: 'ToggleButton',
+    extends: BaseComponent,
     emits: ['update:modelValue', 'change', 'click', 'focus', 'blur'],
     props: {
         modelValue: Boolean,

package/togglebutton/togglebutton.cjs.js

@@ -1,14 +1,17 @@
 'use strict';
 
+var BaseComponent = require('primevue/basecomponent');
 var Ripple = require('primevue/ripple');
 var vue = require('vue');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 var Ripple__default = /*#__PURE__*/_interopDefaultLegacy(Ripple);
 
 var script = {
     name: 'ToggleButton',
+    extends: BaseComponent__default["default"],
     emits: ['update:modelValue', 'change', 'click', 'focus', 'blur'],
     props: {
         modelValue: Boolean,
@@ -143,19 +146,17 @@ var script = {
     }
 };
 
-const _hoisted_1 = { class: "p-hidden-accessible" };
-const _hoisted_2 = ["id", "checked", "value", "aria-labelledby", "aria-label"];
-const _hoisted_3 = { class: "p-button-label" };
+const _hoisted_1 = ["id", "checked", "value", "aria-labelledby", "aria-label"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _directive_ripple = vue.resolveDirective("ripple");
 
-  return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+  return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
     ref: "container",
-    class: vue.normalizeClass($options.buttonClass),
+    class: $options.buttonClass,
     onClick: _cache[2] || (_cache[2] = $event => ($options.onClick($event)))
-  }, [
-    vue.createElementVNode("span", _hoisted_1, [
+  }, _ctx.ptm('root')), [
+    vue.createElementVNode("span", vue.mergeProps({ class: "p-hidden-accessible" }, _ctx.ptm('hiddenInputWrapper')), [
       vue.createElementVNode("input", vue.mergeProps({
         id: $props.inputId,
         type: "checkbox",
@@ -168,21 +169,21 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         "aria-label": _ctx.ariaLabel,
         onFocus: _cache[0] || (_cache[0] = $event => ($options.onFocus($event))),
         onBlur: _cache[1] || (_cache[1] = $event => ($options.onBlur($event)))
-      }, $props.inputProps), null, 16, _hoisted_2)
-    ]),
+      }, { ...$props.inputProps, ..._ctx.ptm('hiddenInput') }), null, 16, _hoisted_1)
+    ], 16),
     vue.renderSlot(_ctx.$slots, "icon", {
       value: $props.modelValue,
       class: vue.normalizeClass($options.iconClass)
     }, () => [
       ($props.onIcon || $props.offIcon)
-        ? (vue.openBlock(), vue.createElementBlock("span", {
+        ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
             key: 0,
-            class: vue.normalizeClass($options.iconClass)
-          }, null, 2))
+            class: $options.iconClass
+          }, _ctx.ptm('icon')), null, 16))
         : vue.createCommentVNode("", true)
     ]),
-    vue.createElementVNode("span", _hoisted_3, vue.toDisplayString($options.label), 1)
-  ], 2)), [
+    vue.createElementVNode("span", vue.mergeProps({ class: "p-button-label" }, _ctx.ptm('label')), vue.toDisplayString($options.label), 17)
+  ], 16)), [
     [_directive_ripple]
   ])
 }

package/togglebutton/togglebutton.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/ripple"),t=require("vue");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i={name:"ToggleButton",emits:["update:modelValue","change","click","focus","blur"],props:{modelValue:Boolean,onIcon:String,offIcon:String,onLabel:{type:String,default:"Yes"},offLabel:{type:String,default:"No"},iconPos:{type:String,default:"left"},disabled:{type:Boolean,default:!1},tabindex:{type:Number,default:null},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},inputProps:{type:null,default:null},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},outsideClickListener:null,data:()=>({focused:!1}),mounted(){this.bindOutsideClickListener()},beforeUnmount(){this.unbindOutsideClickListener()},methods:{onClick(e){this.disabled||(this.$emit("update:modelValue",!this.modelValue),this.$emit("change",e),this.$emit("click",e),this.focused=!0)},onFocus(e){this.focused=!0,this.$emit("focus",e)},onBlur(e){this.focused=!1,this.$emit("blur",e)},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{this.focused&&!this.$refs.container.contains(e.target)&&(this.focused=!1)},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)}},computed:{buttonClass(){return["p-button p-togglebutton p-component",{"p-focus":this.focused,"p-button-icon-only":this.hasIcon&&!this.hasLabel,"p-disabled":this.disabled,"p-highlight":!0===this.modelValue}]},iconClass(){return[this.modelValue?this.onIcon:this.offIcon,"p-button-icon",{"p-button-icon-left":"left"===this.iconPos&&this.label,"p-button-icon-right":"right"===this.iconPos&&this.label}]},hasLabel(){return this.onLabel&&this.onLabel.length>0&&this.offLabel&&this.offLabel.length>0},hasIcon(){return this.$slots.icon||this.onIcon&&this.offIcon},label(){return this.hasLabel?this.modelValue?this.onLabel:this.offLabel:" "}},directives:{ripple:l(e).default}};const n={class:"p-hidden-accessible"},s=["id","checked","value","aria-labelledby","aria-label"],o={class:"p-button-label"};i.render=function(e,l,i,a,u,c){const r=t.resolveDirective("ripple");return t.withDirectives((t.openBlock(),t.createElementBlock("div",{ref:"container",class:t.normalizeClass(c.buttonClass),onClick:l[2]||(l[2]=e=>c.onClick(e))},[t.createElementVNode("span",n,[t.createElementVNode("input",t.mergeProps({id:i.inputId,type:"checkbox",role:"switch",class:i.inputClass,style:i.inputStyle,checked:i.modelValue,value:i.modelValue,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:l[0]||(l[0]=e=>c.onFocus(e)),onBlur:l[1]||(l[1]=e=>c.onBlur(e))},i.inputProps),null,16,s)]),t.renderSlot(e.$slots,"icon",{value:i.modelValue,class:t.normalizeClass(c.iconClass)},(()=>[i.onIcon||i.offIcon?(t.openBlock(),t.createElementBlock("span",{key:0,class:t.normalizeClass(c.iconClass)},null,2)):t.createCommentVNode("",!0)])),t.createElementVNode("span",o,t.toDisplayString(c.label),1)],2)),[[r]])},module.exports=i;
+"use strict";var e=require("primevue/basecomponent"),t=require("primevue/ripple"),l=require("vue");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(e),s=i(t),o={name:"ToggleButton",extends:n.default,emits:["update:modelValue","change","click","focus","blur"],props:{modelValue:Boolean,onIcon:String,offIcon:String,onLabel:{type:String,default:"Yes"},offLabel:{type:String,default:"No"},iconPos:{type:String,default:"left"},disabled:{type:Boolean,default:!1},tabindex:{type:Number,default:null},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},inputProps:{type:null,default:null},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},outsideClickListener:null,data:()=>({focused:!1}),mounted(){this.bindOutsideClickListener()},beforeUnmount(){this.unbindOutsideClickListener()},methods:{onClick(e){this.disabled||(this.$emit("update:modelValue",!this.modelValue),this.$emit("change",e),this.$emit("click",e),this.focused=!0)},onFocus(e){this.focused=!0,this.$emit("focus",e)},onBlur(e){this.focused=!1,this.$emit("blur",e)},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{this.focused&&!this.$refs.container.contains(e.target)&&(this.focused=!1)},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)}},computed:{buttonClass(){return["p-button p-togglebutton p-component",{"p-focus":this.focused,"p-button-icon-only":this.hasIcon&&!this.hasLabel,"p-disabled":this.disabled,"p-highlight":!0===this.modelValue}]},iconClass(){return[this.modelValue?this.onIcon:this.offIcon,"p-button-icon",{"p-button-icon-left":"left"===this.iconPos&&this.label,"p-button-icon-right":"right"===this.iconPos&&this.label}]},hasLabel(){return this.onLabel&&this.onLabel.length>0&&this.offLabel&&this.offLabel.length>0},hasIcon(){return this.$slots.icon||this.onIcon&&this.offIcon},label(){return this.hasLabel?this.modelValue?this.onLabel:this.offLabel:" "}},directives:{ripple:s.default}};const a=["id","checked","value","aria-labelledby","aria-label"];o.render=function(e,t,i,n,s,o){const u=l.resolveDirective("ripple");return l.withDirectives((l.openBlock(),l.createElementBlock("div",l.mergeProps({ref:"container",class:o.buttonClass,onClick:t[2]||(t[2]=e=>o.onClick(e))},e.ptm("root")),[l.createElementVNode("span",l.mergeProps({class:"p-hidden-accessible"},e.ptm("hiddenInputWrapper")),[l.createElementVNode("input",l.mergeProps({id:i.inputId,type:"checkbox",role:"switch",class:i.inputClass,style:i.inputStyle,checked:i.modelValue,value:i.modelValue,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:t[0]||(t[0]=e=>o.onFocus(e)),onBlur:t[1]||(t[1]=e=>o.onBlur(e))},{...i.inputProps,...e.ptm("hiddenInput")}),null,16,a)],16),l.renderSlot(e.$slots,"icon",{value:i.modelValue,class:l.normalizeClass(o.iconClass)},(()=>[i.onIcon||i.offIcon?(l.openBlock(),l.createElementBlock("span",l.mergeProps({key:0,class:o.iconClass},e.ptm("icon")),null,16)):l.createCommentVNode("",!0)])),l.createElementVNode("span",l.mergeProps({class:"p-button-label"},e.ptm("label")),l.toDisplayString(o.label),17)],16)),[[u]])},module.exports=o;

package/togglebutton/togglebutton.esm.js

@@ -1,8 +1,10 @@
+import BaseComponent from 'primevue/basecomponent';
 import Ripple from 'primevue/ripple';
-import { resolveDirective, withDirectives, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, renderSlot, createCommentVNode, toDisplayString } from 'vue';
+import { resolveDirective, withDirectives, openBlock, createElementBlock, mergeProps, createElementVNode, renderSlot, normalizeClass, createCommentVNode, toDisplayString } from 'vue';
 
 var script = {
     name: 'ToggleButton',
+    extends: BaseComponent,
     emits: ['update:modelValue', 'change', 'click', 'focus', 'blur'],
     props: {
         modelValue: Boolean,
@@ -137,19 +139,17 @@ var script = {
     }
 };
 
-const _hoisted_1 = { class: "p-hidden-accessible" };
-const _hoisted_2 = ["id", "checked", "value", "aria-labelledby", "aria-label"];
-const _hoisted_3 = { class: "p-button-label" };
+const _hoisted_1 = ["id", "checked", "value", "aria-labelledby", "aria-label"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _directive_ripple = resolveDirective("ripple");
 
-  return withDirectives((openBlock(), createElementBlock("div", {
+  return withDirectives((openBlock(), createElementBlock("div", mergeProps({
     ref: "container",
-    class: normalizeClass($options.buttonClass),
+    class: $options.buttonClass,
     onClick: _cache[2] || (_cache[2] = $event => ($options.onClick($event)))
-  }, [
-    createElementVNode("span", _hoisted_1, [
+  }, _ctx.ptm('root')), [
+    createElementVNode("span", mergeProps({ class: "p-hidden-accessible" }, _ctx.ptm('hiddenInputWrapper')), [
       createElementVNode("input", mergeProps({
         id: $props.inputId,
         type: "checkbox",
@@ -162,21 +162,21 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         "aria-label": _ctx.ariaLabel,
         onFocus: _cache[0] || (_cache[0] = $event => ($options.onFocus($event))),
         onBlur: _cache[1] || (_cache[1] = $event => ($options.onBlur($event)))
-      }, $props.inputProps), null, 16, _hoisted_2)
-    ]),
+      }, { ...$props.inputProps, ..._ctx.ptm('hiddenInput') }), null, 16, _hoisted_1)
+    ], 16),
     renderSlot(_ctx.$slots, "icon", {
       value: $props.modelValue,
       class: normalizeClass($options.iconClass)
     }, () => [
       ($props.onIcon || $props.offIcon)
-        ? (openBlock(), createElementBlock("span", {
+        ? (openBlock(), createElementBlock("span", mergeProps({
             key: 0,
-            class: normalizeClass($options.iconClass)
-          }, null, 2))
+            class: $options.iconClass
+          }, _ctx.ptm('icon')), null, 16))
         : createCommentVNode("", true)
     ]),
-    createElementVNode("span", _hoisted_3, toDisplayString($options.label), 1)
-  ], 2)), [
+    createElementVNode("span", mergeProps({ class: "p-button-label" }, _ctx.ptm('label')), toDisplayString($options.label), 17)
+  ], 16)), [
     [_directive_ripple]
   ])
 }

package/togglebutton/togglebutton.esm.min.js

@@ -1 +1 @@
-import e from"primevue/ripple";import{resolveDirective as t,withDirectives as i,openBlock as l,createElementBlock as s,normalizeClass as n,createElementVNode as o,mergeProps as a,renderSlot as u,createCommentVNode as c,toDisplayString as d}from"vue";var r={name:"ToggleButton",emits:["update:modelValue","change","click","focus","blur"],props:{modelValue:Boolean,onIcon:String,offIcon:String,onLabel:{type:String,default:"Yes"},offLabel:{type:String,default:"No"},iconPos:{type:String,default:"left"},disabled:{type:Boolean,default:!1},tabindex:{type:Number,default:null},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},inputProps:{type:null,default:null},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},outsideClickListener:null,data:()=>({focused:!1}),mounted(){this.bindOutsideClickListener()},beforeUnmount(){this.unbindOutsideClickListener()},methods:{onClick(e){this.disabled||(this.$emit("update:modelValue",!this.modelValue),this.$emit("change",e),this.$emit("click",e),this.focused=!0)},onFocus(e){this.focused=!0,this.$emit("focus",e)},onBlur(e){this.focused=!1,this.$emit("blur",e)},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{this.focused&&!this.$refs.container.contains(e.target)&&(this.focused=!1)},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)}},computed:{buttonClass(){return["p-button p-togglebutton p-component",{"p-focus":this.focused,"p-button-icon-only":this.hasIcon&&!this.hasLabel,"p-disabled":this.disabled,"p-highlight":!0===this.modelValue}]},iconClass(){return[this.modelValue?this.onIcon:this.offIcon,"p-button-icon",{"p-button-icon-left":"left"===this.iconPos&&this.label,"p-button-icon-right":"right"===this.iconPos&&this.label}]},hasLabel(){return this.onLabel&&this.onLabel.length>0&&this.offLabel&&this.offLabel.length>0},hasIcon(){return this.$slots.icon||this.onIcon&&this.offIcon},label(){return this.hasLabel?this.modelValue?this.onLabel:this.offLabel:" "}},directives:{ripple:e}};const h={class:"p-hidden-accessible"},b=["id","checked","value","aria-labelledby","aria-label"],p={class:"p-button-label"};r.render=function(e,r,f,m,L,g){const k=t("ripple");return i((l(),s("div",{ref:"container",class:n(g.buttonClass),onClick:r[2]||(r[2]=e=>g.onClick(e))},[o("span",h,[o("input",a({id:f.inputId,type:"checkbox",role:"switch",class:f.inputClass,style:f.inputStyle,checked:f.modelValue,value:f.modelValue,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:r[0]||(r[0]=e=>g.onFocus(e)),onBlur:r[1]||(r[1]=e=>g.onBlur(e))},f.inputProps),null,16,b)]),u(e.$slots,"icon",{value:f.modelValue,class:n(g.iconClass)},(()=>[f.onIcon||f.offIcon?(l(),s("span",{key:0,class:n(g.iconClass)},null,2)):c("",!0)])),o("span",p,d(g.label),1)],2)),[[k]])};export{r as default};
+import e from"primevue/basecomponent";import t from"primevue/ripple";import{resolveDirective as i,withDirectives as l,openBlock as n,createElementBlock as s,mergeProps as o,createElementVNode as a,renderSlot as u,normalizeClass as c,createCommentVNode as d,toDisplayString as r}from"vue";var p={name:"ToggleButton",extends:e,emits:["update:modelValue","change","click","focus","blur"],props:{modelValue:Boolean,onIcon:String,offIcon:String,onLabel:{type:String,default:"Yes"},offLabel:{type:String,default:"No"},iconPos:{type:String,default:"left"},disabled:{type:Boolean,default:!1},tabindex:{type:Number,default:null},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},inputProps:{type:null,default:null},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},outsideClickListener:null,data:()=>({focused:!1}),mounted(){this.bindOutsideClickListener()},beforeUnmount(){this.unbindOutsideClickListener()},methods:{onClick(e){this.disabled||(this.$emit("update:modelValue",!this.modelValue),this.$emit("change",e),this.$emit("click",e),this.focused=!0)},onFocus(e){this.focused=!0,this.$emit("focus",e)},onBlur(e){this.focused=!1,this.$emit("blur",e)},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{this.focused&&!this.$refs.container.contains(e.target)&&(this.focused=!1)},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)}},computed:{buttonClass(){return["p-button p-togglebutton p-component",{"p-focus":this.focused,"p-button-icon-only":this.hasIcon&&!this.hasLabel,"p-disabled":this.disabled,"p-highlight":!0===this.modelValue}]},iconClass(){return[this.modelValue?this.onIcon:this.offIcon,"p-button-icon",{"p-button-icon-left":"left"===this.iconPos&&this.label,"p-button-icon-right":"right"===this.iconPos&&this.label}]},hasLabel(){return this.onLabel&&this.onLabel.length>0&&this.offLabel&&this.offLabel.length>0},hasIcon(){return this.$slots.icon||this.onIcon&&this.offIcon},label(){return this.hasLabel?this.modelValue?this.onLabel:this.offLabel:" "}},directives:{ripple:t}};const h=["id","checked","value","aria-labelledby","aria-label"];p.render=function(e,t,p,b,f,m){const L=i("ripple");return l((n(),s("div",o({ref:"container",class:m.buttonClass,onClick:t[2]||(t[2]=e=>m.onClick(e))},e.ptm("root")),[a("span",o({class:"p-hidden-accessible"},e.ptm("hiddenInputWrapper")),[a("input",o({id:p.inputId,type:"checkbox",role:"switch",class:p.inputClass,style:p.inputStyle,checked:p.modelValue,value:p.modelValue,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:t[0]||(t[0]=e=>m.onFocus(e)),onBlur:t[1]||(t[1]=e=>m.onBlur(e))},{...p.inputProps,...e.ptm("hiddenInput")}),null,16,h)],16),u(e.$slots,"icon",{value:p.modelValue,class:c(m.iconClass)},(()=>[p.onIcon||p.offIcon?(n(),s("span",o({key:0,class:m.iconClass},e.ptm("icon")),null,16)):d("",!0)])),a("span",o({class:"p-button-label"},e.ptm("label")),r(m.label),17)],16)),[[L]])};export{p as default};

package/togglebutton/togglebutton.js

@@ -1,13 +1,15 @@
 this.primevue = this.primevue || {};
-this.primevue.togglebutton = (function (Ripple, vue) {
+this.primevue.togglebutton = (function (BaseComponent, Ripple, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+    var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
     var Ripple__default = /*#__PURE__*/_interopDefaultLegacy(Ripple);
 
     var script = {
         name: 'ToggleButton',
+        extends: BaseComponent__default["default"],
         emits: ['update:modelValue', 'change', 'click', 'focus', 'blur'],
         props: {
             modelValue: Boolean,
@@ -142,19 +144,17 @@ this.primevue.togglebutton = (function (Ripple, vue) {
         }
     };
 
-    const _hoisted_1 = { class: "p-hidden-accessible" };
-    const _hoisted_2 = ["id", "checked", "value", "aria-labelledby", "aria-label"];
-    const _hoisted_3 = { class: "p-button-label" };
+    const _hoisted_1 = ["id", "checked", "value", "aria-labelledby", "aria-label"];
 
     function render(_ctx, _cache, $props, $setup, $data, $options) {
       const _directive_ripple = vue.resolveDirective("ripple");
 
-      return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+      return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         ref: "container",
-        class: vue.normalizeClass($options.buttonClass),
+        class: $options.buttonClass,
         onClick: _cache[2] || (_cache[2] = $event => ($options.onClick($event)))
-      }, [
-        vue.createElementVNode("span", _hoisted_1, [
+      }, _ctx.ptm('root')), [
+        vue.createElementVNode("span", vue.mergeProps({ class: "p-hidden-accessible" }, _ctx.ptm('hiddenInputWrapper')), [
           vue.createElementVNode("input", vue.mergeProps({
             id: $props.inputId,
             type: "checkbox",
@@ -167,21 +167,21 @@ this.primevue.togglebutton = (function (Ripple, vue) {
             "aria-label": _ctx.ariaLabel,
             onFocus: _cache[0] || (_cache[0] = $event => ($options.onFocus($event))),
             onBlur: _cache[1] || (_cache[1] = $event => ($options.onBlur($event)))
-          }, $props.inputProps), null, 16, _hoisted_2)
-        ]),
+          }, { ...$props.inputProps, ..._ctx.ptm('hiddenInput') }), null, 16, _hoisted_1)
+        ], 16),
         vue.renderSlot(_ctx.$slots, "icon", {
           value: $props.modelValue,
           class: vue.normalizeClass($options.iconClass)
         }, () => [
           ($props.onIcon || $props.offIcon)
-            ? (vue.openBlock(), vue.createElementBlock("span", {
+            ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
                 key: 0,
-                class: vue.normalizeClass($options.iconClass)
-              }, null, 2))
+                class: $options.iconClass
+              }, _ctx.ptm('icon')), null, 16))
             : vue.createCommentVNode("", true)
         ]),
-        vue.createElementVNode("span", _hoisted_3, vue.toDisplayString($options.label), 1)
-      ], 2)), [
+        vue.createElementVNode("span", vue.mergeProps({ class: "p-button-label" }, _ctx.ptm('label')), vue.toDisplayString($options.label), 17)
+      ], 16)), [
         [_directive_ripple]
       ])
     }
@@ -190,4 +190,4 @@ this.primevue.togglebutton = (function (Ripple, vue) {
 
     return script;
 
-})(primevue.ripple, Vue);
+})(primevue.basecomponent, primevue.ripple, Vue);

package/togglebutton/togglebutton.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.togglebutton=function(e,t){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i={name:"ToggleButton",emits:["update:modelValue","change","click","focus","blur"],props:{modelValue:Boolean,onIcon:String,offIcon:String,onLabel:{type:String,default:"Yes"},offLabel:{type:String,default:"No"},iconPos:{type:String,default:"left"},disabled:{type:Boolean,default:!1},tabindex:{type:Number,default:null},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},inputProps:{type:null,default:null},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},outsideClickListener:null,data:()=>({focused:!1}),mounted(){this.bindOutsideClickListener()},beforeUnmount(){this.unbindOutsideClickListener()},methods:{onClick(e){this.disabled||(this.$emit("update:modelValue",!this.modelValue),this.$emit("change",e),this.$emit("click",e),this.focused=!0)},onFocus(e){this.focused=!0,this.$emit("focus",e)},onBlur(e){this.focused=!1,this.$emit("blur",e)},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{this.focused&&!this.$refs.container.contains(e.target)&&(this.focused=!1)},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)}},computed:{buttonClass(){return["p-button p-togglebutton p-component",{"p-focus":this.focused,"p-button-icon-only":this.hasIcon&&!this.hasLabel,"p-disabled":this.disabled,"p-highlight":!0===this.modelValue}]},iconClass(){return[this.modelValue?this.onIcon:this.offIcon,"p-button-icon",{"p-button-icon-left":"left"===this.iconPos&&this.label,"p-button-icon-right":"right"===this.iconPos&&this.label}]},hasLabel(){return this.onLabel&&this.onLabel.length>0&&this.offLabel&&this.offLabel.length>0},hasIcon(){return this.$slots.icon||this.onIcon&&this.offIcon},label(){return this.hasLabel?this.modelValue?this.onLabel:this.offLabel:" "}},directives:{ripple:l(e).default}};const n={class:"p-hidden-accessible"},s=["id","checked","value","aria-labelledby","aria-label"],o={class:"p-button-label"};return i.render=function(e,l,i,a,u,c){const r=t.resolveDirective("ripple");return t.withDirectives((t.openBlock(),t.createElementBlock("div",{ref:"container",class:t.normalizeClass(c.buttonClass),onClick:l[2]||(l[2]=e=>c.onClick(e))},[t.createElementVNode("span",n,[t.createElementVNode("input",t.mergeProps({id:i.inputId,type:"checkbox",role:"switch",class:i.inputClass,style:i.inputStyle,checked:i.modelValue,value:i.modelValue,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:l[0]||(l[0]=e=>c.onFocus(e)),onBlur:l[1]||(l[1]=e=>c.onBlur(e))},i.inputProps),null,16,s)]),t.renderSlot(e.$slots,"icon",{value:i.modelValue,class:t.normalizeClass(c.iconClass)},(()=>[i.onIcon||i.offIcon?(t.openBlock(),t.createElementBlock("span",{key:0,class:t.normalizeClass(c.iconClass)},null,2)):t.createCommentVNode("",!0)])),t.createElementVNode("span",o,t.toDisplayString(c.label),1)],2)),[[r]])},i}(primevue.ripple,Vue);
+this.primevue=this.primevue||{},this.primevue.togglebutton=function(e,t,i){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=l(e),s=l(t),o={name:"ToggleButton",extends:n.default,emits:["update:modelValue","change","click","focus","blur"],props:{modelValue:Boolean,onIcon:String,offIcon:String,onLabel:{type:String,default:"Yes"},offLabel:{type:String,default:"No"},iconPos:{type:String,default:"left"},disabled:{type:Boolean,default:!1},tabindex:{type:Number,default:null},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},inputProps:{type:null,default:null},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},outsideClickListener:null,data:()=>({focused:!1}),mounted(){this.bindOutsideClickListener()},beforeUnmount(){this.unbindOutsideClickListener()},methods:{onClick(e){this.disabled||(this.$emit("update:modelValue",!this.modelValue),this.$emit("change",e),this.$emit("click",e),this.focused=!0)},onFocus(e){this.focused=!0,this.$emit("focus",e)},onBlur(e){this.focused=!1,this.$emit("blur",e)},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{this.focused&&!this.$refs.container.contains(e.target)&&(this.focused=!1)},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)}},computed:{buttonClass(){return["p-button p-togglebutton p-component",{"p-focus":this.focused,"p-button-icon-only":this.hasIcon&&!this.hasLabel,"p-disabled":this.disabled,"p-highlight":!0===this.modelValue}]},iconClass(){return[this.modelValue?this.onIcon:this.offIcon,"p-button-icon",{"p-button-icon-left":"left"===this.iconPos&&this.label,"p-button-icon-right":"right"===this.iconPos&&this.label}]},hasLabel(){return this.onLabel&&this.onLabel.length>0&&this.offLabel&&this.offLabel.length>0},hasIcon(){return this.$slots.icon||this.onIcon&&this.offIcon},label(){return this.hasLabel?this.modelValue?this.onLabel:this.offLabel:" "}},directives:{ripple:s.default}};const a=["id","checked","value","aria-labelledby","aria-label"];return o.render=function(e,t,l,n,s,o){const u=i.resolveDirective("ripple");return i.withDirectives((i.openBlock(),i.createElementBlock("div",i.mergeProps({ref:"container",class:o.buttonClass,onClick:t[2]||(t[2]=e=>o.onClick(e))},e.ptm("root")),[i.createElementVNode("span",i.mergeProps({class:"p-hidden-accessible"},e.ptm("hiddenInputWrapper")),[i.createElementVNode("input",i.mergeProps({id:l.inputId,type:"checkbox",role:"switch",class:l.inputClass,style:l.inputStyle,checked:l.modelValue,value:l.modelValue,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onFocus:t[0]||(t[0]=e=>o.onFocus(e)),onBlur:t[1]||(t[1]=e=>o.onBlur(e))},{...l.inputProps,...e.ptm("hiddenInput")}),null,16,a)],16),i.renderSlot(e.$slots,"icon",{value:l.modelValue,class:i.normalizeClass(o.iconClass)},(()=>[l.onIcon||l.offIcon?(i.openBlock(),i.createElementBlock("span",i.mergeProps({key:0,class:o.iconClass},e.ptm("icon")),null,16)):i.createCommentVNode("",!0)])),i.createElementVNode("span",i.mergeProps({class:"p-button-label"},e.ptm("label")),i.toDisplayString(o.label),17)],16)),[[u]])},o}(primevue.basecomponent,primevue.ripple,Vue);

package/tooltip/Tooltip.d.ts

@@ -40,6 +40,16 @@ export interface TooltipOptions {
      * @defaultValue true
      */
     fitContent?: boolean | undefined;
+    /**
+     * When present, it adds a custom delay to the tooltip's display.
+     * @defaultValue 0
+     */
+    showDelay?: number | undefined;
+    /**
+     * When present, it adds a custom delay to the tooltip's hiding.
+     * @defaultValue 0
+     */
+    hideDelay?: number | undefined;
 }
 
 /**