primevue 3.8.2 → 3.11.0

package/columngroup/ColumnGroup.d.ts

@@ -1,9 +1,35 @@
-interface ColumnGroupProps {
-    type?: string;
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+
+type ColumnGroupType = 'header' | 'footer' | undefined;
+
+export interface ColumnGroupProps {
+    /**
+     * Type of column group
+     */
+    type?: ColumnGroupType;
+}
+
+export interface ColumnGroupSlots {
 }
 
-declare class ColumnGroup {
-    $props: ColumnGroupProps;
+export declare type ColumnGroupEmits = {
+}
+
+declare class ColumnGroup extends ClassComponent<ColumnGroupProps, ColumnGroupSlots, ColumnGroupEmits> { }
+
+declare module '@vue/runtime-core' {
+    interface GlobalComponents {
+        ColumnGroup: GlobalComponentConstructor<ColumnGroup>
+    }
 }
 
+/**
+ *
+ * ColumnGroup is a helper component to create grouped header and footer on DataTable.
+ *
+ * Demos:
+ *
+ * - [ColumnGroup](https://www.primefaces.org/primevue/showcase/#/datatable/colgroup)
+ *
+ */
 export default ColumnGroup;

package/columngroup/columngroup.esm.js

@@ -11,4 +11,4 @@ var script = {
     }
 };
 
-export default script;
+export { script as default };

package/columngroup/columngroup.esm.min.js

@@ -1 +1 @@
-var e={name:"ColumnGroup",props:{type:{type:String,default:null}},render:()=>null};export default e;
+var e={name:"ColumnGroup",props:{type:{type:String,default:null}},render:()=>null};export{e as default};

package/columngroup/columngroup.js

@@ -17,4 +17,4 @@ this.primevue.columngroup = (function () {
 
     return script;
 
-}());
+})();

package/config/config.cjs.js

@@ -105,5 +105,5 @@ var PrimeVue = {
     }
 };
 
-exports.default = PrimeVue;
+exports["default"] = PrimeVue;
 exports.usePrimeVue = usePrimeVue;

package/config/config.esm.js

@@ -101,5 +101,4 @@ var PrimeVue = {
     }
 };
 
-export default PrimeVue;
-export { usePrimeVue };
+export { PrimeVue as default, usePrimeVue };

package/config/config.esm.min.js

@@ -1 +1 @@
-import{reactive as e,inject as t}from"vue";import{FilterMatchMode as a}from"primevue/api";const o={ripple:!1,inputStyle:"outlined",locale:{startsWith:"Starts with",contains:"Contains",notContains:"Not contains",endsWith:"Ends with",equals:"Equals",notEquals:"Not equals",noFilter:"No Filter",lt:"Less than",lte:"Less than or equal to",gt:"Greater than",gte:"Greater than or equal to",dateIs:"Date is",dateIsNot:"Date is not",dateBefore:"Date is before",dateAfter:"Date is after",clear:"Clear",apply:"Apply",matchAll:"Match All",matchAny:"Match Any",addRule:"Add Rule",removeRule:"Remove Rule",accept:"Yes",reject:"No",choose:"Choose",upload:"Upload",cancel:"Cancel",dayNames:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],dayNamesShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],dayNamesMin:["Su","Mo","Tu","We","Th","Fr","Sa"],monthNames:["January","February","March","April","May","June","July","August","September","October","November","December"],monthNamesShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],today:"Today",weekHeader:"Wk",firstDayOfWeek:0,dateFormat:"mm/dd/yy",weak:"Weak",medium:"Medium",strong:"Strong",passwordPrompt:"Enter a password",emptyFilterMessage:"No results found",emptyMessage:"No available options"},filterMatchModeOptions:{text:[a.STARTS_WITH,a.CONTAINS,a.NOT_CONTAINS,a.ENDS_WITH,a.EQUALS,a.NOT_EQUALS],numeric:[a.EQUALS,a.NOT_EQUALS,a.LESS_THAN,a.LESS_THAN_OR_EQUAL_TO,a.GREATER_THAN,a.GREATER_THAN_OR_EQUAL_TO],date:[a.DATE_IS,a.DATE_IS_NOT,a.DATE_BEFORE,a.DATE_AFTER]},zIndex:{modal:1100,overlay:1e3,menu:1e3,tooltip:1100}},r=Symbol();function n(){const e=t(r);if(!e)throw new Error("PrimeVue is not installed!");return e}var s={install:(t,a)=>{let n=a?{...o,...a}:{...o};const s={config:e(n)};t.config.globalProperties.$primevue=s,t.provide(r,s)}};export default s;export{n as usePrimeVue};
+import{reactive as e,inject as t}from"vue";import{FilterMatchMode as a}from"primevue/api";const o={ripple:!1,inputStyle:"outlined",locale:{startsWith:"Starts with",contains:"Contains",notContains:"Not contains",endsWith:"Ends with",equals:"Equals",notEquals:"Not equals",noFilter:"No Filter",lt:"Less than",lte:"Less than or equal to",gt:"Greater than",gte:"Greater than or equal to",dateIs:"Date is",dateIsNot:"Date is not",dateBefore:"Date is before",dateAfter:"Date is after",clear:"Clear",apply:"Apply",matchAll:"Match All",matchAny:"Match Any",addRule:"Add Rule",removeRule:"Remove Rule",accept:"Yes",reject:"No",choose:"Choose",upload:"Upload",cancel:"Cancel",dayNames:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],dayNamesShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],dayNamesMin:["Su","Mo","Tu","We","Th","Fr","Sa"],monthNames:["January","February","March","April","May","June","July","August","September","October","November","December"],monthNamesShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],today:"Today",weekHeader:"Wk",firstDayOfWeek:0,dateFormat:"mm/dd/yy",weak:"Weak",medium:"Medium",strong:"Strong",passwordPrompt:"Enter a password",emptyFilterMessage:"No results found",emptyMessage:"No available options"},filterMatchModeOptions:{text:[a.STARTS_WITH,a.CONTAINS,a.NOT_CONTAINS,a.ENDS_WITH,a.EQUALS,a.NOT_EQUALS],numeric:[a.EQUALS,a.NOT_EQUALS,a.LESS_THAN,a.LESS_THAN_OR_EQUAL_TO,a.GREATER_THAN,a.GREATER_THAN_OR_EQUAL_TO],date:[a.DATE_IS,a.DATE_IS_NOT,a.DATE_BEFORE,a.DATE_AFTER]},zIndex:{modal:1100,overlay:1e3,menu:1e3,tooltip:1100}},r=Symbol();function n(){const e=t(r);if(!e)throw new Error("PrimeVue is not installed!");return e}var s={install:(t,a)=>{let n=a?{...o,...a}:{...o};const s={config:e(n)};t.config.globalProperties.$primevue=s,t.provide(r,s)}};export{s as default,n as usePrimeVue};

package/config/config.js

@@ -102,11 +102,11 @@ this.primevue.config = (function (exports, vue, api) {
         }
     };
 
-    exports.default = PrimeVue;
+    exports["default"] = PrimeVue;
     exports.usePrimeVue = usePrimeVue;
 
     Object.defineProperty(exports, '__esModule', { value: true });
 
     return exports;
 
-}({}, Vue, primevue.api));
+})({}, Vue, primevue.api);

package/confirmationeventbus/confirmationeventbus.esm.js

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

package/confirmationeventbus/confirmationeventbus.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/confirmationeventbus/confirmationeventbus.js

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

package/confirmationoptions/ConfirmationOptions.d.ts

@@ -0,0 +1,58 @@
+export interface ConfirmationOptions {
+    /**
+     * Element to align the overlay.
+     */
+    target?: HTMLElement | undefined;
+    /**
+     * Header text of the dialog.
+     */
+    header?: string | undefined;
+    /**
+     * Message of the confirmation.
+     */
+    message?: string | undefined;
+    /**
+     * Optional key to match the key of the confirmation, useful to target a specific confirm dialog instance.
+     */
+    group?: string | undefined;
+    /**
+     * Icon to display next to the message.
+     */
+    icon?: string | undefined;
+    /**
+     * Whether background scroll should be blocked when dialog is visible.
+     */
+    blockScroll?: boolean | undefined;
+    /**
+     * Callback to execute when action is confirmed.
+     */
+    accept?: () => void;
+    /**
+     * Callback to execute when action is rejected.
+     */
+    reject?: () => void;
+    /**
+     * Label of the accept button. Defaults to PrimeVue Locale configuration.
+     */
+    acceptLabel?: string | undefined;
+    /**
+     * Label of the reject button. Defaults to PrimeVue Locale configuration.
+     */
+    rejectLabel?: string | undefined;
+    /**
+     * Icon of the accept button.
+     */
+    acceptIcon?: string | undefined;
+    /**
+     * Icon of the reject button.
+     */
+    rejectIcon?: string | undefined;
+    /**
+     * Style class of the accept button.
+     */
+    acceptClass?: string | undefined;
+    /**
+     * Style class of the reject button.
+     */
+    rejectClass?: string | undefined;
+}

package/confirmationoptions/package.json

@@ -0,0 +1,3 @@
+{
+    "types": "./ConfirmationOptions.d.ts"
+}

package/confirmationservice/ConfirmationService.d.ts

@@ -1,10 +1,11 @@
 import Vue, { Plugin } from 'vue';
+import { ConfirmationOptions } from '../confirmationoptions';
 
 declare const plugin: Plugin;
 export default plugin;
 
 interface ConfirmationServiceMethods {
-    require(options: any): any;
+    require(options: ConfirmationOptions): void;
     close(): void;
 }
 

package/confirmationservice/confirmationservice.cjs.js

@@ -11,10 +11,10 @@ var ConfirmationService = {
     install: (app) => {
         const ConfirmationService = {
             require: (options) => {
-                ConfirmationEventBus__default['default'].emit('confirm', options);
+                ConfirmationEventBus__default["default"].emit('confirm', options);
             },
             close: () => {
-                ConfirmationEventBus__default['default'].emit('close');
+                ConfirmationEventBus__default["default"].emit('close');
             }
         };
         app.config.globalProperties.$confirm = ConfirmationService;

package/confirmationservice/confirmationservice.esm.js

@@ -16,4 +16,4 @@ var ConfirmationService = {
     }
 };
 
-export default ConfirmationService;
+export { ConfirmationService as default };

package/confirmationservice/confirmationservice.esm.min.js

@@ -1 +1 @@
-import e from"primevue/confirmationeventbus";import{PrimeVueConfirmSymbol as o}from"primevue/useconfirm";var r={install:r=>{const i={require:o=>{e.emit("confirm",o)},close:()=>{e.emit("close")}};r.config.globalProperties.$confirm=i,r.provide(o,i)}};export default r;
+import e from"primevue/confirmationeventbus";import{PrimeVueConfirmSymbol as o}from"primevue/useconfirm";var r={install:r=>{const i={require:o=>{e.emit("confirm",o)},close:()=>{e.emit("close")}};r.config.globalProperties.$confirm=i,r.provide(o,i)}};export{r as default};

package/confirmationservice/confirmationservice.js

@@ -10,10 +10,10 @@ this.primevue.confirmationservice = (function (ConfirmationEventBus, useconfirm)
         install: (app) => {
             const ConfirmationService = {
                 require: (options) => {
-                    ConfirmationEventBus__default['default'].emit('confirm', options);
+                    ConfirmationEventBus__default["default"].emit('confirm', options);
                 },
                 close: () => {
-                    ConfirmationEventBus__default['default'].emit('close');
+                    ConfirmationEventBus__default["default"].emit('close');
                 }
             };
             app.config.globalProperties.$confirm = ConfirmationService;
@@ -23,4 +23,4 @@ this.primevue.confirmationservice = (function (ConfirmationEventBus, useconfirm)
 
     return ConfirmationService;
 
-}(primevue.confirmationeventbus, primevue.useconfirm));
+})(primevue.confirmationeventbus, primevue.useconfirm);

package/confirmdialog/ConfirmDialog.d.ts

@@ -1,10 +1,62 @@
-interface ConfirmDialogProps {
-    group?: string;
-    breakpoints?: {[key: string]: string};
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+
+export interface ConfirmDialogBreakpoints {
+    /**
+     * Breakpoint for responsive mode.
+     *
+     * Example:
+     *
+     * <ConfirmDialog :breakpoints="{'960px': '75vw', '640px': '100vw'}" ... />
+     *
+     * Result:
+     *
+     * @media screen and (max-width: ${breakpoint[key]}) {
+     *      .p-dialog[attributeSelector] {
+     *          width: ${breakpoint[value]} !important;
+     *      }
+     * }
+     */
+    [key: string]: string;
+}
+
+export interface ConfirmDialogProps {
+    /**
+     * Optional key to match the key of the confirmation, useful to target a specific confirm dialog instance.
+     */
+    group?: string | undefined;
+    /**
+     * Object literal to define widths per screen size.
+     * @see ConfirmDialogBreakpoints
+     */
+    breakpoints?: ConfirmDialogBreakpoints;
+}
+
+export interface ConfirmDialogSlots {
+}
+
+export declare type ConfirmDialogEmits = {
 }
 
-declare class ConfirmDialog {
-    $props: ConfirmDialogProps;
+declare class ConfirmDialog extends ClassComponent<ConfirmDialogProps, ConfirmDialogSlots, ConfirmDialogEmits> { }
+
+declare module '@vue/runtime-core' {
+    interface GlobalComponents {
+        ConfirmDialog: GlobalComponentConstructor<ConfirmDialog>
+    }
 }
 
+/**
+ *
+ * ConfirmDialog uses a Dialog UI that is integrated with the Confirmation API.
+ *
+ * Helper API:
+ *
+ * - Confirmation API
+ * - ConfirmationService
+ *
+ * Demos:
+ *
+ * - [ConfirmDialog](https://www.primefaces.org/primevue/showcase/#/confirmdialog)
+ *
+ */
 export default ConfirmDialog;

package/confirmdialog/ConfirmDialog.vue

@@ -4,8 +4,8 @@
         <i :class="iconClass" />
         <span class="p-confirm-dialog-message">{{message}}</span>
         <template #footer>
-            <CDButton :label="rejectLabel" :icon="rejectIcon" :class="rejectClass" @click="reject()"/>
-            <CDButton :label="acceptLabel" :icon="acceptIcon" :class="acceptClass" @click="accept()" autofocus />
+            <CDButton :label="rejectLabel" :icon="rejectIcon" :class="rejectClass" @click="reject()" :autofocus="autoFocusReject"/>
+            <CDButton :label="acceptLabel" :icon="acceptIcon" :class="acceptClass" @click="accept()" :autofocus="autoFocusAccept" />
         </template>
     </CDialog>
 </template>
@@ -104,6 +104,12 @@ export default {
         },
         rejectClass() {
             return ['p-confirm-dialog-reject', this.confirmation ? (this.confirmation.rejectClass || 'p-button-text') : null];
+        },
+        autoFocusAccept() {
+            return (this.confirmation.defaultFocus === undefined || this.confirmation.defaultFocus === 'accept') ? true : false;
+        },
+        autoFocusReject() {
+            return this.confirmation.defaultFocus === 'reject' ? true : false;
         }
     },
     components: {

package/confirmdialog/confirmdialog.cjs.js

@@ -44,12 +44,12 @@ var script = {
             this.visible = false;
             this.confirmation = null;
         };
-        ConfirmationEventBus__default['default'].on('confirm', this.confirmListener);
-        ConfirmationEventBus__default['default'].on('close', this.closeListener);
+        ConfirmationEventBus__default["default"].on('confirm', this.confirmListener);
+        ConfirmationEventBus__default["default"].on('close', this.closeListener);
     },
     beforeUnmount() {
-        ConfirmationEventBus__default['default'].off('confirm', this.confirmListener);
-        ConfirmationEventBus__default['default'].off('close', this.closeListener);
+        ConfirmationEventBus__default["default"].off('confirm', this.confirmListener);
+        ConfirmationEventBus__default["default"].off('close', this.closeListener);
     },
     methods: {
         accept() {
@@ -100,11 +100,17 @@ var script = {
         },
         rejectClass() {
             return ['p-confirm-dialog-reject', this.confirmation ? (this.confirmation.rejectClass || 'p-button-text') : null];
+        },
+        autoFocusAccept() {
+            return (this.confirmation.defaultFocus === undefined || this.confirmation.defaultFocus === 'accept') ? true : false;
+        },
+        autoFocusReject() {
+            return this.confirmation.defaultFocus === 'reject' ? true : false;
         }
     },
     components: {
-        'CDialog': Dialog__default['default'],
-        'CDButton': Button__default['default']
+        'CDialog': Dialog__default["default"],
+        'CDButton': Button__default["default"]
     }
 };
 
@@ -129,15 +135,16 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         label: $options.rejectLabel,
         icon: $options.rejectIcon,
         class: $options.rejectClass,
-        onClick: _cache[1] || (_cache[1] = $event => ($options.reject()))
-      }, null, 8, ["label", "icon", "class"]),
+        onClick: _cache[1] || (_cache[1] = $event => ($options.reject())),
+        autofocus: $options.autoFocusReject
+      }, null, 8, ["label", "icon", "class", "autofocus"]),
       vue.createVNode(_component_CDButton, {
         label: $options.acceptLabel,
         icon: $options.acceptIcon,
         class: $options.acceptClass,
         onClick: _cache[2] || (_cache[2] = $event => ($options.accept())),
-        autofocus: ""
-      }, null, 8, ["label", "icon", "class"])
+        autofocus: $options.autoFocusAccept
+      }, null, 8, ["label", "icon", "class", "autofocus"])
     ]),
     default: vue.withCtx(() => [
       vue.createVNode("i", { class: $options.iconClass }, null, 2),

package/confirmdialog/confirmdialog.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/confirmationeventbus"),i=require("primevue/dialog"),t=require("primevue/button"),o=require("vue");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=n(e),r=n(i),l=n(t),s={name:"ConfirmDialog",props:{group:String,breakpoints:{type:Object,default:null}},confirmListener:null,closeListener:null,data:()=>({visible:!1,confirmation:null}),mounted(){this.confirmListener=e=>{e&&e.group===this.group&&(this.confirmation=e,this.visible=!0)},this.closeListener=()=>{this.visible=!1,this.confirmation=null},c.default.on("confirm",this.confirmListener),c.default.on("close",this.closeListener)},beforeUnmount(){c.default.off("confirm",this.confirmListener),c.default.off("close",this.closeListener)},methods:{accept(){this.confirmation.accept&&this.confirmation.accept(),this.visible=!1},reject(){this.confirmation.reject&&this.confirmation.reject(),this.visible=!1}},computed:{header(){return this.confirmation?this.confirmation.header:null},message(){return this.confirmation?this.confirmation.message:null},blockScroll(){return!this.confirmation||this.confirmation.blockScroll},position(){return this.confirmation?this.confirmation.position:null},iconClass(){return["p-confirm-dialog-icon",this.confirmation?this.confirmation.icon:null]},acceptLabel(){return this.confirmation?this.confirmation.acceptLabel||this.$primevue.config.locale.accept:null},rejectLabel(){return this.confirmation?this.confirmation.rejectLabel||this.$primevue.config.locale.reject:null},acceptIcon(){return this.confirmation?this.confirmation.acceptIcon:null},rejectIcon(){return this.confirmation?this.confirmation.rejectIcon:null},acceptClass(){return["p-confirm-dialog-accept",this.confirmation?this.confirmation.acceptClass:null]},rejectClass(){return["p-confirm-dialog-reject",this.confirmation?this.confirmation.rejectClass||"p-button-text":null]}},components:{CDialog:r.default,CDButton:l.default}};const a={class:"p-confirm-dialog-message"};s.render=function(e,i,t,n,c,r){const l=o.resolveComponent("CDButton"),s=o.resolveComponent("CDialog");return o.openBlock(),o.createBlock(s,{visible:c.visible,"onUpdate:visible":i[3]||(i[3]=e=>c.visible=e),modal:!0,header:r.header,blockScroll:r.blockScroll,position:r.position,class:"p-confirm-dialog",breakpoints:t.breakpoints},{footer:o.withCtx((()=>[o.createVNode(l,{label:r.rejectLabel,icon:r.rejectIcon,class:r.rejectClass,onClick:i[1]||(i[1]=e=>r.reject())},null,8,["label","icon","class"]),o.createVNode(l,{label:r.acceptLabel,icon:r.acceptIcon,class:r.acceptClass,onClick:i[2]||(i[2]=e=>r.accept()),autofocus:""},null,8,["label","icon","class"])])),default:o.withCtx((()=>[o.createVNode("i",{class:r.iconClass},null,2),o.createVNode("span",a,o.toDisplayString(r.message),1)])),_:1},8,["visible","header","blockScroll","position","breakpoints"])},module.exports=s;
+"use strict";var t=require("primevue/confirmationeventbus"),e=require("primevue/dialog"),i=require("primevue/button"),o=require("vue");function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var c=n(t),r=n(e),s=n(i),a={name:"ConfirmDialog",props:{group:String,breakpoints:{type:Object,default:null}},confirmListener:null,closeListener:null,data:()=>({visible:!1,confirmation:null}),mounted(){this.confirmListener=t=>{t&&t.group===this.group&&(this.confirmation=t,this.visible=!0)},this.closeListener=()=>{this.visible=!1,this.confirmation=null},c.default.on("confirm",this.confirmListener),c.default.on("close",this.closeListener)},beforeUnmount(){c.default.off("confirm",this.confirmListener),c.default.off("close",this.closeListener)},methods:{accept(){this.confirmation.accept&&this.confirmation.accept(),this.visible=!1},reject(){this.confirmation.reject&&this.confirmation.reject(),this.visible=!1}},computed:{header(){return this.confirmation?this.confirmation.header:null},message(){return this.confirmation?this.confirmation.message:null},blockScroll(){return!this.confirmation||this.confirmation.blockScroll},position(){return this.confirmation?this.confirmation.position:null},iconClass(){return["p-confirm-dialog-icon",this.confirmation?this.confirmation.icon:null]},acceptLabel(){return this.confirmation?this.confirmation.acceptLabel||this.$primevue.config.locale.accept:null},rejectLabel(){return this.confirmation?this.confirmation.rejectLabel||this.$primevue.config.locale.reject:null},acceptIcon(){return this.confirmation?this.confirmation.acceptIcon:null},rejectIcon(){return this.confirmation?this.confirmation.rejectIcon:null},acceptClass(){return["p-confirm-dialog-accept",this.confirmation?this.confirmation.acceptClass:null]},rejectClass(){return["p-confirm-dialog-reject",this.confirmation?this.confirmation.rejectClass||"p-button-text":null]},autoFocusAccept(){return void 0===this.confirmation.defaultFocus||"accept"===this.confirmation.defaultFocus},autoFocusReject(){return"reject"===this.confirmation.defaultFocus}},components:{CDialog:r.default,CDButton:s.default}};const l={class:"p-confirm-dialog-message"};a.render=function(t,e,i,n,c,r){const s=o.resolveComponent("CDButton"),a=o.resolveComponent("CDialog");return o.openBlock(),o.createBlock(a,{visible:c.visible,"onUpdate:visible":e[3]||(e[3]=t=>c.visible=t),modal:!0,header:r.header,blockScroll:r.blockScroll,position:r.position,class:"p-confirm-dialog",breakpoints:i.breakpoints},{footer:o.withCtx((()=>[o.createVNode(s,{label:r.rejectLabel,icon:r.rejectIcon,class:r.rejectClass,onClick:e[1]||(e[1]=t=>r.reject()),autofocus:r.autoFocusReject},null,8,["label","icon","class","autofocus"]),o.createVNode(s,{label:r.acceptLabel,icon:r.acceptIcon,class:r.acceptClass,onClick:e[2]||(e[2]=t=>r.accept()),autofocus:r.autoFocusAccept},null,8,["label","icon","class","autofocus"])])),default:o.withCtx((()=>[o.createVNode("i",{class:r.iconClass},null,2),o.createVNode("span",l,o.toDisplayString(r.message),1)])),_:1},8,["visible","header","blockScroll","position","breakpoints"])},module.exports=a;

package/confirmdialog/confirmdialog.esm.js

@@ -92,6 +92,12 @@ var script = {
         },
         rejectClass() {
             return ['p-confirm-dialog-reject', this.confirmation ? (this.confirmation.rejectClass || 'p-button-text') : null];
+        },
+        autoFocusAccept() {
+            return (this.confirmation.defaultFocus === undefined || this.confirmation.defaultFocus === 'accept') ? true : false;
+        },
+        autoFocusReject() {
+            return this.confirmation.defaultFocus === 'reject' ? true : false;
         }
     },
     components: {
@@ -121,15 +127,16 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         label: $options.rejectLabel,
         icon: $options.rejectIcon,
         class: $options.rejectClass,
-        onClick: _cache[1] || (_cache[1] = $event => ($options.reject()))
-      }, null, 8, ["label", "icon", "class"]),
+        onClick: _cache[1] || (_cache[1] = $event => ($options.reject())),
+        autofocus: $options.autoFocusReject
+      }, null, 8, ["label", "icon", "class", "autofocus"]),
       createVNode(_component_CDButton, {
         label: $options.acceptLabel,
         icon: $options.acceptIcon,
         class: $options.acceptClass,
         onClick: _cache[2] || (_cache[2] = $event => ($options.accept())),
-        autofocus: ""
-      }, null, 8, ["label", "icon", "class"])
+        autofocus: $options.autoFocusAccept
+      }, null, 8, ["label", "icon", "class", "autofocus"])
     ]),
     default: withCtx(() => [
       createVNode("i", { class: $options.iconClass }, null, 2),
@@ -141,4 +148,4 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 
 script.render = render;
 
-export default script;
+export { script as default };

package/confirmdialog/confirmdialog.esm.min.js

@@ -1 +1 @@
-import i from"primevue/confirmationeventbus";import o from"primevue/dialog";import t from"primevue/button";import{resolveComponent as n,openBlock as e,createBlock as c,withCtx as r,createVNode as s,toDisplayString as l}from"vue";var a={name:"ConfirmDialog",props:{group:String,breakpoints:{type:Object,default:null}},confirmListener:null,closeListener:null,data:()=>({visible:!1,confirmation:null}),mounted(){this.confirmListener=i=>{i&&i.group===this.group&&(this.confirmation=i,this.visible=!0)},this.closeListener=()=>{this.visible=!1,this.confirmation=null},i.on("confirm",this.confirmListener),i.on("close",this.closeListener)},beforeUnmount(){i.off("confirm",this.confirmListener),i.off("close",this.closeListener)},methods:{accept(){this.confirmation.accept&&this.confirmation.accept(),this.visible=!1},reject(){this.confirmation.reject&&this.confirmation.reject(),this.visible=!1}},computed:{header(){return this.confirmation?this.confirmation.header:null},message(){return this.confirmation?this.confirmation.message:null},blockScroll(){return!this.confirmation||this.confirmation.blockScroll},position(){return this.confirmation?this.confirmation.position:null},iconClass(){return["p-confirm-dialog-icon",this.confirmation?this.confirmation.icon:null]},acceptLabel(){return this.confirmation?this.confirmation.acceptLabel||this.$primevue.config.locale.accept:null},rejectLabel(){return this.confirmation?this.confirmation.rejectLabel||this.$primevue.config.locale.reject:null},acceptIcon(){return this.confirmation?this.confirmation.acceptIcon:null},rejectIcon(){return this.confirmation?this.confirmation.rejectIcon:null},acceptClass(){return["p-confirm-dialog-accept",this.confirmation?this.confirmation.acceptClass:null]},rejectClass(){return["p-confirm-dialog-reject",this.confirmation?this.confirmation.rejectClass||"p-button-text":null]}},components:{CDialog:o,CDButton:t}};const m={class:"p-confirm-dialog-message"};a.render=function(i,o,t,a,f,u){const p=n("CDButton"),h=n("CDialog");return e(),c(h,{visible:f.visible,"onUpdate:visible":o[3]||(o[3]=i=>f.visible=i),modal:!0,header:u.header,blockScroll:u.blockScroll,position:u.position,class:"p-confirm-dialog",breakpoints:t.breakpoints},{footer:r((()=>[s(p,{label:u.rejectLabel,icon:u.rejectIcon,class:u.rejectClass,onClick:o[1]||(o[1]=i=>u.reject())},null,8,["label","icon","class"]),s(p,{label:u.acceptLabel,icon:u.acceptIcon,class:u.acceptClass,onClick:o[2]||(o[2]=i=>u.accept()),autofocus:""},null,8,["label","icon","class"])])),default:r((()=>[s("i",{class:u.iconClass},null,2),s("span",m,l(u.message),1)])),_:1},8,["visible","header","blockScroll","position","breakpoints"])};export default a;
+import i from"primevue/confirmationeventbus";import o from"primevue/dialog";import t from"primevue/button";import{resolveComponent as e,openBlock as n,createBlock as c,withCtx as r,createVNode as s,toDisplayString as a}from"vue";var l={name:"ConfirmDialog",props:{group:String,breakpoints:{type:Object,default:null}},confirmListener:null,closeListener:null,data:()=>({visible:!1,confirmation:null}),mounted(){this.confirmListener=i=>{i&&i.group===this.group&&(this.confirmation=i,this.visible=!0)},this.closeListener=()=>{this.visible=!1,this.confirmation=null},i.on("confirm",this.confirmListener),i.on("close",this.closeListener)},beforeUnmount(){i.off("confirm",this.confirmListener),i.off("close",this.closeListener)},methods:{accept(){this.confirmation.accept&&this.confirmation.accept(),this.visible=!1},reject(){this.confirmation.reject&&this.confirmation.reject(),this.visible=!1}},computed:{header(){return this.confirmation?this.confirmation.header:null},message(){return this.confirmation?this.confirmation.message:null},blockScroll(){return!this.confirmation||this.confirmation.blockScroll},position(){return this.confirmation?this.confirmation.position:null},iconClass(){return["p-confirm-dialog-icon",this.confirmation?this.confirmation.icon:null]},acceptLabel(){return this.confirmation?this.confirmation.acceptLabel||this.$primevue.config.locale.accept:null},rejectLabel(){return this.confirmation?this.confirmation.rejectLabel||this.$primevue.config.locale.reject:null},acceptIcon(){return this.confirmation?this.confirmation.acceptIcon:null},rejectIcon(){return this.confirmation?this.confirmation.rejectIcon:null},acceptClass(){return["p-confirm-dialog-accept",this.confirmation?this.confirmation.acceptClass:null]},rejectClass(){return["p-confirm-dialog-reject",this.confirmation?this.confirmation.rejectClass||"p-button-text":null]},autoFocusAccept(){return void 0===this.confirmation.defaultFocus||"accept"===this.confirmation.defaultFocus},autoFocusReject(){return"reject"===this.confirmation.defaultFocus}},components:{CDialog:o,CDButton:t}};const u={class:"p-confirm-dialog-message"};l.render=function(i,o,t,l,m,f){const p=e("CDButton"),h=e("CDialog");return n(),c(h,{visible:m.visible,"onUpdate:visible":o[3]||(o[3]=i=>m.visible=i),modal:!0,header:f.header,blockScroll:f.blockScroll,position:f.position,class:"p-confirm-dialog",breakpoints:t.breakpoints},{footer:r((()=>[s(p,{label:f.rejectLabel,icon:f.rejectIcon,class:f.rejectClass,onClick:o[1]||(o[1]=i=>f.reject()),autofocus:f.autoFocusReject},null,8,["label","icon","class","autofocus"]),s(p,{label:f.acceptLabel,icon:f.acceptIcon,class:f.acceptClass,onClick:o[2]||(o[2]=i=>f.accept()),autofocus:f.autoFocusAccept},null,8,["label","icon","class","autofocus"])])),default:r((()=>[s("i",{class:f.iconClass},null,2),s("span",u,a(f.message),1)])),_:1},8,["visible","header","blockScroll","position","breakpoints"])};export{l as default};

package/confirmdialog/confirmdialog.js

@@ -41,12 +41,12 @@ this.primevue.confirmdialog = (function (ConfirmationEventBus, Dialog, Button, v
                 this.visible = false;
                 this.confirmation = null;
             };
-            ConfirmationEventBus__default['default'].on('confirm', this.confirmListener);
-            ConfirmationEventBus__default['default'].on('close', this.closeListener);
+            ConfirmationEventBus__default["default"].on('confirm', this.confirmListener);
+            ConfirmationEventBus__default["default"].on('close', this.closeListener);
         },
         beforeUnmount() {
-            ConfirmationEventBus__default['default'].off('confirm', this.confirmListener);
-            ConfirmationEventBus__default['default'].off('close', this.closeListener);
+            ConfirmationEventBus__default["default"].off('confirm', this.confirmListener);
+            ConfirmationEventBus__default["default"].off('close', this.closeListener);
         },
         methods: {
             accept() {
@@ -97,11 +97,17 @@ this.primevue.confirmdialog = (function (ConfirmationEventBus, Dialog, Button, v
             },
             rejectClass() {
                 return ['p-confirm-dialog-reject', this.confirmation ? (this.confirmation.rejectClass || 'p-button-text') : null];
+            },
+            autoFocusAccept() {
+                return (this.confirmation.defaultFocus === undefined || this.confirmation.defaultFocus === 'accept') ? true : false;
+            },
+            autoFocusReject() {
+                return this.confirmation.defaultFocus === 'reject' ? true : false;
             }
         },
         components: {
-            'CDialog': Dialog__default['default'],
-            'CDButton': Button__default['default']
+            'CDialog': Dialog__default["default"],
+            'CDButton': Button__default["default"]
         }
     };
 
@@ -126,15 +132,16 @@ this.primevue.confirmdialog = (function (ConfirmationEventBus, Dialog, Button, v
             label: $options.rejectLabel,
             icon: $options.rejectIcon,
             class: $options.rejectClass,
-            onClick: _cache[1] || (_cache[1] = $event => ($options.reject()))
-          }, null, 8, ["label", "icon", "class"]),
+            onClick: _cache[1] || (_cache[1] = $event => ($options.reject())),
+            autofocus: $options.autoFocusReject
+          }, null, 8, ["label", "icon", "class", "autofocus"]),
           vue.createVNode(_component_CDButton, {
             label: $options.acceptLabel,
             icon: $options.acceptIcon,
             class: $options.acceptClass,
             onClick: _cache[2] || (_cache[2] = $event => ($options.accept())),
-            autofocus: ""
-          }, null, 8, ["label", "icon", "class"])
+            autofocus: $options.autoFocusAccept
+          }, null, 8, ["label", "icon", "class", "autofocus"])
         ]),
         default: vue.withCtx(() => [
           vue.createVNode("i", { class: $options.iconClass }, null, 2),
@@ -148,4 +155,4 @@ this.primevue.confirmdialog = (function (ConfirmationEventBus, Dialog, Button, v
 
     return script;
 
-}(primevue.confirmationeventbus, primevue.dialog, primevue.button, Vue));
+})(primevue.confirmationeventbus, primevue.dialog, primevue.button, Vue);

package/confirmdialog/confirmdialog.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.confirmdialog=function(i,e,t,o){"use strict";function n(i){return i&&"object"==typeof i&&"default"in i?i:{default:i}}var c=n(i),r=n(e),l=n(t),s={name:"ConfirmDialog",props:{group:String,breakpoints:{type:Object,default:null}},confirmListener:null,closeListener:null,data:()=>({visible:!1,confirmation:null}),mounted(){this.confirmListener=i=>{i&&i.group===this.group&&(this.confirmation=i,this.visible=!0)},this.closeListener=()=>{this.visible=!1,this.confirmation=null},c.default.on("confirm",this.confirmListener),c.default.on("close",this.closeListener)},beforeUnmount(){c.default.off("confirm",this.confirmListener),c.default.off("close",this.closeListener)},methods:{accept(){this.confirmation.accept&&this.confirmation.accept(),this.visible=!1},reject(){this.confirmation.reject&&this.confirmation.reject(),this.visible=!1}},computed:{header(){return this.confirmation?this.confirmation.header:null},message(){return this.confirmation?this.confirmation.message:null},blockScroll(){return!this.confirmation||this.confirmation.blockScroll},position(){return this.confirmation?this.confirmation.position:null},iconClass(){return["p-confirm-dialog-icon",this.confirmation?this.confirmation.icon:null]},acceptLabel(){return this.confirmation?this.confirmation.acceptLabel||this.$primevue.config.locale.accept:null},rejectLabel(){return this.confirmation?this.confirmation.rejectLabel||this.$primevue.config.locale.reject:null},acceptIcon(){return this.confirmation?this.confirmation.acceptIcon:null},rejectIcon(){return this.confirmation?this.confirmation.rejectIcon:null},acceptClass(){return["p-confirm-dialog-accept",this.confirmation?this.confirmation.acceptClass:null]},rejectClass(){return["p-confirm-dialog-reject",this.confirmation?this.confirmation.rejectClass||"p-button-text":null]}},components:{CDialog:r.default,CDButton:l.default}};const a={class:"p-confirm-dialog-message"};return s.render=function(i,e,t,n,c,r){const l=o.resolveComponent("CDButton"),s=o.resolveComponent("CDialog");return o.openBlock(),o.createBlock(s,{visible:c.visible,"onUpdate:visible":e[3]||(e[3]=i=>c.visible=i),modal:!0,header:r.header,blockScroll:r.blockScroll,position:r.position,class:"p-confirm-dialog",breakpoints:t.breakpoints},{footer:o.withCtx((()=>[o.createVNode(l,{label:r.rejectLabel,icon:r.rejectIcon,class:r.rejectClass,onClick:e[1]||(e[1]=i=>r.reject())},null,8,["label","icon","class"]),o.createVNode(l,{label:r.acceptLabel,icon:r.acceptIcon,class:r.acceptClass,onClick:e[2]||(e[2]=i=>r.accept()),autofocus:""},null,8,["label","icon","class"])])),default:o.withCtx((()=>[o.createVNode("i",{class:r.iconClass},null,2),o.createVNode("span",a,o.toDisplayString(r.message),1)])),_:1},8,["visible","header","blockScroll","position","breakpoints"])},s}(primevue.confirmationeventbus,primevue.dialog,primevue.button,Vue);
+this.primevue=this.primevue||{},this.primevue.confirmdialog=function(t,i,e,o){"use strict";function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var c=n(t),r=n(i),s=n(e),a={name:"ConfirmDialog",props:{group:String,breakpoints:{type:Object,default:null}},confirmListener:null,closeListener:null,data:()=>({visible:!1,confirmation:null}),mounted(){this.confirmListener=t=>{t&&t.group===this.group&&(this.confirmation=t,this.visible=!0)},this.closeListener=()=>{this.visible=!1,this.confirmation=null},c.default.on("confirm",this.confirmListener),c.default.on("close",this.closeListener)},beforeUnmount(){c.default.off("confirm",this.confirmListener),c.default.off("close",this.closeListener)},methods:{accept(){this.confirmation.accept&&this.confirmation.accept(),this.visible=!1},reject(){this.confirmation.reject&&this.confirmation.reject(),this.visible=!1}},computed:{header(){return this.confirmation?this.confirmation.header:null},message(){return this.confirmation?this.confirmation.message:null},blockScroll(){return!this.confirmation||this.confirmation.blockScroll},position(){return this.confirmation?this.confirmation.position:null},iconClass(){return["p-confirm-dialog-icon",this.confirmation?this.confirmation.icon:null]},acceptLabel(){return this.confirmation?this.confirmation.acceptLabel||this.$primevue.config.locale.accept:null},rejectLabel(){return this.confirmation?this.confirmation.rejectLabel||this.$primevue.config.locale.reject:null},acceptIcon(){return this.confirmation?this.confirmation.acceptIcon:null},rejectIcon(){return this.confirmation?this.confirmation.rejectIcon:null},acceptClass(){return["p-confirm-dialog-accept",this.confirmation?this.confirmation.acceptClass:null]},rejectClass(){return["p-confirm-dialog-reject",this.confirmation?this.confirmation.rejectClass||"p-button-text":null]},autoFocusAccept(){return void 0===this.confirmation.defaultFocus||"accept"===this.confirmation.defaultFocus},autoFocusReject(){return"reject"===this.confirmation.defaultFocus}},components:{CDialog:r.default,CDButton:s.default}};const l={class:"p-confirm-dialog-message"};return a.render=function(t,i,e,n,c,r){const s=o.resolveComponent("CDButton"),a=o.resolveComponent("CDialog");return o.openBlock(),o.createBlock(a,{visible:c.visible,"onUpdate:visible":i[3]||(i[3]=t=>c.visible=t),modal:!0,header:r.header,blockScroll:r.blockScroll,position:r.position,class:"p-confirm-dialog",breakpoints:e.breakpoints},{footer:o.withCtx((()=>[o.createVNode(s,{label:r.rejectLabel,icon:r.rejectIcon,class:r.rejectClass,onClick:i[1]||(i[1]=t=>r.reject()),autofocus:r.autoFocusReject},null,8,["label","icon","class","autofocus"]),o.createVNode(s,{label:r.acceptLabel,icon:r.acceptIcon,class:r.acceptClass,onClick:i[2]||(i[2]=t=>r.accept()),autofocus:r.autoFocusAccept},null,8,["label","icon","class","autofocus"])])),default:o.withCtx((()=>[o.createVNode("i",{class:r.iconClass},null,2),o.createVNode("span",l,o.toDisplayString(r.message),1)])),_:1},8,["visible","header","blockScroll","position","breakpoints"])},a}(primevue.confirmationeventbus,primevue.dialog,primevue.button,Vue);

package/confirmpopup/ConfirmPopup.d.ts

@@ -1,9 +1,47 @@
-interface ConfirmPopupProps {
+import { VNode } from 'vue';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+import { ConfirmationOptions } from '../confirmationoptions';
+
+export interface ConfirmPopupProps {
+    /**
+     * Optional key to match the key of the confirmation, useful to target a specific confirm dialog instance.
+     */
     group?: string;
 }
 
-declare class ConfirmPopup {
-    $props: ConfirmPopupProps;
+export interface ConfirmPopupSlots {
+    /**
+     * Custom message template.
+     * @param {Object} scope - message slot's params.
+     */
+    message: (scope: {
+        message: ConfirmationOptions;
+    }) => VNode[];
+}
+
+export declare type ConfirmPopupEmits = {
+}
+
+declare class ConfirmPopup extends ClassComponent<ConfirmPopupProps, ConfirmPopupSlots, ConfirmPopupEmits> { }
+
+declare module '@vue/runtime-core' {
+    interface GlobalComponents {
+        ConfirmPopup: GlobalComponentConstructor<ConfirmPopup>
+    }
 }
 
+/**
+ *
+ * ConfirmPopup displays a confirmation overlay displayed relatively to its target.
+ *
+ * Helper API:
+ *
+ * - Confirmation API
+ * - ConfirmationService
+ *
+ * Demos:
+ *
+ * - [ConfirmPopup](https://www.primefaces.org/primevue/showcase/#/confirmpopup)
+ *
+ */
 export default ConfirmPopup;

package/confirmpopup/ConfirmPopup.vue

@@ -2,10 +2,13 @@
     <Teleport to="body">
         <transition name="p-confirm-popup" @enter="onEnter" @leave="onLeave" @after-leave="onAfterLeave">
             <div :class="containerClass" v-if="visible" :ref="containerRef" v-bind="$attrs" @click="onOverlayClick">
-                <div class="p-confirm-popup-content">
-                    <i :class="iconClass" />
-                    <span class="p-confirm-popup-message">{{confirmation.message}}</span>
-                </div>
+                <template v-if="!$slots.message">
+                    <div class="p-confirm-popup-content">
+                        <i :class="iconClass" />
+                        <span class="p-confirm-popup-message">{{confirmation.message}}</span>
+                    </div>
+                </template>
+                <component v-else :is="$slots.message" :message="confirmation"></component>
                 <div class="p-confirm-popup-footer">
                     <CPButton :label="rejectLabel" :icon="rejectIcon" :class="rejectClass" @click="reject()"/>
                     <CPButton :label="acceptLabel" :icon="acceptIcon" :class="acceptClass" @click="accept()" autofocus />