primevue 3.27.0 → 3.28.0

package/confirmpopup/confirmpopup.cjs.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var BaseComponent = require('primevue/basecomponent');
 var Button = require('primevue/button');
 var ConfirmationEventBus = require('primevue/confirmationeventbus');
 var FocusTrap = require('primevue/focustrap');
@@ -10,6 +11,7 @@ var vue = require('vue');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
 var ConfirmationEventBus__default = /*#__PURE__*/_interopDefaultLegacy(ConfirmationEventBus);
 var FocusTrap__default = /*#__PURE__*/_interopDefaultLegacy(FocusTrap);
@@ -18,6 +20,7 @@ var Portal__default = /*#__PURE__*/_interopDefaultLegacy(Portal);
 
 var script = {
     name: 'ConfirmPopup',
+    extends: BaseComponent__default["default"],
     inheritAttrs: false,
     props: {
         group: String
@@ -288,12 +291,6 @@ var script = {
 };
 
 const _hoisted_1 = ["aria-modal"];
-const _hoisted_2 = {
-  key: 0,
-  class: "p-confirm-popup-content"
-};
-const _hoisted_3 = { class: "p-confirm-popup-message" };
-const _hoisted_4 = { class: "p-confirm-popup-footer" };
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CPButton = vue.resolveComponent("CPButton");
@@ -319,9 +316,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 "aria-modal": $data.visible,
                 onClick: _cache[2] || (_cache[2] = (...args) => ($options.onOverlayClick && $options.onOverlayClick(...args))),
                 onKeydown: _cache[3] || (_cache[3] = (...args) => ($options.onOverlayKeydown && $options.onOverlayKeydown(...args)))
-              }, _ctx.$attrs), [
+              }, { ..._ctx.$attrs, ..._ctx.ptm('root') }), [
                 (!_ctx.$slots.message)
-                  ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+                  ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+                      key: 0,
+                      class: "p-confirm-popup-content"
+                    }, _ctx.ptm('content')), [
                       vue.renderSlot(_ctx.$slots, "icon", { class: "p-confirm-popup-icon" }, () => [
                         (_ctx.$slots.icon)
                           ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$slots.icon), {
@@ -329,52 +329,54 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                               class: "p-confirm-popup-icon"
                             }))
                           : ($data.confirmation.icon)
-                            ? (vue.openBlock(), vue.createElementBlock("span", {
+                            ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
                                 key: 1,
-                                class: vue.normalizeClass($options.iconClass)
-                              }, null, 2))
+                                class: $options.iconClass
+                              }, _ctx.ptm('icon')), null, 16))
                             : vue.createCommentVNode("", true)
                       ]),
-                      vue.createElementVNode("span", _hoisted_3, vue.toDisplayString($data.confirmation.message), 1)
-                    ]))
+                      vue.createElementVNode("span", vue.mergeProps({ class: "p-confirm-popup-message" }, _ctx.ptm('message')), vue.toDisplayString($data.confirmation.message), 17)
+                    ], 16))
                   : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$slots.message), {
                       key: 1,
                       message: $data.confirmation
                     }, null, 8, ["message"])),
-                vue.createElementVNode("div", _hoisted_4, [
+                vue.createElementVNode("div", vue.mergeProps({ class: "p-confirm-popup-footer" }, _ctx.ptm('footer')), [
                   vue.createVNode(_component_CPButton, {
                     label: $options.rejectLabel,
                     class: vue.normalizeClass($options.rejectClass),
                     onClick: _cache[0] || (_cache[0] = $event => ($options.reject())),
                     onKeydown: $options.onRejectKeydown,
-                    autofocus: $data.autoFocusReject
+                    autofocus: $data.autoFocusReject,
+                    pt: _ctx.ptm('rejectButton')
                   }, {
                     icon: vue.withCtx((iconProps) => [
                       vue.renderSlot(_ctx.$slots, "rejecticon", {}, () => [
-                        vue.createElementVNode("span", {
-                          class: vue.normalizeClass([$options.rejectIcon, iconProps.class])
-                        }, null, 2)
+                        vue.createElementVNode("span", vue.mergeProps({
+                          class: [$options.rejectIcon, iconProps.class]
+                        }, _ctx.ptm('rejectButton')['icon']), null, 16)
                       ])
                     ]),
                     _: 3
-                  }, 8, ["label", "class", "onKeydown", "autofocus"]),
+                  }, 8, ["label", "class", "onKeydown", "autofocus", "pt"]),
                   vue.createVNode(_component_CPButton, {
                     label: $options.acceptLabel,
                     class: vue.normalizeClass($options.acceptClass),
                     onClick: _cache[1] || (_cache[1] = $event => ($options.accept())),
                     onKeydown: $options.onAcceptKeydown,
-                    autofocus: $data.autoFocusAccept
+                    autofocus: $data.autoFocusAccept,
+                    pt: _ctx.ptm('acceptButton')
                   }, {
                     icon: vue.withCtx((iconProps) => [
                       vue.renderSlot(_ctx.$slots, "accepticon", {}, () => [
-                        vue.createElementVNode("span", {
-                          class: vue.normalizeClass([$options.acceptIcon, iconProps.class])
-                        }, null, 2)
+                        vue.createElementVNode("span", vue.mergeProps({
+                          class: [$options.acceptIcon, iconProps.class]
+                        }, _ctx.ptm('acceptButton')['icon']), null, 16)
                       ])
                     ]),
                     _: 3
-                  }, 8, ["label", "class", "onKeydown", "autofocus"])
-                ])
+                  }, 8, ["label", "class", "onKeydown", "autofocus", "pt"])
+                ], 16)
               ], 16, _hoisted_1)), [
                 [_directive_focustrap]
               ])

package/confirmpopup/confirmpopup.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/button"),t=require("primevue/confirmationeventbus"),n=require("primevue/focustrap"),i=require("primevue/overlayeventbus"),o=require("primevue/portal"),r=require("primevue/utils"),s=require("vue");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=c(e),a=c(t),p=c(n),u=c(i),f=c(o),m={name:"ConfirmPopup",inheritAttrs:!1,props:{group:String},data:()=>({visible:!1,confirmation:null,autoFocusAccept:null,autoFocusReject:null}),target:null,outsideClickListener:null,scrollHandler:null,resizeListener:null,container:null,confirmListener:null,closeListener:null,mounted(){this.confirmListener=e=>{e&&e.group===this.group&&(this.confirmation=e,this.target=e.target,this.confirmation.onShow&&this.confirmation.onShow(),this.visible=!0)},this.closeListener=()=>{this.visible=!1,this.confirmation=null},a.default.on("confirm",this.confirmListener),a.default.on("close",this.closeListener)},beforeUnmount(){a.default.off("confirm",this.confirmListener),a.default.off("close",this.closeListener),this.unbindOutsideClickListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.unbindResizeListener(),this.container&&(r.ZIndexUtils.clear(this.container),this.container=null),this.target=null,this.confirmation=null},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},onAcceptKeydown(e){"Space"!==e.code&&"Enter"!==e.code||(this.accept(),r.DomHandler.focus(this.target),e.preventDefault())},onRejectKeydown(e){"Space"!==e.code&&"Enter"!==e.code||(this.reject(),r.DomHandler.focus(this.target),e.preventDefault())},onEnter(e){this.autoFocusAccept=void 0===this.confirmation.defaultFocus||"accept"===this.confirmation.defaultFocus,this.autoFocusReject="reject"===this.confirmation.defaultFocus,this.bindOutsideClickListener(),this.bindScrollListener(),this.bindResizeListener(),r.ZIndexUtils.set("overlay",e,this.$primevue.config.zIndex.overlay)},onAfterEnter(){this.focus()},onLeave(){this.autoFocusAccept=null,this.autoFocusReject=null,this.unbindOutsideClickListener(),this.unbindScrollListener(),this.unbindResizeListener()},onAfterLeave(e){r.ZIndexUtils.clear(e)},alignOverlay(){r.DomHandler.absolutePosition(this.container,this.target);const e=r.DomHandler.getOffset(this.container),t=r.DomHandler.getOffset(this.target);let n=0;e.left<t.left&&(n=t.left-e.left),this.container.style.setProperty("--overlayArrowLeft",`${n}px`),e.top<t.top&&r.DomHandler.addClass(this.container,"p-confirm-popup-flipped")},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{this.visible&&this.container&&!this.container.contains(e.target)&&!this.isTargetClicked(e)?(this.confirmation.onHide&&this.confirmation.onHide(),this.visible=!1):this.alignOverlay()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindScrollListener(){this.scrollHandler||(this.scrollHandler=new r.ConnectedOverlayScrollHandler(this.target,(()=>{this.visible&&(this.visible=!1)}))),this.scrollHandler.bindScrollListener()},unbindScrollListener(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.visible&&!r.DomHandler.isTouchDevice()&&(this.visible=!1)},window.addEventListener("resize",this.resizeListener))},unbindResizeListener(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},focus(){let e=this.container.querySelector("[autofocus]");e&&e.focus({preventScroll:!0})},isTargetClicked(e){return this.target&&(this.target===e.target||this.target.contains(e.target))},containerRef(e){this.container=e},onOverlayClick(e){u.default.emit("overlay-click",{originalEvent:e,target:this.target})},onOverlayKeydown(e){"Escape"===e.code&&(a.default.emit("close",this.closeListener),r.DomHandler.focus(this.target))}},computed:{containerClass(){return["p-confirm-popup p-component",{"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]},message(){return this.confirmation?this.confirmation.message:null},iconClass(){return["p-confirm-popup-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-popup-accept p-button-sm",this.confirmation?this.confirmation.acceptClass:null]},rejectClass(){return["p-confirm-popup-reject p-button-sm",this.confirmation?this.confirmation.rejectClass||"p-button-text":null]}},components:{CPButton:l.default,Portal:f.default},directives:{focustrap:p.default}};const d=["aria-modal"],h={key:0,class:"p-confirm-popup-content"},v={class:"p-confirm-popup-message"},b={class:"p-confirm-popup-footer"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&i.firstChild?i.insertBefore(o,i.firstChild):i.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("\n.p-confirm-popup {\n    position: absolute;\n    margin-top: 10px;\n    top: 0;\n    left: 0;\n}\n.p-confirm-popup-flipped {\n    margin-top: 0;\n    margin-bottom: 10px;\n}\n\n/* Animation */\n.p-confirm-popup-enter-from {\n    opacity: 0;\n    transform: scaleY(0.8);\n}\n.p-confirm-popup-leave-to {\n    opacity: 0;\n}\n.p-confirm-popup-enter-active {\n    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);\n}\n.p-confirm-popup-leave-active {\n    transition: opacity 0.1s linear;\n}\n.p-confirm-popup:after,\n.p-confirm-popup:before {\n    bottom: 100%;\n    left: calc(var(--overlayArrowLeft, 0) + 1.25rem);\n    content: ' ';\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n}\n.p-confirm-popup:after {\n    border-width: 8px;\n    margin-left: -8px;\n}\n.p-confirm-popup:before {\n    border-width: 10px;\n    margin-left: -10px;\n}\n.p-confirm-popup-flipped:after,\n.p-confirm-popup-flipped:before {\n    bottom: auto;\n    top: 100%;\n}\n.p-confirm-popup.p-confirm-popup-flipped:after {\n    border-bottom-color: transparent;\n}\n.p-confirm-popup.p-confirm-popup-flipped:before {\n    border-bottom-color: transparent;\n}\n.p-confirm-popup .p-confirm-popup-content {\n    display: flex;\n    align-items: center;\n}\n"),m.render=function(e,t,n,i,o,r){const c=s.resolveComponent("CPButton"),l=s.resolveComponent("Portal"),a=s.resolveDirective("focustrap");return s.openBlock(),s.createBlock(l,null,{default:s.withCtx((()=>[s.createVNode(s.Transition,{name:"p-confirm-popup",onEnter:r.onEnter,onAfterEnter:r.onAfterEnter,onLeave:r.onLeave,onAfterLeave:r.onAfterLeave},{default:s.withCtx((()=>[o.visible?s.withDirectives((s.openBlock(),s.createElementBlock("div",s.mergeProps({key:0,ref:r.containerRef,role:"alertdialog",class:r.containerClass,"aria-modal":o.visible,onClick:t[2]||(t[2]=(...e)=>r.onOverlayClick&&r.onOverlayClick(...e)),onKeydown:t[3]||(t[3]=(...e)=>r.onOverlayKeydown&&r.onOverlayKeydown(...e))},e.$attrs),[e.$slots.message?(s.openBlock(),s.createBlock(s.resolveDynamicComponent(e.$slots.message),{key:1,message:o.confirmation},null,8,["message"])):(s.openBlock(),s.createElementBlock("div",h,[s.renderSlot(e.$slots,"icon",{class:"p-confirm-popup-icon"},(()=>[e.$slots.icon?(s.openBlock(),s.createBlock(s.resolveDynamicComponent(e.$slots.icon),{key:0,class:"p-confirm-popup-icon"})):o.confirmation.icon?(s.openBlock(),s.createElementBlock("span",{key:1,class:s.normalizeClass(r.iconClass)},null,2)):s.createCommentVNode("",!0)])),s.createElementVNode("span",v,s.toDisplayString(o.confirmation.message),1)])),s.createElementVNode("div",b,[s.createVNode(c,{label:r.rejectLabel,class:s.normalizeClass(r.rejectClass),onClick:t[0]||(t[0]=e=>r.reject()),onKeydown:r.onRejectKeydown,autofocus:o.autoFocusReject},{icon:s.withCtx((t=>[s.renderSlot(e.$slots,"rejecticon",{},(()=>[s.createElementVNode("span",{class:s.normalizeClass([r.rejectIcon,t.class])},null,2)]))])),_:3},8,["label","class","onKeydown","autofocus"]),s.createVNode(c,{label:r.acceptLabel,class:s.normalizeClass(r.acceptClass),onClick:t[1]||(t[1]=e=>r.accept()),onKeydown:r.onAcceptKeydown,autofocus:o.autoFocusAccept},{icon:s.withCtx((t=>[s.renderSlot(e.$slots,"accepticon",{},(()=>[s.createElementVNode("span",{class:s.normalizeClass([r.acceptIcon,t.class])},null,2)]))])),_:3},8,["label","class","onKeydown","autofocus"])])],16,d)),[[a]]):s.createCommentVNode("",!0)])),_:3},8,["onEnter","onAfterEnter","onLeave","onAfterLeave"])])),_:3})},module.exports=m;
+"use strict";var e=require("primevue/basecomponent"),t=require("primevue/button"),n=require("primevue/confirmationeventbus"),i=require("primevue/focustrap"),o=require("primevue/overlayeventbus"),r=require("primevue/portal"),s=require("primevue/utils"),c=require("vue");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=l(e),p=l(t),u=l(n),m=l(i),f=l(o),d=l(r),h={name:"ConfirmPopup",extends:a.default,inheritAttrs:!1,props:{group:String},data:()=>({visible:!1,confirmation:null,autoFocusAccept:null,autoFocusReject:null}),target:null,outsideClickListener:null,scrollHandler:null,resizeListener:null,container:null,confirmListener:null,closeListener:null,mounted(){this.confirmListener=e=>{e&&e.group===this.group&&(this.confirmation=e,this.target=e.target,this.confirmation.onShow&&this.confirmation.onShow(),this.visible=!0)},this.closeListener=()=>{this.visible=!1,this.confirmation=null},u.default.on("confirm",this.confirmListener),u.default.on("close",this.closeListener)},beforeUnmount(){u.default.off("confirm",this.confirmListener),u.default.off("close",this.closeListener),this.unbindOutsideClickListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.unbindResizeListener(),this.container&&(s.ZIndexUtils.clear(this.container),this.container=null),this.target=null,this.confirmation=null},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},onAcceptKeydown(e){"Space"!==e.code&&"Enter"!==e.code||(this.accept(),s.DomHandler.focus(this.target),e.preventDefault())},onRejectKeydown(e){"Space"!==e.code&&"Enter"!==e.code||(this.reject(),s.DomHandler.focus(this.target),e.preventDefault())},onEnter(e){this.autoFocusAccept=void 0===this.confirmation.defaultFocus||"accept"===this.confirmation.defaultFocus,this.autoFocusReject="reject"===this.confirmation.defaultFocus,this.bindOutsideClickListener(),this.bindScrollListener(),this.bindResizeListener(),s.ZIndexUtils.set("overlay",e,this.$primevue.config.zIndex.overlay)},onAfterEnter(){this.focus()},onLeave(){this.autoFocusAccept=null,this.autoFocusReject=null,this.unbindOutsideClickListener(),this.unbindScrollListener(),this.unbindResizeListener()},onAfterLeave(e){s.ZIndexUtils.clear(e)},alignOverlay(){s.DomHandler.absolutePosition(this.container,this.target);const e=s.DomHandler.getOffset(this.container),t=s.DomHandler.getOffset(this.target);let n=0;e.left<t.left&&(n=t.left-e.left),this.container.style.setProperty("--overlayArrowLeft",`${n}px`),e.top<t.top&&s.DomHandler.addClass(this.container,"p-confirm-popup-flipped")},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{this.visible&&this.container&&!this.container.contains(e.target)&&!this.isTargetClicked(e)?(this.confirmation.onHide&&this.confirmation.onHide(),this.visible=!1):this.alignOverlay()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindScrollListener(){this.scrollHandler||(this.scrollHandler=new s.ConnectedOverlayScrollHandler(this.target,(()=>{this.visible&&(this.visible=!1)}))),this.scrollHandler.bindScrollListener()},unbindScrollListener(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.visible&&!s.DomHandler.isTouchDevice()&&(this.visible=!1)},window.addEventListener("resize",this.resizeListener))},unbindResizeListener(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},focus(){let e=this.container.querySelector("[autofocus]");e&&e.focus({preventScroll:!0})},isTargetClicked(e){return this.target&&(this.target===e.target||this.target.contains(e.target))},containerRef(e){this.container=e},onOverlayClick(e){f.default.emit("overlay-click",{originalEvent:e,target:this.target})},onOverlayKeydown(e){"Escape"===e.code&&(u.default.emit("close",this.closeListener),s.DomHandler.focus(this.target))}},computed:{containerClass(){return["p-confirm-popup p-component",{"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]},message(){return this.confirmation?this.confirmation.message:null},iconClass(){return["p-confirm-popup-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-popup-accept p-button-sm",this.confirmation?this.confirmation.acceptClass:null]},rejectClass(){return["p-confirm-popup-reject p-button-sm",this.confirmation?this.confirmation.rejectClass||"p-button-text":null]}},components:{CPButton:p.default,Portal:d.default},directives:{focustrap:m.default}};const v=["aria-modal"];!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&i.firstChild?i.insertBefore(o,i.firstChild):i.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("\n.p-confirm-popup {\n    position: absolute;\n    margin-top: 10px;\n    top: 0;\n    left: 0;\n}\n.p-confirm-popup-flipped {\n    margin-top: 0;\n    margin-bottom: 10px;\n}\n\n/* Animation */\n.p-confirm-popup-enter-from {\n    opacity: 0;\n    transform: scaleY(0.8);\n}\n.p-confirm-popup-leave-to {\n    opacity: 0;\n}\n.p-confirm-popup-enter-active {\n    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);\n}\n.p-confirm-popup-leave-active {\n    transition: opacity 0.1s linear;\n}\n.p-confirm-popup:after,\n.p-confirm-popup:before {\n    bottom: 100%;\n    left: calc(var(--overlayArrowLeft, 0) + 1.25rem);\n    content: ' ';\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n}\n.p-confirm-popup:after {\n    border-width: 8px;\n    margin-left: -8px;\n}\n.p-confirm-popup:before {\n    border-width: 10px;\n    margin-left: -10px;\n}\n.p-confirm-popup-flipped:after,\n.p-confirm-popup-flipped:before {\n    bottom: auto;\n    top: 100%;\n}\n.p-confirm-popup.p-confirm-popup-flipped:after {\n    border-bottom-color: transparent;\n}\n.p-confirm-popup.p-confirm-popup-flipped:before {\n    border-bottom-color: transparent;\n}\n.p-confirm-popup .p-confirm-popup-content {\n    display: flex;\n    align-items: center;\n}\n"),h.render=function(e,t,n,i,o,r){const s=c.resolveComponent("CPButton"),l=c.resolveComponent("Portal"),a=c.resolveDirective("focustrap");return c.openBlock(),c.createBlock(l,null,{default:c.withCtx((()=>[c.createVNode(c.Transition,{name:"p-confirm-popup",onEnter:r.onEnter,onAfterEnter:r.onAfterEnter,onLeave:r.onLeave,onAfterLeave:r.onAfterLeave},{default:c.withCtx((()=>[o.visible?c.withDirectives((c.openBlock(),c.createElementBlock("div",c.mergeProps({key:0,ref:r.containerRef,role:"alertdialog",class:r.containerClass,"aria-modal":o.visible,onClick:t[2]||(t[2]=(...e)=>r.onOverlayClick&&r.onOverlayClick(...e)),onKeydown:t[3]||(t[3]=(...e)=>r.onOverlayKeydown&&r.onOverlayKeydown(...e))},{...e.$attrs,...e.ptm("root")}),[e.$slots.message?(c.openBlock(),c.createBlock(c.resolveDynamicComponent(e.$slots.message),{key:1,message:o.confirmation},null,8,["message"])):(c.openBlock(),c.createElementBlock("div",c.mergeProps({key:0,class:"p-confirm-popup-content"},e.ptm("content")),[c.renderSlot(e.$slots,"icon",{class:"p-confirm-popup-icon"},(()=>[e.$slots.icon?(c.openBlock(),c.createBlock(c.resolveDynamicComponent(e.$slots.icon),{key:0,class:"p-confirm-popup-icon"})):o.confirmation.icon?(c.openBlock(),c.createElementBlock("span",c.mergeProps({key:1,class:r.iconClass},e.ptm("icon")),null,16)):c.createCommentVNode("",!0)])),c.createElementVNode("span",c.mergeProps({class:"p-confirm-popup-message"},e.ptm("message")),c.toDisplayString(o.confirmation.message),17)],16)),c.createElementVNode("div",c.mergeProps({class:"p-confirm-popup-footer"},e.ptm("footer")),[c.createVNode(s,{label:r.rejectLabel,class:c.normalizeClass(r.rejectClass),onClick:t[0]||(t[0]=e=>r.reject()),onKeydown:r.onRejectKeydown,autofocus:o.autoFocusReject,pt:e.ptm("rejectButton")},{icon:c.withCtx((t=>[c.renderSlot(e.$slots,"rejecticon",{},(()=>[c.createElementVNode("span",c.mergeProps({class:[r.rejectIcon,t.class]},e.ptm("rejectButton").icon),null,16)]))])),_:3},8,["label","class","onKeydown","autofocus","pt"]),c.createVNode(s,{label:r.acceptLabel,class:c.normalizeClass(r.acceptClass),onClick:t[1]||(t[1]=e=>r.accept()),onKeydown:r.onAcceptKeydown,autofocus:o.autoFocusAccept,pt:e.ptm("acceptButton")},{icon:c.withCtx((t=>[c.renderSlot(e.$slots,"accepticon",{},(()=>[c.createElementVNode("span",c.mergeProps({class:[r.acceptIcon,t.class]},e.ptm("acceptButton").icon),null,16)]))])),_:3},8,["label","class","onKeydown","autofocus","pt"])],16)],16,v)),[[a]]):c.createCommentVNode("",!0)])),_:3},8,["onEnter","onAfterEnter","onLeave","onAfterLeave"])])),_:3})},module.exports=h;

package/confirmpopup/confirmpopup.esm.js

@@ -1,13 +1,15 @@
+import BaseComponent from 'primevue/basecomponent';
 import Button from 'primevue/button';
 import ConfirmationEventBus from 'primevue/confirmationeventbus';
 import FocusTrap from 'primevue/focustrap';
 import OverlayEventBus from 'primevue/overlayeventbus';
 import Portal from 'primevue/portal';
 import { ZIndexUtils, DomHandler, ConnectedOverlayScrollHandler } from 'primevue/utils';
-import { resolveComponent, resolveDirective, openBlock, createBlock, withCtx, createVNode, Transition, withDirectives, createElementBlock, mergeProps, renderSlot, resolveDynamicComponent, normalizeClass, createCommentVNode, createElementVNode, toDisplayString } from 'vue';
+import { resolveComponent, resolveDirective, openBlock, createBlock, withCtx, createVNode, Transition, withDirectives, createElementBlock, mergeProps, renderSlot, resolveDynamicComponent, createCommentVNode, createElementVNode, toDisplayString, normalizeClass } from 'vue';
 
 var script = {
     name: 'ConfirmPopup',
+    extends: BaseComponent,
     inheritAttrs: false,
     props: {
         group: String
@@ -278,12 +280,6 @@ var script = {
 };
 
 const _hoisted_1 = ["aria-modal"];
-const _hoisted_2 = {
-  key: 0,
-  class: "p-confirm-popup-content"
-};
-const _hoisted_3 = { class: "p-confirm-popup-message" };
-const _hoisted_4 = { class: "p-confirm-popup-footer" };
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CPButton = resolveComponent("CPButton");
@@ -309,9 +305,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 "aria-modal": $data.visible,
                 onClick: _cache[2] || (_cache[2] = (...args) => ($options.onOverlayClick && $options.onOverlayClick(...args))),
                 onKeydown: _cache[3] || (_cache[3] = (...args) => ($options.onOverlayKeydown && $options.onOverlayKeydown(...args)))
-              }, _ctx.$attrs), [
+              }, { ..._ctx.$attrs, ..._ctx.ptm('root') }), [
                 (!_ctx.$slots.message)
-                  ? (openBlock(), createElementBlock("div", _hoisted_2, [
+                  ? (openBlock(), createElementBlock("div", mergeProps({
+                      key: 0,
+                      class: "p-confirm-popup-content"
+                    }, _ctx.ptm('content')), [
                       renderSlot(_ctx.$slots, "icon", { class: "p-confirm-popup-icon" }, () => [
                         (_ctx.$slots.icon)
                           ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.icon), {
@@ -319,52 +318,54 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                               class: "p-confirm-popup-icon"
                             }))
                           : ($data.confirmation.icon)
-                            ? (openBlock(), createElementBlock("span", {
+                            ? (openBlock(), createElementBlock("span", mergeProps({
                                 key: 1,
-                                class: normalizeClass($options.iconClass)
-                              }, null, 2))
+                                class: $options.iconClass
+                              }, _ctx.ptm('icon')), null, 16))
                             : createCommentVNode("", true)
                       ]),
-                      createElementVNode("span", _hoisted_3, toDisplayString($data.confirmation.message), 1)
-                    ]))
+                      createElementVNode("span", mergeProps({ class: "p-confirm-popup-message" }, _ctx.ptm('message')), toDisplayString($data.confirmation.message), 17)
+                    ], 16))
                   : (openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.message), {
                       key: 1,
                       message: $data.confirmation
                     }, null, 8, ["message"])),
-                createElementVNode("div", _hoisted_4, [
+                createElementVNode("div", mergeProps({ class: "p-confirm-popup-footer" }, _ctx.ptm('footer')), [
                   createVNode(_component_CPButton, {
                     label: $options.rejectLabel,
                     class: normalizeClass($options.rejectClass),
                     onClick: _cache[0] || (_cache[0] = $event => ($options.reject())),
                     onKeydown: $options.onRejectKeydown,
-                    autofocus: $data.autoFocusReject
+                    autofocus: $data.autoFocusReject,
+                    pt: _ctx.ptm('rejectButton')
                   }, {
                     icon: withCtx((iconProps) => [
                       renderSlot(_ctx.$slots, "rejecticon", {}, () => [
-                        createElementVNode("span", {
-                          class: normalizeClass([$options.rejectIcon, iconProps.class])
-                        }, null, 2)
+                        createElementVNode("span", mergeProps({
+                          class: [$options.rejectIcon, iconProps.class]
+                        }, _ctx.ptm('rejectButton')['icon']), null, 16)
                       ])
                     ]),
                     _: 3
-                  }, 8, ["label", "class", "onKeydown", "autofocus"]),
+                  }, 8, ["label", "class", "onKeydown", "autofocus", "pt"]),
                   createVNode(_component_CPButton, {
                     label: $options.acceptLabel,
                     class: normalizeClass($options.acceptClass),
                     onClick: _cache[1] || (_cache[1] = $event => ($options.accept())),
                     onKeydown: $options.onAcceptKeydown,
-                    autofocus: $data.autoFocusAccept
+                    autofocus: $data.autoFocusAccept,
+                    pt: _ctx.ptm('acceptButton')
                   }, {
                     icon: withCtx((iconProps) => [
                       renderSlot(_ctx.$slots, "accepticon", {}, () => [
-                        createElementVNode("span", {
-                          class: normalizeClass([$options.acceptIcon, iconProps.class])
-                        }, null, 2)
+                        createElementVNode("span", mergeProps({
+                          class: [$options.acceptIcon, iconProps.class]
+                        }, _ctx.ptm('acceptButton')['icon']), null, 16)
                       ])
                     ]),
                     _: 3
-                  }, 8, ["label", "class", "onKeydown", "autofocus"])
-                ])
+                  }, 8, ["label", "class", "onKeydown", "autofocus", "pt"])
+                ], 16)
               ], 16, _hoisted_1)), [
                 [_directive_focustrap]
               ])

package/confirmpopup/confirmpopup.esm.min.js

@@ -1 +1 @@
-import e from"primevue/button";import t from"primevue/confirmationeventbus";import n from"primevue/focustrap";import i from"primevue/overlayeventbus";import o from"primevue/portal";import{ZIndexUtils as s,DomHandler as r,ConnectedOverlayScrollHandler as c}from"primevue/utils";import{resolveComponent as l,resolveDirective as a,openBlock as p,createBlock as u,withCtx as f,createVNode as m,Transition as h,withDirectives as d,createElementBlock as v,mergeProps as b,renderSlot as L,resolveDynamicComponent as g,normalizeClass as y,createCommentVNode as C,createElementVNode as k,toDisplayString as j}from"vue";var w={name:"ConfirmPopup",inheritAttrs:!1,props:{group:String},data:()=>({visible:!1,confirmation:null,autoFocusAccept:null,autoFocusReject:null}),target:null,outsideClickListener:null,scrollHandler:null,resizeListener:null,container:null,confirmListener:null,closeListener:null,mounted(){this.confirmListener=e=>{e&&e.group===this.group&&(this.confirmation=e,this.target=e.target,this.confirmation.onShow&&this.confirmation.onShow(),this.visible=!0)},this.closeListener=()=>{this.visible=!1,this.confirmation=null},t.on("confirm",this.confirmListener),t.on("close",this.closeListener)},beforeUnmount(){t.off("confirm",this.confirmListener),t.off("close",this.closeListener),this.unbindOutsideClickListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.unbindResizeListener(),this.container&&(s.clear(this.container),this.container=null),this.target=null,this.confirmation=null},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},onAcceptKeydown(e){"Space"!==e.code&&"Enter"!==e.code||(this.accept(),r.focus(this.target),e.preventDefault())},onRejectKeydown(e){"Space"!==e.code&&"Enter"!==e.code||(this.reject(),r.focus(this.target),e.preventDefault())},onEnter(e){this.autoFocusAccept=void 0===this.confirmation.defaultFocus||"accept"===this.confirmation.defaultFocus,this.autoFocusReject="reject"===this.confirmation.defaultFocus,this.bindOutsideClickListener(),this.bindScrollListener(),this.bindResizeListener(),s.set("overlay",e,this.$primevue.config.zIndex.overlay)},onAfterEnter(){this.focus()},onLeave(){this.autoFocusAccept=null,this.autoFocusReject=null,this.unbindOutsideClickListener(),this.unbindScrollListener(),this.unbindResizeListener()},onAfterLeave(e){s.clear(e)},alignOverlay(){r.absolutePosition(this.container,this.target);const e=r.getOffset(this.container),t=r.getOffset(this.target);let n=0;e.left<t.left&&(n=t.left-e.left),this.container.style.setProperty("--overlayArrowLeft",`${n}px`),e.top<t.top&&r.addClass(this.container,"p-confirm-popup-flipped")},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{this.visible&&this.container&&!this.container.contains(e.target)&&!this.isTargetClicked(e)?(this.confirmation.onHide&&this.confirmation.onHide(),this.visible=!1):this.alignOverlay()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindScrollListener(){this.scrollHandler||(this.scrollHandler=new c(this.target,(()=>{this.visible&&(this.visible=!1)}))),this.scrollHandler.bindScrollListener()},unbindScrollListener(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.visible&&!r.isTouchDevice()&&(this.visible=!1)},window.addEventListener("resize",this.resizeListener))},unbindResizeListener(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},focus(){let e=this.container.querySelector("[autofocus]");e&&e.focus({preventScroll:!0})},isTargetClicked(e){return this.target&&(this.target===e.target||this.target.contains(e.target))},containerRef(e){this.container=e},onOverlayClick(e){i.emit("overlay-click",{originalEvent:e,target:this.target})},onOverlayKeydown(e){"Escape"===e.code&&(t.emit("close",this.closeListener),r.focus(this.target))}},computed:{containerClass(){return["p-confirm-popup p-component",{"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]},message(){return this.confirmation?this.confirmation.message:null},iconClass(){return["p-confirm-popup-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-popup-accept p-button-sm",this.confirmation?this.confirmation.acceptClass:null]},rejectClass(){return["p-confirm-popup-reject p-button-sm",this.confirmation?this.confirmation.rejectClass||"p-button-text":null]}},components:{CPButton:e,Portal:o},directives:{focustrap:n}};const A=["aria-modal"],E={key:0,class:"p-confirm-popup-content"},z={class:"p-confirm-popup-message"},S={class:"p-confirm-popup-footer"};!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&i.firstChild?i.insertBefore(o,i.firstChild):i.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("\n.p-confirm-popup {\n    position: absolute;\n    margin-top: 10px;\n    top: 0;\n    left: 0;\n}\n.p-confirm-popup-flipped {\n    margin-top: 0;\n    margin-bottom: 10px;\n}\n\n/* Animation */\n.p-confirm-popup-enter-from {\n    opacity: 0;\n    transform: scaleY(0.8);\n}\n.p-confirm-popup-leave-to {\n    opacity: 0;\n}\n.p-confirm-popup-enter-active {\n    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);\n}\n.p-confirm-popup-leave-active {\n    transition: opacity 0.1s linear;\n}\n.p-confirm-popup:after,\n.p-confirm-popup:before {\n    bottom: 100%;\n    left: calc(var(--overlayArrowLeft, 0) + 1.25rem);\n    content: ' ';\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n}\n.p-confirm-popup:after {\n    border-width: 8px;\n    margin-left: -8px;\n}\n.p-confirm-popup:before {\n    border-width: 10px;\n    margin-left: -10px;\n}\n.p-confirm-popup-flipped:after,\n.p-confirm-popup-flipped:before {\n    bottom: auto;\n    top: 100%;\n}\n.p-confirm-popup.p-confirm-popup-flipped:after {\n    border-bottom-color: transparent;\n}\n.p-confirm-popup.p-confirm-popup-flipped:before {\n    border-bottom-color: transparent;\n}\n.p-confirm-popup .p-confirm-popup-content {\n    display: flex;\n    align-items: center;\n}\n"),w.render=function(e,t,n,i,o,s){const r=l("CPButton"),c=l("Portal"),w=a("focustrap");return p(),u(c,null,{default:f((()=>[m(h,{name:"p-confirm-popup",onEnter:s.onEnter,onAfterEnter:s.onAfterEnter,onLeave:s.onLeave,onAfterLeave:s.onAfterLeave},{default:f((()=>[o.visible?d((p(),v("div",b({key:0,ref:s.containerRef,role:"alertdialog",class:s.containerClass,"aria-modal":o.visible,onClick:t[2]||(t[2]=(...e)=>s.onOverlayClick&&s.onOverlayClick(...e)),onKeydown:t[3]||(t[3]=(...e)=>s.onOverlayKeydown&&s.onOverlayKeydown(...e))},e.$attrs),[e.$slots.message?(p(),u(g(e.$slots.message),{key:1,message:o.confirmation},null,8,["message"])):(p(),v("div",E,[L(e.$slots,"icon",{class:"p-confirm-popup-icon"},(()=>[e.$slots.icon?(p(),u(g(e.$slots.icon),{key:0,class:"p-confirm-popup-icon"})):o.confirmation.icon?(p(),v("span",{key:1,class:y(s.iconClass)},null,2)):C("",!0)])),k("span",z,j(o.confirmation.message),1)])),k("div",S,[m(r,{label:s.rejectLabel,class:y(s.rejectClass),onClick:t[0]||(t[0]=e=>s.reject()),onKeydown:s.onRejectKeydown,autofocus:o.autoFocusReject},{icon:f((t=>[L(e.$slots,"rejecticon",{},(()=>[k("span",{class:y([s.rejectIcon,t.class])},null,2)]))])),_:3},8,["label","class","onKeydown","autofocus"]),m(r,{label:s.acceptLabel,class:y(s.acceptClass),onClick:t[1]||(t[1]=e=>s.accept()),onKeydown:s.onAcceptKeydown,autofocus:o.autoFocusAccept},{icon:f((t=>[L(e.$slots,"accepticon",{},(()=>[k("span",{class:y([s.acceptIcon,t.class])},null,2)]))])),_:3},8,["label","class","onKeydown","autofocus"])])],16,A)),[[w]]):C("",!0)])),_:3},8,["onEnter","onAfterEnter","onLeave","onAfterLeave"])])),_:3})};export{w as default};
+import e from"primevue/basecomponent";import t from"primevue/button";import n from"primevue/confirmationeventbus";import i from"primevue/focustrap";import o from"primevue/overlayeventbus";import s from"primevue/portal";import{ZIndexUtils as r,DomHandler as c,ConnectedOverlayScrollHandler as l}from"primevue/utils";import{resolveComponent as a,resolveDirective as p,openBlock as u,createBlock as f,withCtx as m,createVNode as h,Transition as d,withDirectives as v,createElementBlock as b,mergeProps as L,renderSlot as g,resolveDynamicComponent as y,createCommentVNode as C,createElementVNode as k,toDisplayString as j,normalizeClass as w}from"vue";var A={name:"ConfirmPopup",extends:e,inheritAttrs:!1,props:{group:String},data:()=>({visible:!1,confirmation:null,autoFocusAccept:null,autoFocusReject:null}),target:null,outsideClickListener:null,scrollHandler:null,resizeListener:null,container:null,confirmListener:null,closeListener:null,mounted(){this.confirmListener=e=>{e&&e.group===this.group&&(this.confirmation=e,this.target=e.target,this.confirmation.onShow&&this.confirmation.onShow(),this.visible=!0)},this.closeListener=()=>{this.visible=!1,this.confirmation=null},n.on("confirm",this.confirmListener),n.on("close",this.closeListener)},beforeUnmount(){n.off("confirm",this.confirmListener),n.off("close",this.closeListener),this.unbindOutsideClickListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.unbindResizeListener(),this.container&&(r.clear(this.container),this.container=null),this.target=null,this.confirmation=null},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},onAcceptKeydown(e){"Space"!==e.code&&"Enter"!==e.code||(this.accept(),c.focus(this.target),e.preventDefault())},onRejectKeydown(e){"Space"!==e.code&&"Enter"!==e.code||(this.reject(),c.focus(this.target),e.preventDefault())},onEnter(e){this.autoFocusAccept=void 0===this.confirmation.defaultFocus||"accept"===this.confirmation.defaultFocus,this.autoFocusReject="reject"===this.confirmation.defaultFocus,this.bindOutsideClickListener(),this.bindScrollListener(),this.bindResizeListener(),r.set("overlay",e,this.$primevue.config.zIndex.overlay)},onAfterEnter(){this.focus()},onLeave(){this.autoFocusAccept=null,this.autoFocusReject=null,this.unbindOutsideClickListener(),this.unbindScrollListener(),this.unbindResizeListener()},onAfterLeave(e){r.clear(e)},alignOverlay(){c.absolutePosition(this.container,this.target);const e=c.getOffset(this.container),t=c.getOffset(this.target);let n=0;e.left<t.left&&(n=t.left-e.left),this.container.style.setProperty("--overlayArrowLeft",`${n}px`),e.top<t.top&&c.addClass(this.container,"p-confirm-popup-flipped")},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{this.visible&&this.container&&!this.container.contains(e.target)&&!this.isTargetClicked(e)?(this.confirmation.onHide&&this.confirmation.onHide(),this.visible=!1):this.alignOverlay()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindScrollListener(){this.scrollHandler||(this.scrollHandler=new l(this.target,(()=>{this.visible&&(this.visible=!1)}))),this.scrollHandler.bindScrollListener()},unbindScrollListener(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.visible&&!c.isTouchDevice()&&(this.visible=!1)},window.addEventListener("resize",this.resizeListener))},unbindResizeListener(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},focus(){let e=this.container.querySelector("[autofocus]");e&&e.focus({preventScroll:!0})},isTargetClicked(e){return this.target&&(this.target===e.target||this.target.contains(e.target))},containerRef(e){this.container=e},onOverlayClick(e){o.emit("overlay-click",{originalEvent:e,target:this.target})},onOverlayKeydown(e){"Escape"===e.code&&(n.emit("close",this.closeListener),c.focus(this.target))}},computed:{containerClass(){return["p-confirm-popup p-component",{"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]},message(){return this.confirmation?this.confirmation.message:null},iconClass(){return["p-confirm-popup-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-popup-accept p-button-sm",this.confirmation?this.confirmation.acceptClass:null]},rejectClass(){return["p-confirm-popup-reject p-button-sm",this.confirmation?this.confirmation.rejectClass||"p-button-text":null]}},components:{CPButton:t,Portal:s},directives:{focustrap:i}};const E=["aria-modal"];!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&i.firstChild?i.insertBefore(o,i.firstChild):i.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("\n.p-confirm-popup {\n    position: absolute;\n    margin-top: 10px;\n    top: 0;\n    left: 0;\n}\n.p-confirm-popup-flipped {\n    margin-top: 0;\n    margin-bottom: 10px;\n}\n\n/* Animation */\n.p-confirm-popup-enter-from {\n    opacity: 0;\n    transform: scaleY(0.8);\n}\n.p-confirm-popup-leave-to {\n    opacity: 0;\n}\n.p-confirm-popup-enter-active {\n    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);\n}\n.p-confirm-popup-leave-active {\n    transition: opacity 0.1s linear;\n}\n.p-confirm-popup:after,\n.p-confirm-popup:before {\n    bottom: 100%;\n    left: calc(var(--overlayArrowLeft, 0) + 1.25rem);\n    content: ' ';\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n}\n.p-confirm-popup:after {\n    border-width: 8px;\n    margin-left: -8px;\n}\n.p-confirm-popup:before {\n    border-width: 10px;\n    margin-left: -10px;\n}\n.p-confirm-popup-flipped:after,\n.p-confirm-popup-flipped:before {\n    bottom: auto;\n    top: 100%;\n}\n.p-confirm-popup.p-confirm-popup-flipped:after {\n    border-bottom-color: transparent;\n}\n.p-confirm-popup.p-confirm-popup-flipped:before {\n    border-bottom-color: transparent;\n}\n.p-confirm-popup .p-confirm-popup-content {\n    display: flex;\n    align-items: center;\n}\n"),A.render=function(e,t,n,i,o,s){const r=a("CPButton"),c=a("Portal"),l=p("focustrap");return u(),f(c,null,{default:m((()=>[h(d,{name:"p-confirm-popup",onEnter:s.onEnter,onAfterEnter:s.onAfterEnter,onLeave:s.onLeave,onAfterLeave:s.onAfterLeave},{default:m((()=>[o.visible?v((u(),b("div",L({key:0,ref:s.containerRef,role:"alertdialog",class:s.containerClass,"aria-modal":o.visible,onClick:t[2]||(t[2]=(...e)=>s.onOverlayClick&&s.onOverlayClick(...e)),onKeydown:t[3]||(t[3]=(...e)=>s.onOverlayKeydown&&s.onOverlayKeydown(...e))},{...e.$attrs,...e.ptm("root")}),[e.$slots.message?(u(),f(y(e.$slots.message),{key:1,message:o.confirmation},null,8,["message"])):(u(),b("div",L({key:0,class:"p-confirm-popup-content"},e.ptm("content")),[g(e.$slots,"icon",{class:"p-confirm-popup-icon"},(()=>[e.$slots.icon?(u(),f(y(e.$slots.icon),{key:0,class:"p-confirm-popup-icon"})):o.confirmation.icon?(u(),b("span",L({key:1,class:s.iconClass},e.ptm("icon")),null,16)):C("",!0)])),k("span",L({class:"p-confirm-popup-message"},e.ptm("message")),j(o.confirmation.message),17)],16)),k("div",L({class:"p-confirm-popup-footer"},e.ptm("footer")),[h(r,{label:s.rejectLabel,class:w(s.rejectClass),onClick:t[0]||(t[0]=e=>s.reject()),onKeydown:s.onRejectKeydown,autofocus:o.autoFocusReject,pt:e.ptm("rejectButton")},{icon:m((t=>[g(e.$slots,"rejecticon",{},(()=>[k("span",L({class:[s.rejectIcon,t.class]},e.ptm("rejectButton").icon),null,16)]))])),_:3},8,["label","class","onKeydown","autofocus","pt"]),h(r,{label:s.acceptLabel,class:w(s.acceptClass),onClick:t[1]||(t[1]=e=>s.accept()),onKeydown:s.onAcceptKeydown,autofocus:o.autoFocusAccept,pt:e.ptm("acceptButton")},{icon:m((t=>[g(e.$slots,"accepticon",{},(()=>[k("span",L({class:[s.acceptIcon,t.class]},e.ptm("acceptButton").icon),null,16)]))])),_:3},8,["label","class","onKeydown","autofocus","pt"])],16)],16,E)),[[l]]):C("",!0)])),_:3},8,["onEnter","onAfterEnter","onLeave","onAfterLeave"])])),_:3})};export{A as default};

package/confirmpopup/confirmpopup.js

@@ -1,9 +1,10 @@
 this.primevue = this.primevue || {};
-this.primevue.confirmpopup = (function (Button, ConfirmationEventBus, FocusTrap, OverlayEventBus, Portal, utils, vue) {
+this.primevue.confirmpopup = (function (BaseComponent, Button, ConfirmationEventBus, FocusTrap, OverlayEventBus, Portal, utils, 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 FocusTrap__default = /*#__PURE__*/_interopDefaultLegacy(FocusTrap);
@@ -12,6 +13,7 @@ this.primevue.confirmpopup = (function (Button, ConfirmationEventBus, FocusTrap,
 
     var script = {
         name: 'ConfirmPopup',
+        extends: BaseComponent__default["default"],
         inheritAttrs: false,
         props: {
             group: String
@@ -282,12 +284,6 @@ this.primevue.confirmpopup = (function (Button, ConfirmationEventBus, FocusTrap,
     };
 
     const _hoisted_1 = ["aria-modal"];
-    const _hoisted_2 = {
-      key: 0,
-      class: "p-confirm-popup-content"
-    };
-    const _hoisted_3 = { class: "p-confirm-popup-message" };
-    const _hoisted_4 = { class: "p-confirm-popup-footer" };
 
     function render(_ctx, _cache, $props, $setup, $data, $options) {
       const _component_CPButton = vue.resolveComponent("CPButton");
@@ -313,9 +309,12 @@ this.primevue.confirmpopup = (function (Button, ConfirmationEventBus, FocusTrap,
                     "aria-modal": $data.visible,
                     onClick: _cache[2] || (_cache[2] = (...args) => ($options.onOverlayClick && $options.onOverlayClick(...args))),
                     onKeydown: _cache[3] || (_cache[3] = (...args) => ($options.onOverlayKeydown && $options.onOverlayKeydown(...args)))
-                  }, _ctx.$attrs), [
+                  }, { ..._ctx.$attrs, ..._ctx.ptm('root') }), [
                     (!_ctx.$slots.message)
-                      ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+                      ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+                          key: 0,
+                          class: "p-confirm-popup-content"
+                        }, _ctx.ptm('content')), [
                           vue.renderSlot(_ctx.$slots, "icon", { class: "p-confirm-popup-icon" }, () => [
                             (_ctx.$slots.icon)
                               ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$slots.icon), {
@@ -323,52 +322,54 @@ this.primevue.confirmpopup = (function (Button, ConfirmationEventBus, FocusTrap,
                                   class: "p-confirm-popup-icon"
                                 }))
                               : ($data.confirmation.icon)
-                                ? (vue.openBlock(), vue.createElementBlock("span", {
+                                ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
                                     key: 1,
-                                    class: vue.normalizeClass($options.iconClass)
-                                  }, null, 2))
+                                    class: $options.iconClass
+                                  }, _ctx.ptm('icon')), null, 16))
                                 : vue.createCommentVNode("", true)
                           ]),
-                          vue.createElementVNode("span", _hoisted_3, vue.toDisplayString($data.confirmation.message), 1)
-                        ]))
+                          vue.createElementVNode("span", vue.mergeProps({ class: "p-confirm-popup-message" }, _ctx.ptm('message')), vue.toDisplayString($data.confirmation.message), 17)
+                        ], 16))
                       : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$slots.message), {
                           key: 1,
                           message: $data.confirmation
                         }, null, 8, ["message"])),
-                    vue.createElementVNode("div", _hoisted_4, [
+                    vue.createElementVNode("div", vue.mergeProps({ class: "p-confirm-popup-footer" }, _ctx.ptm('footer')), [
                       vue.createVNode(_component_CPButton, {
                         label: $options.rejectLabel,
                         class: vue.normalizeClass($options.rejectClass),
                         onClick: _cache[0] || (_cache[0] = $event => ($options.reject())),
                         onKeydown: $options.onRejectKeydown,
-                        autofocus: $data.autoFocusReject
+                        autofocus: $data.autoFocusReject,
+                        pt: _ctx.ptm('rejectButton')
                       }, {
                         icon: vue.withCtx((iconProps) => [
                           vue.renderSlot(_ctx.$slots, "rejecticon", {}, () => [
-                            vue.createElementVNode("span", {
-                              class: vue.normalizeClass([$options.rejectIcon, iconProps.class])
-                            }, null, 2)
+                            vue.createElementVNode("span", vue.mergeProps({
+                              class: [$options.rejectIcon, iconProps.class]
+                            }, _ctx.ptm('rejectButton')['icon']), null, 16)
                           ])
                         ]),
                         _: 3
-                      }, 8, ["label", "class", "onKeydown", "autofocus"]),
+                      }, 8, ["label", "class", "onKeydown", "autofocus", "pt"]),
                       vue.createVNode(_component_CPButton, {
                         label: $options.acceptLabel,
                         class: vue.normalizeClass($options.acceptClass),
                         onClick: _cache[1] || (_cache[1] = $event => ($options.accept())),
                         onKeydown: $options.onAcceptKeydown,
-                        autofocus: $data.autoFocusAccept
+                        autofocus: $data.autoFocusAccept,
+                        pt: _ctx.ptm('acceptButton')
                       }, {
                         icon: vue.withCtx((iconProps) => [
                           vue.renderSlot(_ctx.$slots, "accepticon", {}, () => [
-                            vue.createElementVNode("span", {
-                              class: vue.normalizeClass([$options.acceptIcon, iconProps.class])
-                            }, null, 2)
+                            vue.createElementVNode("span", vue.mergeProps({
+                              class: [$options.acceptIcon, iconProps.class]
+                            }, _ctx.ptm('acceptButton')['icon']), null, 16)
                           ])
                         ]),
                         _: 3
-                      }, 8, ["label", "class", "onKeydown", "autofocus"])
-                    ])
+                      }, 8, ["label", "class", "onKeydown", "autofocus", "pt"])
+                    ], 16)
                   ], 16, _hoisted_1)), [
                     [_directive_focustrap]
                   ])
@@ -415,4 +416,4 @@ this.primevue.confirmpopup = (function (Button, ConfirmationEventBus, FocusTrap,
 
     return script;
 
-})(primevue.button, primevue.confirmationeventbus, primevue.focustrap, primevue.overlayeventbus, primevue.portal, primevue.utils, Vue);
+})(primevue.basecomponent, primevue.button, primevue.confirmationeventbus, primevue.focustrap, primevue.overlayeventbus, primevue.portal, primevue.utils, Vue);

package/confirmpopup/confirmpopup.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.confirmpopup=function(e,t,n,i,o,r,s){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=c(e),a=c(t),p=c(n),u=c(i),f=c(o),m={name:"ConfirmPopup",inheritAttrs:!1,props:{group:String},data:()=>({visible:!1,confirmation:null,autoFocusAccept:null,autoFocusReject:null}),target:null,outsideClickListener:null,scrollHandler:null,resizeListener:null,container:null,confirmListener:null,closeListener:null,mounted(){this.confirmListener=e=>{e&&e.group===this.group&&(this.confirmation=e,this.target=e.target,this.confirmation.onShow&&this.confirmation.onShow(),this.visible=!0)},this.closeListener=()=>{this.visible=!1,this.confirmation=null},a.default.on("confirm",this.confirmListener),a.default.on("close",this.closeListener)},beforeUnmount(){a.default.off("confirm",this.confirmListener),a.default.off("close",this.closeListener),this.unbindOutsideClickListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.unbindResizeListener(),this.container&&(r.ZIndexUtils.clear(this.container),this.container=null),this.target=null,this.confirmation=null},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},onAcceptKeydown(e){"Space"!==e.code&&"Enter"!==e.code||(this.accept(),r.DomHandler.focus(this.target),e.preventDefault())},onRejectKeydown(e){"Space"!==e.code&&"Enter"!==e.code||(this.reject(),r.DomHandler.focus(this.target),e.preventDefault())},onEnter(e){this.autoFocusAccept=void 0===this.confirmation.defaultFocus||"accept"===this.confirmation.defaultFocus,this.autoFocusReject="reject"===this.confirmation.defaultFocus,this.bindOutsideClickListener(),this.bindScrollListener(),this.bindResizeListener(),r.ZIndexUtils.set("overlay",e,this.$primevue.config.zIndex.overlay)},onAfterEnter(){this.focus()},onLeave(){this.autoFocusAccept=null,this.autoFocusReject=null,this.unbindOutsideClickListener(),this.unbindScrollListener(),this.unbindResizeListener()},onAfterLeave(e){r.ZIndexUtils.clear(e)},alignOverlay(){r.DomHandler.absolutePosition(this.container,this.target);const e=r.DomHandler.getOffset(this.container),t=r.DomHandler.getOffset(this.target);let n=0;e.left<t.left&&(n=t.left-e.left),this.container.style.setProperty("--overlayArrowLeft",`${n}px`),e.top<t.top&&r.DomHandler.addClass(this.container,"p-confirm-popup-flipped")},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{this.visible&&this.container&&!this.container.contains(e.target)&&!this.isTargetClicked(e)?(this.confirmation.onHide&&this.confirmation.onHide(),this.visible=!1):this.alignOverlay()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindScrollListener(){this.scrollHandler||(this.scrollHandler=new r.ConnectedOverlayScrollHandler(this.target,(()=>{this.visible&&(this.visible=!1)}))),this.scrollHandler.bindScrollListener()},unbindScrollListener(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.visible&&!r.DomHandler.isTouchDevice()&&(this.visible=!1)},window.addEventListener("resize",this.resizeListener))},unbindResizeListener(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},focus(){let e=this.container.querySelector("[autofocus]");e&&e.focus({preventScroll:!0})},isTargetClicked(e){return this.target&&(this.target===e.target||this.target.contains(e.target))},containerRef(e){this.container=e},onOverlayClick(e){u.default.emit("overlay-click",{originalEvent:e,target:this.target})},onOverlayKeydown(e){"Escape"===e.code&&(a.default.emit("close",this.closeListener),r.DomHandler.focus(this.target))}},computed:{containerClass(){return["p-confirm-popup p-component",{"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]},message(){return this.confirmation?this.confirmation.message:null},iconClass(){return["p-confirm-popup-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-popup-accept p-button-sm",this.confirmation?this.confirmation.acceptClass:null]},rejectClass(){return["p-confirm-popup-reject p-button-sm",this.confirmation?this.confirmation.rejectClass||"p-button-text":null]}},components:{CPButton:l.default,Portal:f.default},directives:{focustrap:p.default}};const d=["aria-modal"],h={key:0,class:"p-confirm-popup-content"},v={class:"p-confirm-popup-message"},b={class:"p-confirm-popup-footer"};return function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&i.firstChild?i.insertBefore(o,i.firstChild):i.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("\n.p-confirm-popup {\n    position: absolute;\n    margin-top: 10px;\n    top: 0;\n    left: 0;\n}\n.p-confirm-popup-flipped {\n    margin-top: 0;\n    margin-bottom: 10px;\n}\n\n/* Animation */\n.p-confirm-popup-enter-from {\n    opacity: 0;\n    transform: scaleY(0.8);\n}\n.p-confirm-popup-leave-to {\n    opacity: 0;\n}\n.p-confirm-popup-enter-active {\n    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);\n}\n.p-confirm-popup-leave-active {\n    transition: opacity 0.1s linear;\n}\n.p-confirm-popup:after,\n.p-confirm-popup:before {\n    bottom: 100%;\n    left: calc(var(--overlayArrowLeft, 0) + 1.25rem);\n    content: ' ';\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n}\n.p-confirm-popup:after {\n    border-width: 8px;\n    margin-left: -8px;\n}\n.p-confirm-popup:before {\n    border-width: 10px;\n    margin-left: -10px;\n}\n.p-confirm-popup-flipped:after,\n.p-confirm-popup-flipped:before {\n    bottom: auto;\n    top: 100%;\n}\n.p-confirm-popup.p-confirm-popup-flipped:after {\n    border-bottom-color: transparent;\n}\n.p-confirm-popup.p-confirm-popup-flipped:before {\n    border-bottom-color: transparent;\n}\n.p-confirm-popup .p-confirm-popup-content {\n    display: flex;\n    align-items: center;\n}\n"),m.render=function(e,t,n,i,o,r){const c=s.resolveComponent("CPButton"),l=s.resolveComponent("Portal"),a=s.resolveDirective("focustrap");return s.openBlock(),s.createBlock(l,null,{default:s.withCtx((()=>[s.createVNode(s.Transition,{name:"p-confirm-popup",onEnter:r.onEnter,onAfterEnter:r.onAfterEnter,onLeave:r.onLeave,onAfterLeave:r.onAfterLeave},{default:s.withCtx((()=>[o.visible?s.withDirectives((s.openBlock(),s.createElementBlock("div",s.mergeProps({key:0,ref:r.containerRef,role:"alertdialog",class:r.containerClass,"aria-modal":o.visible,onClick:t[2]||(t[2]=(...e)=>r.onOverlayClick&&r.onOverlayClick(...e)),onKeydown:t[3]||(t[3]=(...e)=>r.onOverlayKeydown&&r.onOverlayKeydown(...e))},e.$attrs),[e.$slots.message?(s.openBlock(),s.createBlock(s.resolveDynamicComponent(e.$slots.message),{key:1,message:o.confirmation},null,8,["message"])):(s.openBlock(),s.createElementBlock("div",h,[s.renderSlot(e.$slots,"icon",{class:"p-confirm-popup-icon"},(()=>[e.$slots.icon?(s.openBlock(),s.createBlock(s.resolveDynamicComponent(e.$slots.icon),{key:0,class:"p-confirm-popup-icon"})):o.confirmation.icon?(s.openBlock(),s.createElementBlock("span",{key:1,class:s.normalizeClass(r.iconClass)},null,2)):s.createCommentVNode("",!0)])),s.createElementVNode("span",v,s.toDisplayString(o.confirmation.message),1)])),s.createElementVNode("div",b,[s.createVNode(c,{label:r.rejectLabel,class:s.normalizeClass(r.rejectClass),onClick:t[0]||(t[0]=e=>r.reject()),onKeydown:r.onRejectKeydown,autofocus:o.autoFocusReject},{icon:s.withCtx((t=>[s.renderSlot(e.$slots,"rejecticon",{},(()=>[s.createElementVNode("span",{class:s.normalizeClass([r.rejectIcon,t.class])},null,2)]))])),_:3},8,["label","class","onKeydown","autofocus"]),s.createVNode(c,{label:r.acceptLabel,class:s.normalizeClass(r.acceptClass),onClick:t[1]||(t[1]=e=>r.accept()),onKeydown:r.onAcceptKeydown,autofocus:o.autoFocusAccept},{icon:s.withCtx((t=>[s.renderSlot(e.$slots,"accepticon",{},(()=>[s.createElementVNode("span",{class:s.normalizeClass([r.acceptIcon,t.class])},null,2)]))])),_:3},8,["label","class","onKeydown","autofocus"])])],16,d)),[[a]]):s.createCommentVNode("",!0)])),_:3},8,["onEnter","onAfterEnter","onLeave","onAfterLeave"])])),_:3})},m}(primevue.button,primevue.confirmationeventbus,primevue.focustrap,primevue.overlayeventbus,primevue.portal,primevue.utils,Vue);
+this.primevue=this.primevue||{},this.primevue.confirmpopup=function(e,t,n,i,o,r,s,c){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=l(e),p=l(t),u=l(n),m=l(i),f=l(o),d=l(r),h={name:"ConfirmPopup",extends:a.default,inheritAttrs:!1,props:{group:String},data:()=>({visible:!1,confirmation:null,autoFocusAccept:null,autoFocusReject:null}),target:null,outsideClickListener:null,scrollHandler:null,resizeListener:null,container:null,confirmListener:null,closeListener:null,mounted(){this.confirmListener=e=>{e&&e.group===this.group&&(this.confirmation=e,this.target=e.target,this.confirmation.onShow&&this.confirmation.onShow(),this.visible=!0)},this.closeListener=()=>{this.visible=!1,this.confirmation=null},u.default.on("confirm",this.confirmListener),u.default.on("close",this.closeListener)},beforeUnmount(){u.default.off("confirm",this.confirmListener),u.default.off("close",this.closeListener),this.unbindOutsideClickListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.unbindResizeListener(),this.container&&(s.ZIndexUtils.clear(this.container),this.container=null),this.target=null,this.confirmation=null},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},onAcceptKeydown(e){"Space"!==e.code&&"Enter"!==e.code||(this.accept(),s.DomHandler.focus(this.target),e.preventDefault())},onRejectKeydown(e){"Space"!==e.code&&"Enter"!==e.code||(this.reject(),s.DomHandler.focus(this.target),e.preventDefault())},onEnter(e){this.autoFocusAccept=void 0===this.confirmation.defaultFocus||"accept"===this.confirmation.defaultFocus,this.autoFocusReject="reject"===this.confirmation.defaultFocus,this.bindOutsideClickListener(),this.bindScrollListener(),this.bindResizeListener(),s.ZIndexUtils.set("overlay",e,this.$primevue.config.zIndex.overlay)},onAfterEnter(){this.focus()},onLeave(){this.autoFocusAccept=null,this.autoFocusReject=null,this.unbindOutsideClickListener(),this.unbindScrollListener(),this.unbindResizeListener()},onAfterLeave(e){s.ZIndexUtils.clear(e)},alignOverlay(){s.DomHandler.absolutePosition(this.container,this.target);const e=s.DomHandler.getOffset(this.container),t=s.DomHandler.getOffset(this.target);let n=0;e.left<t.left&&(n=t.left-e.left),this.container.style.setProperty("--overlayArrowLeft",`${n}px`),e.top<t.top&&s.DomHandler.addClass(this.container,"p-confirm-popup-flipped")},bindOutsideClickListener(){this.outsideClickListener||(this.outsideClickListener=e=>{this.visible&&this.container&&!this.container.contains(e.target)&&!this.isTargetClicked(e)?(this.confirmation.onHide&&this.confirmation.onHide(),this.visible=!1):this.alignOverlay()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindScrollListener(){this.scrollHandler||(this.scrollHandler=new s.ConnectedOverlayScrollHandler(this.target,(()=>{this.visible&&(this.visible=!1)}))),this.scrollHandler.bindScrollListener()},unbindScrollListener(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.visible&&!s.DomHandler.isTouchDevice()&&(this.visible=!1)},window.addEventListener("resize",this.resizeListener))},unbindResizeListener(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},focus(){let e=this.container.querySelector("[autofocus]");e&&e.focus({preventScroll:!0})},isTargetClicked(e){return this.target&&(this.target===e.target||this.target.contains(e.target))},containerRef(e){this.container=e},onOverlayClick(e){f.default.emit("overlay-click",{originalEvent:e,target:this.target})},onOverlayKeydown(e){"Escape"===e.code&&(u.default.emit("close",this.closeListener),s.DomHandler.focus(this.target))}},computed:{containerClass(){return["p-confirm-popup p-component",{"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]},message(){return this.confirmation?this.confirmation.message:null},iconClass(){return["p-confirm-popup-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-popup-accept p-button-sm",this.confirmation?this.confirmation.acceptClass:null]},rejectClass(){return["p-confirm-popup-reject p-button-sm",this.confirmation?this.confirmation.rejectClass||"p-button-text":null]}},components:{CPButton:p.default,Portal:d.default},directives:{focustrap:m.default}};const v=["aria-modal"];return function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&i.firstChild?i.insertBefore(o,i.firstChild):i.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("\n.p-confirm-popup {\n    position: absolute;\n    margin-top: 10px;\n    top: 0;\n    left: 0;\n}\n.p-confirm-popup-flipped {\n    margin-top: 0;\n    margin-bottom: 10px;\n}\n\n/* Animation */\n.p-confirm-popup-enter-from {\n    opacity: 0;\n    transform: scaleY(0.8);\n}\n.p-confirm-popup-leave-to {\n    opacity: 0;\n}\n.p-confirm-popup-enter-active {\n    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);\n}\n.p-confirm-popup-leave-active {\n    transition: opacity 0.1s linear;\n}\n.p-confirm-popup:after,\n.p-confirm-popup:before {\n    bottom: 100%;\n    left: calc(var(--overlayArrowLeft, 0) + 1.25rem);\n    content: ' ';\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n}\n.p-confirm-popup:after {\n    border-width: 8px;\n    margin-left: -8px;\n}\n.p-confirm-popup:before {\n    border-width: 10px;\n    margin-left: -10px;\n}\n.p-confirm-popup-flipped:after,\n.p-confirm-popup-flipped:before {\n    bottom: auto;\n    top: 100%;\n}\n.p-confirm-popup.p-confirm-popup-flipped:after {\n    border-bottom-color: transparent;\n}\n.p-confirm-popup.p-confirm-popup-flipped:before {\n    border-bottom-color: transparent;\n}\n.p-confirm-popup .p-confirm-popup-content {\n    display: flex;\n    align-items: center;\n}\n"),h.render=function(e,t,n,i,o,r){const s=c.resolveComponent("CPButton"),l=c.resolveComponent("Portal"),a=c.resolveDirective("focustrap");return c.openBlock(),c.createBlock(l,null,{default:c.withCtx((()=>[c.createVNode(c.Transition,{name:"p-confirm-popup",onEnter:r.onEnter,onAfterEnter:r.onAfterEnter,onLeave:r.onLeave,onAfterLeave:r.onAfterLeave},{default:c.withCtx((()=>[o.visible?c.withDirectives((c.openBlock(),c.createElementBlock("div",c.mergeProps({key:0,ref:r.containerRef,role:"alertdialog",class:r.containerClass,"aria-modal":o.visible,onClick:t[2]||(t[2]=(...e)=>r.onOverlayClick&&r.onOverlayClick(...e)),onKeydown:t[3]||(t[3]=(...e)=>r.onOverlayKeydown&&r.onOverlayKeydown(...e))},{...e.$attrs,...e.ptm("root")}),[e.$slots.message?(c.openBlock(),c.createBlock(c.resolveDynamicComponent(e.$slots.message),{key:1,message:o.confirmation},null,8,["message"])):(c.openBlock(),c.createElementBlock("div",c.mergeProps({key:0,class:"p-confirm-popup-content"},e.ptm("content")),[c.renderSlot(e.$slots,"icon",{class:"p-confirm-popup-icon"},(()=>[e.$slots.icon?(c.openBlock(),c.createBlock(c.resolveDynamicComponent(e.$slots.icon),{key:0,class:"p-confirm-popup-icon"})):o.confirmation.icon?(c.openBlock(),c.createElementBlock("span",c.mergeProps({key:1,class:r.iconClass},e.ptm("icon")),null,16)):c.createCommentVNode("",!0)])),c.createElementVNode("span",c.mergeProps({class:"p-confirm-popup-message"},e.ptm("message")),c.toDisplayString(o.confirmation.message),17)],16)),c.createElementVNode("div",c.mergeProps({class:"p-confirm-popup-footer"},e.ptm("footer")),[c.createVNode(s,{label:r.rejectLabel,class:c.normalizeClass(r.rejectClass),onClick:t[0]||(t[0]=e=>r.reject()),onKeydown:r.onRejectKeydown,autofocus:o.autoFocusReject,pt:e.ptm("rejectButton")},{icon:c.withCtx((t=>[c.renderSlot(e.$slots,"rejecticon",{},(()=>[c.createElementVNode("span",c.mergeProps({class:[r.rejectIcon,t.class]},e.ptm("rejectButton").icon),null,16)]))])),_:3},8,["label","class","onKeydown","autofocus","pt"]),c.createVNode(s,{label:r.acceptLabel,class:c.normalizeClass(r.acceptClass),onClick:t[1]||(t[1]=e=>r.accept()),onKeydown:r.onAcceptKeydown,autofocus:o.autoFocusAccept,pt:e.ptm("acceptButton")},{icon:c.withCtx((t=>[c.renderSlot(e.$slots,"accepticon",{},(()=>[c.createElementVNode("span",c.mergeProps({class:[r.acceptIcon,t.class]},e.ptm("acceptButton").icon),null,16)]))])),_:3},8,["label","class","onKeydown","autofocus","pt"])],16)],16,v)),[[a]]):c.createCommentVNode("",!0)])),_:3},8,["onEnter","onAfterEnter","onLeave","onAfterLeave"])])),_:3})},h}(primevue.basecomponent,primevue.button,primevue.confirmationeventbus,primevue.focustrap,primevue.overlayeventbus,primevue.portal,primevue.utils,Vue);