primevue 3.18.1 → 3.19.0

package/confirmpopup/confirmpopup.esm.js

@@ -1,9 +1,10 @@
+import Button from 'primevue/button';
 import ConfirmationEventBus from 'primevue/confirmationeventbus';
-import { ZIndexUtils, DomHandler, ConnectedOverlayScrollHandler } from 'primevue/utils';
+import FocusTrap from 'primevue/focustrap';
 import OverlayEventBus from 'primevue/overlayeventbus';
-import Button from 'primevue/button';
 import Portal from 'primevue/portal';
-import { resolveComponent, openBlock, createBlock, withCtx, createVNode, Transition, createElementBlock, mergeProps, createElementVNode, normalizeClass, toDisplayString, resolveDynamicComponent, createCommentVNode } from 'vue';
+import { ZIndexUtils, DomHandler, ConnectedOverlayScrollHandler } from 'primevue/utils';
+import { resolveComponent, resolveDirective, openBlock, createBlock, withCtx, createVNode, Transition, withDirectives, createElementBlock, mergeProps, createElementVNode, normalizeClass, toDisplayString, resolveDynamicComponent, createCommentVNode } from 'vue';
 
 var script = {
     name: 'ConfirmPopup',
@@ -33,6 +34,11 @@ var script = {
             if (options.group === this.group) {
                 this.confirmation = options;
                 this.target = options.target;
+
+                if (this.confirmation.onShow) {
+                    this.confirmation.onShow();
+                }
+
                 this.visible = true;
             }
         };
@@ -81,7 +87,29 @@ var script = {
 
             this.visible = false;
         },
+        onHide() {
+            if (this.confirmation.onHide) {
+                this.confirmation.onHide();
+            }
+
+            this.visible = false;
+        },
+        onAcceptKeydown(event) {
+            if (event.code === 'Space' || event.code === 'Enter') {
+                this.accept();
+                DomHandler.focus(this.target);
+                event.preventDefault();
+            }
+        },
+        onRejectKeydown(event) {
+            if (event.code === 'Space' || event.code === 'Enter') {
+                this.reject();
+                DomHandler.focus(this.target);
+                event.preventDefault();
+            }
+        },
         onEnter(el) {
+            this.focus();
             this.bindOutsideClickListener();
             this.bindScrollListener();
             this.bindResizeListener();
@@ -117,6 +145,10 @@ var script = {
             if (!this.outsideClickListener) {
                 this.outsideClickListener = (event) => {
                     if (this.visible && this.container && !this.container.contains(event.target) && !this.isTargetClicked(event)) {
+                        if (this.confirmation.onHide) {
+                            this.confirmation.onHide();
+                        }
+
                         this.visible = false;
                     } else {
                         this.alignOverlay();
@@ -165,6 +197,13 @@ var script = {
                 this.resizeListener = null;
             }
         },
+        focus() {
+            let focusTarget = this.container.querySelector('[autofocus]');
+
+            if (focusTarget) {
+                focusTarget.focus();
+            }
+        },
         isTargetClicked(event) {
             return this.target && (this.target === event.target || this.target.contains(event.target));
         },
@@ -176,6 +215,12 @@ var script = {
                 originalEvent: event,
                 target: this.target
             });
+        },
+        onOverlayKeydown(event) {
+            if (event.code === 'Escape') {
+                ConfirmationEventBus.emit('close', this.closeListener);
+                DomHandler.focus(this.target);
+            }
         }
     },
     computed: {
@@ -211,24 +256,35 @@ var script = {
         },
         rejectClass() {
             return ['p-confirm-popup-reject p-button-sm', this.confirmation ? this.confirmation.rejectClass || 'p-button-text' : null];
+        },
+        autoFocusAccept() {
+            return this.confirmation.defaultFocus === undefined || this.confirmation.defaultFocus === 'accept' ? true : false;
+        },
+        autoFocusReject() {
+            return this.confirmation.defaultFocus === 'reject' ? true : false;
         }
     },
     components: {
         CPButton: Button,
         Portal: Portal
+    },
+    directives: {
+        focustrap: FocusTrap
     }
 };
 
-const _hoisted_1 = {
+const _hoisted_1 = ["aria-modal"];
+const _hoisted_2 = {
   key: 0,
   class: "p-confirm-popup-content"
 };
-const _hoisted_2 = { class: "p-confirm-popup-message" };
-const _hoisted_3 = { class: "p-confirm-popup-footer" };
+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");
   const _component_Portal = resolveComponent("Portal");
+  const _directive_focustrap = resolveDirective("focustrap");
 
   return (openBlock(), createBlock(_component_Portal, null, {
     default: withCtx(() => [
@@ -240,40 +296,47 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       }, {
         default: withCtx(() => [
           ($data.visible)
-            ? (openBlock(), createElementBlock("div", mergeProps({
+            ? withDirectives((openBlock(), createElementBlock("div", mergeProps({
                 key: 0,
                 ref: $options.containerRef,
-                class: $options.containerClass
-              }, _ctx.$attrs, {
-                onClick: _cache[2] || (_cache[2] = (...args) => ($options.onOverlayClick && $options.onOverlayClick(...args)))
-              }), [
+                role: "alertdialog",
+                class: $options.containerClass,
+                "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.$slots.message)
-                  ? (openBlock(), createElementBlock("div", _hoisted_1, [
+                  ? (openBlock(), createElementBlock("div", _hoisted_2, [
                       createElementVNode("i", {
                         class: normalizeClass($options.iconClass)
                       }, null, 2),
-                      createElementVNode("span", _hoisted_2, toDisplayString($data.confirmation.message), 1)
+                      createElementVNode("span", _hoisted_3, toDisplayString($data.confirmation.message), 1)
                     ]))
                   : (openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.message), {
                       key: 1,
                       message: $data.confirmation
                     }, null, 8, ["message"])),
-                createElementVNode("div", _hoisted_3, [
+                createElementVNode("div", _hoisted_4, [
                   createVNode(_component_CPButton, {
                     label: $options.rejectLabel,
                     icon: $options.rejectIcon,
                     class: normalizeClass($options.rejectClass),
-                    onClick: _cache[0] || (_cache[0] = $event => ($options.reject()))
-                  }, null, 8, ["label", "icon", "class"]),
+                    onClick: _cache[0] || (_cache[0] = $event => ($options.reject())),
+                    onKeydown: $options.onRejectKeydown,
+                    autofocus: $options.autoFocusReject
+                  }, null, 8, ["label", "icon", "class", "onKeydown", "autofocus"]),
                   createVNode(_component_CPButton, {
                     label: $options.acceptLabel,
                     icon: $options.acceptIcon,
                     class: normalizeClass($options.acceptClass),
                     onClick: _cache[1] || (_cache[1] = $event => ($options.accept())),
-                    autofocus: ""
-                  }, null, 8, ["label", "icon", "class"])
+                    onKeydown: $options.onAcceptKeydown,
+                    autofocus: $options.autoFocusAccept
+                  }, null, 8, ["label", "icon", "class", "onKeydown", "autofocus"])
                 ])
-              ], 16))
+              ], 16, _hoisted_1)), [
+                [_directive_focustrap]
+              ])
             : createCommentVNode("", true)
         ]),
         _: 1

package/confirmpopup/confirmpopup.esm.min.js

@@ -1 +1 @@
-import e from"primevue/confirmationeventbus";import{ZIndexUtils as i,DomHandler as t,ConnectedOverlayScrollHandler as n}from"primevue/utils";import r from"primevue/overlayeventbus";import o from"primevue/button";import s from"primevue/portal";import{resolveComponent as c,openBlock as l,createBlock as a,withCtx as p,createVNode as u,Transition as f,createElementBlock as m,mergeProps as h,createElementVNode as d,normalizeClass as b,toDisplayString as v,resolveDynamicComponent as L,createCommentVNode as g}from"vue";var C={name:"ConfirmPopup",inheritAttrs:!1,props:{group:String},data:()=>({visible:!1,confirmation: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.visible=!0)},this.closeListener=()=>{this.visible=!1,this.confirmation=null},e.on("confirm",this.confirmListener),e.on("close",this.closeListener)},beforeUnmount(){e.off("confirm",this.confirmListener),e.off("close",this.closeListener),this.unbindOutsideClickListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.unbindResizeListener(),this.container&&(i.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},onEnter(e){this.bindOutsideClickListener(),this.bindScrollListener(),this.bindResizeListener(),i.set("overlay",e,this.$primevue.config.zIndex.overlay)},onLeave(){this.unbindOutsideClickListener(),this.unbindScrollListener(),this.unbindResizeListener()},onAfterLeave(e){i.clear(e)},alignOverlay(){t.absolutePosition(this.container,this.target);const e=t.getOffset(this.container),i=t.getOffset(this.target);let n=0;e.left<i.left&&(n=i.left-e.left),this.container.style.setProperty("--overlayArrowLeft",`${n}px`),e.top<i.top&&t.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.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 n(this.target,(()=>{this.visible&&(this.visible=!1)}))),this.scrollHandler.bindScrollListener()},unbindScrollListener(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.visible&&!t.isTouchDevice()&&(this.visible=!1)},window.addEventListener("resize",this.resizeListener))},unbindResizeListener(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},isTargetClicked(e){return this.target&&(this.target===e.target||this.target.contains(e.target))},containerRef(e){this.container=e},onOverlayClick(e){r.emit("overlay-click",{originalEvent:e,target: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:o,Portal:s}};const y={key:0,class:"p-confirm-popup-content"},k={class:"p-confirm-popup-message"},z={class:"p-confirm-popup-footer"};!function(e,i){void 0===i&&(i={});var t=i.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===t&&n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.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    -webkit-transform: scaleY(0.8);\n            transform: scaleY(0.8);\n}\n.p-confirm-popup-leave-to {\n    opacity: 0;\n}\n.p-confirm-popup-enter-active {\n    -webkit-transition: opacity 0.12s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.12s cubic-bezier(0, 0, 0.2, 1);\n    transition: opacity 0.12s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.12s cubic-bezier(0, 0, 0.2, 1);\n    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);\n    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.12s cubic-bezier(0, 0, 0.2, 1);\n}\n.p-confirm-popup-leave-active {\n    -webkit-transition: opacity 0.1s linear;\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: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n"),C.render=function(e,i,t,n,r,o){const s=c("CPButton"),C=c("Portal");return l(),a(C,null,{default:p((()=>[u(f,{name:"p-confirm-popup",onEnter:o.onEnter,onLeave:o.onLeave,onAfterLeave:o.onAfterLeave},{default:p((()=>[r.visible?(l(),m("div",h({key:0,ref:o.containerRef,class:o.containerClass},e.$attrs,{onClick:i[2]||(i[2]=(...e)=>o.onOverlayClick&&o.onOverlayClick(...e))}),[e.$slots.message?(l(),a(L(e.$slots.message),{key:1,message:r.confirmation},null,8,["message"])):(l(),m("div",y,[d("i",{class:b(o.iconClass)},null,2),d("span",k,v(r.confirmation.message),1)])),d("div",z,[u(s,{label:o.rejectLabel,icon:o.rejectIcon,class:b(o.rejectClass),onClick:i[0]||(i[0]=e=>o.reject())},null,8,["label","icon","class"]),u(s,{label:o.acceptLabel,icon:o.acceptIcon,class:b(o.acceptClass),onClick:i[1]||(i[1]=e=>o.accept()),autofocus:""},null,8,["label","icon","class"])])],16)):g("",!0)])),_:1},8,["onEnter","onLeave","onAfterLeave"])])),_:1})};export{C as default};
+import e from"primevue/button";import t from"primevue/confirmationeventbus";import i from"primevue/focustrap";import n from"primevue/overlayeventbus";import o from"primevue/portal";import{ZIndexUtils as r,DomHandler as s,ConnectedOverlayScrollHandler as c}from"primevue/utils";import{resolveComponent as a,resolveDirective as l,openBlock as p,createBlock as u,withCtx as f,createVNode as m,Transition as h,withDirectives as d,createElementBlock as b,mergeProps as v,createElementVNode as L,normalizeClass as g,toDisplayString as y,resolveDynamicComponent as C,createCommentVNode as k}from"vue";var w={name:"ConfirmPopup",inheritAttrs:!1,props:{group:String},data:()=>({visible:!1,confirmation: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&&(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(),s.focus(this.target),e.preventDefault())},onRejectKeydown(e){"Space"!==e.code&&"Enter"!==e.code||(this.reject(),s.focus(this.target),e.preventDefault())},onEnter(e){this.focus(),this.bindOutsideClickListener(),this.bindScrollListener(),this.bindResizeListener(),r.set("overlay",e,this.$primevue.config.zIndex.overlay)},onLeave(){this.unbindOutsideClickListener(),this.unbindScrollListener(),this.unbindResizeListener()},onAfterLeave(e){r.clear(e)},alignOverlay(){s.absolutePosition(this.container,this.target);const e=s.getOffset(this.container),t=s.getOffset(this.target);let i=0;e.left<t.left&&(i=t.left-e.left),this.container.style.setProperty("--overlayArrowLeft",`${i}px`),e.top<t.top&&s.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&&!s.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()},isTargetClicked(e){return this.target&&(this.target===e.target||this.target.contains(e.target))},containerRef(e){this.container=e},onOverlayClick(e){n.emit("overlay-click",{originalEvent:e,target:this.target})},onOverlayKeydown(e){"Escape"===e.code&&(t.emit("close",this.closeListener),s.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]},autoFocusAccept(){return void 0===this.confirmation.defaultFocus||"accept"===this.confirmation.defaultFocus},autoFocusReject(){return"reject"===this.confirmation.defaultFocus}},components:{CPButton:e,Portal:o},directives:{focustrap:i}};const z=["aria-modal"],j={key:0,class:"p-confirm-popup-content"},x={class:"p-confirm-popup-message"},O={class:"p-confirm-popup-footer"};!function(e,t){void 0===t&&(t={});var i=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===i&&n.firstChild?n.insertBefore(o,n.firstChild):n.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    -webkit-transform: scaleY(0.8);\n            transform: scaleY(0.8);\n}\n.p-confirm-popup-leave-to {\n    opacity: 0;\n}\n.p-confirm-popup-enter-active {\n    -webkit-transition: opacity 0.12s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.12s cubic-bezier(0, 0, 0.2, 1);\n    transition: opacity 0.12s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.12s cubic-bezier(0, 0, 0.2, 1);\n    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);\n    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.12s cubic-bezier(0, 0, 0.2, 1);\n}\n.p-confirm-popup-leave-active {\n    -webkit-transition: opacity 0.1s linear;\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: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n"),w.render=function(e,t,i,n,o,r){const s=a("CPButton"),c=a("Portal"),w=l("focustrap");return p(),u(c,null,{default:f((()=>[m(h,{name:"p-confirm-popup",onEnter:r.onEnter,onLeave:r.onLeave,onAfterLeave:r.onAfterLeave},{default:f((()=>[o.visible?d((p(),b("div",v({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?(p(),u(C(e.$slots.message),{key:1,message:o.confirmation},null,8,["message"])):(p(),b("div",j,[L("i",{class:g(r.iconClass)},null,2),L("span",x,y(o.confirmation.message),1)])),L("div",O,[m(s,{label:r.rejectLabel,icon:r.rejectIcon,class:g(r.rejectClass),onClick:t[0]||(t[0]=e=>r.reject()),onKeydown:r.onRejectKeydown,autofocus:r.autoFocusReject},null,8,["label","icon","class","onKeydown","autofocus"]),m(s,{label:r.acceptLabel,icon:r.acceptIcon,class:g(r.acceptClass),onClick:t[1]||(t[1]=e=>r.accept()),onKeydown:r.onAcceptKeydown,autofocus:r.autoFocusAccept},null,8,["label","icon","class","onKeydown","autofocus"])])],16,z)),[[w]]):k("",!0)])),_:1},8,["onEnter","onLeave","onAfterLeave"])])),_:1})};export{w as default};

package/confirmpopup/confirmpopup.js

@@ -1,12 +1,13 @@
 this.primevue = this.primevue || {};
-this.primevue.confirmpopup = (function (ConfirmationEventBus, utils, OverlayEventBus, Button, Portal, vue) {
+this.primevue.confirmpopup = (function (Button, ConfirmationEventBus, FocusTrap, OverlayEventBus, Portal, utils, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+    var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
     var ConfirmationEventBus__default = /*#__PURE__*/_interopDefaultLegacy(ConfirmationEventBus);
+    var FocusTrap__default = /*#__PURE__*/_interopDefaultLegacy(FocusTrap);
     var OverlayEventBus__default = /*#__PURE__*/_interopDefaultLegacy(OverlayEventBus);
-    var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
     var Portal__default = /*#__PURE__*/_interopDefaultLegacy(Portal);
 
     var script = {
@@ -37,6 +38,11 @@ this.primevue.confirmpopup = (function (ConfirmationEventBus, utils, OverlayEven
                 if (options.group === this.group) {
                     this.confirmation = options;
                     this.target = options.target;
+
+                    if (this.confirmation.onShow) {
+                        this.confirmation.onShow();
+                    }
+
                     this.visible = true;
                 }
             };
@@ -85,7 +91,29 @@ this.primevue.confirmpopup = (function (ConfirmationEventBus, utils, OverlayEven
 
                 this.visible = false;
             },
+            onHide() {
+                if (this.confirmation.onHide) {
+                    this.confirmation.onHide();
+                }
+
+                this.visible = false;
+            },
+            onAcceptKeydown(event) {
+                if (event.code === 'Space' || event.code === 'Enter') {
+                    this.accept();
+                    utils.DomHandler.focus(this.target);
+                    event.preventDefault();
+                }
+            },
+            onRejectKeydown(event) {
+                if (event.code === 'Space' || event.code === 'Enter') {
+                    this.reject();
+                    utils.DomHandler.focus(this.target);
+                    event.preventDefault();
+                }
+            },
             onEnter(el) {
+                this.focus();
                 this.bindOutsideClickListener();
                 this.bindScrollListener();
                 this.bindResizeListener();
@@ -121,6 +149,10 @@ this.primevue.confirmpopup = (function (ConfirmationEventBus, utils, OverlayEven
                 if (!this.outsideClickListener) {
                     this.outsideClickListener = (event) => {
                         if (this.visible && this.container && !this.container.contains(event.target) && !this.isTargetClicked(event)) {
+                            if (this.confirmation.onHide) {
+                                this.confirmation.onHide();
+                            }
+
                             this.visible = false;
                         } else {
                             this.alignOverlay();
@@ -169,6 +201,13 @@ this.primevue.confirmpopup = (function (ConfirmationEventBus, utils, OverlayEven
                     this.resizeListener = null;
                 }
             },
+            focus() {
+                let focusTarget = this.container.querySelector('[autofocus]');
+
+                if (focusTarget) {
+                    focusTarget.focus();
+                }
+            },
             isTargetClicked(event) {
                 return this.target && (this.target === event.target || this.target.contains(event.target));
             },
@@ -180,6 +219,12 @@ this.primevue.confirmpopup = (function (ConfirmationEventBus, utils, OverlayEven
                     originalEvent: event,
                     target: this.target
                 });
+            },
+            onOverlayKeydown(event) {
+                if (event.code === 'Escape') {
+                    ConfirmationEventBus__default["default"].emit('close', this.closeListener);
+                    utils.DomHandler.focus(this.target);
+                }
             }
         },
         computed: {
@@ -215,24 +260,35 @@ this.primevue.confirmpopup = (function (ConfirmationEventBus, utils, OverlayEven
             },
             rejectClass() {
                 return ['p-confirm-popup-reject p-button-sm', this.confirmation ? this.confirmation.rejectClass || 'p-button-text' : null];
+            },
+            autoFocusAccept() {
+                return this.confirmation.defaultFocus === undefined || this.confirmation.defaultFocus === 'accept' ? true : false;
+            },
+            autoFocusReject() {
+                return this.confirmation.defaultFocus === 'reject' ? true : false;
             }
         },
         components: {
             CPButton: Button__default["default"],
             Portal: Portal__default["default"]
+        },
+        directives: {
+            focustrap: FocusTrap__default["default"]
         }
     };
 
-    const _hoisted_1 = {
+    const _hoisted_1 = ["aria-modal"];
+    const _hoisted_2 = {
       key: 0,
       class: "p-confirm-popup-content"
     };
-    const _hoisted_2 = { class: "p-confirm-popup-message" };
-    const _hoisted_3 = { class: "p-confirm-popup-footer" };
+    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");
       const _component_Portal = vue.resolveComponent("Portal");
+      const _directive_focustrap = vue.resolveDirective("focustrap");
 
       return (vue.openBlock(), vue.createBlock(_component_Portal, null, {
         default: vue.withCtx(() => [
@@ -244,40 +300,47 @@ this.primevue.confirmpopup = (function (ConfirmationEventBus, utils, OverlayEven
           }, {
             default: vue.withCtx(() => [
               ($data.visible)
-                ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+                ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
                     key: 0,
                     ref: $options.containerRef,
-                    class: $options.containerClass
-                  }, _ctx.$attrs, {
-                    onClick: _cache[2] || (_cache[2] = (...args) => ($options.onOverlayClick && $options.onOverlayClick(...args)))
-                  }), [
+                    role: "alertdialog",
+                    class: $options.containerClass,
+                    "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.$slots.message)
-                      ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+                      ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
                           vue.createElementVNode("i", {
                             class: vue.normalizeClass($options.iconClass)
                           }, null, 2),
-                          vue.createElementVNode("span", _hoisted_2, vue.toDisplayString($data.confirmation.message), 1)
+                          vue.createElementVNode("span", _hoisted_3, vue.toDisplayString($data.confirmation.message), 1)
                         ]))
                       : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$slots.message), {
                           key: 1,
                           message: $data.confirmation
                         }, null, 8, ["message"])),
-                    vue.createElementVNode("div", _hoisted_3, [
+                    vue.createElementVNode("div", _hoisted_4, [
                       vue.createVNode(_component_CPButton, {
                         label: $options.rejectLabel,
                         icon: $options.rejectIcon,
                         class: vue.normalizeClass($options.rejectClass),
-                        onClick: _cache[0] || (_cache[0] = $event => ($options.reject()))
-                      }, null, 8, ["label", "icon", "class"]),
+                        onClick: _cache[0] || (_cache[0] = $event => ($options.reject())),
+                        onKeydown: $options.onRejectKeydown,
+                        autofocus: $options.autoFocusReject
+                      }, null, 8, ["label", "icon", "class", "onKeydown", "autofocus"]),
                       vue.createVNode(_component_CPButton, {
                         label: $options.acceptLabel,
                         icon: $options.acceptIcon,
                         class: vue.normalizeClass($options.acceptClass),
                         onClick: _cache[1] || (_cache[1] = $event => ($options.accept())),
-                        autofocus: ""
-                      }, null, 8, ["label", "icon", "class"])
+                        onKeydown: $options.onAcceptKeydown,
+                        autofocus: $options.autoFocusAccept
+                      }, null, 8, ["label", "icon", "class", "onKeydown", "autofocus"])
                     ])
-                  ], 16))
+                  ], 16, _hoisted_1)), [
+                    [_directive_focustrap]
+                  ])
                 : vue.createCommentVNode("", true)
             ]),
             _: 1
@@ -321,4 +384,4 @@ this.primevue.confirmpopup = (function (ConfirmationEventBus, utils, OverlayEven
 
     return script;
 
-})(primevue.confirmationeventbus, primevue.utils, primevue.overlayeventbus, primevue.button, primevue.portal, Vue);
+})(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){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=s(e),c=s(n),a=s(i),p=s(o),u={name:"ConfirmPopup",inheritAttrs:!1,props:{group:String},data:()=>({visible:!1,confirmation: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.visible=!0)},this.closeListener=()=>{this.visible=!1,this.confirmation=null},l.default.on("confirm",this.confirmListener),l.default.on("close",this.closeListener)},beforeUnmount(){l.default.off("confirm",this.confirmListener),l.default.off("close",this.closeListener),this.unbindOutsideClickListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.unbindResizeListener(),this.container&&(t.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},onEnter(e){this.bindOutsideClickListener(),this.bindScrollListener(),this.bindResizeListener(),t.ZIndexUtils.set("overlay",e,this.$primevue.config.zIndex.overlay)},onLeave(){this.unbindOutsideClickListener(),this.unbindScrollListener(),this.unbindResizeListener()},onAfterLeave(e){t.ZIndexUtils.clear(e)},alignOverlay(){t.DomHandler.absolutePosition(this.container,this.target);const e=t.DomHandler.getOffset(this.container),n=t.DomHandler.getOffset(this.target);let i=0;e.left<n.left&&(i=n.left-e.left),this.container.style.setProperty("--overlayArrowLeft",`${i}px`),e.top<n.top&&t.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.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 t.ConnectedOverlayScrollHandler(this.target,(()=>{this.visible&&(this.visible=!1)}))),this.scrollHandler.bindScrollListener()},unbindScrollListener(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.visible&&!t.DomHandler.isTouchDevice()&&(this.visible=!1)},window.addEventListener("resize",this.resizeListener))},unbindResizeListener(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},isTargetClicked(e){return this.target&&(this.target===e.target||this.target.contains(e.target))},containerRef(e){this.container=e},onOverlayClick(e){c.default.emit("overlay-click",{originalEvent:e,target: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:a.default,Portal:p.default}};const m={key:0,class:"p-confirm-popup-content"},f={class:"p-confirm-popup-message"},d={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    -webkit-transform: scaleY(0.8);\n            transform: scaleY(0.8);\n}\n.p-confirm-popup-leave-to {\n    opacity: 0;\n}\n.p-confirm-popup-enter-active {\n    -webkit-transition: opacity 0.12s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.12s cubic-bezier(0, 0, 0.2, 1);\n    transition: opacity 0.12s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.12s cubic-bezier(0, 0, 0.2, 1);\n    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);\n    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.12s cubic-bezier(0, 0, 0.2, 1);\n}\n.p-confirm-popup-leave-active {\n    -webkit-transition: opacity 0.1s linear;\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: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n"),u.render=function(e,t,n,i,o,s){const l=r.resolveComponent("CPButton"),c=r.resolveComponent("Portal");return r.openBlock(),r.createBlock(c,null,{default:r.withCtx((()=>[r.createVNode(r.Transition,{name:"p-confirm-popup",onEnter:s.onEnter,onLeave:s.onLeave,onAfterLeave:s.onAfterLeave},{default:r.withCtx((()=>[o.visible?(r.openBlock(),r.createElementBlock("div",r.mergeProps({key:0,ref:s.containerRef,class:s.containerClass},e.$attrs,{onClick:t[2]||(t[2]=(...e)=>s.onOverlayClick&&s.onOverlayClick(...e))}),[e.$slots.message?(r.openBlock(),r.createBlock(r.resolveDynamicComponent(e.$slots.message),{key:1,message:o.confirmation},null,8,["message"])):(r.openBlock(),r.createElementBlock("div",m,[r.createElementVNode("i",{class:r.normalizeClass(s.iconClass)},null,2),r.createElementVNode("span",f,r.toDisplayString(o.confirmation.message),1)])),r.createElementVNode("div",d,[r.createVNode(l,{label:s.rejectLabel,icon:s.rejectIcon,class:r.normalizeClass(s.rejectClass),onClick:t[0]||(t[0]=e=>s.reject())},null,8,["label","icon","class"]),r.createVNode(l,{label:s.acceptLabel,icon:s.acceptIcon,class:r.normalizeClass(s.acceptClass),onClick:t[1]||(t[1]=e=>s.accept()),autofocus:""},null,8,["label","icon","class"])])],16)):r.createCommentVNode("",!0)])),_:1},8,["onEnter","onLeave","onAfterLeave"])])),_:1})},u}(primevue.confirmationeventbus,primevue.utils,primevue.overlayeventbus,primevue.button,primevue.portal,Vue);
+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}),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.focus(),this.bindOutsideClickListener(),this.bindScrollListener(),this.bindResizeListener(),r.ZIndexUtils.set("overlay",e,this.$primevue.config.zIndex.overlay)},onLeave(){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()},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]},autoFocusAccept(){return void 0===this.confirmation.defaultFocus||"accept"===this.confirmation.defaultFocus},autoFocusReject(){return"reject"===this.confirmation.defaultFocus}},components:{CPButton:l.default,Portal:f.default},directives:{focustrap:p.default}};const d=["aria-modal"],h={key:0,class:"p-confirm-popup-content"},b={class:"p-confirm-popup-message"},v={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    -webkit-transform: scaleY(0.8);\n            transform: scaleY(0.8);\n}\n.p-confirm-popup-leave-to {\n    opacity: 0;\n}\n.p-confirm-popup-enter-active {\n    -webkit-transition: opacity 0.12s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.12s cubic-bezier(0, 0, 0.2, 1);\n    transition: opacity 0.12s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.12s cubic-bezier(0, 0, 0.2, 1);\n    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);\n    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.12s cubic-bezier(0, 0, 0.2, 1);\n}\n.p-confirm-popup-leave-active {\n    -webkit-transition: opacity 0.1s linear;\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: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\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,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.createElementVNode("i",{class:s.normalizeClass(r.iconClass)},null,2),s.createElementVNode("span",b,s.toDisplayString(o.confirmation.message),1)])),s.createElementVNode("div",v,[s.createVNode(c,{label:r.rejectLabel,icon:r.rejectIcon,class:s.normalizeClass(r.rejectClass),onClick:t[0]||(t[0]=e=>r.reject()),onKeydown:r.onRejectKeydown,autofocus:r.autoFocusReject},null,8,["label","icon","class","onKeydown","autofocus"]),s.createVNode(c,{label:r.acceptLabel,icon:r.acceptIcon,class:s.normalizeClass(r.acceptClass),onClick:t[1]||(t[1]=e=>r.accept()),onKeydown:r.onAcceptKeydown,autofocus:r.autoFocusAccept},null,8,["label","icon","class","onKeydown","autofocus"])])],16,d)),[[a]]):s.createCommentVNode("",!0)])),_:1},8,["onEnter","onLeave","onAfterLeave"])])),_:1})},m}(primevue.button,primevue.confirmationeventbus,primevue.focustrap,primevue.overlayeventbus,primevue.portal,primevue.utils,Vue);