primevue 3.34.0 → 3.35.0

package/confirmpopup/ConfirmPopup.vue

@@ -2,32 +2,53 @@
     <Portal>
         <transition name="p-confirm-popup" @enter="onEnter" @after-enter="onAfterEnter" @leave="onLeave" @after-leave="onAfterLeave" v-bind="ptm('transition')">
             <div v-if="visible" :ref="containerRef" v-focustrap role="alertdialog" :class="cx('root')" :aria-modal="visible" @click="onOverlayClick" @keydown="onOverlayKeydown" v-bind="{ ...$attrs, ...ptm('root') }">
-                <template v-if="!$slots.message">
-                    <div :class="cx('content')" v-bind="ptm('content')">
-                        <slot name="icon">
-                            <component v-if="$slots.icon" :is="$slots.icon" :class="cx('icon')" />
-                            <span v-else-if="confirmation.icon" :class="cx('icon')" v-bind="ptm('icon')" />
-                        </slot>
-                        <span :class="cx('message')" v-bind="ptm('message')">{{ confirmation.message }}</span>
+                <slot v-if="$slots.container" name="container" :message="confirmation" :onAccept="accept" :onReject="reject"></slot>
+                <template v-else>
+                    <template v-if="!$slots.message">
+                        <div :class="cx('content')" v-bind="ptm('content')">
+                            <slot name="icon">
+                                <component v-if="$slots.icon" :is="$slots.icon" :class="cx('icon')" />
+                                <span v-else-if="confirmation.icon" :class="cx('icon')" v-bind="ptm('icon')" />
+                            </slot>
+                            <span :class="cx('message')" v-bind="ptm('message')">{{ confirmation.message }}</span>
+                        </div>
+                    </template>
+                    <component v-else :is="$slots.message" :message="confirmation"></component>
+                    <div :class="cx('footer')" v-bind="ptm('footer')">
+                        <CPButton
+                            :label="rejectLabel"
+                            @click="reject()"
+                            @keydown="onRejectKeydown"
+                            :autofocus="autoFocusReject"
+                            :class="[cx('rejectButton'), confirmation.rejectClass]"
+                            :unstyled="unstyled"
+                            :pt="ptm('rejectButton')"
+                            data-pc-name="rejectbutton"
+                        >
+                            <template v-if="rejectIcon || $slots.rejecticon" #icon="iconProps">
+                                <slot name="rejecticon">
+                                    <span :class="[rejectIcon, iconProps.class]" v-bind="ptm('rejectButton')['icon']" data-pc-name="rejectbuttonicon" />
+                                </slot>
+                            </template>
+                        </CPButton>
+                        <CPButton
+                            :label="acceptLabel"
+                            @click="accept()"
+                            @keydown="onAcceptKeydown"
+                            :autofocus="autoFocusAccept"
+                            :class="[cx('acceptButton'), confirmation.acceptClass]"
+                            :unstyled="unstyled"
+                            :pt="ptm('acceptButton')"
+                            data-pc-name="acceptbutton"
+                        >
+                            <template v-if="acceptIcon || $slots.accepticon" #icon="iconProps">
+                                <slot name="accepticon">
+                                    <span :class="[acceptIcon, iconProps.class]" v-bind="ptm('acceptButton')['icon']" data-pc-name="acceptbuttonicon" />
+                                </slot>
+                            </template>
+                        </CPButton>
                     </div>
                 </template>
-                <component v-else :is="$slots.message" :message="confirmation"></component>
-                <div :class="cx('footer')" v-bind="ptm('footer')">
-                    <CPButton :label="rejectLabel" @click="reject()" @keydown="onRejectKeydown" :autofocus="autoFocusReject" :class="cx('rejectButton')" :unstyled="unstyled" :pt="ptm('rejectButton')" data-pc-name="rejectbutton">
-                        <template v-if="rejectIcon || $slots.rejecticon" #icon="iconProps">
-                            <slot name="rejecticon">
-                                <span :class="[rejectIcon, iconProps.class]" v-bind="ptm('rejectButton')['icon']" data-pc-name="rejectbuttonicon" />
-                            </slot>
-                        </template>
-                    </CPButton>
-                    <CPButton :label="acceptLabel" @click="accept()" @keydown="onAcceptKeydown" :autofocus="autoFocusAccept" :class="cx('acceptButton')" :unstyled="unstyled" :pt="ptm('acceptButton')" data-pc-name="acceptbutton">
-                        <template v-if="acceptIcon || $slots.accepticon" #icon="iconProps">
-                            <slot name="accepticon">
-                                <span :class="[acceptIcon, iconProps.class]" v-bind="ptm('acceptButton')['icon']" data-pc-name="acceptbuttonicon" />
-                            </slot>
-                        </template>
-                    </CPButton>
-                </div>
             </div>
         </transition>
     </Portal>

package/confirmpopup/confirmpopup.cjs.js

@@ -19,7 +19,7 @@ var OverlayEventBus__default = /*#__PURE__*/_interopDefaultLegacy(OverlayEventBu
 var Portal__default = /*#__PURE__*/_interopDefaultLegacy(Portal);
 var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 
-var styles = "\n.p-confirm-popup {\n    position: absolute;\n    margin-top: 10px;\n    top: 0;\n    left: 0;\n}\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\n.p-confirm-popup-leave-to {\n    opacity: 0;\n}\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\n.p-confirm-popup-leave-active {\n    transition: opacity 0.1s linear;\n}\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\n.p-confirm-popup:after {\n    border-width: 8px;\n    margin-left: -8px;\n}\n\n.p-confirm-popup:before {\n    border-width: 10px;\n    margin-left: -10px;\n}\n\n.p-confirm-popup-flipped:after,\n.p-confirm-popup-flipped:before {\n    bottom: auto;\n    top: 100%;\n}\n\n.p-confirm-popup.p-confirm-popup-flipped:after {\n    border-bottom-color: transparent;\n}\n\n.p-confirm-popup.p-confirm-popup-flipped:before {\n    border-bottom-color: transparent;\n}\n\n.p-confirm-popup .p-confirm-popup-content {\n    display: flex;\n    align-items: center;\n}\n";
+var styles = "\n@layer primevue {\n    .p-confirm-popup {\n        position: absolute;\n        margin-top: 10px;\n        top: 0;\n        left: 0;\n    }\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    \n    .p-confirm-popup-leave-to {\n        opacity: 0;\n    }\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    \n    .p-confirm-popup-leave-active {\n        transition: opacity 0.1s linear;\n    }\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    \n    .p-confirm-popup:after {\n        border-width: 8px;\n        margin-left: -8px;\n    }\n    \n    .p-confirm-popup:before {\n        border-width: 10px;\n        margin-left: -10px;\n    }\n    \n    .p-confirm-popup-flipped:after,\n    .p-confirm-popup-flipped:before {\n        bottom: auto;\n        top: 100%;\n    }\n    \n    .p-confirm-popup.p-confirm-popup-flipped:after {\n        border-bottom-color: transparent;\n    }\n    \n    .p-confirm-popup.p-confirm-popup-flipped:before {\n        border-bottom-color: transparent;\n    }\n    \n    .p-confirm-popup .p-confirm-popup-content {\n        display: flex;\n        align-items: center;\n    }\n}\n";
 var classes = {
   root: function root(_ref) {
     var instance = _ref.instance;
@@ -37,12 +37,9 @@ var classes = {
   footer: 'p-confirm-popup-footer',
   rejectButton: function rejectButton(_ref3) {
     var instance = _ref3.instance;
-    return ['p-confirm-dialog-reject', instance.confirmation ? instance.confirmation.rejectClass || 'p-button-text' : null];
+    return ['p-confirm-dialog-reject', instance.confirmation && !instance.confirmation.rejectClass ? 'p-button-text' : null];
   },
-  acceptButton: function acceptButton(_ref4) {
-    var instance = _ref4.instance;
-    return ['p-confirm-dialog-accept', instance.confirmation ? instance.confirmation.acceptClass : null];
-  }
+  acceptButton: 'p-confirm-dialog-accept'
 };
 var _useStyle = usestyle.useStyle(styles, {
     name: 'confirmpopup',
@@ -340,7 +337,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             onKeydown: _cache[3] || (_cache[3] = function () {
               return $options.onOverlayKeydown && $options.onOverlayKeydown.apply($options, arguments);
             })
-          }, _objectSpread(_objectSpread({}, _ctx.$attrs), _ctx.ptm('root'))), [!_ctx.$slots.message ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+          }, _objectSpread(_objectSpread({}, _ctx.$attrs), _ctx.ptm('root'))), [_ctx.$slots.container ? vue.renderSlot(_ctx.$slots, "container", {
+            key: 0,
+            message: $data.confirmation,
+            onAccept: $options.accept,
+            onReject: $options.reject
+          }) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+            key: 1
+          }, [!_ctx.$slots.message ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
             key: 0,
             "class": _ctx.cx('content')
           }, _ctx.ptm('content')), [vue.renderSlot(_ctx.$slots, "icon", {}, function () {
@@ -365,7 +369,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             }),
             onKeydown: $options.onRejectKeydown,
             autofocus: $data.autoFocusReject,
-            "class": vue.normalizeClass(_ctx.cx('rejectButton')),
+            "class": vue.normalizeClass([_ctx.cx('rejectButton'), $data.confirmation.rejectClass]),
             unstyled: _ctx.unstyled,
             pt: _ctx.ptm('rejectButton'),
             "data-pc-name": "rejectbutton"
@@ -390,7 +394,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             }),
             onKeydown: $options.onAcceptKeydown,
             autofocus: $data.autoFocusAccept,
-            "class": vue.normalizeClass(_ctx.cx('acceptButton')),
+            "class": vue.normalizeClass([_ctx.cx('acceptButton'), $data.confirmation.acceptClass]),
             unstyled: _ctx.unstyled,
             pt: _ctx.ptm('acceptButton'),
             "data-pc-name": "acceptbutton"
@@ -408,7 +412,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               })];
             }),
             key: "0"
-          } : undefined]), 1032, ["label", "onKeydown", "autofocus", "class", "unstyled", "pt"])], 16)], 16, _hoisted_1)), [[_directive_focustrap]]) : vue.createCommentVNode("", true)];
+          } : undefined]), 1032, ["label", "onKeydown", "autofocus", "class", "unstyled", "pt"])], 16)], 64))], 16, _hoisted_1)), [[_directive_focustrap]]) : vue.createCommentVNode("", true)];
         }),
         _: 3
       }, 16, ["onEnter", "onAfterEnter", "onLeave", "onAfterLeave"])];

package/confirmpopup/confirmpopup.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/button"),n=require("primevue/confirmationeventbus"),t=require("primevue/focustrap"),o=require("primevue/overlayeventbus"),i=require("primevue/portal"),r=require("primevue/utils"),c=require("primevue/basecomponent"),s=require("primevue/usestyle"),a=require("vue");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=l(e),p=l(n),f=l(t),m=l(o),d=l(i),h=l(c),v=s.useStyle("\n.p-confirm-popup {\n    position: absolute;\n    margin-top: 10px;\n    top: 0;\n    left: 0;\n}\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\n.p-confirm-popup-leave-to {\n    opacity: 0;\n}\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\n.p-confirm-popup-leave-active {\n    transition: opacity 0.1s linear;\n}\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\n.p-confirm-popup:after {\n    border-width: 8px;\n    margin-left: -8px;\n}\n\n.p-confirm-popup:before {\n    border-width: 10px;\n    margin-left: -10px;\n}\n\n.p-confirm-popup-flipped:after,\n.p-confirm-popup-flipped:before {\n    bottom: auto;\n    top: 100%;\n}\n\n.p-confirm-popup.p-confirm-popup-flipped:after {\n    border-bottom-color: transparent;\n}\n\n.p-confirm-popup.p-confirm-popup-flipped:before {\n    border-bottom-color: transparent;\n}\n\n.p-confirm-popup .p-confirm-popup-content {\n    display: flex;\n    align-items: center;\n}\n",{name:"confirmpopup",manual:!0}),b={name:"ConfirmPopup",extends:{name:"BaseConfirmPopup",extends:h.default,props:{group:String},css:{classes:{root:function(e){var n=e.instance;return["p-confirm-popup p-component",{"p-input-filled":"filled"===n.$primevue.config.inputStyle,"p-ripple-disabled":!1===n.$primevue.config.ripple}]},content:"p-confirm-popup-content",icon:function(e){var n=e.instance;return["p-confirm-popup-icon",n.confirmation?n.confirmation.icon:null]},message:"p-confirm-popup-message",footer:"p-confirm-popup-footer",rejectButton:function(e){var n=e.instance;return["p-confirm-dialog-reject",n.confirmation?n.confirmation.rejectClass||"p-button-text":null]},acceptButton:function(e){var n=e.instance;return["p-confirm-dialog-accept",n.confirmation?n.confirmation.acceptClass:null]}},loadStyle:v.load},provide:function(){return{$parentInstance:this}}},inheritAttrs:!1,data:function(){return{visible:!1,confirmation:null,autoFocusAccept:null,autoFocusReject:null}},target:null,outsideClickListener:null,scrollHandler:null,resizeListener:null,container:null,confirmListener:null,closeListener:null,mounted:function(){var e=this;this.confirmListener=function(n){n&&n.group===e.group&&(e.confirmation=n,e.target=n.target,e.confirmation.onShow&&e.confirmation.onShow(),e.visible=!0)},this.closeListener=function(){e.visible=!1,e.confirmation=null},p.default.on("confirm",this.confirmListener),p.default.on("close",this.closeListener)},beforeUnmount:function(){p.default.off("confirm",this.confirmListener),p.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:function(){this.confirmation.accept&&this.confirmation.accept(),this.visible=!1},reject:function(){this.confirmation.reject&&this.confirmation.reject(),this.visible=!1},onHide:function(){this.confirmation.onHide&&this.confirmation.onHide(),this.visible=!1},onAcceptKeydown:function(e){"Space"!==e.code&&"Enter"!==e.code||(this.accept(),r.DomHandler.focus(this.target),e.preventDefault())},onRejectKeydown:function(e){"Space"!==e.code&&"Enter"!==e.code||(this.reject(),r.DomHandler.focus(this.target),e.preventDefault())},onEnter:function(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:function(){this.focus()},onLeave:function(){this.autoFocusAccept=null,this.autoFocusReject=null,this.unbindOutsideClickListener(),this.unbindScrollListener(),this.unbindResizeListener()},onAfterLeave:function(e){r.ZIndexUtils.clear(e)},alignOverlay:function(){r.DomHandler.absolutePosition(this.container,this.target);var e=r.DomHandler.getOffset(this.container),n=r.DomHandler.getOffset(this.target),t=0;e.left<n.left&&(t=n.left-e.left),this.container.style.setProperty("--overlayArrowLeft","".concat(t,"px")),e.top<n.top&&(this.container.setAttribute("data-p-confirm-popup-flipped","true"),!this.isUnstyled&&r.DomHandler.addClass(this.container,"p-confirm-popup-flipped"))},bindOutsideClickListener:function(){var e=this;this.outsideClickListener||(this.outsideClickListener=function(n){e.visible&&e.container&&!e.container.contains(n.target)&&!e.isTargetClicked(n)?(e.confirmation.onHide&&e.confirmation.onHide(),e.visible=!1):e.alignOverlay()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener:function(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindScrollListener:function(){var e=this;this.scrollHandler||(this.scrollHandler=new r.ConnectedOverlayScrollHandler(this.target,(function(){e.visible&&(e.visible=!1)}))),this.scrollHandler.bindScrollListener()},unbindScrollListener:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.visible&&!r.DomHandler.isTouchDevice()&&(e.visible=!1)},window.addEventListener("resize",this.resizeListener))},unbindResizeListener:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},focus:function(){var e=this.container.querySelector("[autofocus]");e&&e.focus({preventScroll:!0})},isTargetClicked:function(e){return this.target&&(this.target===e.target||this.target.contains(e.target))},containerRef:function(e){this.container=e},onOverlayClick:function(e){m.default.emit("overlay-click",{originalEvent:e,target:this.target})},onOverlayKeydown:function(e){"Escape"===e.code&&(p.default.emit("close",this.closeListener),r.DomHandler.focus(this.target))},getCXOptions:function(e,n){return{contenxt:{icon:e,iconClass:n.class}}}},computed:{message:function(){return this.confirmation?this.confirmation.message:null},acceptLabel:function(){return this.confirmation?this.confirmation.acceptLabel||this.$primevue.config.locale.accept:null},rejectLabel:function(){return this.confirmation?this.confirmation.rejectLabel||this.$primevue.config.locale.reject:null},acceptIcon:function(){return this.confirmation?this.confirmation.acceptIcon:null},rejectIcon:function(){return this.confirmation?this.confirmation.rejectIcon:null}},components:{CPButton:u.default,Portal:d.default},directives:{focustrap:f.default}};function y(e){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},y(e)}function g(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function L(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?g(Object(t),!0).forEach((function(n){j(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):g(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function j(e,n,t){return(n=k(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function k(e){var n=C(e,"string");return"symbol"===y(n)?n:String(n)}function C(e,n){if("object"!==y(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var o=t.call(e,n||"default");if("object"!==y(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}var w=["aria-modal"];b.render=function(e,n,t,o,i,r){var c=a.resolveComponent("CPButton"),s=a.resolveComponent("Portal"),l=a.resolveDirective("focustrap");return a.openBlock(),a.createBlock(s,null,{default:a.withCtx((function(){return[a.createVNode(a.Transition,a.mergeProps({name:"p-confirm-popup",onEnter:r.onEnter,onAfterEnter:r.onAfterEnter,onLeave:r.onLeave,onAfterLeave:r.onAfterLeave},e.ptm("transition")),{default:a.withCtx((function(){return[i.visible?a.withDirectives((a.openBlock(),a.createElementBlock("div",a.mergeProps({key:0,ref:r.containerRef,role:"alertdialog",class:e.cx("root"),"aria-modal":i.visible,onClick:n[2]||(n[2]=function(){return r.onOverlayClick&&r.onOverlayClick.apply(r,arguments)}),onKeydown:n[3]||(n[3]=function(){return r.onOverlayKeydown&&r.onOverlayKeydown.apply(r,arguments)})},L(L({},e.$attrs),e.ptm("root"))),[e.$slots.message?(a.openBlock(),a.createBlock(a.resolveDynamicComponent(e.$slots.message),{key:1,message:i.confirmation},null,8,["message"])):(a.openBlock(),a.createElementBlock("div",a.mergeProps({key:0,class:e.cx("content")},e.ptm("content")),[a.renderSlot(e.$slots,"icon",{},(function(){return[e.$slots.icon?(a.openBlock(),a.createBlock(a.resolveDynamicComponent(e.$slots.icon),{key:0,class:a.normalizeClass(e.cx("icon"))},null,8,["class"])):i.confirmation.icon?(a.openBlock(),a.createElementBlock("span",a.mergeProps({key:1,class:e.cx("icon")},e.ptm("icon")),null,16)):a.createCommentVNode("",!0)]})),a.createElementVNode("span",a.mergeProps({class:e.cx("message")},e.ptm("message")),a.toDisplayString(i.confirmation.message),17)],16)),a.createElementVNode("div",a.mergeProps({class:e.cx("footer")},e.ptm("footer")),[a.createVNode(c,{label:r.rejectLabel,onClick:n[0]||(n[0]=function(e){return r.reject()}),onKeydown:r.onRejectKeydown,autofocus:i.autoFocusReject,class:a.normalizeClass(e.cx("rejectButton")),unstyled:e.unstyled,pt:e.ptm("rejectButton"),"data-pc-name":"rejectbutton"},a.createSlots({_:2},[r.rejectIcon||e.$slots.rejecticon?{name:"icon",fn:a.withCtx((function(n){return[a.renderSlot(e.$slots,"rejecticon",{},(function(){return[a.createElementVNode("span",a.mergeProps({class:[r.rejectIcon,n.class]},e.ptm("rejectButton").icon,{"data-pc-name":"rejectbuttonicon"}),null,16)]}))]})),key:"0"}:void 0]),1032,["label","onKeydown","autofocus","class","unstyled","pt"]),a.createVNode(c,{label:r.acceptLabel,onClick:n[1]||(n[1]=function(e){return r.accept()}),onKeydown:r.onAcceptKeydown,autofocus:i.autoFocusAccept,class:a.normalizeClass(e.cx("acceptButton")),unstyled:e.unstyled,pt:e.ptm("acceptButton"),"data-pc-name":"acceptbutton"},a.createSlots({_:2},[r.acceptIcon||e.$slots.accepticon?{name:"icon",fn:a.withCtx((function(n){return[a.renderSlot(e.$slots,"accepticon",{},(function(){return[a.createElementVNode("span",a.mergeProps({class:[r.acceptIcon,n.class]},e.ptm("acceptButton").icon,{"data-pc-name":"acceptbuttonicon"}),null,16)]}))]})),key:"0"}:void 0]),1032,["label","onKeydown","autofocus","class","unstyled","pt"])],16)],16,w)),[[l]]):a.createCommentVNode("",!0)]})),_:3},16,["onEnter","onAfterEnter","onLeave","onAfterLeave"])]})),_:3})},module.exports=b;
+"use strict";var e=require("primevue/button"),t=require("primevue/confirmationeventbus"),n=require("primevue/focustrap"),o=require("primevue/overlayeventbus"),i=require("primevue/portal"),r=require("primevue/utils"),c=require("primevue/basecomponent"),s=require("primevue/usestyle"),a=require("vue");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=l(e),p=l(t),f=l(n),m=l(o),d=l(i),h=l(c),v=s.useStyle("\n@layer primevue {\n    .p-confirm-popup {\n        position: absolute;\n        margin-top: 10px;\n        top: 0;\n        left: 0;\n    }\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    \n    .p-confirm-popup-leave-to {\n        opacity: 0;\n    }\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    \n    .p-confirm-popup-leave-active {\n        transition: opacity 0.1s linear;\n    }\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    \n    .p-confirm-popup:after {\n        border-width: 8px;\n        margin-left: -8px;\n    }\n    \n    .p-confirm-popup:before {\n        border-width: 10px;\n        margin-left: -10px;\n    }\n    \n    .p-confirm-popup-flipped:after,\n    .p-confirm-popup-flipped:before {\n        bottom: auto;\n        top: 100%;\n    }\n    \n    .p-confirm-popup.p-confirm-popup-flipped:after {\n        border-bottom-color: transparent;\n    }\n    \n    .p-confirm-popup.p-confirm-popup-flipped:before {\n        border-bottom-color: transparent;\n    }\n    \n    .p-confirm-popup .p-confirm-popup-content {\n        display: flex;\n        align-items: center;\n    }\n}\n",{name:"confirmpopup",manual:!0}),b={name:"ConfirmPopup",extends:{name:"BaseConfirmPopup",extends:h.default,props:{group:String},css:{classes:{root:function(e){var t=e.instance;return["p-confirm-popup p-component",{"p-input-filled":"filled"===t.$primevue.config.inputStyle,"p-ripple-disabled":!1===t.$primevue.config.ripple}]},content:"p-confirm-popup-content",icon:function(e){var t=e.instance;return["p-confirm-popup-icon",t.confirmation?t.confirmation.icon:null]},message:"p-confirm-popup-message",footer:"p-confirm-popup-footer",rejectButton:function(e){var t=e.instance;return["p-confirm-dialog-reject",t.confirmation&&!t.confirmation.rejectClass?"p-button-text":null]},acceptButton:"p-confirm-dialog-accept"},loadStyle:v.load},provide:function(){return{$parentInstance:this}}},inheritAttrs:!1,data:function(){return{visible:!1,confirmation:null,autoFocusAccept:null,autoFocusReject:null}},target:null,outsideClickListener:null,scrollHandler:null,resizeListener:null,container:null,confirmListener:null,closeListener:null,mounted:function(){var e=this;this.confirmListener=function(t){t&&t.group===e.group&&(e.confirmation=t,e.target=t.target,e.confirmation.onShow&&e.confirmation.onShow(),e.visible=!0)},this.closeListener=function(){e.visible=!1,e.confirmation=null},p.default.on("confirm",this.confirmListener),p.default.on("close",this.closeListener)},beforeUnmount:function(){p.default.off("confirm",this.confirmListener),p.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:function(){this.confirmation.accept&&this.confirmation.accept(),this.visible=!1},reject:function(){this.confirmation.reject&&this.confirmation.reject(),this.visible=!1},onHide:function(){this.confirmation.onHide&&this.confirmation.onHide(),this.visible=!1},onAcceptKeydown:function(e){"Space"!==e.code&&"Enter"!==e.code||(this.accept(),r.DomHandler.focus(this.target),e.preventDefault())},onRejectKeydown:function(e){"Space"!==e.code&&"Enter"!==e.code||(this.reject(),r.DomHandler.focus(this.target),e.preventDefault())},onEnter:function(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:function(){this.focus()},onLeave:function(){this.autoFocusAccept=null,this.autoFocusReject=null,this.unbindOutsideClickListener(),this.unbindScrollListener(),this.unbindResizeListener()},onAfterLeave:function(e){r.ZIndexUtils.clear(e)},alignOverlay:function(){r.DomHandler.absolutePosition(this.container,this.target);var e=r.DomHandler.getOffset(this.container),t=r.DomHandler.getOffset(this.target),n=0;e.left<t.left&&(n=t.left-e.left),this.container.style.setProperty("--overlayArrowLeft","".concat(n,"px")),e.top<t.top&&(this.container.setAttribute("data-p-confirm-popup-flipped","true"),!this.isUnstyled&&r.DomHandler.addClass(this.container,"p-confirm-popup-flipped"))},bindOutsideClickListener:function(){var e=this;this.outsideClickListener||(this.outsideClickListener=function(t){e.visible&&e.container&&!e.container.contains(t.target)&&!e.isTargetClicked(t)?(e.confirmation.onHide&&e.confirmation.onHide(),e.visible=!1):e.alignOverlay()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener:function(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindScrollListener:function(){var e=this;this.scrollHandler||(this.scrollHandler=new r.ConnectedOverlayScrollHandler(this.target,(function(){e.visible&&(e.visible=!1)}))),this.scrollHandler.bindScrollListener()},unbindScrollListener:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.visible&&!r.DomHandler.isTouchDevice()&&(e.visible=!1)},window.addEventListener("resize",this.resizeListener))},unbindResizeListener:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},focus:function(){var e=this.container.querySelector("[autofocus]");e&&e.focus({preventScroll:!0})},isTargetClicked:function(e){return this.target&&(this.target===e.target||this.target.contains(e.target))},containerRef:function(e){this.container=e},onOverlayClick:function(e){m.default.emit("overlay-click",{originalEvent:e,target:this.target})},onOverlayKeydown:function(e){"Escape"===e.code&&(p.default.emit("close",this.closeListener),r.DomHandler.focus(this.target))},getCXOptions:function(e,t){return{contenxt:{icon:e,iconClass:t.class}}}},computed:{message:function(){return this.confirmation?this.confirmation.message:null},acceptLabel:function(){return this.confirmation?this.confirmation.acceptLabel||this.$primevue.config.locale.accept:null},rejectLabel:function(){return this.confirmation?this.confirmation.rejectLabel||this.$primevue.config.locale.reject:null},acceptIcon:function(){return this.confirmation?this.confirmation.acceptIcon:null},rejectIcon:function(){return this.confirmation?this.confirmation.rejectIcon:null}},components:{CPButton:u.default,Portal:d.default},directives:{focustrap:f.default}};function y(e){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},y(e)}function g(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function L(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?g(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function j(e,t,n){return(t=k(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function k(e){var t=C(e,"string");return"symbol"===y(t)?t:String(t)}function C(e,t){if("object"!==y(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==y(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var w=["aria-modal"];b.render=function(e,t,n,o,i,r){var c=a.resolveComponent("CPButton"),s=a.resolveComponent("Portal"),l=a.resolveDirective("focustrap");return a.openBlock(),a.createBlock(s,null,{default:a.withCtx((function(){return[a.createVNode(a.Transition,a.mergeProps({name:"p-confirm-popup",onEnter:r.onEnter,onAfterEnter:r.onAfterEnter,onLeave:r.onLeave,onAfterLeave:r.onAfterLeave},e.ptm("transition")),{default:a.withCtx((function(){return[i.visible?a.withDirectives((a.openBlock(),a.createElementBlock("div",a.mergeProps({key:0,ref:r.containerRef,role:"alertdialog",class:e.cx("root"),"aria-modal":i.visible,onClick:t[2]||(t[2]=function(){return r.onOverlayClick&&r.onOverlayClick.apply(r,arguments)}),onKeydown:t[3]||(t[3]=function(){return r.onOverlayKeydown&&r.onOverlayKeydown.apply(r,arguments)})},L(L({},e.$attrs),e.ptm("root"))),[e.$slots.container?a.renderSlot(e.$slots,"container",{key:0,message:i.confirmation,onAccept:r.accept,onReject:r.reject}):(a.openBlock(),a.createElementBlock(a.Fragment,{key:1},[e.$slots.message?(a.openBlock(),a.createBlock(a.resolveDynamicComponent(e.$slots.message),{key:1,message:i.confirmation},null,8,["message"])):(a.openBlock(),a.createElementBlock("div",a.mergeProps({key:0,class:e.cx("content")},e.ptm("content")),[a.renderSlot(e.$slots,"icon",{},(function(){return[e.$slots.icon?(a.openBlock(),a.createBlock(a.resolveDynamicComponent(e.$slots.icon),{key:0,class:a.normalizeClass(e.cx("icon"))},null,8,["class"])):i.confirmation.icon?(a.openBlock(),a.createElementBlock("span",a.mergeProps({key:1,class:e.cx("icon")},e.ptm("icon")),null,16)):a.createCommentVNode("",!0)]})),a.createElementVNode("span",a.mergeProps({class:e.cx("message")},e.ptm("message")),a.toDisplayString(i.confirmation.message),17)],16)),a.createElementVNode("div",a.mergeProps({class:e.cx("footer")},e.ptm("footer")),[a.createVNode(c,{label:r.rejectLabel,onClick:t[0]||(t[0]=function(e){return r.reject()}),onKeydown:r.onRejectKeydown,autofocus:i.autoFocusReject,class:a.normalizeClass([e.cx("rejectButton"),i.confirmation.rejectClass]),unstyled:e.unstyled,pt:e.ptm("rejectButton"),"data-pc-name":"rejectbutton"},a.createSlots({_:2},[r.rejectIcon||e.$slots.rejecticon?{name:"icon",fn:a.withCtx((function(t){return[a.renderSlot(e.$slots,"rejecticon",{},(function(){return[a.createElementVNode("span",a.mergeProps({class:[r.rejectIcon,t.class]},e.ptm("rejectButton").icon,{"data-pc-name":"rejectbuttonicon"}),null,16)]}))]})),key:"0"}:void 0]),1032,["label","onKeydown","autofocus","class","unstyled","pt"]),a.createVNode(c,{label:r.acceptLabel,onClick:t[1]||(t[1]=function(e){return r.accept()}),onKeydown:r.onAcceptKeydown,autofocus:i.autoFocusAccept,class:a.normalizeClass([e.cx("acceptButton"),i.confirmation.acceptClass]),unstyled:e.unstyled,pt:e.ptm("acceptButton"),"data-pc-name":"acceptbutton"},a.createSlots({_:2},[r.acceptIcon||e.$slots.accepticon?{name:"icon",fn:a.withCtx((function(t){return[a.renderSlot(e.$slots,"accepticon",{},(function(){return[a.createElementVNode("span",a.mergeProps({class:[r.acceptIcon,t.class]},e.ptm("acceptButton").icon,{"data-pc-name":"acceptbuttonicon"}),null,16)]}))]})),key:"0"}:void 0]),1032,["label","onKeydown","autofocus","class","unstyled","pt"])],16)],64))],16,w)),[[l]]):a.createCommentVNode("",!0)]})),_:3},16,["onEnter","onAfterEnter","onLeave","onAfterLeave"])]})),_:3})},module.exports=b;

package/confirmpopup/confirmpopup.esm.js

@@ -6,9 +6,9 @@ import Portal from 'primevue/portal';
 import { ZIndexUtils, DomHandler, ConnectedOverlayScrollHandler } from 'primevue/utils';
 import BaseComponent from 'primevue/basecomponent';
 import { useStyle } from 'primevue/usestyle';
-import { resolveComponent, resolveDirective, openBlock, createBlock, withCtx, createVNode, Transition, mergeProps, withDirectives, createElementBlock, renderSlot, resolveDynamicComponent, normalizeClass, createCommentVNode, createElementVNode, toDisplayString, createSlots } from 'vue';
+import { resolveComponent, resolveDirective, openBlock, createBlock, withCtx, createVNode, Transition, mergeProps, withDirectives, createElementBlock, renderSlot, Fragment, resolveDynamicComponent, normalizeClass, createCommentVNode, createElementVNode, toDisplayString, createSlots } from 'vue';
 
-var styles = "\n.p-confirm-popup {\n    position: absolute;\n    margin-top: 10px;\n    top: 0;\n    left: 0;\n}\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\n.p-confirm-popup-leave-to {\n    opacity: 0;\n}\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\n.p-confirm-popup-leave-active {\n    transition: opacity 0.1s linear;\n}\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\n.p-confirm-popup:after {\n    border-width: 8px;\n    margin-left: -8px;\n}\n\n.p-confirm-popup:before {\n    border-width: 10px;\n    margin-left: -10px;\n}\n\n.p-confirm-popup-flipped:after,\n.p-confirm-popup-flipped:before {\n    bottom: auto;\n    top: 100%;\n}\n\n.p-confirm-popup.p-confirm-popup-flipped:after {\n    border-bottom-color: transparent;\n}\n\n.p-confirm-popup.p-confirm-popup-flipped:before {\n    border-bottom-color: transparent;\n}\n\n.p-confirm-popup .p-confirm-popup-content {\n    display: flex;\n    align-items: center;\n}\n";
+var styles = "\n@layer primevue {\n    .p-confirm-popup {\n        position: absolute;\n        margin-top: 10px;\n        top: 0;\n        left: 0;\n    }\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    \n    .p-confirm-popup-leave-to {\n        opacity: 0;\n    }\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    \n    .p-confirm-popup-leave-active {\n        transition: opacity 0.1s linear;\n    }\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    \n    .p-confirm-popup:after {\n        border-width: 8px;\n        margin-left: -8px;\n    }\n    \n    .p-confirm-popup:before {\n        border-width: 10px;\n        margin-left: -10px;\n    }\n    \n    .p-confirm-popup-flipped:after,\n    .p-confirm-popup-flipped:before {\n        bottom: auto;\n        top: 100%;\n    }\n    \n    .p-confirm-popup.p-confirm-popup-flipped:after {\n        border-bottom-color: transparent;\n    }\n    \n    .p-confirm-popup.p-confirm-popup-flipped:before {\n        border-bottom-color: transparent;\n    }\n    \n    .p-confirm-popup .p-confirm-popup-content {\n        display: flex;\n        align-items: center;\n    }\n}\n";
 var classes = {
   root: function root(_ref) {
     var instance = _ref.instance;
@@ -26,12 +26,9 @@ var classes = {
   footer: 'p-confirm-popup-footer',
   rejectButton: function rejectButton(_ref3) {
     var instance = _ref3.instance;
-    return ['p-confirm-dialog-reject', instance.confirmation ? instance.confirmation.rejectClass || 'p-button-text' : null];
+    return ['p-confirm-dialog-reject', instance.confirmation && !instance.confirmation.rejectClass ? 'p-button-text' : null];
   },
-  acceptButton: function acceptButton(_ref4) {
-    var instance = _ref4.instance;
-    return ['p-confirm-dialog-accept', instance.confirmation ? instance.confirmation.acceptClass : null];
-  }
+  acceptButton: 'p-confirm-dialog-accept'
 };
 var _useStyle = useStyle(styles, {
     name: 'confirmpopup',
@@ -329,7 +326,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             onKeydown: _cache[3] || (_cache[3] = function () {
               return $options.onOverlayKeydown && $options.onOverlayKeydown.apply($options, arguments);
             })
-          }, _objectSpread(_objectSpread({}, _ctx.$attrs), _ctx.ptm('root'))), [!_ctx.$slots.message ? (openBlock(), createElementBlock("div", mergeProps({
+          }, _objectSpread(_objectSpread({}, _ctx.$attrs), _ctx.ptm('root'))), [_ctx.$slots.container ? renderSlot(_ctx.$slots, "container", {
+            key: 0,
+            message: $data.confirmation,
+            onAccept: $options.accept,
+            onReject: $options.reject
+          }) : (openBlock(), createElementBlock(Fragment, {
+            key: 1
+          }, [!_ctx.$slots.message ? (openBlock(), createElementBlock("div", mergeProps({
             key: 0,
             "class": _ctx.cx('content')
           }, _ctx.ptm('content')), [renderSlot(_ctx.$slots, "icon", {}, function () {
@@ -354,7 +358,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             }),
             onKeydown: $options.onRejectKeydown,
             autofocus: $data.autoFocusReject,
-            "class": normalizeClass(_ctx.cx('rejectButton')),
+            "class": normalizeClass([_ctx.cx('rejectButton'), $data.confirmation.rejectClass]),
             unstyled: _ctx.unstyled,
             pt: _ctx.ptm('rejectButton'),
             "data-pc-name": "rejectbutton"
@@ -379,7 +383,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             }),
             onKeydown: $options.onAcceptKeydown,
             autofocus: $data.autoFocusAccept,
-            "class": normalizeClass(_ctx.cx('acceptButton')),
+            "class": normalizeClass([_ctx.cx('acceptButton'), $data.confirmation.acceptClass]),
             unstyled: _ctx.unstyled,
             pt: _ctx.ptm('acceptButton'),
             "data-pc-name": "acceptbutton"
@@ -397,7 +401,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               })];
             }),
             key: "0"
-          } : undefined]), 1032, ["label", "onKeydown", "autofocus", "class", "unstyled", "pt"])], 16)], 16, _hoisted_1)), [[_directive_focustrap]]) : createCommentVNode("", true)];
+          } : undefined]), 1032, ["label", "onKeydown", "autofocus", "class", "unstyled", "pt"])], 16)], 64))], 16, _hoisted_1)), [[_directive_focustrap]]) : createCommentVNode("", true)];
         }),
         _: 3
       }, 16, ["onEnter", "onAfterEnter", "onLeave", "onAfterLeave"])];

package/confirmpopup/confirmpopup.esm.min.js

@@ -1 +1 @@
-import n from"primevue/button";import t from"primevue/confirmationeventbus";import e from"primevue/focustrap";import o from"primevue/overlayeventbus";import i from"primevue/portal";import{ZIndexUtils as r,DomHandler as c,ConnectedOverlayScrollHandler as s}from"primevue/utils";import a from"primevue/basecomponent";import{useStyle as l}from"primevue/usestyle";import{resolveComponent as u,resolveDirective as p,openBlock as f,createBlock as m,withCtx as d,createVNode as h,Transition as v,mergeProps as b,withDirectives as y,createElementBlock as g,renderSlot as L,resolveDynamicComponent as j,normalizeClass as O,createCommentVNode as w,createElementVNode as k,toDisplayString as C,createSlots as S}from"vue";var x=l("\n.p-confirm-popup {\n    position: absolute;\n    margin-top: 10px;\n    top: 0;\n    left: 0;\n}\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\n.p-confirm-popup-leave-to {\n    opacity: 0;\n}\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\n.p-confirm-popup-leave-active {\n    transition: opacity 0.1s linear;\n}\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\n.p-confirm-popup:after {\n    border-width: 8px;\n    margin-left: -8px;\n}\n\n.p-confirm-popup:before {\n    border-width: 10px;\n    margin-left: -10px;\n}\n\n.p-confirm-popup-flipped:after,\n.p-confirm-popup-flipped:before {\n    bottom: auto;\n    top: 100%;\n}\n\n.p-confirm-popup.p-confirm-popup-flipped:after {\n    border-bottom-color: transparent;\n}\n\n.p-confirm-popup.p-confirm-popup-flipped:before {\n    border-bottom-color: transparent;\n}\n\n.p-confirm-popup .p-confirm-popup-content {\n    display: flex;\n    align-items: center;\n}\n",{name:"confirmpopup",manual:!0}),A={name:"ConfirmPopup",extends:{name:"BaseConfirmPopup",extends:a,props:{group:String},css:{classes:{root:function(n){var t=n.instance;return["p-confirm-popup p-component",{"p-input-filled":"filled"===t.$primevue.config.inputStyle,"p-ripple-disabled":!1===t.$primevue.config.ripple}]},content:"p-confirm-popup-content",icon:function(n){var t=n.instance;return["p-confirm-popup-icon",t.confirmation?t.confirmation.icon:null]},message:"p-confirm-popup-message",footer:"p-confirm-popup-footer",rejectButton:function(n){var t=n.instance;return["p-confirm-dialog-reject",t.confirmation?t.confirmation.rejectClass||"p-button-text":null]},acceptButton:function(n){var t=n.instance;return["p-confirm-dialog-accept",t.confirmation?t.confirmation.acceptClass:null]}},loadStyle:x.load},provide:function(){return{$parentInstance:this}}},inheritAttrs:!1,data:function(){return{visible:!1,confirmation:null,autoFocusAccept:null,autoFocusReject:null}},target:null,outsideClickListener:null,scrollHandler:null,resizeListener:null,container:null,confirmListener:null,closeListener:null,mounted:function(){var n=this;this.confirmListener=function(t){t&&t.group===n.group&&(n.confirmation=t,n.target=t.target,n.confirmation.onShow&&n.confirmation.onShow(),n.visible=!0)},this.closeListener=function(){n.visible=!1,n.confirmation=null},t.on("confirm",this.confirmListener),t.on("close",this.closeListener)},beforeUnmount:function(){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:function(){this.confirmation.accept&&this.confirmation.accept(),this.visible=!1},reject:function(){this.confirmation.reject&&this.confirmation.reject(),this.visible=!1},onHide:function(){this.confirmation.onHide&&this.confirmation.onHide(),this.visible=!1},onAcceptKeydown:function(n){"Space"!==n.code&&"Enter"!==n.code||(this.accept(),c.focus(this.target),n.preventDefault())},onRejectKeydown:function(n){"Space"!==n.code&&"Enter"!==n.code||(this.reject(),c.focus(this.target),n.preventDefault())},onEnter:function(n){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",n,this.$primevue.config.zIndex.overlay)},onAfterEnter:function(){this.focus()},onLeave:function(){this.autoFocusAccept=null,this.autoFocusReject=null,this.unbindOutsideClickListener(),this.unbindScrollListener(),this.unbindResizeListener()},onAfterLeave:function(n){r.clear(n)},alignOverlay:function(){c.absolutePosition(this.container,this.target);var n=c.getOffset(this.container),t=c.getOffset(this.target),e=0;n.left<t.left&&(e=t.left-n.left),this.container.style.setProperty("--overlayArrowLeft","".concat(e,"px")),n.top<t.top&&(this.container.setAttribute("data-p-confirm-popup-flipped","true"),!this.isUnstyled&&c.addClass(this.container,"p-confirm-popup-flipped"))},bindOutsideClickListener:function(){var n=this;this.outsideClickListener||(this.outsideClickListener=function(t){n.visible&&n.container&&!n.container.contains(t.target)&&!n.isTargetClicked(t)?(n.confirmation.onHide&&n.confirmation.onHide(),n.visible=!1):n.alignOverlay()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener:function(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindScrollListener:function(){var n=this;this.scrollHandler||(this.scrollHandler=new s(this.target,(function(){n.visible&&(n.visible=!1)}))),this.scrollHandler.bindScrollListener()},unbindScrollListener:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener:function(){var n=this;this.resizeListener||(this.resizeListener=function(){n.visible&&!c.isTouchDevice()&&(n.visible=!1)},window.addEventListener("resize",this.resizeListener))},unbindResizeListener:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},focus:function(){var n=this.container.querySelector("[autofocus]");n&&n.focus({preventScroll:!0})},isTargetClicked:function(n){return this.target&&(this.target===n.target||this.target.contains(n.target))},containerRef:function(n){this.container=n},onOverlayClick:function(n){o.emit("overlay-click",{originalEvent:n,target:this.target})},onOverlayKeydown:function(n){"Escape"===n.code&&(t.emit("close",this.closeListener),c.focus(this.target))},getCXOptions:function(n,t){return{contenxt:{icon:n,iconClass:t.class}}}},computed:{message:function(){return this.confirmation?this.confirmation.message:null},acceptLabel:function(){return this.confirmation?this.confirmation.acceptLabel||this.$primevue.config.locale.accept:null},rejectLabel:function(){return this.confirmation?this.confirmation.rejectLabel||this.$primevue.config.locale.reject:null},acceptIcon:function(){return this.confirmation?this.confirmation.acceptIcon:null},rejectIcon:function(){return this.confirmation?this.confirmation.rejectIcon:null}},components:{CPButton:n,Portal:i},directives:{focustrap:e}};function E(n){return E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},E(n)}function P(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),e.push.apply(e,o)}return e}function z(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?P(Object(e),!0).forEach((function(t){$(n,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):P(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}function $(n,t,e){return(t=H(t))in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}function H(n){var t=R(n,"string");return"symbol"===E(t)?t:String(t)}function R(n,t){if("object"!==E(n)||null===n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var o=e.call(n,t||"default");if("object"!==E(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(n)}var K=["aria-modal"];A.render=function(n,t,e,o,i,r){var c=u("CPButton"),s=u("Portal"),a=p("focustrap");return f(),m(s,null,{default:d((function(){return[h(v,b({name:"p-confirm-popup",onEnter:r.onEnter,onAfterEnter:r.onAfterEnter,onLeave:r.onLeave,onAfterLeave:r.onAfterLeave},n.ptm("transition")),{default:d((function(){return[i.visible?y((f(),g("div",b({key:0,ref:r.containerRef,role:"alertdialog",class:n.cx("root"),"aria-modal":i.visible,onClick:t[2]||(t[2]=function(){return r.onOverlayClick&&r.onOverlayClick.apply(r,arguments)}),onKeydown:t[3]||(t[3]=function(){return r.onOverlayKeydown&&r.onOverlayKeydown.apply(r,arguments)})},z(z({},n.$attrs),n.ptm("root"))),[n.$slots.message?(f(),m(j(n.$slots.message),{key:1,message:i.confirmation},null,8,["message"])):(f(),g("div",b({key:0,class:n.cx("content")},n.ptm("content")),[L(n.$slots,"icon",{},(function(){return[n.$slots.icon?(f(),m(j(n.$slots.icon),{key:0,class:O(n.cx("icon"))},null,8,["class"])):i.confirmation.icon?(f(),g("span",b({key:1,class:n.cx("icon")},n.ptm("icon")),null,16)):w("",!0)]})),k("span",b({class:n.cx("message")},n.ptm("message")),C(i.confirmation.message),17)],16)),k("div",b({class:n.cx("footer")},n.ptm("footer")),[h(c,{label:r.rejectLabel,onClick:t[0]||(t[0]=function(n){return r.reject()}),onKeydown:r.onRejectKeydown,autofocus:i.autoFocusReject,class:O(n.cx("rejectButton")),unstyled:n.unstyled,pt:n.ptm("rejectButton"),"data-pc-name":"rejectbutton"},S({_:2},[r.rejectIcon||n.$slots.rejecticon?{name:"icon",fn:d((function(t){return[L(n.$slots,"rejecticon",{},(function(){return[k("span",b({class:[r.rejectIcon,t.class]},n.ptm("rejectButton").icon,{"data-pc-name":"rejectbuttonicon"}),null,16)]}))]})),key:"0"}:void 0]),1032,["label","onKeydown","autofocus","class","unstyled","pt"]),h(c,{label:r.acceptLabel,onClick:t[1]||(t[1]=function(n){return r.accept()}),onKeydown:r.onAcceptKeydown,autofocus:i.autoFocusAccept,class:O(n.cx("acceptButton")),unstyled:n.unstyled,pt:n.ptm("acceptButton"),"data-pc-name":"acceptbutton"},S({_:2},[r.acceptIcon||n.$slots.accepticon?{name:"icon",fn:d((function(t){return[L(n.$slots,"accepticon",{},(function(){return[k("span",b({class:[r.acceptIcon,t.class]},n.ptm("acceptButton").icon,{"data-pc-name":"acceptbuttonicon"}),null,16)]}))]})),key:"0"}:void 0]),1032,["label","onKeydown","autofocus","class","unstyled","pt"])],16)],16,K)),[[a]]):w("",!0)]})),_:3},16,["onEnter","onAfterEnter","onLeave","onAfterLeave"])]})),_:3})};export{A as default};
+import n from"primevue/button";import t from"primevue/confirmationeventbus";import e from"primevue/focustrap";import o from"primevue/overlayeventbus";import i from"primevue/portal";import{ZIndexUtils as r,DomHandler as c,ConnectedOverlayScrollHandler as s}from"primevue/utils";import a from"primevue/basecomponent";import{useStyle as l}from"primevue/usestyle";import{resolveComponent as u,resolveDirective as p,openBlock as f,createBlock as m,withCtx as d,createVNode as h,Transition as v,mergeProps as b,withDirectives as y,createElementBlock as g,renderSlot as L,Fragment as j,resolveDynamicComponent as O,normalizeClass as k,createCommentVNode as w,createElementVNode as C,toDisplayString as S,createSlots as x}from"vue";var A=l("\n@layer primevue {\n    .p-confirm-popup {\n        position: absolute;\n        margin-top: 10px;\n        top: 0;\n        left: 0;\n    }\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    \n    .p-confirm-popup-leave-to {\n        opacity: 0;\n    }\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    \n    .p-confirm-popup-leave-active {\n        transition: opacity 0.1s linear;\n    }\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    \n    .p-confirm-popup:after {\n        border-width: 8px;\n        margin-left: -8px;\n    }\n    \n    .p-confirm-popup:before {\n        border-width: 10px;\n        margin-left: -10px;\n    }\n    \n    .p-confirm-popup-flipped:after,\n    .p-confirm-popup-flipped:before {\n        bottom: auto;\n        top: 100%;\n    }\n    \n    .p-confirm-popup.p-confirm-popup-flipped:after {\n        border-bottom-color: transparent;\n    }\n    \n    .p-confirm-popup.p-confirm-popup-flipped:before {\n        border-bottom-color: transparent;\n    }\n    \n    .p-confirm-popup .p-confirm-popup-content {\n        display: flex;\n        align-items: center;\n    }\n}\n",{name:"confirmpopup",manual:!0}),E={name:"ConfirmPopup",extends:{name:"BaseConfirmPopup",extends:a,props:{group:String},css:{classes:{root:function(n){var t=n.instance;return["p-confirm-popup p-component",{"p-input-filled":"filled"===t.$primevue.config.inputStyle,"p-ripple-disabled":!1===t.$primevue.config.ripple}]},content:"p-confirm-popup-content",icon:function(n){var t=n.instance;return["p-confirm-popup-icon",t.confirmation?t.confirmation.icon:null]},message:"p-confirm-popup-message",footer:"p-confirm-popup-footer",rejectButton:function(n){var t=n.instance;return["p-confirm-dialog-reject",t.confirmation&&!t.confirmation.rejectClass?"p-button-text":null]},acceptButton:"p-confirm-dialog-accept"},loadStyle:A.load},provide:function(){return{$parentInstance:this}}},inheritAttrs:!1,data:function(){return{visible:!1,confirmation:null,autoFocusAccept:null,autoFocusReject:null}},target:null,outsideClickListener:null,scrollHandler:null,resizeListener:null,container:null,confirmListener:null,closeListener:null,mounted:function(){var n=this;this.confirmListener=function(t){t&&t.group===n.group&&(n.confirmation=t,n.target=t.target,n.confirmation.onShow&&n.confirmation.onShow(),n.visible=!0)},this.closeListener=function(){n.visible=!1,n.confirmation=null},t.on("confirm",this.confirmListener),t.on("close",this.closeListener)},beforeUnmount:function(){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:function(){this.confirmation.accept&&this.confirmation.accept(),this.visible=!1},reject:function(){this.confirmation.reject&&this.confirmation.reject(),this.visible=!1},onHide:function(){this.confirmation.onHide&&this.confirmation.onHide(),this.visible=!1},onAcceptKeydown:function(n){"Space"!==n.code&&"Enter"!==n.code||(this.accept(),c.focus(this.target),n.preventDefault())},onRejectKeydown:function(n){"Space"!==n.code&&"Enter"!==n.code||(this.reject(),c.focus(this.target),n.preventDefault())},onEnter:function(n){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",n,this.$primevue.config.zIndex.overlay)},onAfterEnter:function(){this.focus()},onLeave:function(){this.autoFocusAccept=null,this.autoFocusReject=null,this.unbindOutsideClickListener(),this.unbindScrollListener(),this.unbindResizeListener()},onAfterLeave:function(n){r.clear(n)},alignOverlay:function(){c.absolutePosition(this.container,this.target);var n=c.getOffset(this.container),t=c.getOffset(this.target),e=0;n.left<t.left&&(e=t.left-n.left),this.container.style.setProperty("--overlayArrowLeft","".concat(e,"px")),n.top<t.top&&(this.container.setAttribute("data-p-confirm-popup-flipped","true"),!this.isUnstyled&&c.addClass(this.container,"p-confirm-popup-flipped"))},bindOutsideClickListener:function(){var n=this;this.outsideClickListener||(this.outsideClickListener=function(t){n.visible&&n.container&&!n.container.contains(t.target)&&!n.isTargetClicked(t)?(n.confirmation.onHide&&n.confirmation.onHide(),n.visible=!1):n.alignOverlay()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener:function(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindScrollListener:function(){var n=this;this.scrollHandler||(this.scrollHandler=new s(this.target,(function(){n.visible&&(n.visible=!1)}))),this.scrollHandler.bindScrollListener()},unbindScrollListener:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener:function(){var n=this;this.resizeListener||(this.resizeListener=function(){n.visible&&!c.isTouchDevice()&&(n.visible=!1)},window.addEventListener("resize",this.resizeListener))},unbindResizeListener:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},focus:function(){var n=this.container.querySelector("[autofocus]");n&&n.focus({preventScroll:!0})},isTargetClicked:function(n){return this.target&&(this.target===n.target||this.target.contains(n.target))},containerRef:function(n){this.container=n},onOverlayClick:function(n){o.emit("overlay-click",{originalEvent:n,target:this.target})},onOverlayKeydown:function(n){"Escape"===n.code&&(t.emit("close",this.closeListener),c.focus(this.target))},getCXOptions:function(n,t){return{contenxt:{icon:n,iconClass:t.class}}}},computed:{message:function(){return this.confirmation?this.confirmation.message:null},acceptLabel:function(){return this.confirmation?this.confirmation.acceptLabel||this.$primevue.config.locale.accept:null},rejectLabel:function(){return this.confirmation?this.confirmation.rejectLabel||this.$primevue.config.locale.reject:null},acceptIcon:function(){return this.confirmation?this.confirmation.acceptIcon:null},rejectIcon:function(){return this.confirmation?this.confirmation.rejectIcon:null}},components:{CPButton:n,Portal:i},directives:{focustrap:e}};function P(n){return P="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},P(n)}function $(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),e.push.apply(e,o)}return e}function z(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?$(Object(e),!0).forEach((function(t){H(n,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):$(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}function H(n,t,e){return(t=R(t))in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}function R(n){var t=K(n,"string");return"symbol"===P(t)?t:String(t)}function K(n,t){if("object"!==P(n)||null===n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var o=e.call(n,t||"default");if("object"!==P(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(n)}var B=["aria-modal"];E.render=function(n,t,e,o,i,r){var c=u("CPButton"),s=u("Portal"),a=p("focustrap");return f(),m(s,null,{default:d((function(){return[h(v,b({name:"p-confirm-popup",onEnter:r.onEnter,onAfterEnter:r.onAfterEnter,onLeave:r.onLeave,onAfterLeave:r.onAfterLeave},n.ptm("transition")),{default:d((function(){return[i.visible?y((f(),g("div",b({key:0,ref:r.containerRef,role:"alertdialog",class:n.cx("root"),"aria-modal":i.visible,onClick:t[2]||(t[2]=function(){return r.onOverlayClick&&r.onOverlayClick.apply(r,arguments)}),onKeydown:t[3]||(t[3]=function(){return r.onOverlayKeydown&&r.onOverlayKeydown.apply(r,arguments)})},z(z({},n.$attrs),n.ptm("root"))),[n.$slots.container?L(n.$slots,"container",{key:0,message:i.confirmation,onAccept:r.accept,onReject:r.reject}):(f(),g(j,{key:1},[n.$slots.message?(f(),m(O(n.$slots.message),{key:1,message:i.confirmation},null,8,["message"])):(f(),g("div",b({key:0,class:n.cx("content")},n.ptm("content")),[L(n.$slots,"icon",{},(function(){return[n.$slots.icon?(f(),m(O(n.$slots.icon),{key:0,class:k(n.cx("icon"))},null,8,["class"])):i.confirmation.icon?(f(),g("span",b({key:1,class:n.cx("icon")},n.ptm("icon")),null,16)):w("",!0)]})),C("span",b({class:n.cx("message")},n.ptm("message")),S(i.confirmation.message),17)],16)),C("div",b({class:n.cx("footer")},n.ptm("footer")),[h(c,{label:r.rejectLabel,onClick:t[0]||(t[0]=function(n){return r.reject()}),onKeydown:r.onRejectKeydown,autofocus:i.autoFocusReject,class:k([n.cx("rejectButton"),i.confirmation.rejectClass]),unstyled:n.unstyled,pt:n.ptm("rejectButton"),"data-pc-name":"rejectbutton"},x({_:2},[r.rejectIcon||n.$slots.rejecticon?{name:"icon",fn:d((function(t){return[L(n.$slots,"rejecticon",{},(function(){return[C("span",b({class:[r.rejectIcon,t.class]},n.ptm("rejectButton").icon,{"data-pc-name":"rejectbuttonicon"}),null,16)]}))]})),key:"0"}:void 0]),1032,["label","onKeydown","autofocus","class","unstyled","pt"]),h(c,{label:r.acceptLabel,onClick:t[1]||(t[1]=function(n){return r.accept()}),onKeydown:r.onAcceptKeydown,autofocus:i.autoFocusAccept,class:k([n.cx("acceptButton"),i.confirmation.acceptClass]),unstyled:n.unstyled,pt:n.ptm("acceptButton"),"data-pc-name":"acceptbutton"},x({_:2},[r.acceptIcon||n.$slots.accepticon?{name:"icon",fn:d((function(t){return[L(n.$slots,"accepticon",{},(function(){return[C("span",b({class:[r.acceptIcon,t.class]},n.ptm("acceptButton").icon,{"data-pc-name":"acceptbuttonicon"}),null,16)]}))]})),key:"0"}:void 0]),1032,["label","onKeydown","autofocus","class","unstyled","pt"])],16)],64))],16,B)),[[a]]):w("",!0)]})),_:3},16,["onEnter","onAfterEnter","onLeave","onAfterLeave"])]})),_:3})};export{E as default};

package/confirmpopup/confirmpopup.js

@@ -11,7 +11,7 @@ this.primevue.confirmpopup = (function (Button, ConfirmationEventBus, FocusTrap,
     var Portal__default = /*#__PURE__*/_interopDefaultLegacy(Portal);
     var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 
-    var styles = "\n.p-confirm-popup {\n    position: absolute;\n    margin-top: 10px;\n    top: 0;\n    left: 0;\n}\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\n.p-confirm-popup-leave-to {\n    opacity: 0;\n}\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\n.p-confirm-popup-leave-active {\n    transition: opacity 0.1s linear;\n}\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\n.p-confirm-popup:after {\n    border-width: 8px;\n    margin-left: -8px;\n}\n\n.p-confirm-popup:before {\n    border-width: 10px;\n    margin-left: -10px;\n}\n\n.p-confirm-popup-flipped:after,\n.p-confirm-popup-flipped:before {\n    bottom: auto;\n    top: 100%;\n}\n\n.p-confirm-popup.p-confirm-popup-flipped:after {\n    border-bottom-color: transparent;\n}\n\n.p-confirm-popup.p-confirm-popup-flipped:before {\n    border-bottom-color: transparent;\n}\n\n.p-confirm-popup .p-confirm-popup-content {\n    display: flex;\n    align-items: center;\n}\n";
+    var styles = "\n@layer primevue {\n    .p-confirm-popup {\n        position: absolute;\n        margin-top: 10px;\n        top: 0;\n        left: 0;\n    }\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    \n    .p-confirm-popup-leave-to {\n        opacity: 0;\n    }\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    \n    .p-confirm-popup-leave-active {\n        transition: opacity 0.1s linear;\n    }\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    \n    .p-confirm-popup:after {\n        border-width: 8px;\n        margin-left: -8px;\n    }\n    \n    .p-confirm-popup:before {\n        border-width: 10px;\n        margin-left: -10px;\n    }\n    \n    .p-confirm-popup-flipped:after,\n    .p-confirm-popup-flipped:before {\n        bottom: auto;\n        top: 100%;\n    }\n    \n    .p-confirm-popup.p-confirm-popup-flipped:after {\n        border-bottom-color: transparent;\n    }\n    \n    .p-confirm-popup.p-confirm-popup-flipped:before {\n        border-bottom-color: transparent;\n    }\n    \n    .p-confirm-popup .p-confirm-popup-content {\n        display: flex;\n        align-items: center;\n    }\n}\n";
     var classes = {
       root: function root(_ref) {
         var instance = _ref.instance;
@@ -29,12 +29,9 @@ this.primevue.confirmpopup = (function (Button, ConfirmationEventBus, FocusTrap,
       footer: 'p-confirm-popup-footer',
       rejectButton: function rejectButton(_ref3) {
         var instance = _ref3.instance;
-        return ['p-confirm-dialog-reject', instance.confirmation ? instance.confirmation.rejectClass || 'p-button-text' : null];
+        return ['p-confirm-dialog-reject', instance.confirmation && !instance.confirmation.rejectClass ? 'p-button-text' : null];
       },
-      acceptButton: function acceptButton(_ref4) {
-        var instance = _ref4.instance;
-        return ['p-confirm-dialog-accept', instance.confirmation ? instance.confirmation.acceptClass : null];
-      }
+      acceptButton: 'p-confirm-dialog-accept'
     };
     var _useStyle = usestyle.useStyle(styles, {
         name: 'confirmpopup',
@@ -332,7 +329,14 @@ this.primevue.confirmpopup = (function (Button, ConfirmationEventBus, FocusTrap,
                 onKeydown: _cache[3] || (_cache[3] = function () {
                   return $options.onOverlayKeydown && $options.onOverlayKeydown.apply($options, arguments);
                 })
-              }, _objectSpread(_objectSpread({}, _ctx.$attrs), _ctx.ptm('root'))), [!_ctx.$slots.message ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+              }, _objectSpread(_objectSpread({}, _ctx.$attrs), _ctx.ptm('root'))), [_ctx.$slots.container ? vue.renderSlot(_ctx.$slots, "container", {
+                key: 0,
+                message: $data.confirmation,
+                onAccept: $options.accept,
+                onReject: $options.reject
+              }) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+                key: 1
+              }, [!_ctx.$slots.message ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
                 key: 0,
                 "class": _ctx.cx('content')
               }, _ctx.ptm('content')), [vue.renderSlot(_ctx.$slots, "icon", {}, function () {
@@ -357,7 +361,7 @@ this.primevue.confirmpopup = (function (Button, ConfirmationEventBus, FocusTrap,
                 }),
                 onKeydown: $options.onRejectKeydown,
                 autofocus: $data.autoFocusReject,
-                "class": vue.normalizeClass(_ctx.cx('rejectButton')),
+                "class": vue.normalizeClass([_ctx.cx('rejectButton'), $data.confirmation.rejectClass]),
                 unstyled: _ctx.unstyled,
                 pt: _ctx.ptm('rejectButton'),
                 "data-pc-name": "rejectbutton"
@@ -382,7 +386,7 @@ this.primevue.confirmpopup = (function (Button, ConfirmationEventBus, FocusTrap,
                 }),
                 onKeydown: $options.onAcceptKeydown,
                 autofocus: $data.autoFocusAccept,
-                "class": vue.normalizeClass(_ctx.cx('acceptButton')),
+                "class": vue.normalizeClass([_ctx.cx('acceptButton'), $data.confirmation.acceptClass]),
                 unstyled: _ctx.unstyled,
                 pt: _ctx.ptm('acceptButton'),
                 "data-pc-name": "acceptbutton"
@@ -400,7 +404,7 @@ this.primevue.confirmpopup = (function (Button, ConfirmationEventBus, FocusTrap,
                   })];
                 }),
                 key: "0"
-              } : undefined]), 1032, ["label", "onKeydown", "autofocus", "class", "unstyled", "pt"])], 16)], 16, _hoisted_1)), [[_directive_focustrap]]) : vue.createCommentVNode("", true)];
+              } : undefined]), 1032, ["label", "onKeydown", "autofocus", "class", "unstyled", "pt"])], 16)], 64))], 16, _hoisted_1)), [[_directive_focustrap]]) : vue.createCommentVNode("", true)];
             }),
             _: 3
           }, 16, ["onEnter", "onAfterEnter", "onLeave", "onAfterLeave"])];

package/confirmpopup/confirmpopup.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.confirmpopup=function(e,n,t,o,i,r,c,s,a){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=l(e),p=l(n),f=l(t),m=l(o),d=l(i),h=l(c),v=s.useStyle("\n.p-confirm-popup {\n    position: absolute;\n    margin-top: 10px;\n    top: 0;\n    left: 0;\n}\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\n.p-confirm-popup-leave-to {\n    opacity: 0;\n}\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\n.p-confirm-popup-leave-active {\n    transition: opacity 0.1s linear;\n}\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\n.p-confirm-popup:after {\n    border-width: 8px;\n    margin-left: -8px;\n}\n\n.p-confirm-popup:before {\n    border-width: 10px;\n    margin-left: -10px;\n}\n\n.p-confirm-popup-flipped:after,\n.p-confirm-popup-flipped:before {\n    bottom: auto;\n    top: 100%;\n}\n\n.p-confirm-popup.p-confirm-popup-flipped:after {\n    border-bottom-color: transparent;\n}\n\n.p-confirm-popup.p-confirm-popup-flipped:before {\n    border-bottom-color: transparent;\n}\n\n.p-confirm-popup .p-confirm-popup-content {\n    display: flex;\n    align-items: center;\n}\n",{name:"confirmpopup",manual:!0}),b={name:"ConfirmPopup",extends:{name:"BaseConfirmPopup",extends:h.default,props:{group:String},css:{classes:{root:function(e){var n=e.instance;return["p-confirm-popup p-component",{"p-input-filled":"filled"===n.$primevue.config.inputStyle,"p-ripple-disabled":!1===n.$primevue.config.ripple}]},content:"p-confirm-popup-content",icon:function(e){var n=e.instance;return["p-confirm-popup-icon",n.confirmation?n.confirmation.icon:null]},message:"p-confirm-popup-message",footer:"p-confirm-popup-footer",rejectButton:function(e){var n=e.instance;return["p-confirm-dialog-reject",n.confirmation?n.confirmation.rejectClass||"p-button-text":null]},acceptButton:function(e){var n=e.instance;return["p-confirm-dialog-accept",n.confirmation?n.confirmation.acceptClass:null]}},loadStyle:v.load},provide:function(){return{$parentInstance:this}}},inheritAttrs:!1,data:function(){return{visible:!1,confirmation:null,autoFocusAccept:null,autoFocusReject:null}},target:null,outsideClickListener:null,scrollHandler:null,resizeListener:null,container:null,confirmListener:null,closeListener:null,mounted:function(){var e=this;this.confirmListener=function(n){n&&n.group===e.group&&(e.confirmation=n,e.target=n.target,e.confirmation.onShow&&e.confirmation.onShow(),e.visible=!0)},this.closeListener=function(){e.visible=!1,e.confirmation=null},p.default.on("confirm",this.confirmListener),p.default.on("close",this.closeListener)},beforeUnmount:function(){p.default.off("confirm",this.confirmListener),p.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:function(){this.confirmation.accept&&this.confirmation.accept(),this.visible=!1},reject:function(){this.confirmation.reject&&this.confirmation.reject(),this.visible=!1},onHide:function(){this.confirmation.onHide&&this.confirmation.onHide(),this.visible=!1},onAcceptKeydown:function(e){"Space"!==e.code&&"Enter"!==e.code||(this.accept(),r.DomHandler.focus(this.target),e.preventDefault())},onRejectKeydown:function(e){"Space"!==e.code&&"Enter"!==e.code||(this.reject(),r.DomHandler.focus(this.target),e.preventDefault())},onEnter:function(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:function(){this.focus()},onLeave:function(){this.autoFocusAccept=null,this.autoFocusReject=null,this.unbindOutsideClickListener(),this.unbindScrollListener(),this.unbindResizeListener()},onAfterLeave:function(e){r.ZIndexUtils.clear(e)},alignOverlay:function(){r.DomHandler.absolutePosition(this.container,this.target);var e=r.DomHandler.getOffset(this.container),n=r.DomHandler.getOffset(this.target),t=0;e.left<n.left&&(t=n.left-e.left),this.container.style.setProperty("--overlayArrowLeft","".concat(t,"px")),e.top<n.top&&(this.container.setAttribute("data-p-confirm-popup-flipped","true"),!this.isUnstyled&&r.DomHandler.addClass(this.container,"p-confirm-popup-flipped"))},bindOutsideClickListener:function(){var e=this;this.outsideClickListener||(this.outsideClickListener=function(n){e.visible&&e.container&&!e.container.contains(n.target)&&!e.isTargetClicked(n)?(e.confirmation.onHide&&e.confirmation.onHide(),e.visible=!1):e.alignOverlay()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener:function(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindScrollListener:function(){var e=this;this.scrollHandler||(this.scrollHandler=new r.ConnectedOverlayScrollHandler(this.target,(function(){e.visible&&(e.visible=!1)}))),this.scrollHandler.bindScrollListener()},unbindScrollListener:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.visible&&!r.DomHandler.isTouchDevice()&&(e.visible=!1)},window.addEventListener("resize",this.resizeListener))},unbindResizeListener:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},focus:function(){var e=this.container.querySelector("[autofocus]");e&&e.focus({preventScroll:!0})},isTargetClicked:function(e){return this.target&&(this.target===e.target||this.target.contains(e.target))},containerRef:function(e){this.container=e},onOverlayClick:function(e){m.default.emit("overlay-click",{originalEvent:e,target:this.target})},onOverlayKeydown:function(e){"Escape"===e.code&&(p.default.emit("close",this.closeListener),r.DomHandler.focus(this.target))},getCXOptions:function(e,n){return{contenxt:{icon:e,iconClass:n.class}}}},computed:{message:function(){return this.confirmation?this.confirmation.message:null},acceptLabel:function(){return this.confirmation?this.confirmation.acceptLabel||this.$primevue.config.locale.accept:null},rejectLabel:function(){return this.confirmation?this.confirmation.rejectLabel||this.$primevue.config.locale.reject:null},acceptIcon:function(){return this.confirmation?this.confirmation.acceptIcon:null},rejectIcon:function(){return this.confirmation?this.confirmation.rejectIcon:null}},components:{CPButton:u.default,Portal:d.default},directives:{focustrap:f.default}};function y(e){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},y(e)}function g(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function L(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?g(Object(t),!0).forEach((function(n){j(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):g(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function j(e,n,t){return(n=k(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function k(e){var n=C(e,"string");return"symbol"===y(n)?n:String(n)}function C(e,n){if("object"!==y(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var o=t.call(e,n||"default");if("object"!==y(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}var w=["aria-modal"];return b.render=function(e,n,t,o,i,r){var c=a.resolveComponent("CPButton"),s=a.resolveComponent("Portal"),l=a.resolveDirective("focustrap");return a.openBlock(),a.createBlock(s,null,{default:a.withCtx((function(){return[a.createVNode(a.Transition,a.mergeProps({name:"p-confirm-popup",onEnter:r.onEnter,onAfterEnter:r.onAfterEnter,onLeave:r.onLeave,onAfterLeave:r.onAfterLeave},e.ptm("transition")),{default:a.withCtx((function(){return[i.visible?a.withDirectives((a.openBlock(),a.createElementBlock("div",a.mergeProps({key:0,ref:r.containerRef,role:"alertdialog",class:e.cx("root"),"aria-modal":i.visible,onClick:n[2]||(n[2]=function(){return r.onOverlayClick&&r.onOverlayClick.apply(r,arguments)}),onKeydown:n[3]||(n[3]=function(){return r.onOverlayKeydown&&r.onOverlayKeydown.apply(r,arguments)})},L(L({},e.$attrs),e.ptm("root"))),[e.$slots.message?(a.openBlock(),a.createBlock(a.resolveDynamicComponent(e.$slots.message),{key:1,message:i.confirmation},null,8,["message"])):(a.openBlock(),a.createElementBlock("div",a.mergeProps({key:0,class:e.cx("content")},e.ptm("content")),[a.renderSlot(e.$slots,"icon",{},(function(){return[e.$slots.icon?(a.openBlock(),a.createBlock(a.resolveDynamicComponent(e.$slots.icon),{key:0,class:a.normalizeClass(e.cx("icon"))},null,8,["class"])):i.confirmation.icon?(a.openBlock(),a.createElementBlock("span",a.mergeProps({key:1,class:e.cx("icon")},e.ptm("icon")),null,16)):a.createCommentVNode("",!0)]})),a.createElementVNode("span",a.mergeProps({class:e.cx("message")},e.ptm("message")),a.toDisplayString(i.confirmation.message),17)],16)),a.createElementVNode("div",a.mergeProps({class:e.cx("footer")},e.ptm("footer")),[a.createVNode(c,{label:r.rejectLabel,onClick:n[0]||(n[0]=function(e){return r.reject()}),onKeydown:r.onRejectKeydown,autofocus:i.autoFocusReject,class:a.normalizeClass(e.cx("rejectButton")),unstyled:e.unstyled,pt:e.ptm("rejectButton"),"data-pc-name":"rejectbutton"},a.createSlots({_:2},[r.rejectIcon||e.$slots.rejecticon?{name:"icon",fn:a.withCtx((function(n){return[a.renderSlot(e.$slots,"rejecticon",{},(function(){return[a.createElementVNode("span",a.mergeProps({class:[r.rejectIcon,n.class]},e.ptm("rejectButton").icon,{"data-pc-name":"rejectbuttonicon"}),null,16)]}))]})),key:"0"}:void 0]),1032,["label","onKeydown","autofocus","class","unstyled","pt"]),a.createVNode(c,{label:r.acceptLabel,onClick:n[1]||(n[1]=function(e){return r.accept()}),onKeydown:r.onAcceptKeydown,autofocus:i.autoFocusAccept,class:a.normalizeClass(e.cx("acceptButton")),unstyled:e.unstyled,pt:e.ptm("acceptButton"),"data-pc-name":"acceptbutton"},a.createSlots({_:2},[r.acceptIcon||e.$slots.accepticon?{name:"icon",fn:a.withCtx((function(n){return[a.renderSlot(e.$slots,"accepticon",{},(function(){return[a.createElementVNode("span",a.mergeProps({class:[r.acceptIcon,n.class]},e.ptm("acceptButton").icon,{"data-pc-name":"acceptbuttonicon"}),null,16)]}))]})),key:"0"}:void 0]),1032,["label","onKeydown","autofocus","class","unstyled","pt"])],16)],16,w)),[[l]]):a.createCommentVNode("",!0)]})),_:3},16,["onEnter","onAfterEnter","onLeave","onAfterLeave"])]})),_:3})},b}(primevue.button,primevue.confirmationeventbus,primevue.focustrap,primevue.overlayeventbus,primevue.portal,primevue.utils,primevue.basecomponent,primevue.usestyle,Vue);
+this.primevue=this.primevue||{},this.primevue.confirmpopup=function(e,t,n,o,i,r,c,s,a){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=l(e),p=l(t),f=l(n),m=l(o),d=l(i),h=l(c),v=s.useStyle("\n@layer primevue {\n    .p-confirm-popup {\n        position: absolute;\n        margin-top: 10px;\n        top: 0;\n        left: 0;\n    }\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    \n    .p-confirm-popup-leave-to {\n        opacity: 0;\n    }\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    \n    .p-confirm-popup-leave-active {\n        transition: opacity 0.1s linear;\n    }\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    \n    .p-confirm-popup:after {\n        border-width: 8px;\n        margin-left: -8px;\n    }\n    \n    .p-confirm-popup:before {\n        border-width: 10px;\n        margin-left: -10px;\n    }\n    \n    .p-confirm-popup-flipped:after,\n    .p-confirm-popup-flipped:before {\n        bottom: auto;\n        top: 100%;\n    }\n    \n    .p-confirm-popup.p-confirm-popup-flipped:after {\n        border-bottom-color: transparent;\n    }\n    \n    .p-confirm-popup.p-confirm-popup-flipped:before {\n        border-bottom-color: transparent;\n    }\n    \n    .p-confirm-popup .p-confirm-popup-content {\n        display: flex;\n        align-items: center;\n    }\n}\n",{name:"confirmpopup",manual:!0}),b={name:"ConfirmPopup",extends:{name:"BaseConfirmPopup",extends:h.default,props:{group:String},css:{classes:{root:function(e){var t=e.instance;return["p-confirm-popup p-component",{"p-input-filled":"filled"===t.$primevue.config.inputStyle,"p-ripple-disabled":!1===t.$primevue.config.ripple}]},content:"p-confirm-popup-content",icon:function(e){var t=e.instance;return["p-confirm-popup-icon",t.confirmation?t.confirmation.icon:null]},message:"p-confirm-popup-message",footer:"p-confirm-popup-footer",rejectButton:function(e){var t=e.instance;return["p-confirm-dialog-reject",t.confirmation&&!t.confirmation.rejectClass?"p-button-text":null]},acceptButton:"p-confirm-dialog-accept"},loadStyle:v.load},provide:function(){return{$parentInstance:this}}},inheritAttrs:!1,data:function(){return{visible:!1,confirmation:null,autoFocusAccept:null,autoFocusReject:null}},target:null,outsideClickListener:null,scrollHandler:null,resizeListener:null,container:null,confirmListener:null,closeListener:null,mounted:function(){var e=this;this.confirmListener=function(t){t&&t.group===e.group&&(e.confirmation=t,e.target=t.target,e.confirmation.onShow&&e.confirmation.onShow(),e.visible=!0)},this.closeListener=function(){e.visible=!1,e.confirmation=null},p.default.on("confirm",this.confirmListener),p.default.on("close",this.closeListener)},beforeUnmount:function(){p.default.off("confirm",this.confirmListener),p.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:function(){this.confirmation.accept&&this.confirmation.accept(),this.visible=!1},reject:function(){this.confirmation.reject&&this.confirmation.reject(),this.visible=!1},onHide:function(){this.confirmation.onHide&&this.confirmation.onHide(),this.visible=!1},onAcceptKeydown:function(e){"Space"!==e.code&&"Enter"!==e.code||(this.accept(),r.DomHandler.focus(this.target),e.preventDefault())},onRejectKeydown:function(e){"Space"!==e.code&&"Enter"!==e.code||(this.reject(),r.DomHandler.focus(this.target),e.preventDefault())},onEnter:function(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:function(){this.focus()},onLeave:function(){this.autoFocusAccept=null,this.autoFocusReject=null,this.unbindOutsideClickListener(),this.unbindScrollListener(),this.unbindResizeListener()},onAfterLeave:function(e){r.ZIndexUtils.clear(e)},alignOverlay:function(){r.DomHandler.absolutePosition(this.container,this.target);var e=r.DomHandler.getOffset(this.container),t=r.DomHandler.getOffset(this.target),n=0;e.left<t.left&&(n=t.left-e.left),this.container.style.setProperty("--overlayArrowLeft","".concat(n,"px")),e.top<t.top&&(this.container.setAttribute("data-p-confirm-popup-flipped","true"),!this.isUnstyled&&r.DomHandler.addClass(this.container,"p-confirm-popup-flipped"))},bindOutsideClickListener:function(){var e=this;this.outsideClickListener||(this.outsideClickListener=function(t){e.visible&&e.container&&!e.container.contains(t.target)&&!e.isTargetClicked(t)?(e.confirmation.onHide&&e.confirmation.onHide(),e.visible=!1):e.alignOverlay()},document.addEventListener("click",this.outsideClickListener))},unbindOutsideClickListener:function(){this.outsideClickListener&&(document.removeEventListener("click",this.outsideClickListener),this.outsideClickListener=null)},bindScrollListener:function(){var e=this;this.scrollHandler||(this.scrollHandler=new r.ConnectedOverlayScrollHandler(this.target,(function(){e.visible&&(e.visible=!1)}))),this.scrollHandler.bindScrollListener()},unbindScrollListener:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.visible&&!r.DomHandler.isTouchDevice()&&(e.visible=!1)},window.addEventListener("resize",this.resizeListener))},unbindResizeListener:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},focus:function(){var e=this.container.querySelector("[autofocus]");e&&e.focus({preventScroll:!0})},isTargetClicked:function(e){return this.target&&(this.target===e.target||this.target.contains(e.target))},containerRef:function(e){this.container=e},onOverlayClick:function(e){m.default.emit("overlay-click",{originalEvent:e,target:this.target})},onOverlayKeydown:function(e){"Escape"===e.code&&(p.default.emit("close",this.closeListener),r.DomHandler.focus(this.target))},getCXOptions:function(e,t){return{contenxt:{icon:e,iconClass:t.class}}}},computed:{message:function(){return this.confirmation?this.confirmation.message:null},acceptLabel:function(){return this.confirmation?this.confirmation.acceptLabel||this.$primevue.config.locale.accept:null},rejectLabel:function(){return this.confirmation?this.confirmation.rejectLabel||this.$primevue.config.locale.reject:null},acceptIcon:function(){return this.confirmation?this.confirmation.acceptIcon:null},rejectIcon:function(){return this.confirmation?this.confirmation.rejectIcon:null}},components:{CPButton:u.default,Portal:d.default},directives:{focustrap:f.default}};function y(e){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},y(e)}function g(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function L(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?g(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function j(e,t,n){return(t=k(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function k(e){var t=C(e,"string");return"symbol"===y(t)?t:String(t)}function C(e,t){if("object"!==y(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==y(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var w=["aria-modal"];return b.render=function(e,t,n,o,i,r){var c=a.resolveComponent("CPButton"),s=a.resolveComponent("Portal"),l=a.resolveDirective("focustrap");return a.openBlock(),a.createBlock(s,null,{default:a.withCtx((function(){return[a.createVNode(a.Transition,a.mergeProps({name:"p-confirm-popup",onEnter:r.onEnter,onAfterEnter:r.onAfterEnter,onLeave:r.onLeave,onAfterLeave:r.onAfterLeave},e.ptm("transition")),{default:a.withCtx((function(){return[i.visible?a.withDirectives((a.openBlock(),a.createElementBlock("div",a.mergeProps({key:0,ref:r.containerRef,role:"alertdialog",class:e.cx("root"),"aria-modal":i.visible,onClick:t[2]||(t[2]=function(){return r.onOverlayClick&&r.onOverlayClick.apply(r,arguments)}),onKeydown:t[3]||(t[3]=function(){return r.onOverlayKeydown&&r.onOverlayKeydown.apply(r,arguments)})},L(L({},e.$attrs),e.ptm("root"))),[e.$slots.container?a.renderSlot(e.$slots,"container",{key:0,message:i.confirmation,onAccept:r.accept,onReject:r.reject}):(a.openBlock(),a.createElementBlock(a.Fragment,{key:1},[e.$slots.message?(a.openBlock(),a.createBlock(a.resolveDynamicComponent(e.$slots.message),{key:1,message:i.confirmation},null,8,["message"])):(a.openBlock(),a.createElementBlock("div",a.mergeProps({key:0,class:e.cx("content")},e.ptm("content")),[a.renderSlot(e.$slots,"icon",{},(function(){return[e.$slots.icon?(a.openBlock(),a.createBlock(a.resolveDynamicComponent(e.$slots.icon),{key:0,class:a.normalizeClass(e.cx("icon"))},null,8,["class"])):i.confirmation.icon?(a.openBlock(),a.createElementBlock("span",a.mergeProps({key:1,class:e.cx("icon")},e.ptm("icon")),null,16)):a.createCommentVNode("",!0)]})),a.createElementVNode("span",a.mergeProps({class:e.cx("message")},e.ptm("message")),a.toDisplayString(i.confirmation.message),17)],16)),a.createElementVNode("div",a.mergeProps({class:e.cx("footer")},e.ptm("footer")),[a.createVNode(c,{label:r.rejectLabel,onClick:t[0]||(t[0]=function(e){return r.reject()}),onKeydown:r.onRejectKeydown,autofocus:i.autoFocusReject,class:a.normalizeClass([e.cx("rejectButton"),i.confirmation.rejectClass]),unstyled:e.unstyled,pt:e.ptm("rejectButton"),"data-pc-name":"rejectbutton"},a.createSlots({_:2},[r.rejectIcon||e.$slots.rejecticon?{name:"icon",fn:a.withCtx((function(t){return[a.renderSlot(e.$slots,"rejecticon",{},(function(){return[a.createElementVNode("span",a.mergeProps({class:[r.rejectIcon,t.class]},e.ptm("rejectButton").icon,{"data-pc-name":"rejectbuttonicon"}),null,16)]}))]})),key:"0"}:void 0]),1032,["label","onKeydown","autofocus","class","unstyled","pt"]),a.createVNode(c,{label:r.acceptLabel,onClick:t[1]||(t[1]=function(e){return r.accept()}),onKeydown:r.onAcceptKeydown,autofocus:i.autoFocusAccept,class:a.normalizeClass([e.cx("acceptButton"),i.confirmation.acceptClass]),unstyled:e.unstyled,pt:e.ptm("acceptButton"),"data-pc-name":"acceptbutton"},a.createSlots({_:2},[r.acceptIcon||e.$slots.accepticon?{name:"icon",fn:a.withCtx((function(t){return[a.renderSlot(e.$slots,"accepticon",{},(function(){return[a.createElementVNode("span",a.mergeProps({class:[r.acceptIcon,t.class]},e.ptm("acceptButton").icon,{"data-pc-name":"acceptbuttonicon"}),null,16)]}))]})),key:"0"}:void 0]),1032,["label","onKeydown","autofocus","class","unstyled","pt"])],16)],64))],16,w)),[[l]]):a.createCommentVNode("",!0)]})),_:3},16,["onEnter","onAfterEnter","onLeave","onAfterLeave"])]})),_:3})},b}(primevue.button,primevue.confirmationeventbus,primevue.focustrap,primevue.overlayeventbus,primevue.portal,primevue.utils,primevue.basecomponent,primevue.usestyle,Vue);

package/contextmenu/BaseContextMenu.vue

@@ -3,45 +3,47 @@ import BaseComponent from 'primevue/basecomponent';
 import { useStyle } from 'primevue/usestyle';
 
 const styles = `
-.p-contextmenu ul {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-}
-
-.p-contextmenu .p-submenu-list {
-    position: absolute;
-    min-width: 100%;
-    z-index: 1;
-}
-
-.p-contextmenu .p-menuitem-link {
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    text-decoration: none;
-    overflow: hidden;
-    position: relative;
-}
-
-.p-contextmenu .p-menuitem-text {
-    line-height: 1;
-}
-
-.p-contextmenu .p-menuitem {
-    position: relative;
-}
-
-.p-contextmenu .p-menuitem-link .p-submenu-icon {
-    margin-left: auto;
-}
-
-.p-contextmenu-enter-from {
-    opacity: 0;
-}
-
-.p-contextmenu-enter-active {
-    transition: opacity 250ms;
+@layer primevue {
+    .p-contextmenu ul {
+        margin: 0;
+        padding: 0;
+        list-style: none;
+    }
+    
+    .p-contextmenu .p-submenu-list {
+        position: absolute;
+        min-width: 100%;
+        z-index: 1;
+    }
+    
+    .p-contextmenu .p-menuitem-link {
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+        text-decoration: none;
+        overflow: hidden;
+        position: relative;
+    }
+    
+    .p-contextmenu .p-menuitem-text {
+        line-height: 1;
+    }
+    
+    .p-contextmenu .p-menuitem {
+        position: relative;
+    }
+    
+    .p-contextmenu .p-menuitem-link .p-submenu-icon {
+        margin-left: auto;
+    }
+    
+    .p-contextmenu-enter-from {
+        opacity: 0;
+    }
+    
+    .p-contextmenu-enter-active {
+        transition: opacity 250ms;
+    }
 }
 `;
 

package/contextmenu/contextmenu.cjs.js

@@ -15,7 +15,7 @@ var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 var AngleRightIcon__default = /*#__PURE__*/_interopDefaultLegacy(AngleRightIcon);
 var Ripple__default = /*#__PURE__*/_interopDefaultLegacy(Ripple);
 
-var styles = "\n.p-contextmenu ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.p-contextmenu .p-submenu-list {\n    position: absolute;\n    min-width: 100%;\n    z-index: 1;\n}\n\n.p-contextmenu .p-menuitem-link {\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n}\n\n.p-contextmenu .p-menuitem-text {\n    line-height: 1;\n}\n\n.p-contextmenu .p-menuitem {\n    position: relative;\n}\n\n.p-contextmenu .p-menuitem-link .p-submenu-icon {\n    margin-left: auto;\n}\n\n.p-contextmenu-enter-from {\n    opacity: 0;\n}\n\n.p-contextmenu-enter-active {\n    transition: opacity 250ms;\n}\n";
+var styles = "\n@layer primevue {\n    .p-contextmenu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n    \n    .p-contextmenu .p-submenu-list {\n        position: absolute;\n        min-width: 100%;\n        z-index: 1;\n    }\n    \n    .p-contextmenu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-contextmenu .p-menuitem-text {\n        line-height: 1;\n    }\n    \n    .p-contextmenu .p-menuitem {\n        position: relative;\n    }\n    \n    .p-contextmenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n    \n    .p-contextmenu-enter-from {\n        opacity: 0;\n    }\n    \n    .p-contextmenu-enter-active {\n        transition: opacity 250ms;\n    }\n}\n";
 var classes = {
   root: function root(_ref) {
     var instance = _ref.instance;