primevue 3.29.2 → 3.30.1

package/confirmdialog/confirmdialog.js

@@ -1,224 +1,254 @@
 this.primevue = this.primevue || {};
-this.primevue.confirmdialog = (function (BaseComponent, Button, ConfirmationEventBus, Dialog, vue) {
+this.primevue.confirmdialog = (function (Button, ConfirmationEventBus, Dialog, BaseComponent, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-    var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
     var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
     var ConfirmationEventBus__default = /*#__PURE__*/_interopDefaultLegacy(ConfirmationEventBus);
     var Dialog__default = /*#__PURE__*/_interopDefaultLegacy(Dialog);
+    var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
+
+    var classes = {
+      root: 'p-confirm-dialog',
+      icon: function icon(_ref) {
+        var instance = _ref.instance;
+        return ['p-confirm-dialog-icon', instance.confirmation ? instance.confirmation.icon : null];
+      },
+      message: 'p-confirm-dialog-message',
+      rejectButton: function rejectButton(_ref2) {
+        var instance = _ref2.instance;
+        return ['p-confirm-dialog-reject', instance.confirmation ? instance.confirmation.rejectClass || 'p-button-text' : null];
+      },
+      acceptButton: function acceptButton(_ref3) {
+        var instance = _ref3.instance;
+        return ['p-confirm-dialog-accept', instance.confirmation ? instance.confirmation.acceptClass : null];
+      }
+    };
+    var script$1 = {
+      name: 'BaseConfirmDialog',
+      "extends": BaseComponent__default["default"],
+      props: {
+        group: String,
+        breakpoints: {
+          type: Object,
+          "default": null
+        },
+        draggable: {
+          type: Boolean,
+          "default": true
+        }
+      },
+      css: {
+        classes: classes
+      },
+      provide: function provide() {
+        return {
+          $parentInstance: this
+        };
+      }
+    };
 
     var script = {
-        name: 'ConfirmDialog',
-        extends: BaseComponent__default["default"],
-        props: {
-            group: String,
-            breakpoints: {
-                type: Object,
-                default: null
-            },
-            draggable: {
-                type: Boolean,
-                default: true
+      name: 'ConfirmDialog',
+      "extends": script$1,
+      confirmListener: null,
+      closeListener: null,
+      data: function data() {
+        return {
+          visible: false,
+          confirmation: null
+        };
+      },
+      mounted: function mounted() {
+        var _this = this;
+        this.confirmListener = function (options) {
+          if (!options) {
+            return;
+          }
+          if (options.group === _this.group) {
+            _this.confirmation = options;
+            if (_this.confirmation.onShow) {
+              _this.confirmation.onShow();
             }
+            _this.visible = true;
+          }
+        };
+        this.closeListener = function () {
+          _this.visible = false;
+          _this.confirmation = null;
+        };
+        ConfirmationEventBus__default["default"].on('confirm', this.confirmListener);
+        ConfirmationEventBus__default["default"].on('close', this.closeListener);
+      },
+      beforeUnmount: function beforeUnmount() {
+        ConfirmationEventBus__default["default"].off('confirm', this.confirmListener);
+        ConfirmationEventBus__default["default"].off('close', this.closeListener);
+      },
+      methods: {
+        accept: function accept() {
+          if (this.confirmation.accept) {
+            this.confirmation.accept();
+          }
+          this.visible = false;
         },
-        confirmListener: null,
-        closeListener: null,
-        data() {
-            return {
-                visible: false,
-                confirmation: null
-            };
+        reject: function reject() {
+          if (this.confirmation.reject) {
+            this.confirmation.reject();
+          }
+          this.visible = false;
         },
-        mounted() {
-            this.confirmListener = (options) => {
-                if (!options) {
-                    return;
-                }
-
-                if (options.group === this.group) {
-                    this.confirmation = options;
-
-                    if (this.confirmation.onShow) {
-                        this.confirmation.onShow();
-                    }
-
-                    this.visible = true;
-                }
-            };
-
-            this.closeListener = () => {
-                this.visible = false;
-                this.confirmation = null;
-            };
-
-            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);
+        onHide: function onHide() {
+          if (this.confirmation.onHide) {
+            this.confirmation.onHide();
+          }
+          this.visible = false;
         },
-        methods: {
-            accept() {
-                if (this.confirmation.accept) {
-                    this.confirmation.accept();
-                }
-
-                this.visible = false;
-            },
-            reject() {
-                if (this.confirmation.reject) {
-                    this.confirmation.reject();
-                }
-
-                this.visible = false;
-            },
-            onHide() {
-                if (this.confirmation.onHide) {
-                    this.confirmation.onHide();
-                }
-
-                this.visible = false;
+        getCXOptions: function getCXOptions(icon, iconProps) {
+          return {
+            contenxt: {
+              icon: icon,
+              iconClass: iconProps["class"]
             }
+          };
+        }
+      },
+      computed: {
+        header: function header() {
+          return this.confirmation ? this.confirmation.header : null;
         },
-        computed: {
-            header() {
-                return this.confirmation ? this.confirmation.header : null;
-            },
-            message() {
-                return this.confirmation ? this.confirmation.message : null;
-            },
-            blockScroll() {
-                return this.confirmation ? this.confirmation.blockScroll : true;
-            },
-            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 this.confirmation.defaultFocus === undefined || this.confirmation.defaultFocus === 'accept' ? true : false;
-            },
-            autoFocusReject() {
-                return this.confirmation.defaultFocus === 'reject' ? true : false;
-            },
-            closeOnEscape() {
-                return this.confirmation ? this.confirmation.closeOnEscape : true;
-            }
+        message: function message() {
+          return this.confirmation ? this.confirmation.message : null;
+        },
+        blockScroll: function blockScroll() {
+          return this.confirmation ? this.confirmation.blockScroll : true;
+        },
+        position: function position() {
+          return this.confirmation ? this.confirmation.position : null;
+        },
+        acceptLabel: function acceptLabel() {
+          return this.confirmation ? this.confirmation.acceptLabel || this.$primevue.config.locale.accept : null;
         },
-        components: {
-            CDialog: Dialog__default["default"],
-            CDButton: Button__default["default"]
+        rejectLabel: function rejectLabel() {
+          return this.confirmation ? this.confirmation.rejectLabel || this.$primevue.config.locale.reject : null;
+        },
+        acceptIcon: function acceptIcon() {
+          return this.confirmation ? this.confirmation.acceptIcon : null;
+        },
+        rejectIcon: function rejectIcon() {
+          return this.confirmation ? this.confirmation.rejectIcon : null;
+        },
+        autoFocusAccept: function autoFocusAccept() {
+          return this.confirmation.defaultFocus === undefined || this.confirmation.defaultFocus === 'accept' ? true : false;
+        },
+        autoFocusReject: function autoFocusReject() {
+          return this.confirmation.defaultFocus === 'reject' ? true : false;
+        },
+        closeOnEscape: function closeOnEscape() {
+          return this.confirmation ? this.confirmation.closeOnEscape : true;
         }
+      },
+      components: {
+        CDialog: Dialog__default["default"],
+        CDButton: Button__default["default"]
+      }
     };
 
     function render(_ctx, _cache, $props, $setup, $data, $options) {
-      const _component_CDButton = vue.resolveComponent("CDButton");
-      const _component_CDialog = vue.resolveComponent("CDialog");
-
-      return (vue.openBlock(), vue.createBlock(_component_CDialog, {
+      var _component_CDButton = vue.resolveComponent("CDButton");
+      var _component_CDialog = vue.resolveComponent("CDialog");
+      return vue.openBlock(), vue.createBlock(_component_CDialog, {
         visible: $data.visible,
-        "onUpdate:visible": [
-          _cache[2] || (_cache[2] = $event => (($data.visible) = $event)),
-          $options.onHide
-        ],
+        "onUpdate:visible": [_cache[2] || (_cache[2] = function ($event) {
+          return $data.visible = $event;
+        }), $options.onHide],
         role: "alertdialog",
-        class: "p-confirm-dialog",
+        "class": vue.normalizeClass(_ctx.cx('root')),
         modal: true,
         header: $options.header,
         blockScroll: $options.blockScroll,
         position: $options.position,
-        breakpoints: $props.breakpoints,
+        breakpoints: _ctx.breakpoints,
         closeOnEscape: $options.closeOnEscape,
-        draggable: $props.draggable,
-        pt: _ctx.pt
+        draggable: _ctx.draggable,
+        pt: _ctx.pt,
+        unstyled: _ctx.unstyled
       }, {
-        footer: vue.withCtx(() => [
-          vue.createVNode(_component_CDButton, {
+        footer: vue.withCtx(function () {
+          return [vue.createVNode(_component_CDButton, {
             label: $options.rejectLabel,
-            class: vue.normalizeClass($options.rejectClass),
-            iconPos: "left",
-            onClick: _cache[0] || (_cache[0] = $event => ($options.reject())),
+            "class": vue.normalizeClass(_ctx.cx('rejectButton')),
+            onClick: _cache[0] || (_cache[0] = function ($event) {
+              return $options.reject();
+            }),
             autofocus: $options.autoFocusReject,
-            pt: _ctx.ptm('rejectButton')
-          }, {
-            icon: vue.withCtx((iconProps) => [
-              vue.renderSlot(_ctx.$slots, "rejecticon", {}, () => [
-                vue.createElementVNode("span", vue.mergeProps({
-                  class: [$options.rejectIcon, iconProps.class]
-                }, _ctx.ptm('rejectButton')['icon']), null, 16)
-              ])
-            ]),
-            _: 3
-          }, 8, ["label", "class", "autofocus", "pt"]),
-          vue.createVNode(_component_CDButton, {
+            unstyled: _ctx.unstyled,
+            pt: _ctx.ptm('rejectButton'),
+            "data-pc-name": "rejectbutton"
+          }, vue.createSlots({
+            _: 2
+          }, [$options.rejectIcon || _ctx.$slots.rejecticon ? {
+            name: "icon",
+            fn: vue.withCtx(function (iconProps) {
+              return [vue.renderSlot(_ctx.$slots, "rejecticon", {}, function () {
+                return [vue.createElementVNode("span", vue.mergeProps({
+                  "class": [$options.rejectIcon, iconProps["class"]]
+                }, _ctx.ptm('rejectButton')['icon'], {
+                  "data-pc-name": "rejectbuttonicon"
+                }), null, 16)];
+              })];
+            }),
+            key: "0"
+          } : undefined]), 1032, ["label", "class", "autofocus", "unstyled", "pt"]), vue.createVNode(_component_CDButton, {
             label: $options.acceptLabel,
-            class: vue.normalizeClass($options.acceptClass),
-            iconPos: "left",
-            onClick: _cache[1] || (_cache[1] = $event => ($options.accept())),
+            "class": vue.normalizeClass(_ctx.cx('acceptButton')),
+            onClick: _cache[1] || (_cache[1] = function ($event) {
+              return $options.accept();
+            }),
             autofocus: $options.autoFocusAccept,
-            pt: _ctx.ptm('acceptButton')
-          }, {
-            icon: vue.withCtx((iconProps) => [
-              vue.renderSlot(_ctx.$slots, "accepticon", {}, () => [
-                vue.createElementVNode("span", vue.mergeProps({
-                  class: [$options.acceptIcon, iconProps.class]
-                }, _ctx.ptm('acceptButton')['icon']), null, 16)
-              ])
-            ]),
-            _: 3
-          }, 8, ["label", "class", "autofocus", "pt"])
-        ]),
-        default: vue.withCtx(() => [
-          (!_ctx.$slots.message)
-            ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                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", vue.mergeProps({
-                          key: 1,
-                          class: $options.iconClass
-                        }, _ctx.ptm('icon')), null, 16))
-                      : vue.createCommentVNode("", true)
-                ]),
-                vue.createElementVNode("span", vue.mergeProps({ class: "p-confirm-dialog-message" }, _ctx.ptm('message')), vue.toDisplayString($options.message), 17)
-              ], 64))
-            : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$slots.message), {
-                key: 1,
-                message: $data.confirmation
-              }, null, 8, ["message"]))
-        ]),
+            unstyled: _ctx.unstyled,
+            pt: _ctx.ptm('acceptButton'),
+            "data-pc-name": "acceptbutton"
+          }, vue.createSlots({
+            _: 2
+          }, [$options.acceptIcon || _ctx.$slots.accepticon ? {
+            name: "icon",
+            fn: vue.withCtx(function (iconProps) {
+              return [vue.renderSlot(_ctx.$slots, "accepticon", {}, function () {
+                return [vue.createElementVNode("span", vue.mergeProps({
+                  "class": [$options.acceptIcon, iconProps["class"]]
+                }, _ctx.ptm('acceptButton')['icon'], {
+                  "data-pc-name": "acceptbuttonicon"
+                }), null, 16)];
+              })];
+            }),
+            key: "0"
+          } : undefined]), 1032, ["label", "class", "autofocus", "unstyled", "pt"])];
+        }),
+        "default": vue.withCtx(function () {
+          return [!_ctx.$slots.message ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+            key: 0
+          }, [vue.renderSlot(_ctx.$slots, "icon", {}, function () {
+            return [_ctx.$slots.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$slots.icon), {
+              key: 0,
+              "class": vue.normalizeClass(_ctx.cx('icon'))
+            }, null, 8, ["class"])) : $data.confirmation.icon ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
+              key: 1,
+              "class": _ctx.cx('icon')
+            }, _ctx.ptm('icon')), null, 16)) : vue.createCommentVNode("", true)];
+          }), vue.createElementVNode("span", vue.mergeProps({
+            "class": _ctx.cx('message')
+          }, _ctx.ptm('message')), vue.toDisplayString($options.message), 17)], 64)) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$slots.message), {
+            key: 1,
+            message: $data.confirmation
+          }, null, 8, ["message"]))];
+        }),
         _: 3
-      }, 8, ["visible", "header", "blockScroll", "position", "breakpoints", "closeOnEscape", "draggable", "onUpdate:visible", "pt"]))
+      }, 8, ["visible", "class", "header", "blockScroll", "position", "breakpoints", "closeOnEscape", "draggable", "onUpdate:visible", "pt", "unstyled"]);
     }
 
     script.render = render;
 
     return script;
 
-})(primevue.basecomponent, primevue.button, primevue.confirmationeventbus, primevue.dialog, Vue);
+})(primevue.button, primevue.confirmationeventbus, primevue.dialog, primevue.basecomponent, Vue);

package/confirmdialog/confirmdialog.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.confirmdialog=function(e,o,t,i,n){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=c(e),a=c(o),r=c(t),l=c(i),m={name:"ConfirmDialog",extends:s.default,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},r.default.on("confirm",this.confirmListener),r.default.on("close",this.closeListener)},beforeUnmount(){r.default.off("confirm",this.confirmListener),r.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:l.default,CDButton:a.default}};return m.render=function(e,o,t,i,c,s){const a=n.resolveComponent("CDButton"),r=n.resolveComponent("CDialog");return n.openBlock(),n.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,pt:e.pt},{footer:n.withCtx((()=>[n.createVNode(a,{label:s.rejectLabel,class:n.normalizeClass(s.rejectClass),iconPos:"left",onClick:o[0]||(o[0]=e=>s.reject()),autofocus:s.autoFocusReject,pt:e.ptm("rejectButton")},{icon:n.withCtx((o=>[n.renderSlot(e.$slots,"rejecticon",{},(()=>[n.createElementVNode("span",n.mergeProps({class:[s.rejectIcon,o.class]},e.ptm("rejectButton").icon),null,16)]))])),_:3},8,["label","class","autofocus","pt"]),n.createVNode(a,{label:s.acceptLabel,class:n.normalizeClass(s.acceptClass),iconPos:"left",onClick:o[1]||(o[1]=e=>s.accept()),autofocus:s.autoFocusAccept,pt:e.ptm("acceptButton")},{icon:n.withCtx((o=>[n.renderSlot(e.$slots,"accepticon",{},(()=>[n.createElementVNode("span",n.mergeProps({class:[s.acceptIcon,o.class]},e.ptm("acceptButton").icon),null,16)]))])),_:3},8,["label","class","autofocus","pt"])])),default:n.withCtx((()=>[e.$slots.message?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.$slots.message),{key:1,message:c.confirmation},null,8,["message"])):(n.openBlock(),n.createElementBlock(n.Fragment,{key:0},[n.renderSlot(e.$slots,"icon",{class:"p-confirm-dialog-icon"},(()=>[e.$slots.icon?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.$slots.icon),{key:0,class:"p-confirm-dialog-icon"})):c.confirmation.icon?(n.openBlock(),n.createElementBlock("span",n.mergeProps({key:1,class:s.iconClass},e.ptm("icon")),null,16)):n.createCommentVNode("",!0)])),n.createElementVNode("span",n.mergeProps({class:"p-confirm-dialog-message"},e.ptm("message")),n.toDisplayString(s.message),17)],64))])),_:3},8,["visible","header","blockScroll","position","breakpoints","closeOnEscape","draggable","onUpdate:visible","pt"])},m}(primevue.basecomponent,primevue.button,primevue.confirmationeventbus,primevue.dialog,Vue);
+this.primevue=this.primevue||{},this.primevue.confirmdialog=function(t,n,e,o,c){"use strict";function i(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var r=i(t),a=i(n),s=i(e),l={name:"ConfirmDialog",extends:{name:"BaseConfirmDialog",extends:i(o).default,props:{group:String,breakpoints:{type:Object,default:null},draggable:{type:Boolean,default:!0}},css:{classes:{root:"p-confirm-dialog",icon:function(t){var n=t.instance;return["p-confirm-dialog-icon",n.confirmation?n.confirmation.icon:null]},message:"p-confirm-dialog-message",rejectButton:function(t){var n=t.instance;return["p-confirm-dialog-reject",n.confirmation?n.confirmation.rejectClass||"p-button-text":null]},acceptButton:function(t){var n=t.instance;return["p-confirm-dialog-accept",n.confirmation?n.confirmation.acceptClass:null]}}},provide:function(){return{$parentInstance:this}}},confirmListener:null,closeListener:null,data:function(){return{visible:!1,confirmation:null}},mounted:function(){var t=this;this.confirmListener=function(n){n&&n.group===t.group&&(t.confirmation=n,t.confirmation.onShow&&t.confirmation.onShow(),t.visible=!0)},this.closeListener=function(){t.visible=!1,t.confirmation=null},a.default.on("confirm",this.confirmListener),a.default.on("close",this.closeListener)},beforeUnmount:function(){a.default.off("confirm",this.confirmListener),a.default.off("close",this.closeListener)},methods:{accept:function(){this.confirmation.accept&&this.confirmation.accept(),this.visible=!1},reject:function(){this.confirmation.reject&&this.confirmation.reject(),this.visible=!1},onHide:function(){this.confirmation.onHide&&this.confirmation.onHide(),this.visible=!1},getCXOptions:function(t,n){return{contenxt:{icon:t,iconClass:n.class}}}},computed:{header:function(){return this.confirmation?this.confirmation.header:null},message:function(){return this.confirmation?this.confirmation.message:null},blockScroll:function(){return!this.confirmation||this.confirmation.blockScroll},position:function(){return this.confirmation?this.confirmation.position:null},acceptLabel:function(){return this.confirmation?this.confirmation.acceptLabel||this.$primevue.config.locale.accept:null},rejectLabel:function(){return this.confirmation?this.confirmation.rejectLabel||this.$primevue.config.locale.reject:null},acceptIcon:function(){return this.confirmation?this.confirmation.acceptIcon:null},rejectIcon:function(){return this.confirmation?this.confirmation.rejectIcon:null},autoFocusAccept:function(){return void 0===this.confirmation.defaultFocus||"accept"===this.confirmation.defaultFocus},autoFocusReject:function(){return"reject"===this.confirmation.defaultFocus},closeOnEscape:function(){return!this.confirmation||this.confirmation.closeOnEscape}},components:{CDialog:s.default,CDButton:r.default}};return l.render=function(t,n,e,o,i,r){var a=c.resolveComponent("CDButton"),s=c.resolveComponent("CDialog");return c.openBlock(),c.createBlock(s,{visible:i.visible,"onUpdate:visible":[n[2]||(n[2]=function(t){return i.visible=t}),r.onHide],role:"alertdialog",class:c.normalizeClass(t.cx("root")),modal:!0,header:r.header,blockScroll:r.blockScroll,position:r.position,breakpoints:t.breakpoints,closeOnEscape:r.closeOnEscape,draggable:t.draggable,pt:t.pt,unstyled:t.unstyled},{footer:c.withCtx((function(){return[c.createVNode(a,{label:r.rejectLabel,class:c.normalizeClass(t.cx("rejectButton")),onClick:n[0]||(n[0]=function(t){return r.reject()}),autofocus:r.autoFocusReject,unstyled:t.unstyled,pt:t.ptm("rejectButton"),"data-pc-name":"rejectbutton"},c.createSlots({_:2},[r.rejectIcon||t.$slots.rejecticon?{name:"icon",fn:c.withCtx((function(n){return[c.renderSlot(t.$slots,"rejecticon",{},(function(){return[c.createElementVNode("span",c.mergeProps({class:[r.rejectIcon,n.class]},t.ptm("rejectButton").icon,{"data-pc-name":"rejectbuttonicon"}),null,16)]}))]})),key:"0"}:void 0]),1032,["label","class","autofocus","unstyled","pt"]),c.createVNode(a,{label:r.acceptLabel,class:c.normalizeClass(t.cx("acceptButton")),onClick:n[1]||(n[1]=function(t){return r.accept()}),autofocus:r.autoFocusAccept,unstyled:t.unstyled,pt:t.ptm("acceptButton"),"data-pc-name":"acceptbutton"},c.createSlots({_:2},[r.acceptIcon||t.$slots.accepticon?{name:"icon",fn:c.withCtx((function(n){return[c.renderSlot(t.$slots,"accepticon",{},(function(){return[c.createElementVNode("span",c.mergeProps({class:[r.acceptIcon,n.class]},t.ptm("acceptButton").icon,{"data-pc-name":"acceptbuttonicon"}),null,16)]}))]})),key:"0"}:void 0]),1032,["label","class","autofocus","unstyled","pt"])]})),default:c.withCtx((function(){return[t.$slots.message?(c.openBlock(),c.createBlock(c.resolveDynamicComponent(t.$slots.message),{key:1,message:i.confirmation},null,8,["message"])):(c.openBlock(),c.createElementBlock(c.Fragment,{key:0},[c.renderSlot(t.$slots,"icon",{},(function(){return[t.$slots.icon?(c.openBlock(),c.createBlock(c.resolveDynamicComponent(t.$slots.icon),{key:0,class:c.normalizeClass(t.cx("icon"))},null,8,["class"])):i.confirmation.icon?(c.openBlock(),c.createElementBlock("span",c.mergeProps({key:1,class:t.cx("icon")},t.ptm("icon")),null,16)):c.createCommentVNode("",!0)]})),c.createElementVNode("span",c.mergeProps({class:t.cx("message")},t.ptm("message")),c.toDisplayString(r.message),17)],64))]})),_:3},8,["visible","class","header","blockScroll","position","breakpoints","closeOnEscape","draggable","onUpdate:visible","pt","unstyled"])},l}(primevue.button,primevue.confirmationeventbus,primevue.dialog,primevue.basecomponent,Vue);

package/confirmpopup/BaseConfirmPopup.vue

@@ -0,0 +1,111 @@
+<script>
+import BaseComponent from 'primevue/basecomponent';
+import { useStyle } from 'primevue/usestyle';
+
+const styles = `
+.p-confirm-popup {
+    position: absolute;
+    margin-top: 10px;
+    top: 0;
+    left: 0;
+}
+
+.p-confirm-popup-flipped {
+    margin-top: 0;
+    margin-bottom: 10px;
+}
+
+/* Animation */
+.p-confirm-popup-enter-from {
+    opacity: 0;
+    transform: scaleY(0.8);
+}
+
+.p-confirm-popup-leave-to {
+    opacity: 0;
+}
+
+.p-confirm-popup-enter-active {
+    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
+}
+
+.p-confirm-popup-leave-active {
+    transition: opacity 0.1s linear;
+}
+
+.p-confirm-popup:after,
+.p-confirm-popup:before {
+    bottom: 100%;
+    left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
+    content: ' ';
+    height: 0;
+    width: 0;
+    position: absolute;
+    pointer-events: none;
+}
+
+.p-confirm-popup:after {
+    border-width: 8px;
+    margin-left: -8px;
+}
+
+.p-confirm-popup:before {
+    border-width: 10px;
+    margin-left: -10px;
+}
+
+.p-confirm-popup-flipped:after,
+.p-confirm-popup-flipped:before {
+    bottom: auto;
+    top: 100%;
+}
+
+.p-confirm-popup.p-confirm-popup-flipped:after {
+    border-bottom-color: transparent;
+}
+
+.p-confirm-popup.p-confirm-popup-flipped:before {
+    border-bottom-color: transparent;
+}
+
+.p-confirm-popup .p-confirm-popup-content {
+    display: flex;
+    align-items: center;
+}
+`;
+
+const classes = {
+    root: ({ instance }) => [
+        'p-confirm-popup p-component',
+        {
+            'p-input-filled': instance.$primevue.config.inputStyle === 'filled',
+            'p-ripple-disabled': instance.$primevue.config.ripple === false
+        }
+    ],
+    content: 'p-confirm-popup-content',
+    icon: ({ instance }) => ['p-confirm-popup-icon', instance.confirmation ? instance.confirmation.icon : null],
+    message: 'p-confirm-popup-message',
+    footer: 'p-confirm-popup-footer',
+    rejectButton: ({ instance }) => ['p-confirm-dialog-reject', instance.confirmation ? instance.confirmation.rejectClass || 'p-button-text' : null],
+    acceptButton: ({ instance }) => ['p-confirm-dialog-accept', instance.confirmation ? instance.confirmation.acceptClass : null]
+};
+
+const { load: loadStyle } = useStyle(styles, { name: 'confirmpopup', manual: true });
+
+export default {
+    name: 'BaseConfirmPopup',
+    extends: BaseComponent,
+    props: {
+        group: String
+    },
+    css: {
+        classes,
+        loadStyle
+    },
+    provide() {
+        return {
+            $parentInstance: this
+        };
+    }
+};
+</script>

package/confirmpopup/ConfirmPopup.d.ts

@@ -8,16 +8,18 @@
  *
  */
 import { VNode } from 'vue';
+import { ComponentHooks } from '../basecomponent';
 import { ButtonPassThroughOptions } from '../button';
 import { ConfirmationOptions } from '../confirmationoptions';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-export declare type ConfirmPopupPassThroughOptionType = ConfirmPopupPassThroughAttributes | ((options: ConfirmPopupPassThroughMethodOptions) => ConfirmPopupPassThroughAttributes) | null | undefined;
+export declare type ConfirmPopupPassThroughOptionType = ConfirmPopupPassThroughAttributes | ((options: ConfirmPopupPassThroughMethodOptions) => ConfirmPopupPassThroughAttributes | string) | string | null | undefined;
 
 /**
  * Custom passthrough(pt) option method.
  */
 export interface ConfirmPopupPassThroughMethodOptions {
+    instance: any;
     props: ConfirmPopupProps;
     state: ConfirmPopupState;
 }
@@ -57,6 +59,11 @@ export interface ConfirmPopupPassThroughOptions {
      * @see {@link ButtonPassThroughOptions}
      */
     acceptButton?: ButtonPassThroughOptions;
+    /**
+     * Uses to manage all lifecycle hooks
+     * @see {@link BaseComponent.ComponentHooks}
+     */
+    hooks?: ComponentHooks;
 }
 
 /**
@@ -94,6 +101,11 @@ export interface ConfirmPopupProps {
      * @type {ConfirmPopupPassThroughOptions}
      */
     pt?: ConfirmPopupPassThroughOptions;
+    /**
+     * When enabled, it removes component related styles in the core.
+     * @defaultValue false
+     */
+    unstyled?: boolean;
 }
 
 /**