primevue 3.8.2 → 3.11.0

package/timeline/Timeline.d.ts

@@ -1,25 +1,104 @@
 import { VNode } from 'vue';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-interface TimelineProps {
-    value?: any[];
-    align?: string;
-    layout?: string;
-    dataKey?: string;
+type TimelineVerticalAlignType = 'left' | 'right' | undefined;
+
+type TimelineHorizontalAlignType = 'top' | 'bottom' | undefined;
+
+type TimelineAlignType = TimelineVerticalAlignType | TimelineHorizontalAlignType | undefined;
+
+type TimelineLayoutType = 'vertical' | 'horizontal' | undefined;
+
+export interface TimelineProps {
+    /**
+     * An array of events to display.
+     */
+    value?: any[] | undefined;
+    /**
+     * Position of the timeline bar relative to the content.
+     * @see TimelineAlignType
+     * Default value is 'left'.
+     */
+    align?: TimelineAlignType;
+    /**
+     * Orientation of the timeline.
+     * @see TimelineLayoutType
+     * Default value is 'horizontal'.
+     */
+    layout?: TimelineLayoutType;
+    /**
+     * Name of the field that uniquely identifies the a record in the data.
+     */
+    dataKey?: string | undefined;
 }
 
-interface TimelineSlotInterface {
-    item: any;
-    index: number;
+export interface TimelineSlots {
+    /**
+     * Custom content template
+     * @param {Object} scope - content slot's params.
+     */
+    content: (scope: {
+        /**
+         * Item data
+         */
+        item: any;
+        /**
+         * Index of item
+         */
+        index: number;
+    }) => VNode[];
+    /**
+     * Custom opposite template.
+     * @param {Object} scope - opposite slot's params.
+     */
+    opposite: (scope: {
+        /**
+         * Item data
+         */
+        item: any;
+        /**
+         * Index of item
+         */
+        index: number;
+    }) => VNode[];
+    /**
+     * Custom marker template.
+     * @param {Object} scope - marker slot's params.
+     */
+    marker: (scope: {
+        /**
+         * Item data
+         */
+        item: any;
+        /**
+         * Index of item
+         */
+        index: number;
+    }) => VNode[];
+    /**
+     * Custom connector template.
+     */
+    connector: () => VNode[];
 }
 
-declare class Timeline {
-    $props: TimelineProps;
-    $slots: {
-        content: TimelineSlotInterface;
-        opposite: TimelineSlotInterface;
-        marker: TimelineSlotInterface;
-        connector: VNode[];
+export declare type TimelineEmits = {
+}
+
+declare class Timeline extends ClassComponent<TimelineProps, TimelineSlots, TimelineEmits> { }
+
+declare module '@vue/runtime-core' {
+    interface GlobalComponents {
+        Timeline: GlobalComponentConstructor<Timeline>
     }
 }
 
+/**
+ *
+ * Timeline visualizes a series of chained events.
+ *
+ * Demos:
+ *
+ * - [Timeline](https://www.primefaces.org/primevue/showcase/#/timeline)
+ *
+ */
 export default Timeline;

package/timeline/timeline.esm.js

@@ -106,4 +106,4 @@ styleInject(css_248z);
 
 script.render = render;
 
-export default script;
+export { script as default };

package/timeline/timeline.esm.min.js

@@ -1 +1 @@
-import{ObjectUtils as e}from"primevue/utils";import{openBlock as n,createBlock as i,Fragment as t,renderList as l,createVNode as o,renderSlot as r,createCommentVNode as m}from"vue";var a={name:"Timeline",props:{value:null,align:{mode:String,default:"left"},layout:{mode:String,default:"vertical"},dataKey:null},methods:{getKey(n,i){return this.dataKey?e.resolveFieldData(n,this.dataKey):i}},computed:{containerClass(){return["p-timeline p-component","p-timeline-"+this.align,"p-timeline-"+this.layout]}}};const s={class:"p-timeline-event-opposite"},p={class:"p-timeline-event-separator"},x=o("div",{class:"p-timeline-event-marker"},null,-1),c=o("div",{class:"p-timeline-event-connector"},null,-1),d={class:"p-timeline-event-content"};!function(e,n){void 0===n&&(n={});var i=n.insertAt;if(e&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===i&&t.firstChild?t.insertBefore(l,t.firstChild):t.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}("\n.p-timeline {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-flex: 1;\n        -ms-flex-positive: 1;\n            flex-grow: 1;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n}\n.p-timeline-left .p-timeline-event-opposite {\n    text-align: right;\n}\n.p-timeline-left .p-timeline-event-content {\n    text-align: left;\n}\n.p-timeline-right .p-timeline-event {\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: reverse;\n        -ms-flex-direction: row-reverse;\n            flex-direction: row-reverse;\n}\n.p-timeline-right .p-timeline-event-opposite {\n    text-align: left;\n}\n.p-timeline-right .p-timeline-event-content {\n    text-align: right;\n}\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: reverse;\n        -ms-flex-direction: row-reverse;\n            flex-direction: row-reverse;\n}\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {\n    text-align: right;\n}\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {\n    text-align: left;\n}\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {\n    text-align: left;\n}\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {\n    text-align: right;\n}\n.p-timeline-event {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    position: relative;\n    min-height: 70px;\n}\n.p-timeline-event:last-child {\n    min-height: 0;\n}\n.p-timeline-event-opposite {\n    -webkit-box-flex: 1;\n        -ms-flex: 1;\n            flex: 1;\n    padding: 0 1rem;\n}\n.p-timeline-event-content {\n    -webkit-box-flex: 1;\n        -ms-flex: 1;\n            flex: 1;\n    padding: 0 1rem;\n}\n.p-timeline-event-separator {\n    -webkit-box-flex: 0;\n        -ms-flex: 0;\n            flex: 0;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n}\n.p-timeline-event-marker {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -ms-flex-item-align: baseline;\n        align-self: baseline;\n}\n.p-timeline-event-connector {\n    -webkit-box-flex: 1;\n        -ms-flex-positive: 1;\n            flex-grow: 1;\n}\n.p-timeline-horizontal {\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: row;\n            flex-direction: row;\n}\n.p-timeline-horizontal .p-timeline-event {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    -webkit-box-flex: 1;\n        -ms-flex: 1;\n            flex: 1;\n}\n.p-timeline-horizontal .p-timeline-event:last-child {\n    -webkit-box-flex: 0;\n        -ms-flex: 0;\n            flex: 0;\n}\n.p-timeline-horizontal .p-timeline-event-separator {\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: row;\n            flex-direction: row;\n}\n.p-timeline-horizontal .p-timeline-event-connector  {\n    width: 100%;\n}\n.p-timeline-bottom .p-timeline-event {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: reverse;\n        -ms-flex-direction: column-reverse;\n            flex-direction: column-reverse;\n}\n.p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: reverse;\n        -ms-flex-direction: column-reverse;\n            flex-direction: column-reverse;\n}\n"),a.render=function(e,a,v,f,b,h){return n(),i("div",{class:h.containerClass},[(n(!0),i(t,null,l(v.value,((t,l)=>(n(),i("div",{key:h.getKey(t,l),class:"p-timeline-event"},[o("div",s,[r(e.$slots,"opposite",{item:t,index:l})]),o("div",p,[r(e.$slots,"marker",{item:t,index:l},(()=>[x])),l!==v.value.length-1?r(e.$slots,"connector",{key:0},(()=>[c])):m("",!0)]),o("div",d,[r(e.$slots,"content",{item:t,index:l})])])))),128))],2)};export default a;
+import{ObjectUtils as e}from"primevue/utils";import{openBlock as n,createBlock as i,Fragment as t,renderList as l,createVNode as o,renderSlot as r,createCommentVNode as m}from"vue";var a={name:"Timeline",props:{value:null,align:{mode:String,default:"left"},layout:{mode:String,default:"vertical"},dataKey:null},methods:{getKey(n,i){return this.dataKey?e.resolveFieldData(n,this.dataKey):i}},computed:{containerClass(){return["p-timeline p-component","p-timeline-"+this.align,"p-timeline-"+this.layout]}}};const s={class:"p-timeline-event-opposite"},p={class:"p-timeline-event-separator"},x=o("div",{class:"p-timeline-event-marker"},null,-1),c=o("div",{class:"p-timeline-event-connector"},null,-1),d={class:"p-timeline-event-content"};!function(e,n){void 0===n&&(n={});var i=n.insertAt;if(e&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===i&&t.firstChild?t.insertBefore(l,t.firstChild):t.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}("\n.p-timeline {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-flex: 1;\n        -ms-flex-positive: 1;\n            flex-grow: 1;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n}\n.p-timeline-left .p-timeline-event-opposite {\n    text-align: right;\n}\n.p-timeline-left .p-timeline-event-content {\n    text-align: left;\n}\n.p-timeline-right .p-timeline-event {\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: reverse;\n        -ms-flex-direction: row-reverse;\n            flex-direction: row-reverse;\n}\n.p-timeline-right .p-timeline-event-opposite {\n    text-align: left;\n}\n.p-timeline-right .p-timeline-event-content {\n    text-align: right;\n}\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: reverse;\n        -ms-flex-direction: row-reverse;\n            flex-direction: row-reverse;\n}\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {\n    text-align: right;\n}\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {\n    text-align: left;\n}\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {\n    text-align: left;\n}\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {\n    text-align: right;\n}\n.p-timeline-event {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    position: relative;\n    min-height: 70px;\n}\n.p-timeline-event:last-child {\n    min-height: 0;\n}\n.p-timeline-event-opposite {\n    -webkit-box-flex: 1;\n        -ms-flex: 1;\n            flex: 1;\n    padding: 0 1rem;\n}\n.p-timeline-event-content {\n    -webkit-box-flex: 1;\n        -ms-flex: 1;\n            flex: 1;\n    padding: 0 1rem;\n}\n.p-timeline-event-separator {\n    -webkit-box-flex: 0;\n        -ms-flex: 0;\n            flex: 0;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n}\n.p-timeline-event-marker {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -ms-flex-item-align: baseline;\n        align-self: baseline;\n}\n.p-timeline-event-connector {\n    -webkit-box-flex: 1;\n        -ms-flex-positive: 1;\n            flex-grow: 1;\n}\n.p-timeline-horizontal {\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: row;\n            flex-direction: row;\n}\n.p-timeline-horizontal .p-timeline-event {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    -webkit-box-flex: 1;\n        -ms-flex: 1;\n            flex: 1;\n}\n.p-timeline-horizontal .p-timeline-event:last-child {\n    -webkit-box-flex: 0;\n        -ms-flex: 0;\n            flex: 0;\n}\n.p-timeline-horizontal .p-timeline-event-separator {\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: row;\n            flex-direction: row;\n}\n.p-timeline-horizontal .p-timeline-event-connector  {\n    width: 100%;\n}\n.p-timeline-bottom .p-timeline-event {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: reverse;\n        -ms-flex-direction: column-reverse;\n            flex-direction: column-reverse;\n}\n.p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: reverse;\n        -ms-flex-direction: column-reverse;\n            flex-direction: column-reverse;\n}\n"),a.render=function(e,a,v,f,b,h){return n(),i("div",{class:h.containerClass},[(n(!0),i(t,null,l(v.value,((t,l)=>(n(),i("div",{key:h.getKey(t,l),class:"p-timeline-event"},[o("div",s,[r(e.$slots,"opposite",{item:t,index:l})]),o("div",p,[r(e.$slots,"marker",{item:t,index:l},(()=>[x])),l!==v.value.length-1?r(e.$slots,"connector",{key:0},(()=>[c])):m("",!0)]),o("div",d,[r(e.$slots,"content",{item:t,index:l})])])))),128))],2)};export{a as default};

package/timeline/timeline.js

@@ -109,4 +109,4 @@ this.primevue.timeline = (function (utils, vue) {
 
     return script;
 
-}(primevue.utils, Vue));
+})(primevue.utils, Vue);

package/toast/Toast.d.ts

@@ -1,20 +1,126 @@
-interface ToastProps {
-    group?: string;
-    position?: string;
-    autoZIndex?: boolean;
-    baseZIndex?: number;
-    breakpoints?: {[key: string]: string};
+import { VNode } from 'vue';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+
+type ToastPositionType = 'top-left' | 'top-center' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'center' | undefined;
+
+type ToastMessageSeverityType = 'success' | 'info' | 'warn' | 'error' | undefined;
+
+export interface ToastMessageOptions {
+    /**
+     * Severity level of the message.
+     * @see ToastMessageSeverityType
+     * Default value is 'info'.
+     */
+    severity?: any | undefined;
+    /**
+     * Summary content of the message.
+     */
+    summary?: string | undefined;
+    /**
+     * Detail content of the message.
+     */
+    detail?: any | undefined;
+    /**
+     * Whether the message can be closed manually using the close icon.
+     * Default value is true.
+     */
+    closable?: boolean | undefined;
+    /**
+     * Delay in milliseconds to close the message automatically.
+     * Default value is 3000.
+     */
+    life?: number | undefined;
+    /**
+     * Key of the Toast to display the message.
+     */
+    group?: string | undefined;
+    /**
+     * Style class of the message.
+     */
+    styleClass?: any;
+    /**
+     * Style class of the content.
+     */
+    contentStyleClass?: any;
+}
+
+export interface ToastBreakpointsType {
+    /**
+     * Breakpoint for responsive mode.
+     *
+     * Example:
+     *
+     * <Toast :breakpoints="{'960px': { width: '75vw', ... }" ... />
+     *
+     */
+    [key: string]: any;
 }
 
-interface ToastMessageSlotInterface {
-    message: any;
+export interface ToastProps {
+    /**
+     * Unique identifier of a message group.
+     */
+    group?: string | undefined;
+    /**
+     * Position of the toast in viewport.
+     * @see ToastPositionType
+     * Default value is 'top-right'.
+     */
+    position?: ToastPositionType;
+    /**
+     * Whether to automatically manage layering.
+     * Default value is true.
+     */
+    autoZIndex?: boolean | undefined;
+    /**
+     * Base zIndex value to use in layering.
+     * Default value is 0.
+     */
+    baseZIndex?: number | undefined;
+    /**
+     * Object literal to define styles per screen size.
+     * @see ToastBreakpointsType
+     */
+    breakpoints?: ToastBreakpointsType;
 }
 
-declare class Toast {
-    $props: ToastProps;
-    $slots: {
-        message: ToastMessageSlotInterface;
+export interface ToastSlots {
+    /**
+     * Custom message template.
+     * @param {Object} scope - message slot's params.
+     */
+    message: (
+        scope: {
+            /**
+             * Message of the component
+             */
+            message: any;
+        }
+    ) => VNode[];
+}
+
+export declare type ToastEmits = {
+}
+
+declare class Toast extends ClassComponent<ToastProps, ToastSlots, ToastEmits> { }
+
+declare module '@vue/runtime-core' {
+    interface GlobalComponents {
+        Toast: GlobalComponentConstructor<Toast>
     }
 }
 
+/**
+ *
+ * Toast is used to display messages in an overlay.
+ *
+ * Helper API:
+ *
+ * - ToastService
+ *
+ * Demos:
+ *
+ * - [Toast](https://www.primefaces.org/primevue/showcase/#/toast)
+ *
+ */
 export default Toast;

package/toast/toast.cjs.js

@@ -62,7 +62,7 @@ var script$1 = {
         }
     },
     directives: {
-        'ripple': Ripple__default['default']
+        'ripple': Ripple__default["default"]
     }
 };
 
@@ -147,9 +147,9 @@ var script = {
     },
     styleElement: null,
     mounted() {
-        ToastEventBus__default['default'].on('add', this.onAdd);
-        ToastEventBus__default['default'].on('remove-group', this.onRemoveGroup);
-        ToastEventBus__default['default'].on('remove-all-groups', this.onRemoveAllGroups);
+        ToastEventBus__default["default"].on('add', this.onAdd);
+        ToastEventBus__default["default"].on('remove-group', this.onRemoveGroup);
+        ToastEventBus__default["default"].on('remove-all-groups', this.onRemoveAllGroups);
 
         if (this.breakpoints) {
             this.createStyle();
@@ -162,9 +162,9 @@ var script = {
             utils.ZIndexUtils.clear(this.$refs.container);
         }
 
-        ToastEventBus__default['default'].off('add', this.onAdd);
-        ToastEventBus__default['default'].off('remove-group', this.onRemoveGroup);
-        ToastEventBus__default['default'].off('remove-all-groups', this.onRemoveAllGroups);
+        ToastEventBus__default["default"].off('add', this.onAdd);
+        ToastEventBus__default["default"].off('remove-group', this.onRemoveGroup);
+        ToastEventBus__default["default"].off('remove-all-groups', this.onRemoveAllGroups);
     },
     methods: {
         add(message) {

package/toast/toast.esm.js

@@ -312,4 +312,4 @@ styleInject(css_248z);
 
 script.render = render;
 
-export default script;
+export { script as default };

package/toast/toast.esm.min.js

@@ -1 +1 @@
-import e from"primevue/toasteventbus";import t from"primevue/ripple";import{resolveDirective as s,openBlock as n,createBlock as o,createVNode as i,Fragment as a,toDisplayString as r,resolveDynamicComponent as l,withDirectives as m,createCommentVNode as p,resolveComponent as c,Teleport as h,mergeProps as u,TransitionGroup as d,withCtx as f,renderList as g}from"vue";import{ZIndexUtils as y,UniqueComponentId as b}from"primevue/utils";var v={name:"ToastMessage",emits:["close"],props:{message:null,template:null},closeTimeout:null,mounted(){this.message.life&&(this.closeTimeout=setTimeout((()=>{this.close()}),this.message.life))},beforeUnmount(){this.clearCloseTimeout()},methods:{close(){this.$emit("close",this.message)},onCloseClick(){this.clearCloseTimeout(),this.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}]},iconClass(){return["p-toast-message-icon pi",{"pi-info-circle":"info"===this.message.severity,"pi-exclamation-triangle":"warn"===this.message.severity,"pi-times":"error"===this.message.severity,"pi-check":"success"===this.message.severity}]}},directives:{ripple:t}};const x={class:"p-toast-message-text"},k={class:"p-toast-summary"},w={class:"p-toast-detail"},C=i("span",{class:"p-toast-icon-close-icon pi pi-times"},null,-1);v.render=function(e,t,c,h,u,d){const f=s("ripple");return n(),o("div",{class:d.containerClass,role:"alert","aria-live":"assertive","aria-atomic":"true"},[i("div",{class:["p-toast-message-content",c.message.contentStyleClass]},[c.template?(n(),o(l(c.template),{key:1,message:c.message},null,8,["message"])):(n(),o(a,{key:0},[i("span",{class:d.iconClass},null,2),i("div",x,[i("span",k,r(c.message.summary),1),i("div",w,r(c.message.detail),1)])],64)),!1!==c.message.closable?m((n(),o("button",{key:2,class:"p-toast-icon-close p-link",onClick:t[1]||(t[1]=(...e)=>d.onCloseClick&&d.onCloseClick(...e)),type:"button"},[C],512)),[[f]]):p("",!0)],2)],2)};var T=0,E={name:"Toast",inheritAttrs:!1,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}},data:()=>({messages:[]}),styleElement:null,mounted(){e.on("add",this.onAdd),e.on("remove-group",this.onRemoveGroup),e.on("remove-all-groups",this.onRemoveAllGroups),this.breakpoints&&this.createStyle()},beforeUnmount(){this.destroyStyle(),this.$refs.container&&this.autoZIndex&&y.clear(this.$refs.container),e.off("add",this.onAdd),e.off("remove-group",this.onRemoveGroup),e.off("remove-all-groups",this.onRemoveAllGroups)},methods:{add(e){null==e.id&&(e.id=T++),this.messages=[...this.messages,e]},remove(e){let t=-1;for(let s=0;s<this.messages.length;s++)if(this.messages[s]===e){t=s;break}this.messages.splice(t,1)},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&&y.set("modal",this.$refs.container,this.baseZIndex||this.$primevue.config.zIndex.modal)},onLeave(){this.$refs.container&&this.autoZIndex&&y.clear(this.$refs.container)},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)}},components:{ToastMessage:v},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:()=>b()}};!function(e,t){void 0===t&&(t={});var s=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===s&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("\n.p-toast {\n    position: fixed;\n    width: 25rem;\n}\n.p-toast-message-content {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: start;\n        -ms-flex-align: start;\n            align-items: flex-start;\n}\n.p-toast-message-text {\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n}\n.p-toast-top-right {\n\ttop: 20px;\n\tright: 20px;\n}\n.p-toast-top-left {\n\ttop: 20px;\n\tleft: 20px;\n}\n.p-toast-bottom-left {\n\tbottom: 20px;\n\tleft: 20px;\n}\n.p-toast-bottom-right {\n\tbottom: 20px;\n\tright: 20px;\n}\n.p-toast-top-center {\n\ttop: 20px;\n    left: 50%;\n    -webkit-transform: translateX(-50%);\n            transform: translateX(-50%);\n}\n.p-toast-bottom-center {\n\tbottom: 20px;\n    left: 50%;\n    -webkit-transform: translateX(-50%);\n            transform: translateX(-50%);\n}\n.p-toast-center {\n\tleft: 50%;\n\ttop: 50%;\n    min-width: 20vw;\n    -webkit-transform: translate(-50%, -50%);\n            transform: translate(-50%, -50%);\n}\n.p-toast-icon-close {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    overflow: hidden;\n    position: relative;\n}\n.p-toast-icon-close.p-link {\n\tcursor: pointer;\n}\n\n/* Animations */\n.p-toast-message-enter-from {\n    opacity: 0;\n    -webkit-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 .3s, opacity .3s;\n    -webkit-transition: opacity .3s, -webkit-transform .3s;\n    transition: opacity .3s, -webkit-transform .3s;\n    transition: transform .3s, opacity .3s;\n    transition: transform .3s, opacity .3s, -webkit-transform .3s;\n}\n.p-toast-message-leave-active {\n    -webkit-transition: max-height .45s cubic-bezier(0, 1, 0, 1), opacity .3s, margin-bottom .3s;\n    transition: max-height .45s cubic-bezier(0, 1, 0, 1), opacity .3s, margin-bottom .3s;\n}\n"),E.render=function(e,t,s,r,l,m){const p=c("ToastMessage");return n(),o(h,{to:"body"},[i("div",u({ref:"container",class:m.containerClass},e.$attrs),[i(d,{name:"p-toast-message",tag:"div",onEnter:m.onEnter,onLeave:m.onLeave},{default:f((()=>[(n(!0),o(a,null,g(l.messages,(s=>(n(),o(p,{key:s.id,message:s,onClose:t[1]||(t[1]=e=>m.remove(e)),template:e.$slots.message},null,8,["message","template"])))),128))])),_:1},8,["onEnter","onLeave"])],16)])};export default E;
+import e from"primevue/toasteventbus";import t from"primevue/ripple";import{resolveDirective as s,openBlock as n,createBlock as o,createVNode as i,Fragment as a,toDisplayString as r,resolveDynamicComponent as l,withDirectives as m,createCommentVNode as p,resolveComponent as c,Teleport as h,mergeProps as u,TransitionGroup as d,withCtx as f,renderList as g}from"vue";import{ZIndexUtils as y,UniqueComponentId as b}from"primevue/utils";var v={name:"ToastMessage",emits:["close"],props:{message:null,template:null},closeTimeout:null,mounted(){this.message.life&&(this.closeTimeout=setTimeout((()=>{this.close()}),this.message.life))},beforeUnmount(){this.clearCloseTimeout()},methods:{close(){this.$emit("close",this.message)},onCloseClick(){this.clearCloseTimeout(),this.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}]},iconClass(){return["p-toast-message-icon pi",{"pi-info-circle":"info"===this.message.severity,"pi-exclamation-triangle":"warn"===this.message.severity,"pi-times":"error"===this.message.severity,"pi-check":"success"===this.message.severity}]}},directives:{ripple:t}};const x={class:"p-toast-message-text"},k={class:"p-toast-summary"},w={class:"p-toast-detail"},C=i("span",{class:"p-toast-icon-close-icon pi pi-times"},null,-1);v.render=function(e,t,c,h,u,d){const f=s("ripple");return n(),o("div",{class:d.containerClass,role:"alert","aria-live":"assertive","aria-atomic":"true"},[i("div",{class:["p-toast-message-content",c.message.contentStyleClass]},[c.template?(n(),o(l(c.template),{key:1,message:c.message},null,8,["message"])):(n(),o(a,{key:0},[i("span",{class:d.iconClass},null,2),i("div",x,[i("span",k,r(c.message.summary),1),i("div",w,r(c.message.detail),1)])],64)),!1!==c.message.closable?m((n(),o("button",{key:2,class:"p-toast-icon-close p-link",onClick:t[1]||(t[1]=(...e)=>d.onCloseClick&&d.onCloseClick(...e)),type:"button"},[C],512)),[[f]]):p("",!0)],2)],2)};var T=0,E={name:"Toast",inheritAttrs:!1,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}},data:()=>({messages:[]}),styleElement:null,mounted(){e.on("add",this.onAdd),e.on("remove-group",this.onRemoveGroup),e.on("remove-all-groups",this.onRemoveAllGroups),this.breakpoints&&this.createStyle()},beforeUnmount(){this.destroyStyle(),this.$refs.container&&this.autoZIndex&&y.clear(this.$refs.container),e.off("add",this.onAdd),e.off("remove-group",this.onRemoveGroup),e.off("remove-all-groups",this.onRemoveAllGroups)},methods:{add(e){null==e.id&&(e.id=T++),this.messages=[...this.messages,e]},remove(e){let t=-1;for(let s=0;s<this.messages.length;s++)if(this.messages[s]===e){t=s;break}this.messages.splice(t,1)},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&&y.set("modal",this.$refs.container,this.baseZIndex||this.$primevue.config.zIndex.modal)},onLeave(){this.$refs.container&&this.autoZIndex&&y.clear(this.$refs.container)},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)}},components:{ToastMessage:v},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:()=>b()}};!function(e,t){void 0===t&&(t={});var s=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===s&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("\n.p-toast {\n    position: fixed;\n    width: 25rem;\n}\n.p-toast-message-content {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: start;\n        -ms-flex-align: start;\n            align-items: flex-start;\n}\n.p-toast-message-text {\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n}\n.p-toast-top-right {\n\ttop: 20px;\n\tright: 20px;\n}\n.p-toast-top-left {\n\ttop: 20px;\n\tleft: 20px;\n}\n.p-toast-bottom-left {\n\tbottom: 20px;\n\tleft: 20px;\n}\n.p-toast-bottom-right {\n\tbottom: 20px;\n\tright: 20px;\n}\n.p-toast-top-center {\n\ttop: 20px;\n    left: 50%;\n    -webkit-transform: translateX(-50%);\n            transform: translateX(-50%);\n}\n.p-toast-bottom-center {\n\tbottom: 20px;\n    left: 50%;\n    -webkit-transform: translateX(-50%);\n            transform: translateX(-50%);\n}\n.p-toast-center {\n\tleft: 50%;\n\ttop: 50%;\n    min-width: 20vw;\n    -webkit-transform: translate(-50%, -50%);\n            transform: translate(-50%, -50%);\n}\n.p-toast-icon-close {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    overflow: hidden;\n    position: relative;\n}\n.p-toast-icon-close.p-link {\n\tcursor: pointer;\n}\n\n/* Animations */\n.p-toast-message-enter-from {\n    opacity: 0;\n    -webkit-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 .3s, opacity .3s;\n    -webkit-transition: opacity .3s, -webkit-transform .3s;\n    transition: opacity .3s, -webkit-transform .3s;\n    transition: transform .3s, opacity .3s;\n    transition: transform .3s, opacity .3s, -webkit-transform .3s;\n}\n.p-toast-message-leave-active {\n    -webkit-transition: max-height .45s cubic-bezier(0, 1, 0, 1), opacity .3s, margin-bottom .3s;\n    transition: max-height .45s cubic-bezier(0, 1, 0, 1), opacity .3s, margin-bottom .3s;\n}\n"),E.render=function(e,t,s,r,l,m){const p=c("ToastMessage");return n(),o(h,{to:"body"},[i("div",u({ref:"container",class:m.containerClass},e.$attrs),[i(d,{name:"p-toast-message",tag:"div",onEnter:m.onEnter,onLeave:m.onLeave},{default:f((()=>[(n(!0),o(a,null,g(l.messages,(s=>(n(),o(p,{key:s.id,message:s,onClose:t[1]||(t[1]=e=>m.remove(e)),template:e.$slots.message},null,8,["message","template"])))),128))])),_:1},8,["onEnter","onLeave"])],16)])};export{E as default};

package/toast/toast.js

@@ -59,7 +59,7 @@ this.primevue.toast = (function (ToastEventBus, Ripple, vue, utils) {
             }
         },
         directives: {
-            'ripple': Ripple__default['default']
+            'ripple': Ripple__default["default"]
         }
     };
 
@@ -144,9 +144,9 @@ this.primevue.toast = (function (ToastEventBus, Ripple, vue, utils) {
         },
         styleElement: null,
         mounted() {
-            ToastEventBus__default['default'].on('add', this.onAdd);
-            ToastEventBus__default['default'].on('remove-group', this.onRemoveGroup);
-            ToastEventBus__default['default'].on('remove-all-groups', this.onRemoveAllGroups);
+            ToastEventBus__default["default"].on('add', this.onAdd);
+            ToastEventBus__default["default"].on('remove-group', this.onRemoveGroup);
+            ToastEventBus__default["default"].on('remove-all-groups', this.onRemoveAllGroups);
 
             if (this.breakpoints) {
                 this.createStyle();
@@ -159,9 +159,9 @@ this.primevue.toast = (function (ToastEventBus, Ripple, vue, utils) {
                 utils.ZIndexUtils.clear(this.$refs.container);
             }
 
-            ToastEventBus__default['default'].off('add', this.onAdd);
-            ToastEventBus__default['default'].off('remove-group', this.onRemoveGroup);
-            ToastEventBus__default['default'].off('remove-all-groups', this.onRemoveAllGroups);
+            ToastEventBus__default["default"].off('add', this.onAdd);
+            ToastEventBus__default["default"].off('remove-group', this.onRemoveGroup);
+            ToastEventBus__default["default"].off('remove-all-groups', this.onRemoveAllGroups);
         },
         methods: {
             add(message) {
@@ -318,4 +318,4 @@ this.primevue.toast = (function (ToastEventBus, Ripple, vue, utils) {
 
     return script;
 
-}(primevue.toasteventbus, primevue.ripple, Vue, primevue.utils));
+})(primevue.toasteventbus, primevue.ripple, Vue, primevue.utils);

package/toasteventbus/toasteventbus.esm.js

@@ -2,4 +2,4 @@ import { EventBus } from 'primevue/utils';
 
 var ToastEventBus = EventBus();
 
-export default ToastEventBus;
+export { ToastEventBus as default };

package/toasteventbus/toasteventbus.esm.min.js

@@ -1 +1 @@
-import{EventBus as r}from"primevue/utils";var e=r();export default e;
+import{EventBus as r}from"primevue/utils";var e=r();export{e as default};

package/toasteventbus/toasteventbus.js

@@ -6,4 +6,4 @@ this.primevue.toasteventbus = (function (utils) {
 
 	return ToastEventBus;
 
-}(primevue.utils));
+})(primevue.utils);

package/toastservice/ToastService.d.ts

@@ -1,12 +1,24 @@
-import Vue, { Plugin } from 'vue';
+import { Plugin } from 'vue';
+import { ToastMessageOptions } from '../toast';
 
 declare const plugin: Plugin;
 export default plugin;
 
-interface ToastServiceMethods {
-    add(message: any): any;
-    removeGroup(group: any): void;
-    removeAllGroups(): void;
+export interface ToastServiceMethods {
+    /**
+     * Displays the message in a suitable Toast component.
+     * @param {ToastMessageOptions} message - Message instance.
+     */
+    add: (message: ToastMessageOptions) => void;
+    /**
+     * Clears the messages that belongs to the group.
+     * @param {string} group - Name of the message group.
+     */
+    removeGroup: (group: string) => void;
+    /**
+     * Clears all the messages.
+     */
+    removeAllGroups: () => void;
 }
 
 declare module 'vue/types/vue' {

package/toastservice/toastservice.cjs.js

@@ -11,13 +11,13 @@ var ToastService = {
     install: (app) => {
         const ToastService = {
             add: (message) => {
-                ToastEventBus__default['default'].emit('add', message);
+                ToastEventBus__default["default"].emit('add', message);
             },
             removeGroup: (group) => {
-                ToastEventBus__default['default'].emit('remove-group', group);
+                ToastEventBus__default["default"].emit('remove-group', group);
             },
             removeAllGroups: () => {
-                ToastEventBus__default['default'].emit('remove-all-groups');
+                ToastEventBus__default["default"].emit('remove-all-groups');
             }
         };
         app.config.globalProperties.$toast = ToastService;

package/toastservice/toastservice.esm.js

@@ -19,4 +19,4 @@ var ToastService = {
     }
 };
 
-export default ToastService;
+export { ToastService as default };

package/toastservice/toastservice.esm.min.js

@@ -1 +1 @@
-import e from"primevue/toasteventbus";import{PrimeVueToastSymbol as o}from"primevue/usetoast";var r={install:r=>{const t={add:o=>{e.emit("add",o)},removeGroup:o=>{e.emit("remove-group",o)},removeAllGroups:()=>{e.emit("remove-all-groups")}};r.config.globalProperties.$toast=t,r.provide(o,t)}};export default r;
+import e from"primevue/toasteventbus";import{PrimeVueToastSymbol as o}from"primevue/usetoast";var r={install:r=>{const t={add:o=>{e.emit("add",o)},removeGroup:o=>{e.emit("remove-group",o)},removeAllGroups:()=>{e.emit("remove-all-groups")}};r.config.globalProperties.$toast=t,r.provide(o,t)}};export{r as default};

package/toastservice/toastservice.js

@@ -10,13 +10,13 @@ this.primevue.toastservice = (function (ToastEventBus, usetoast) {
         install: (app) => {
             const ToastService = {
                 add: (message) => {
-                    ToastEventBus__default['default'].emit('add', message);
+                    ToastEventBus__default["default"].emit('add', message);
                 },
                 removeGroup: (group) => {
-                    ToastEventBus__default['default'].emit('remove-group', group);
+                    ToastEventBus__default["default"].emit('remove-group', group);
                 },
                 removeAllGroups: () => {
-                    ToastEventBus__default['default'].emit('remove-all-groups');
+                    ToastEventBus__default["default"].emit('remove-all-groups');
                 }
             };
             app.config.globalProperties.$toast = ToastService;
@@ -26,4 +26,4 @@ this.primevue.toastservice = (function (ToastEventBus, usetoast) {
 
     return ToastService;
 
-}(primevue.toasteventbus, primevue.usetoast));
+})(primevue.toasteventbus, primevue.usetoast);

package/togglebutton/ToggleButton.d.ts

@@ -1,16 +1,69 @@
-interface ToggleButtonProps {
-    modelValue?: boolean;
-    onIcon?: string;
-    offIcon?: string;
-    onLabel?: string;
-    offLabel?: string;
-    iconPos?: string;
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+
+type ToggleButtonType = 'left' | 'right' | undefined;
+
+export interface ToggleButtonProps {
+    /**
+     * Value of the component.
+     */
+    modelValue?: boolean | undefined;
+    /**
+     * Icon for the on state.
+     */
+    onIcon?: string | undefined;
+    /**
+     * Icon for the off state.
+     */
+    offIcon?: string | undefined;
+    /**
+     * Label for the on state.
+     * Default value is 'yes'.
+     */
+    onLabel?: string | undefined;
+    /**
+     * Label for the off state.
+     * Default value is 'no'.
+     */
+    offLabel?: string | undefined;
+    /**
+     * Position of the icon.
+     * @see ToggleButtonType
+     * Default value is 'left'.
+     */
+    iconPos?: ToggleButtonType;
+}
+
+export interface ToggleButtonSlots {
 }
 
-declare class ToggleButton {
-    $props: ToggleButtonProps;
-    $emit(eventName: 'update:modelValue', value: boolean): this;
-    $emit(eventName: 'change', event: Event): this;
+export declare type ToggleButtonEmits = {
+    /**
+     * Emitted when the value changes.
+     * @param {boolean} value - New value.
+     */
+    'update:modelValue': (value: boolean) => void;
+    /**
+     * Callback to invoke on value change.
+     * @param {Event} event - Browser event.
+     */
+    'change': (event: Event) => void;
+}
+
+declare class ToggleButton extends ClassComponent<ToggleButtonProps, ToggleButtonSlots, ToggleButtonEmits> { }
+
+declare module '@vue/runtime-core' {
+    interface GlobalComponents {
+        ToggleButton: GlobalComponentConstructor<ToggleButton>
+    }
 }
 
+/**
+ *
+ * ToggleButton is used to select a boolean value using a button.
+ *
+ * Demos:
+ *
+ * - [ToggleButton](https://www.primefaces.org/primevue/showcase/#/togglebutton)
+ *
+ */
 export default ToggleButton;

package/togglebutton/togglebutton.cjs.js

@@ -59,7 +59,7 @@ var script = {
         }
     },
     directives: {
-        'ripple': Ripple__default['default']
+        'ripple': Ripple__default["default"]
     }
 };
 

package/togglebutton/togglebutton.esm.js

@@ -83,4 +83,4 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 
 script.render = render;
 
-export default script;
+export { script as default };

package/togglebutton/togglebutton.esm.min.js

@@ -1 +1 @@
-import t from"primevue/ripple";import{resolveDirective as e,withDirectives as o,openBlock as n,createBlock as l,createCommentVNode as i,createVNode as s,toDisplayString as a}from"vue";var h={name:"ToggleButton",emits:["update:modelValue","change"],props:{modelValue:Boolean,onIcon:String,offIcon:String,onLabel:String,offLabel:String,iconPos:{type:String,default:"left"}},methods:{onClick(t){this.$attrs.disabled||(this.$emit("update:modelValue",!this.modelValue),this.$emit("change",t))}},computed:{buttonClass(){return{"p-button p-togglebutton p-component":!0,"p-button-icon-only":this.hasIcon&&!this.hasLabel,"p-disabled":this.$attrs.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.onIcon&&this.onIcon.length>0&&this.offIcon&&this.offIcon.length>0},label(){return this.hasLabel?this.modelValue?this.onLabel:this.offLabel:" "}},directives:{ripple:t}};const c={class:"p-button-label"};h.render=function(t,h,r,u,b,p){const d=e("ripple");return o((n(),l("div",{class:p.buttonClass,onClick:h[1]||(h[1]=t=>p.onClick(t)),role:"checkbox","aria-checked":r.modelValue,tabindex:t.$attrs.disabled?null:"0"},[p.hasIcon?(n(),l("span",{key:0,class:p.iconClass},null,2)):i("",!0),s("span",c,a(p.label),1)],10,["aria-checked","tabindex"])),[[d]])};export default h;
+import t from"primevue/ripple";import{resolveDirective as e,withDirectives as o,openBlock as n,createBlock as l,createCommentVNode as i,createVNode as s,toDisplayString as a}from"vue";var h={name:"ToggleButton",emits:["update:modelValue","change"],props:{modelValue:Boolean,onIcon:String,offIcon:String,onLabel:String,offLabel:String,iconPos:{type:String,default:"left"}},methods:{onClick(t){this.$attrs.disabled||(this.$emit("update:modelValue",!this.modelValue),this.$emit("change",t))}},computed:{buttonClass(){return{"p-button p-togglebutton p-component":!0,"p-button-icon-only":this.hasIcon&&!this.hasLabel,"p-disabled":this.$attrs.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.onIcon&&this.onIcon.length>0&&this.offIcon&&this.offIcon.length>0},label(){return this.hasLabel?this.modelValue?this.onLabel:this.offLabel:" "}},directives:{ripple:t}};const c={class:"p-button-label"};h.render=function(t,h,r,u,b,p){const d=e("ripple");return o((n(),l("div",{class:p.buttonClass,onClick:h[1]||(h[1]=t=>p.onClick(t)),role:"checkbox","aria-checked":r.modelValue,tabindex:t.$attrs.disabled?null:"0"},[p.hasIcon?(n(),l("span",{key:0,class:p.iconClass},null,2)):i("",!0),s("span",c,a(p.label),1)],10,["aria-checked","tabindex"])),[[d]])};export{h as default};

package/togglebutton/togglebutton.js

@@ -58,7 +58,7 @@ this.primevue.togglebutton = (function (Ripple, vue) {
             }
         },
         directives: {
-            'ripple': Ripple__default['default']
+            'ripple': Ripple__default["default"]
         }
     };
 
@@ -90,4 +90,4 @@ this.primevue.togglebutton = (function (Ripple, vue) {
 
     return script;
 
-}(primevue.ripple, Vue));
+})(primevue.ripple, Vue);