primevue 3.26.0 → 3.27.0

package/config/config.esm.min.js

@@ -1 +1 @@
-import{FilterMatchMode as e}from"primevue/api";import{reactive as t,inject as o}from"vue";const a={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",completed:"Completed",pending:"Pending",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"],chooseYear:"Choose Year",chooseMonth:"Choose Month",chooseDate:"Choose Date",prevDecade:"Previous Decade",nextDecade:"Next Decade",prevYear:"Previous Year",nextYear:"Next Year",prevMonth:"Previous Month",nextMonth:"Next Month",prevHour:"Previous Hour",nextHour:"Next Hour",prevMinute:"Previous Minute",nextMinute:"Next Minute",prevSecond:"Previous Second",nextSecond:"Next Second",am:"am",pm:"pm",today:"Today",weekHeader:"Wk",firstDayOfWeek:0,dateFormat:"mm/dd/yy",weak:"Weak",medium:"Medium",strong:"Strong",passwordPrompt:"Enter a password",emptyFilterMessage:"No results found",searchMessage:"{0} results are available",selectionMessage:"{0} items selected",emptySelectionMessage:"No selected item",emptySearchMessage:"No results found",emptyMessage:"No available options",aria:{trueLabel:"True",falseLabel:"False",nullLabel:"Not Selected",star:"1 star",stars:"{star} stars",selectAll:"All items selected",unselectAll:"All items unselected",close:"Close",previous:"Previous",next:"Next",navigation:"Navigation",scrollTop:"Scroll Top",moveTop:"Move Top",moveUp:"Move Up",moveDown:"Move Down",moveBottom:"Move Bottom",moveToTarget:"Move to Target",moveToSource:"Move to Source",moveAllToTarget:"Move All to Target",moveAllToSource:"Move All to Source",pageLabel:"{page}",firstPageLabel:"First Page",lastPageLabel:"Last Page",nextPageLabel:"Next Page",prevPageLabel:"Previous Page",rowsPerPageLabel:"Rows per page",jumpToPageDropdownLabel:"Jump to Page Dropdown",jumpToPageInputLabel:"Jump to Page Input",selectRow:"Row Selected",unselectRow:"Row Unselected",expandRow:"Row Expanded",collapseRow:"Row Collapsed",showFilterMenu:"Show Filter Menu",hideFilterMenu:"Hide Filter Menu",filterOperator:"Filter Operator",filterConstraint:"Filter Constraint",editRow:"Row Edit",saveEdit:"Save Edit",cancelEdit:"Cancel Edit",listView:"List View",gridView:"Grid View",slide:"Slide",slideNumber:"{slideNumber}",zoomImage:"Zoom Image",zoomIn:"Zoom In",zoomOut:"Zoom Out",rotateRight:"Rotate Right",rotateLeft:"Rotate Left"}},filterMatchModeOptions:{text:[e.STARTS_WITH,e.CONTAINS,e.NOT_CONTAINS,e.ENDS_WITH,e.EQUALS,e.NOT_EQUALS],numeric:[e.EQUALS,e.NOT_EQUALS,e.LESS_THAN,e.LESS_THAN_OR_EQUAL_TO,e.GREATER_THAN,e.GREATER_THAN_OR_EQUAL_TO],date:[e.DATE_IS,e.DATE_IS_NOT,e.DATE_BEFORE,e.DATE_AFTER]},zIndex:{modal:1100,overlay:1e3,menu:1e3,tooltip:1100}},r=Symbol();function l(){const e=o(r);if(!e)throw new Error("PrimeVue is not installed!");return e}function s(e,t,o,a){const r=document.getElementById(o),l=r.cloneNode(!0),s=r.getAttribute("href").replace(e,t);l.setAttribute("id",o+"-clone"),l.setAttribute("href",s),l.addEventListener("load",(()=>{r.remove(),l.setAttribute("id",o),a&&a()})),r.parentNode?.insertBefore(l,r.nextSibling)}var n={install:(e,o)=>{let l=o?{...a,...o}:{...a};const n={config:t(l),changeTheme:s};e.config.globalProperties.$primevue=n,e.provide(r,n)}};export{n as default,l as usePrimeVue};
+import{FilterMatchMode as e}from"primevue/api";import{reactive as t,inject as o}from"vue";const a={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",completed:"Completed",pending:"Pending",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"],chooseYear:"Choose Year",chooseMonth:"Choose Month",chooseDate:"Choose Date",prevDecade:"Previous Decade",nextDecade:"Next Decade",prevYear:"Previous Year",nextYear:"Next Year",prevMonth:"Previous Month",nextMonth:"Next Month",prevHour:"Previous Hour",nextHour:"Next Hour",prevMinute:"Previous Minute",nextMinute:"Next Minute",prevSecond:"Previous Second",nextSecond:"Next Second",am:"am",pm:"pm",today:"Today",weekHeader:"Wk",firstDayOfWeek:0,dateFormat:"mm/dd/yy",weak:"Weak",medium:"Medium",strong:"Strong",passwordPrompt:"Enter a password",emptyFilterMessage:"No results found",searchMessage:"{0} results are available",selectionMessage:"{0} items selected",emptySelectionMessage:"No selected item",emptySearchMessage:"No results found",emptyMessage:"No available options",aria:{trueLabel:"True",falseLabel:"False",nullLabel:"Not Selected",star:"1 star",stars:"{star} stars",selectAll:"All items selected",unselectAll:"All items unselected",close:"Close",previous:"Previous",next:"Next",navigation:"Navigation",scrollTop:"Scroll Top",moveTop:"Move Top",moveUp:"Move Up",moveDown:"Move Down",moveBottom:"Move Bottom",moveToTarget:"Move to Target",moveToSource:"Move to Source",moveAllToTarget:"Move All to Target",moveAllToSource:"Move All to Source",pageLabel:"{page}",firstPageLabel:"First Page",lastPageLabel:"Last Page",nextPageLabel:"Next Page",prevPageLabel:"Previous Page",rowsPerPageLabel:"Rows per page",jumpToPageDropdownLabel:"Jump to Page Dropdown",jumpToPageInputLabel:"Jump to Page Input",selectRow:"Row Selected",unselectRow:"Row Unselected",expandRow:"Row Expanded",collapseRow:"Row Collapsed",showFilterMenu:"Show Filter Menu",hideFilterMenu:"Hide Filter Menu",filterOperator:"Filter Operator",filterConstraint:"Filter Constraint",editRow:"Row Edit",saveEdit:"Save Edit",cancelEdit:"Cancel Edit",listView:"List View",gridView:"Grid View",slide:"Slide",slideNumber:"{slideNumber}",zoomImage:"Zoom Image",zoomIn:"Zoom In",zoomOut:"Zoom Out",rotateRight:"Rotate Right",rotateLeft:"Rotate Left"}},filterMatchModeOptions:{text:[e.STARTS_WITH,e.CONTAINS,e.NOT_CONTAINS,e.ENDS_WITH,e.EQUALS,e.NOT_EQUALS],numeric:[e.EQUALS,e.NOT_EQUALS,e.LESS_THAN,e.LESS_THAN_OR_EQUAL_TO,e.GREATER_THAN,e.GREATER_THAN_OR_EQUAL_TO],date:[e.DATE_IS,e.DATE_IS_NOT,e.DATE_BEFORE,e.DATE_AFTER]},zIndex:{modal:1100,overlay:1e3,menu:1e3,tooltip:1100}},r=Symbol();function l(){const e=o(r);if(!e)throw new Error("PrimeVue is not installed!");return e}function s(e,t,o,a){const r=document.getElementById(o),l=r.cloneNode(!0),s=r.getAttribute("href").replace(e,t);l.setAttribute("id",o+"-clone"),l.setAttribute("href",s),l.addEventListener("load",(()=>{r.remove(),l.setAttribute("id",o),a&&a()})),r.parentNode&&r.parentNode.insertBefore(l,r.nextSibling)}var n={install:(e,o)=>{let l=o?{...a,...o}:{...a};const n={config:t(l),changeTheme:s};e.config.globalProperties.$primevue=n,e.provide(r,n)}};export{n as default,l as usePrimeVue};

package/config/config.js

@@ -161,7 +161,7 @@ this.primevue.config = (function (exports, api, vue) {
                 callback();
             }
         });
-        linkElement.parentNode?.insertBefore(cloneLinkElement, linkElement.nextSibling);
+        linkElement.parentNode && linkElement.parentNode.insertBefore(cloneLinkElement, linkElement.nextSibling);
     }
 
     var PrimeVue = {

package/config/config.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.config=function(e,t,o){"use strict";const a={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",completed:"Completed",pending:"Pending",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"],chooseYear:"Choose Year",chooseMonth:"Choose Month",chooseDate:"Choose Date",prevDecade:"Previous Decade",nextDecade:"Next Decade",prevYear:"Previous Year",nextYear:"Next Year",prevMonth:"Previous Month",nextMonth:"Next Month",prevHour:"Previous Hour",nextHour:"Next Hour",prevMinute:"Previous Minute",nextMinute:"Next Minute",prevSecond:"Previous Second",nextSecond:"Next Second",am:"am",pm:"pm",today:"Today",weekHeader:"Wk",firstDayOfWeek:0,dateFormat:"mm/dd/yy",weak:"Weak",medium:"Medium",strong:"Strong",passwordPrompt:"Enter a password",emptyFilterMessage:"No results found",searchMessage:"{0} results are available",selectionMessage:"{0} items selected",emptySelectionMessage:"No selected item",emptySearchMessage:"No results found",emptyMessage:"No available options",aria:{trueLabel:"True",falseLabel:"False",nullLabel:"Not Selected",star:"1 star",stars:"{star} stars",selectAll:"All items selected",unselectAll:"All items unselected",close:"Close",previous:"Previous",next:"Next",navigation:"Navigation",scrollTop:"Scroll Top",moveTop:"Move Top",moveUp:"Move Up",moveDown:"Move Down",moveBottom:"Move Bottom",moveToTarget:"Move to Target",moveToSource:"Move to Source",moveAllToTarget:"Move All to Target",moveAllToSource:"Move All to Source",pageLabel:"{page}",firstPageLabel:"First Page",lastPageLabel:"Last Page",nextPageLabel:"Next Page",prevPageLabel:"Previous Page",rowsPerPageLabel:"Rows per page",jumpToPageDropdownLabel:"Jump to Page Dropdown",jumpToPageInputLabel:"Jump to Page Input",selectRow:"Row Selected",unselectRow:"Row Unselected",expandRow:"Row Expanded",collapseRow:"Row Collapsed",showFilterMenu:"Show Filter Menu",hideFilterMenu:"Hide Filter Menu",filterOperator:"Filter Operator",filterConstraint:"Filter Constraint",editRow:"Row Edit",saveEdit:"Save Edit",cancelEdit:"Cancel Edit",listView:"List View",gridView:"Grid View",slide:"Slide",slideNumber:"{slideNumber}",zoomImage:"Zoom Image",zoomIn:"Zoom In",zoomOut:"Zoom Out",rotateRight:"Rotate Right",rotateLeft:"Rotate Left"}},filterMatchModeOptions:{text:[t.FilterMatchMode.STARTS_WITH,t.FilterMatchMode.CONTAINS,t.FilterMatchMode.NOT_CONTAINS,t.FilterMatchMode.ENDS_WITH,t.FilterMatchMode.EQUALS,t.FilterMatchMode.NOT_EQUALS],numeric:[t.FilterMatchMode.EQUALS,t.FilterMatchMode.NOT_EQUALS,t.FilterMatchMode.LESS_THAN,t.FilterMatchMode.LESS_THAN_OR_EQUAL_TO,t.FilterMatchMode.GREATER_THAN,t.FilterMatchMode.GREATER_THAN_OR_EQUAL_TO],date:[t.FilterMatchMode.DATE_IS,t.FilterMatchMode.DATE_IS_NOT,t.FilterMatchMode.DATE_BEFORE,t.FilterMatchMode.DATE_AFTER]},zIndex:{modal:1100,overlay:1e3,menu:1e3,tooltip:1100}},r=Symbol();function l(e,t,o,a){const r=document.getElementById(o),l=r.cloneNode(!0),i=r.getAttribute("href").replace(e,t);l.setAttribute("id",o+"-clone"),l.setAttribute("href",i),l.addEventListener("load",(()=>{r.remove(),l.setAttribute("id",o),a&&a()})),r.parentNode?.insertBefore(l,r.nextSibling)}var i={install:(e,t)=>{let i=t?{...a,...t}:{...a};const s={config:o.reactive(i),changeTheme:l};e.config.globalProperties.$primevue=s,e.provide(r,s)}};return e.default=i,e.usePrimeVue=function(){const e=o.inject(r);if(!e)throw new Error("PrimeVue is not installed!");return e},Object.defineProperty(e,"__esModule",{value:!0}),e}({},primevue.api,Vue);
+this.primevue=this.primevue||{},this.primevue.config=function(e,t,o){"use strict";const a={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",completed:"Completed",pending:"Pending",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"],chooseYear:"Choose Year",chooseMonth:"Choose Month",chooseDate:"Choose Date",prevDecade:"Previous Decade",nextDecade:"Next Decade",prevYear:"Previous Year",nextYear:"Next Year",prevMonth:"Previous Month",nextMonth:"Next Month",prevHour:"Previous Hour",nextHour:"Next Hour",prevMinute:"Previous Minute",nextMinute:"Next Minute",prevSecond:"Previous Second",nextSecond:"Next Second",am:"am",pm:"pm",today:"Today",weekHeader:"Wk",firstDayOfWeek:0,dateFormat:"mm/dd/yy",weak:"Weak",medium:"Medium",strong:"Strong",passwordPrompt:"Enter a password",emptyFilterMessage:"No results found",searchMessage:"{0} results are available",selectionMessage:"{0} items selected",emptySelectionMessage:"No selected item",emptySearchMessage:"No results found",emptyMessage:"No available options",aria:{trueLabel:"True",falseLabel:"False",nullLabel:"Not Selected",star:"1 star",stars:"{star} stars",selectAll:"All items selected",unselectAll:"All items unselected",close:"Close",previous:"Previous",next:"Next",navigation:"Navigation",scrollTop:"Scroll Top",moveTop:"Move Top",moveUp:"Move Up",moveDown:"Move Down",moveBottom:"Move Bottom",moveToTarget:"Move to Target",moveToSource:"Move to Source",moveAllToTarget:"Move All to Target",moveAllToSource:"Move All to Source",pageLabel:"{page}",firstPageLabel:"First Page",lastPageLabel:"Last Page",nextPageLabel:"Next Page",prevPageLabel:"Previous Page",rowsPerPageLabel:"Rows per page",jumpToPageDropdownLabel:"Jump to Page Dropdown",jumpToPageInputLabel:"Jump to Page Input",selectRow:"Row Selected",unselectRow:"Row Unselected",expandRow:"Row Expanded",collapseRow:"Row Collapsed",showFilterMenu:"Show Filter Menu",hideFilterMenu:"Hide Filter Menu",filterOperator:"Filter Operator",filterConstraint:"Filter Constraint",editRow:"Row Edit",saveEdit:"Save Edit",cancelEdit:"Cancel Edit",listView:"List View",gridView:"Grid View",slide:"Slide",slideNumber:"{slideNumber}",zoomImage:"Zoom Image",zoomIn:"Zoom In",zoomOut:"Zoom Out",rotateRight:"Rotate Right",rotateLeft:"Rotate Left"}},filterMatchModeOptions:{text:[t.FilterMatchMode.STARTS_WITH,t.FilterMatchMode.CONTAINS,t.FilterMatchMode.NOT_CONTAINS,t.FilterMatchMode.ENDS_WITH,t.FilterMatchMode.EQUALS,t.FilterMatchMode.NOT_EQUALS],numeric:[t.FilterMatchMode.EQUALS,t.FilterMatchMode.NOT_EQUALS,t.FilterMatchMode.LESS_THAN,t.FilterMatchMode.LESS_THAN_OR_EQUAL_TO,t.FilterMatchMode.GREATER_THAN,t.FilterMatchMode.GREATER_THAN_OR_EQUAL_TO],date:[t.FilterMatchMode.DATE_IS,t.FilterMatchMode.DATE_IS_NOT,t.FilterMatchMode.DATE_BEFORE,t.FilterMatchMode.DATE_AFTER]},zIndex:{modal:1100,overlay:1e3,menu:1e3,tooltip:1100}},r=Symbol();function l(e,t,o,a){const r=document.getElementById(o),l=r.cloneNode(!0),i=r.getAttribute("href").replace(e,t);l.setAttribute("id",o+"-clone"),l.setAttribute("href",i),l.addEventListener("load",(()=>{r.remove(),l.setAttribute("id",o),a&&a()})),r.parentNode&&r.parentNode.insertBefore(l,r.nextSibling)}var i={install:(e,t)=>{let i=t?{...a,...t}:{...a};const s={config:o.reactive(i),changeTheme:l};e.config.globalProperties.$primevue=s,e.provide(r,s)}};return e.default=i,e.usePrimeVue=function(){const e=o.inject(r);if(!e)throw new Error("PrimeVue is not installed!");return e},Object.defineProperty(e,"__esModule",{value:!0}),e}({},primevue.api,Vue);

package/confirmdialog/ConfirmDialog.d.ts

@@ -61,7 +61,29 @@ export interface ConfirmDialogSlots {
      * Custom message template.
      * @param {Object} scope - message slot's params.
      */
-    message(scope: { message: ConfirmationOptions }): VNode[];
+    message(scope: {
+        /**
+         * Message of the component
+         */
+        message: ConfirmationOptions;
+    }): VNode[];
+    /**
+     * Custom icon template.
+     */
+    icon(scope: {
+        /**
+         * Style class of the icon template
+         */
+        class: any;
+    }): VNode[];
+    /**
+     * Custom icon template.
+     */
+    accepticon(): VNode[];
+    /**
+     * Custom icon template.
+     */
+    rejecticon(): VNode[];
 }
 
 /**

package/confirmdialog/ConfirmDialog.vue

@@ -13,13 +13,28 @@
         @update:visible="onHide"
     >
         <template v-if="!$slots.message">
-            <i v-if="confirmation.icon" :class="iconClass" />
+            <slot name="icon" class="p-confirm-dialog-icon">
+                <component v-if="$slots.icon" :is="$slots.icon" class="p-confirm-dialog-icon" />
+                <span v-else-if="confirmation.icon" :class="iconClass" />
+            </slot>
             <span class="p-confirm-dialog-message">{{ message }}</span>
         </template>
         <component v-else :is="$slots.message" :message="confirmation"></component>
         <template #footer>
-            <CDButton :label="rejectLabel" :icon="rejectIcon" :class="rejectClass" @click="reject()" :autofocus="autoFocusReject" />
-            <CDButton :label="acceptLabel" :icon="acceptIcon" :class="acceptClass" @click="accept()" :autofocus="autoFocusAccept" />
+            <CDButton :label="rejectLabel" :class="rejectClass" iconPos="left" @click="reject()" :autofocus="autoFocusReject">
+                <template #icon="iconProps">
+                    <slot name="rejecticon">
+                        <span :class="[rejectIcon, iconProps.class]" />
+                    </slot>
+                </template>
+            </CDButton>
+            <CDButton :label="acceptLabel" :class="acceptClass" iconPos="left" @click="accept()" :autofocus="autoFocusAccept">
+                <template #icon="iconProps">
+                    <slot name="accepticon">
+                        <span :class="[acceptIcon, iconProps.class]" />
+                    </slot>
+                </template>
+            </CDButton>
         </template>
     </CDialog>
 </template>

package/confirmdialog/confirmdialog.cjs.js

@@ -159,28 +159,53 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     footer: vue.withCtx(() => [
       vue.createVNode(_component_CDButton, {
         label: $options.rejectLabel,
-        icon: $options.rejectIcon,
         class: vue.normalizeClass($options.rejectClass),
+        iconPos: "left",
         onClick: _cache[0] || (_cache[0] = $event => ($options.reject())),
         autofocus: $options.autoFocusReject
-      }, null, 8, ["label", "icon", "class", "autofocus"]),
+      }, {
+        icon: vue.withCtx((iconProps) => [
+          vue.renderSlot(_ctx.$slots, "rejecticon", {}, () => [
+            vue.createElementVNode("span", {
+              class: vue.normalizeClass([$options.rejectIcon, iconProps.class])
+            }, null, 2)
+          ])
+        ]),
+        _: 3
+      }, 8, ["label", "class", "autofocus"]),
       vue.createVNode(_component_CDButton, {
         label: $options.acceptLabel,
-        icon: $options.acceptIcon,
         class: vue.normalizeClass($options.acceptClass),
+        iconPos: "left",
         onClick: _cache[1] || (_cache[1] = $event => ($options.accept())),
         autofocus: $options.autoFocusAccept
-      }, null, 8, ["label", "icon", "class", "autofocus"])
+      }, {
+        icon: vue.withCtx((iconProps) => [
+          vue.renderSlot(_ctx.$slots, "accepticon", {}, () => [
+            vue.createElementVNode("span", {
+              class: vue.normalizeClass([$options.acceptIcon, iconProps.class])
+            }, null, 2)
+          ])
+        ]),
+        _: 3
+      }, 8, ["label", "class", "autofocus"])
     ]),
     default: vue.withCtx(() => [
       (!_ctx.$slots.message)
         ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-            ($data.confirmation.icon)
-              ? (vue.openBlock(), vue.createElementBlock("i", {
-                  key: 0,
-                  class: vue.normalizeClass($options.iconClass)
-                }, null, 2))
-              : vue.createCommentVNode("", true),
+            vue.renderSlot(_ctx.$slots, "icon", { class: "p-confirm-dialog-icon" }, () => [
+              (_ctx.$slots.icon)
+                ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$slots.icon), {
+                    key: 0,
+                    class: "p-confirm-dialog-icon"
+                  }))
+                : ($data.confirmation.icon)
+                  ? (vue.openBlock(), vue.createElementBlock("span", {
+                      key: 1,
+                      class: vue.normalizeClass($options.iconClass)
+                    }, null, 2))
+                  : vue.createCommentVNode("", true)
+            ]),
             vue.createElementVNode("span", _hoisted_1, vue.toDisplayString($options.message), 1)
           ], 64))
         : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$slots.message), {
@@ -188,7 +213,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             message: $data.confirmation
           }, null, 8, ["message"]))
     ]),
-    _: 1
+    _: 3
   }, 8, ["visible", "header", "blockScroll", "position", "breakpoints", "closeOnEscape", "draggable", "onUpdate:visible"]))
 }
 

package/confirmdialog/confirmdialog.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/button"),o=require("primevue/confirmationeventbus"),i=require("primevue/dialog"),t=require("vue");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=n(e),s=n(o),a={name:"ConfirmDialog",props:{group:String,breakpoints:{type:Object,default:null},draggable:{type:Boolean,default:!0}},confirmListener:null,closeListener:null,data:()=>({visible:!1,confirmation:null}),mounted(){this.confirmListener=e=>{e&&e.group===this.group&&(this.confirmation=e,this.confirmation.onShow&&this.confirmation.onShow(),this.visible=!0)},this.closeListener=()=>{this.visible=!1,this.confirmation=null},s.default.on("confirm",this.confirmListener),s.default.on("close",this.closeListener)},beforeUnmount(){s.default.off("confirm",this.confirmListener),s.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},onHide(){this.confirmation.onHide&&this.confirmation.onHide(),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},closeOnEscape(){return!this.confirmation||this.confirmation.closeOnEscape}},components:{CDialog:n(i).default,CDButton:c.default}};const r={class:"p-confirm-dialog-message"};a.render=function(e,o,i,n,c,s){const a=t.resolveComponent("CDButton"),l=t.resolveComponent("CDialog");return t.openBlock(),t.createBlock(l,{visible:c.visible,"onUpdate:visible":[o[2]||(o[2]=e=>c.visible=e),s.onHide],role:"alertdialog",class:"p-confirm-dialog",modal:!0,header:s.header,blockScroll:s.blockScroll,position:s.position,breakpoints:i.breakpoints,closeOnEscape:s.closeOnEscape,draggable:i.draggable},{footer:t.withCtx((()=>[t.createVNode(a,{label:s.rejectLabel,icon:s.rejectIcon,class:t.normalizeClass(s.rejectClass),onClick:o[0]||(o[0]=e=>s.reject()),autofocus:s.autoFocusReject},null,8,["label","icon","class","autofocus"]),t.createVNode(a,{label:s.acceptLabel,icon:s.acceptIcon,class:t.normalizeClass(s.acceptClass),onClick:o[1]||(o[1]=e=>s.accept()),autofocus:s.autoFocusAccept},null,8,["label","icon","class","autofocus"])])),default:t.withCtx((()=>[e.$slots.message?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.$slots.message),{key:1,message:c.confirmation},null,8,["message"])):(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[c.confirmation.icon?(t.openBlock(),t.createElementBlock("i",{key:0,class:t.normalizeClass(s.iconClass)},null,2)):t.createCommentVNode("",!0),t.createElementVNode("span",r,t.toDisplayString(s.message),1)],64))])),_:1},8,["visible","header","blockScroll","position","breakpoints","closeOnEscape","draggable","onUpdate:visible"])},module.exports=a;
+"use strict";var e=require("primevue/button"),o=require("primevue/confirmationeventbus"),t=require("primevue/dialog"),i=require("vue");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=n(e),s=n(o),a={name:"ConfirmDialog",props:{group:String,breakpoints:{type:Object,default:null},draggable:{type:Boolean,default:!0}},confirmListener:null,closeListener:null,data:()=>({visible:!1,confirmation:null}),mounted(){this.confirmListener=e=>{e&&e.group===this.group&&(this.confirmation=e,this.confirmation.onShow&&this.confirmation.onShow(),this.visible=!0)},this.closeListener=()=>{this.visible=!1,this.confirmation=null},s.default.on("confirm",this.confirmListener),s.default.on("close",this.closeListener)},beforeUnmount(){s.default.off("confirm",this.confirmListener),s.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},onHide(){this.confirmation.onHide&&this.confirmation.onHide(),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},closeOnEscape(){return!this.confirmation||this.confirmation.closeOnEscape}},components:{CDialog:n(t).default,CDButton:c.default}};const l={class:"p-confirm-dialog-message"};a.render=function(e,o,t,n,c,s){const a=i.resolveComponent("CDButton"),r=i.resolveComponent("CDialog");return i.openBlock(),i.createBlock(r,{visible:c.visible,"onUpdate:visible":[o[2]||(o[2]=e=>c.visible=e),s.onHide],role:"alertdialog",class:"p-confirm-dialog",modal:!0,header:s.header,blockScroll:s.blockScroll,position:s.position,breakpoints:t.breakpoints,closeOnEscape:s.closeOnEscape,draggable:t.draggable},{footer:i.withCtx((()=>[i.createVNode(a,{label:s.rejectLabel,class:i.normalizeClass(s.rejectClass),iconPos:"left",onClick:o[0]||(o[0]=e=>s.reject()),autofocus:s.autoFocusReject},{icon:i.withCtx((o=>[i.renderSlot(e.$slots,"rejecticon",{},(()=>[i.createElementVNode("span",{class:i.normalizeClass([s.rejectIcon,o.class])},null,2)]))])),_:3},8,["label","class","autofocus"]),i.createVNode(a,{label:s.acceptLabel,class:i.normalizeClass(s.acceptClass),iconPos:"left",onClick:o[1]||(o[1]=e=>s.accept()),autofocus:s.autoFocusAccept},{icon:i.withCtx((o=>[i.renderSlot(e.$slots,"accepticon",{},(()=>[i.createElementVNode("span",{class:i.normalizeClass([s.acceptIcon,o.class])},null,2)]))])),_:3},8,["label","class","autofocus"])])),default:i.withCtx((()=>[e.$slots.message?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.$slots.message),{key:1,message:c.confirmation},null,8,["message"])):(i.openBlock(),i.createElementBlock(i.Fragment,{key:0},[i.renderSlot(e.$slots,"icon",{class:"p-confirm-dialog-icon"},(()=>[e.$slots.icon?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.$slots.icon),{key:0,class:"p-confirm-dialog-icon"})):c.confirmation.icon?(i.openBlock(),i.createElementBlock("span",{key:1,class:i.normalizeClass(s.iconClass)},null,2)):i.createCommentVNode("",!0)])),i.createElementVNode("span",l,i.toDisplayString(s.message),1)],64))])),_:3},8,["visible","header","blockScroll","position","breakpoints","closeOnEscape","draggable","onUpdate:visible"])},module.exports=a;

package/confirmdialog/confirmdialog.esm.js

@@ -1,7 +1,7 @@
 import Button from 'primevue/button';
 import ConfirmationEventBus from 'primevue/confirmationeventbus';
 import Dialog from 'primevue/dialog';
-import { resolveComponent, openBlock, createBlock, withCtx, createVNode, normalizeClass, createElementBlock, Fragment, createCommentVNode, createElementVNode, toDisplayString, resolveDynamicComponent } from 'vue';
+import { resolveComponent, openBlock, createBlock, withCtx, createVNode, normalizeClass, renderSlot, createElementVNode, createElementBlock, Fragment, resolveDynamicComponent, createCommentVNode, toDisplayString } from 'vue';
 
 var script = {
     name: 'ConfirmDialog',
@@ -151,28 +151,53 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     footer: withCtx(() => [
       createVNode(_component_CDButton, {
         label: $options.rejectLabel,
-        icon: $options.rejectIcon,
         class: normalizeClass($options.rejectClass),
+        iconPos: "left",
         onClick: _cache[0] || (_cache[0] = $event => ($options.reject())),
         autofocus: $options.autoFocusReject
-      }, null, 8, ["label", "icon", "class", "autofocus"]),
+      }, {
+        icon: withCtx((iconProps) => [
+          renderSlot(_ctx.$slots, "rejecticon", {}, () => [
+            createElementVNode("span", {
+              class: normalizeClass([$options.rejectIcon, iconProps.class])
+            }, null, 2)
+          ])
+        ]),
+        _: 3
+      }, 8, ["label", "class", "autofocus"]),
       createVNode(_component_CDButton, {
         label: $options.acceptLabel,
-        icon: $options.acceptIcon,
         class: normalizeClass($options.acceptClass),
+        iconPos: "left",
         onClick: _cache[1] || (_cache[1] = $event => ($options.accept())),
         autofocus: $options.autoFocusAccept
-      }, null, 8, ["label", "icon", "class", "autofocus"])
+      }, {
+        icon: withCtx((iconProps) => [
+          renderSlot(_ctx.$slots, "accepticon", {}, () => [
+            createElementVNode("span", {
+              class: normalizeClass([$options.acceptIcon, iconProps.class])
+            }, null, 2)
+          ])
+        ]),
+        _: 3
+      }, 8, ["label", "class", "autofocus"])
     ]),
     default: withCtx(() => [
       (!_ctx.$slots.message)
         ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            ($data.confirmation.icon)
-              ? (openBlock(), createElementBlock("i", {
-                  key: 0,
-                  class: normalizeClass($options.iconClass)
-                }, null, 2))
-              : createCommentVNode("", true),
+            renderSlot(_ctx.$slots, "icon", { class: "p-confirm-dialog-icon" }, () => [
+              (_ctx.$slots.icon)
+                ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.icon), {
+                    key: 0,
+                    class: "p-confirm-dialog-icon"
+                  }))
+                : ($data.confirmation.icon)
+                  ? (openBlock(), createElementBlock("span", {
+                      key: 1,
+                      class: normalizeClass($options.iconClass)
+                    }, null, 2))
+                  : createCommentVNode("", true)
+            ]),
             createElementVNode("span", _hoisted_1, toDisplayString($options.message), 1)
           ], 64))
         : (openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.message), {
@@ -180,7 +205,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             message: $data.confirmation
           }, null, 8, ["message"]))
     ]),
-    _: 1
+    _: 3
   }, 8, ["visible", "header", "blockScroll", "position", "breakpoints", "closeOnEscape", "draggable", "onUpdate:visible"]))
 }
 

package/confirmdialog/confirmdialog.esm.min.js

@@ -1 +1 @@
-import i from"primevue/button";import o from"primevue/confirmationeventbus";import t from"primevue/dialog";import{resolveComponent as e,openBlock as n,createBlock as c,withCtx as s,createVNode as r,normalizeClass as a,createElementBlock as l,Fragment as m,createCommentVNode as u,createElementVNode as f,toDisplayString as p,resolveDynamicComponent as h}from"vue";var b={name:"ConfirmDialog",props:{group:String,breakpoints:{type:Object,default:null},draggable:{type:Boolean,default:!0}},confirmListener:null,closeListener:null,data:()=>({visible:!1,confirmation:null}),mounted(){this.confirmListener=i=>{i&&i.group===this.group&&(this.confirmation=i,this.confirmation.onShow&&this.confirmation.onShow(),this.visible=!0)},this.closeListener=()=>{this.visible=!1,this.confirmation=null},o.on("confirm",this.confirmListener),o.on("close",this.closeListener)},beforeUnmount(){o.off("confirm",this.confirmListener),o.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},onHide(){this.confirmation.onHide&&this.confirmation.onHide(),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},closeOnEscape(){return!this.confirmation||this.confirmation.closeOnEscape}},components:{CDialog:t,CDButton:i}};const d={class:"p-confirm-dialog-message"};b.render=function(i,o,t,b,g,v){const j=e("CDButton"),C=e("CDialog");return n(),c(C,{visible:g.visible,"onUpdate:visible":[o[2]||(o[2]=i=>g.visible=i),v.onHide],role:"alertdialog",class:"p-confirm-dialog",modal:!0,header:v.header,blockScroll:v.blockScroll,position:v.position,breakpoints:t.breakpoints,closeOnEscape:v.closeOnEscape,draggable:t.draggable},{footer:s((()=>[r(j,{label:v.rejectLabel,icon:v.rejectIcon,class:a(v.rejectClass),onClick:o[0]||(o[0]=i=>v.reject()),autofocus:v.autoFocusReject},null,8,["label","icon","class","autofocus"]),r(j,{label:v.acceptLabel,icon:v.acceptIcon,class:a(v.acceptClass),onClick:o[1]||(o[1]=i=>v.accept()),autofocus:v.autoFocusAccept},null,8,["label","icon","class","autofocus"])])),default:s((()=>[i.$slots.message?(n(),c(h(i.$slots.message),{key:1,message:g.confirmation},null,8,["message"])):(n(),l(m,{key:0},[g.confirmation.icon?(n(),l("i",{key:0,class:a(v.iconClass)},null,2)):u("",!0),f("span",d,p(v.message),1)],64))])),_:1},8,["visible","header","blockScroll","position","breakpoints","closeOnEscape","draggable","onUpdate:visible"])};export{b as default};
+import o from"primevue/button";import i from"primevue/confirmationeventbus";import t from"primevue/dialog";import{resolveComponent as e,openBlock as n,createBlock as c,withCtx as s,createVNode as a,normalizeClass as r,renderSlot as l,createElementVNode as m,createElementBlock as f,Fragment as u,resolveDynamicComponent as p,createCommentVNode as h,toDisplayString as b}from"vue";var d={name:"ConfirmDialog",props:{group:String,breakpoints:{type:Object,default:null},draggable:{type:Boolean,default:!0}},confirmListener:null,closeListener:null,data:()=>({visible:!1,confirmation:null}),mounted(){this.confirmListener=o=>{o&&o.group===this.group&&(this.confirmation=o,this.confirmation.onShow&&this.confirmation.onShow(),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},onHide(){this.confirmation.onHide&&this.confirmation.onHide(),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},closeOnEscape(){return!this.confirmation||this.confirmation.closeOnEscape}},components:{CDialog:t,CDButton:o}};const g={class:"p-confirm-dialog-message"};d.render=function(o,i,t,d,v,j){const k=e("CDButton"),C=e("CDialog");return n(),c(C,{visible:v.visible,"onUpdate:visible":[i[2]||(i[2]=o=>v.visible=o),j.onHide],role:"alertdialog",class:"p-confirm-dialog",modal:!0,header:j.header,blockScroll:j.blockScroll,position:j.position,breakpoints:t.breakpoints,closeOnEscape:j.closeOnEscape,draggable:t.draggable},{footer:s((()=>[a(k,{label:j.rejectLabel,class:r(j.rejectClass),iconPos:"left",onClick:i[0]||(i[0]=o=>j.reject()),autofocus:j.autoFocusReject},{icon:s((i=>[l(o.$slots,"rejecticon",{},(()=>[m("span",{class:r([j.rejectIcon,i.class])},null,2)]))])),_:3},8,["label","class","autofocus"]),a(k,{label:j.acceptLabel,class:r(j.acceptClass),iconPos:"left",onClick:i[1]||(i[1]=o=>j.accept()),autofocus:j.autoFocusAccept},{icon:s((i=>[l(o.$slots,"accepticon",{},(()=>[m("span",{class:r([j.acceptIcon,i.class])},null,2)]))])),_:3},8,["label","class","autofocus"])])),default:s((()=>[o.$slots.message?(n(),c(p(o.$slots.message),{key:1,message:v.confirmation},null,8,["message"])):(n(),f(u,{key:0},[l(o.$slots,"icon",{class:"p-confirm-dialog-icon"},(()=>[o.$slots.icon?(n(),c(p(o.$slots.icon),{key:0,class:"p-confirm-dialog-icon"})):v.confirmation.icon?(n(),f("span",{key:1,class:r(j.iconClass)},null,2)):h("",!0)])),m("span",g,b(j.message),1)],64))])),_:3},8,["visible","header","blockScroll","position","breakpoints","closeOnEscape","draggable","onUpdate:visible"])};export{d as default};

package/confirmdialog/confirmdialog.js

@@ -156,28 +156,53 @@ this.primevue.confirmdialog = (function (Button, ConfirmationEventBus, Dialog, v
         footer: vue.withCtx(() => [
           vue.createVNode(_component_CDButton, {
             label: $options.rejectLabel,
-            icon: $options.rejectIcon,
             class: vue.normalizeClass($options.rejectClass),
+            iconPos: "left",
             onClick: _cache[0] || (_cache[0] = $event => ($options.reject())),
             autofocus: $options.autoFocusReject
-          }, null, 8, ["label", "icon", "class", "autofocus"]),
+          }, {
+            icon: vue.withCtx((iconProps) => [
+              vue.renderSlot(_ctx.$slots, "rejecticon", {}, () => [
+                vue.createElementVNode("span", {
+                  class: vue.normalizeClass([$options.rejectIcon, iconProps.class])
+                }, null, 2)
+              ])
+            ]),
+            _: 3
+          }, 8, ["label", "class", "autofocus"]),
           vue.createVNode(_component_CDButton, {
             label: $options.acceptLabel,
-            icon: $options.acceptIcon,
             class: vue.normalizeClass($options.acceptClass),
+            iconPos: "left",
             onClick: _cache[1] || (_cache[1] = $event => ($options.accept())),
             autofocus: $options.autoFocusAccept
-          }, null, 8, ["label", "icon", "class", "autofocus"])
+          }, {
+            icon: vue.withCtx((iconProps) => [
+              vue.renderSlot(_ctx.$slots, "accepticon", {}, () => [
+                vue.createElementVNode("span", {
+                  class: vue.normalizeClass([$options.acceptIcon, iconProps.class])
+                }, null, 2)
+              ])
+            ]),
+            _: 3
+          }, 8, ["label", "class", "autofocus"])
         ]),
         default: vue.withCtx(() => [
           (!_ctx.$slots.message)
             ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                ($data.confirmation.icon)
-                  ? (vue.openBlock(), vue.createElementBlock("i", {
-                      key: 0,
-                      class: vue.normalizeClass($options.iconClass)
-                    }, null, 2))
-                  : vue.createCommentVNode("", true),
+                vue.renderSlot(_ctx.$slots, "icon", { class: "p-confirm-dialog-icon" }, () => [
+                  (_ctx.$slots.icon)
+                    ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$slots.icon), {
+                        key: 0,
+                        class: "p-confirm-dialog-icon"
+                      }))
+                    : ($data.confirmation.icon)
+                      ? (vue.openBlock(), vue.createElementBlock("span", {
+                          key: 1,
+                          class: vue.normalizeClass($options.iconClass)
+                        }, null, 2))
+                      : vue.createCommentVNode("", true)
+                ]),
                 vue.createElementVNode("span", _hoisted_1, vue.toDisplayString($options.message), 1)
               ], 64))
             : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$slots.message), {
@@ -185,7 +210,7 @@ this.primevue.confirmdialog = (function (Button, ConfirmationEventBus, Dialog, v
                 message: $data.confirmation
               }, null, 8, ["message"]))
         ]),
-        _: 1
+        _: 3
       }, 8, ["visible", "header", "blockScroll", "position", "breakpoints", "closeOnEscape", "draggable", "onUpdate:visible"]))
     }
 

package/confirmdialog/confirmdialog.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.confirmdialog=function(e,o,i,t){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=n(e),s=n(o),a={name:"ConfirmDialog",props:{group:String,breakpoints:{type:Object,default:null},draggable:{type:Boolean,default:!0}},confirmListener:null,closeListener:null,data:()=>({visible:!1,confirmation:null}),mounted(){this.confirmListener=e=>{e&&e.group===this.group&&(this.confirmation=e,this.confirmation.onShow&&this.confirmation.onShow(),this.visible=!0)},this.closeListener=()=>{this.visible=!1,this.confirmation=null},s.default.on("confirm",this.confirmListener),s.default.on("close",this.closeListener)},beforeUnmount(){s.default.off("confirm",this.confirmListener),s.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},onHide(){this.confirmation.onHide&&this.confirmation.onHide(),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},closeOnEscape(){return!this.confirmation||this.confirmation.closeOnEscape}},components:{CDialog:n(i).default,CDButton:c.default}};const l={class:"p-confirm-dialog-message"};return a.render=function(e,o,i,n,c,s){const a=t.resolveComponent("CDButton"),r=t.resolveComponent("CDialog");return t.openBlock(),t.createBlock(r,{visible:c.visible,"onUpdate:visible":[o[2]||(o[2]=e=>c.visible=e),s.onHide],role:"alertdialog",class:"p-confirm-dialog",modal:!0,header:s.header,blockScroll:s.blockScroll,position:s.position,breakpoints:i.breakpoints,closeOnEscape:s.closeOnEscape,draggable:i.draggable},{footer:t.withCtx((()=>[t.createVNode(a,{label:s.rejectLabel,icon:s.rejectIcon,class:t.normalizeClass(s.rejectClass),onClick:o[0]||(o[0]=e=>s.reject()),autofocus:s.autoFocusReject},null,8,["label","icon","class","autofocus"]),t.createVNode(a,{label:s.acceptLabel,icon:s.acceptIcon,class:t.normalizeClass(s.acceptClass),onClick:o[1]||(o[1]=e=>s.accept()),autofocus:s.autoFocusAccept},null,8,["label","icon","class","autofocus"])])),default:t.withCtx((()=>[e.$slots.message?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.$slots.message),{key:1,message:c.confirmation},null,8,["message"])):(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[c.confirmation.icon?(t.openBlock(),t.createElementBlock("i",{key:0,class:t.normalizeClass(s.iconClass)},null,2)):t.createCommentVNode("",!0),t.createElementVNode("span",l,t.toDisplayString(s.message),1)],64))])),_:1},8,["visible","header","blockScroll","position","breakpoints","closeOnEscape","draggable","onUpdate:visible"])},a}(primevue.button,primevue.confirmationeventbus,primevue.dialog,Vue);
+this.primevue=this.primevue||{},this.primevue.confirmdialog=function(e,o,t,i){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=n(e),s=n(o),a={name:"ConfirmDialog",props:{group:String,breakpoints:{type:Object,default:null},draggable:{type:Boolean,default:!0}},confirmListener:null,closeListener:null,data:()=>({visible:!1,confirmation:null}),mounted(){this.confirmListener=e=>{e&&e.group===this.group&&(this.confirmation=e,this.confirmation.onShow&&this.confirmation.onShow(),this.visible=!0)},this.closeListener=()=>{this.visible=!1,this.confirmation=null},s.default.on("confirm",this.confirmListener),s.default.on("close",this.closeListener)},beforeUnmount(){s.default.off("confirm",this.confirmListener),s.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},onHide(){this.confirmation.onHide&&this.confirmation.onHide(),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},closeOnEscape(){return!this.confirmation||this.confirmation.closeOnEscape}},components:{CDialog:n(t).default,CDButton:c.default}};const l={class:"p-confirm-dialog-message"};return a.render=function(e,o,t,n,c,s){const a=i.resolveComponent("CDButton"),r=i.resolveComponent("CDialog");return i.openBlock(),i.createBlock(r,{visible:c.visible,"onUpdate:visible":[o[2]||(o[2]=e=>c.visible=e),s.onHide],role:"alertdialog",class:"p-confirm-dialog",modal:!0,header:s.header,blockScroll:s.blockScroll,position:s.position,breakpoints:t.breakpoints,closeOnEscape:s.closeOnEscape,draggable:t.draggable},{footer:i.withCtx((()=>[i.createVNode(a,{label:s.rejectLabel,class:i.normalizeClass(s.rejectClass),iconPos:"left",onClick:o[0]||(o[0]=e=>s.reject()),autofocus:s.autoFocusReject},{icon:i.withCtx((o=>[i.renderSlot(e.$slots,"rejecticon",{},(()=>[i.createElementVNode("span",{class:i.normalizeClass([s.rejectIcon,o.class])},null,2)]))])),_:3},8,["label","class","autofocus"]),i.createVNode(a,{label:s.acceptLabel,class:i.normalizeClass(s.acceptClass),iconPos:"left",onClick:o[1]||(o[1]=e=>s.accept()),autofocus:s.autoFocusAccept},{icon:i.withCtx((o=>[i.renderSlot(e.$slots,"accepticon",{},(()=>[i.createElementVNode("span",{class:i.normalizeClass([s.acceptIcon,o.class])},null,2)]))])),_:3},8,["label","class","autofocus"])])),default:i.withCtx((()=>[e.$slots.message?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.$slots.message),{key:1,message:c.confirmation},null,8,["message"])):(i.openBlock(),i.createElementBlock(i.Fragment,{key:0},[i.renderSlot(e.$slots,"icon",{class:"p-confirm-dialog-icon"},(()=>[e.$slots.icon?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.$slots.icon),{key:0,class:"p-confirm-dialog-icon"})):c.confirmation.icon?(i.openBlock(),i.createElementBlock("span",{key:1,class:i.normalizeClass(s.iconClass)},null,2)):i.createCommentVNode("",!0)])),i.createElementVNode("span",l,i.toDisplayString(s.message),1)],64))])),_:3},8,["visible","header","blockScroll","position","breakpoints","closeOnEscape","draggable","onUpdate:visible"])},a}(primevue.button,primevue.confirmationeventbus,primevue.dialog,Vue);

package/confirmpopup/ConfirmPopup.d.ts

@@ -29,7 +29,29 @@ export interface ConfirmPopupSlots {
      * Custom message template.
      * @param {Object} scope - message slot's params.
      */
-    message(scope: { message: ConfirmationOptions }): VNode[];
+    message(scope: {
+        /**
+         * Message of the component
+         */
+        message: ConfirmationOptions;
+    }): VNode[];
+    /**
+     * Custom icon template.
+     */
+    icon(scope: {
+        /**
+         * Style class of the icon template
+         */
+        class: any;
+    }): VNode[];
+    /**
+     * Custom icon template.
+     */
+    accepticon(): VNode[];
+    /**
+     * Custom icon template.
+     */
+    rejecticon(): VNode[];
 }
 
 /**

package/confirmpopup/ConfirmPopup.vue

@@ -4,14 +4,29 @@
             <div v-if="visible" :ref="containerRef" v-focustrap role="alertdialog" :class="containerClass" :aria-modal="visible" @click="onOverlayClick" @keydown="onOverlayKeydown" v-bind="$attrs">
                 <template v-if="!$slots.message">
                     <div class="p-confirm-popup-content">
-                        <i :class="iconClass" />
+                        <slot name="icon" class="p-confirm-popup-icon">
+                            <component v-if="$slots.icon" :is="$slots.icon" class="p-confirm-popup-icon" />
+                            <span v-else-if="confirmation.icon" :class="iconClass" />
+                        </slot>
                         <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()" @keydown="onRejectKeydown" :autofocus="autoFocusReject" />
-                    <CPButton :label="acceptLabel" :icon="acceptIcon" :class="acceptClass" @click="accept()" @keydown="onAcceptKeydown" :autofocus="autoFocusAccept" />
+                    <CPButton :label="rejectLabel" :class="rejectClass" @click="reject()" @keydown="onRejectKeydown" :autofocus="autoFocusReject">
+                        <template #icon="iconProps">
+                            <slot name="rejecticon">
+                                <span :class="[rejectIcon, iconProps.class]" />
+                            </slot>
+                        </template>
+                    </CPButton>
+                    <CPButton :label="acceptLabel" :class="acceptClass" @click="accept()" @keydown="onAcceptKeydown" :autofocus="autoFocusAccept">
+                        <template #icon="iconProps">
+                            <slot name="accepticon">
+                                <span :class="[acceptIcon, iconProps.class]" />
+                            </slot>
+                        </template>
+                    </CPButton>
                 </div>
             </div>
         </transition>

package/confirmpopup/confirmpopup.cjs.js

@@ -322,9 +322,19 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               }, _ctx.$attrs), [
                 (!_ctx.$slots.message)
                   ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
-                      vue.createElementVNode("i", {
-                        class: vue.normalizeClass($options.iconClass)
-                      }, null, 2),
+                      vue.renderSlot(_ctx.$slots, "icon", { class: "p-confirm-popup-icon" }, () => [
+                        (_ctx.$slots.icon)
+                          ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$slots.icon), {
+                              key: 0,
+                              class: "p-confirm-popup-icon"
+                            }))
+                          : ($data.confirmation.icon)
+                            ? (vue.openBlock(), vue.createElementBlock("span", {
+                                key: 1,
+                                class: vue.normalizeClass($options.iconClass)
+                              }, null, 2))
+                            : vue.createCommentVNode("", true)
+                      ]),
                       vue.createElementVNode("span", _hoisted_3, vue.toDisplayString($data.confirmation.message), 1)
                     ]))
                   : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$slots.message), {
@@ -334,30 +344,46 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 vue.createElementVNode("div", _hoisted_4, [
                   vue.createVNode(_component_CPButton, {
                     label: $options.rejectLabel,
-                    icon: $options.rejectIcon,
                     class: vue.normalizeClass($options.rejectClass),
                     onClick: _cache[0] || (_cache[0] = $event => ($options.reject())),
                     onKeydown: $options.onRejectKeydown,
                     autofocus: $data.autoFocusReject
-                  }, null, 8, ["label", "icon", "class", "onKeydown", "autofocus"]),
+                  }, {
+                    icon: vue.withCtx((iconProps) => [
+                      vue.renderSlot(_ctx.$slots, "rejecticon", {}, () => [
+                        vue.createElementVNode("span", {
+                          class: vue.normalizeClass([$options.rejectIcon, iconProps.class])
+                        }, null, 2)
+                      ])
+                    ]),
+                    _: 3
+                  }, 8, ["label", "class", "onKeydown", "autofocus"]),
                   vue.createVNode(_component_CPButton, {
                     label: $options.acceptLabel,
-                    icon: $options.acceptIcon,
                     class: vue.normalizeClass($options.acceptClass),
                     onClick: _cache[1] || (_cache[1] = $event => ($options.accept())),
                     onKeydown: $options.onAcceptKeydown,
                     autofocus: $data.autoFocusAccept
-                  }, null, 8, ["label", "icon", "class", "onKeydown", "autofocus"])
+                  }, {
+                    icon: vue.withCtx((iconProps) => [
+                      vue.renderSlot(_ctx.$slots, "accepticon", {}, () => [
+                        vue.createElementVNode("span", {
+                          class: vue.normalizeClass([$options.acceptIcon, iconProps.class])
+                        }, null, 2)
+                      ])
+                    ]),
+                    _: 3
+                  }, 8, ["label", "class", "onKeydown", "autofocus"])
                 ])
               ], 16, _hoisted_1)), [
                 [_directive_focustrap]
               ])
             : vue.createCommentVNode("", true)
         ]),
-        _: 1
+        _: 3
       }, 8, ["onEnter", "onAfterEnter", "onLeave", "onAfterLeave"])
     ]),
-    _: 1
+    _: 3
   }))
 }