primevue 3.34.0 → 3.35.0

package/image/image.js

@@ -14,7 +14,7 @@ this.primevue.image = (function (FocusTrap, EyeIcon, RefreshIcon, SearchMinusIco
     var Portal__default = /*#__PURE__*/_interopDefaultLegacy(Portal);
     var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 
-    var styles = "\n.p-image-mask {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-image-preview-container {\n    position: relative;\n    display: inline-block;\n}\n\n.p-image-preview-indicator {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0;\n    transition: opacity 0.3s;\n}\n\n.p-image-preview-container:hover > .p-image-preview-indicator {\n    opacity: 1;\n    cursor: pointer;\n}\n\n.p-image-preview-container > img {\n    cursor: pointer;\n}\n\n.p-image-toolbar {\n    position: absolute;\n    top: 0;\n    right: 0;\n    display: flex;\n}\n\n.p-image-action.p-link {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n.p-image-preview {\n    transition: transform 0.15s;\n    max-width: 100vw;\n    max-height: 100vh;\n}\n\n.p-image-preview-enter-active {\n    transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n}\n.p-image-preview-leave-active {\n    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.p-image-preview-enter-from,\n.p-image-preview-leave-to {\n    opacity: 0;\n    transform: scale(0.7);\n}\n";
+    var styles = "\n@layer primevue {\n    .p-image-mask {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-image-preview-container {\n        position: relative;\n        display: inline-block;\n    }\n    \n    .p-image-preview-indicator {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        opacity: 0;\n        transition: opacity 0.3s;\n    }\n    \n    .p-image-preview-container:hover > .p-image-preview-indicator {\n        opacity: 1;\n        cursor: pointer;\n    }\n    \n    .p-image-preview-container > img {\n        cursor: pointer;\n    }\n    \n    .p-image-toolbar {\n        position: absolute;\n        top: 0;\n        right: 0;\n        display: flex;\n    }\n    \n    .p-image-action.p-link {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n    \n    .p-image-preview {\n        transition: transform 0.15s;\n        max-width: 100vw;\n        max-height: 100vh;\n    }\n    \n    .p-image-preview-enter-active {\n        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    }\n    .p-image-preview-leave-active {\n        transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    .p-image-preview-enter-from,\n    .p-image-preview-leave-to {\n        opacity: 0;\n        transform: scale(0.7);\n    }\n}\n";
     var classes = {
       root: function root(_ref) {
         var props = _ref.props;
@@ -133,6 +133,7 @@ this.primevue.image = (function (FocusTrap, EyeIcon, RefreshIcon, SearchMinusIco
           var _this = this;
           if (this.preview) {
             utils.DomHandler.addClass(document.body, 'p-overflow-hidden');
+            document.body.style.setProperty('--scrollbar-width', utils.DomHandler.calculateScrollbarWidth() + 'px');
             this.maskVisible = true;
             setTimeout(function () {
               _this.previewVisible = true;
@@ -196,6 +197,8 @@ this.primevue.image = (function (FocusTrap, EyeIcon, RefreshIcon, SearchMinusIco
           !this.isUnstyled && utils.DomHandler.addClass(this.mask, 'p-component-overlay-leave');
         },
         onLeave: function onLeave() {
+          utils.DomHandler.removeClass(document.body, 'p-overflow-hidden');
+          document.body.style.removeProperty('--scrollbar-width');
           this.$emit('hide');
         },
         onAfterLeave: function onAfterLeave(el) {
@@ -213,6 +216,7 @@ this.primevue.image = (function (FocusTrap, EyeIcon, RefreshIcon, SearchMinusIco
           this.rotate = 0;
           this.scale = 1;
           utils.DomHandler.removeClass(document.body, 'p-overflow-hidden');
+          document.body.style.removeProperty('--scrollbar-width');
         }
       },
       computed: {

package/image/image.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.image=function(e,t,n,o,i,r,a,l,s,c,u,p){"use strict";function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=m(e),d=m(t),v=m(n),g=m(o),h=m(i),b=m(r),y=m(a),w=m(l),k=m(c),P=u.useStyle("\n.p-image-mask {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-image-preview-container {\n    position: relative;\n    display: inline-block;\n}\n\n.p-image-preview-indicator {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0;\n    transition: opacity 0.3s;\n}\n\n.p-image-preview-container:hover > .p-image-preview-indicator {\n    opacity: 1;\n    cursor: pointer;\n}\n\n.p-image-preview-container > img {\n    cursor: pointer;\n}\n\n.p-image-toolbar {\n    position: absolute;\n    top: 0;\n    right: 0;\n    display: flex;\n}\n\n.p-image-action.p-link {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n.p-image-preview {\n    transition: transform 0.15s;\n    max-width: 100vw;\n    max-height: 100vh;\n}\n\n.p-image-preview-enter-active {\n    transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n}\n.p-image-preview-leave-active {\n    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.p-image-preview-enter-from,\n.p-image-preview-leave-to {\n    opacity: 0;\n    transform: scale(0.7);\n}\n",{name:"image",manual:!0}),C={name:"Image",extends:{name:"BaseImage",extends:k.default,props:{preview:{type:Boolean,default:!1},class:{type:null,default:null},style:{type:null,default:null},imageStyle:{type:null,default:null},imageClass:{type:null,default:null},previewButtonProps:{type:null,default:null},indicatorIcon:{type:String,default:void 0},zoomInDisabled:{type:Boolean,default:!1},zoomOutDisabled:{type:Boolean,default:!1}},css:{classes:{root:function(e){return["p-image p-component",{"p-image-preview-container":e.props.preview}]},image:function(e){return e.props.image},button:"p-image-preview-indicator",icon:"p-image-preview-icon",mask:"p-image-mask p-component-overlay p-component-overlay-enter",rotateRightButton:"p-image-action p-link",rotateLeftButton:"p-image-action p-link",zoomOutButton:function(e){return["p-image-action p-link",{"p-disabled":e.instance.isZoomOutDisabled}]},zoomInButton:function(e){return["p-image-action p-link",{"p-disabled":e.instance.isZoomInDisabled}]},closeButton:"p-image-action p-link",preview:"p-image-preview"},loadStyle:P.load},provide:function(){return{$parentInstance:this}}},inheritAttrs:!1,emits:["show","hide","error"],mask:null,data:function(){return{maskVisible:!1,previewVisible:!1,rotate:0,scale:1}},beforeUnmount:function(){this.mask&&s.ZIndexUtils.clear(this.container)},methods:{maskRef:function(e){this.mask=e},toolbarRef:function(e){this.toolbarRef=e},onImageClick:function(){var e=this;this.preview&&(s.DomHandler.addClass(document.body,"p-overflow-hidden"),this.maskVisible=!0,setTimeout((function(){e.previewVisible=!0}),25))},onPreviewImageClick:function(){this.previewClick=!0},onMaskClick:function(e){[e.target.classList].includes("p-image-action")||e.target.closest(".p-image-action")||(this.previewClick||(this.previewVisible=!1,this.rotate=0,this.scale=1),this.previewClick=!1)},onMaskKeydown:function(e){var t=this;if("Escape"===e.code)this.hidePreview(),setTimeout((function(){s.DomHandler.focus(t.$refs.previewButton)}),200),e.preventDefault()},onError:function(){this.$emit("error")},rotateRight:function(){this.rotate+=90,this.previewClick=!0},rotateLeft:function(){this.rotate-=90,this.previewClick=!0},zoomIn:function(){this.scale=this.scale+.1,this.previewClick=!0},zoomOut:function(){this.scale=this.scale-.1,this.previewClick=!0},onBeforeEnter:function(){s.ZIndexUtils.set("modal",this.mask,this.$primevue.config.zIndex.modal)},onEnter:function(){this.focus(),this.$emit("show")},onBeforeLeave:function(){!this.isUnstyled&&s.DomHandler.addClass(this.mask,"p-component-overlay-leave")},onLeave:function(){this.$emit("hide")},onAfterLeave:function(e){s.ZIndexUtils.clear(e),this.maskVisible=!1},focus:function(){var e=this.mask.querySelector("[autofocus]");e&&e.focus()},hidePreview:function(){this.previewVisible=!1,this.rotate=0,this.scale=1,s.DomHandler.removeClass(document.body,"p-overflow-hidden")}},computed:{containerClass:function(){return[this.cx("root"),this.class]},rotateClass:function(){return"p-image-preview-rotate-"+this.rotate},imagePreviewStyle:function(){return{transform:"rotate("+this.rotate+"deg) scale("+this.scale+")"}},isZoomInDisabled:function(){return this.zoomInDisabled||this.scale>=1.5},isZoomOutDisabled:function(){return this.zoomOutDisabled||this.scale<=.5},rightAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.rotateRight:void 0},leftAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.rotateLeft:void 0},zoomInAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.zoomIn:void 0},zoomOutAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.zoomOut:void 0},closeAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},components:{Portal:w.default,EyeIcon:d.default,RefreshIcon:v.default,UndoIcon:y.default,SearchMinusIcon:g.default,SearchPlusIcon:h.default,TimesIcon:b.default},directives:{focustrap:f.default}};function I(e){return I="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},I(e)}function B(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 z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?B(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):B(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function O(e,t,n){return(t=E(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(e){var t=S(e,"string");return"symbol"===I(t)?t:String(t)}function S(e,t){if("object"!==I(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==I(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var L=["aria-modal"],V=["aria-label"],x=["aria-label"],$=["disabled","aria-label"],D=["disabled","aria-label"],N=["aria-label"],R=["src"];return C.render=function(e,t,n,o,i,r){var a=p.resolveComponent("RefreshIcon"),l=p.resolveComponent("UndoIcon"),s=p.resolveComponent("SearchMinusIcon"),c=p.resolveComponent("SearchPlusIcon"),u=p.resolveComponent("TimesIcon"),m=p.resolveComponent("Portal"),f=p.resolveDirective("focustrap");return p.openBlock(),p.createElementBlock("span",p.mergeProps({class:r.containerClass,style:e.style},e.ptm("root"),{"data-pc-name":"image"}),[p.renderSlot(e.$slots,"image",{onError:r.onError},(function(){return[p.createElementVNode("img",p.mergeProps({style:e.imageStyle,class:[e.cx("image"),e.imageClass],onError:t[0]||(t[0]=function(){return r.onError&&r.onError.apply(r,arguments)})},z(z({},e.$attrs),e.ptm("image"))),null,16)]})),e.preview?(p.openBlock(),p.createElementBlock("button",p.mergeProps({key:0,ref:"previewButton",type:"button",class:e.cx("button"),onClick:t[1]||(t[1]=function(){return r.onImageClick&&r.onImageClick.apply(r,arguments)})},z(z({},e.previewButtonProps),e.ptm("button"))),[p.renderSlot(e.$slots,"indicatoricon",{},(function(){return[(p.openBlock(),p.createBlock(p.resolveDynamicComponent(e.indicatorIcon?"i":"EyeIcon"),p.mergeProps({class:e.cx("icon")},e.ptm("icon")),null,16,["class"]))]}))],16)):p.createCommentVNode("",!0),p.createVNode(m,null,{default:p.withCtx((function(){return[i.maskVisible?p.withDirectives((p.openBlock(),p.createElementBlock("div",p.mergeProps({key:0,ref:r.maskRef,role:"dialog",class:e.cx("mask"),"aria-modal":i.maskVisible,onClick:t[8]||(t[8]=function(){return r.onMaskClick&&r.onMaskClick.apply(r,arguments)}),onKeydown:t[9]||(t[9]=function(){return r.onMaskKeydown&&r.onMaskKeydown.apply(r,arguments)})},e.ptm("mask")),[p.createElementVNode("div",p.mergeProps({class:"p-image-toolbar"},e.ptm("toolbar")),[p.createElementVNode("button",p.mergeProps({class:e.cx("rotateRightButton"),onClick:t[2]||(t[2]=function(){return r.rotateRight&&r.rotateRight.apply(r,arguments)}),type:"button","aria-label":r.rightAriaLabel},e.ptm("rotateRightButton"),{"data-pc-group-section":"action"}),[p.renderSlot(e.$slots,"refresh",{},(function(){return[p.createVNode(a,p.normalizeProps(p.guardReactiveProps(e.ptm("rotateRightIcon"))),null,16)]}))],16,V),p.createElementVNode("button",p.mergeProps({class:e.cx("rotateLeftButton"),onClick:t[3]||(t[3]=function(){return r.rotateLeft&&r.rotateLeft.apply(r,arguments)}),type:"button","aria-label":r.leftAriaLabel},e.ptm("rotateLeftButton"),{"data-pc-group-section":"action"}),[p.renderSlot(e.$slots,"undo",{},(function(){return[p.createVNode(l,p.normalizeProps(p.guardReactiveProps(e.ptm("rotateLeftIcon"))),null,16)]}))],16,x),p.createElementVNode("button",p.mergeProps({class:e.cx("zoomOutButton"),onClick:t[4]||(t[4]=function(){return r.zoomOut&&r.zoomOut.apply(r,arguments)}),type:"button",disabled:r.isZoomOutDisabled,"aria-label":r.zoomOutAriaLabel},e.ptm("zoomOutButton"),{"data-pc-group-section":"action"}),[p.renderSlot(e.$slots,"zoomout",{},(function(){return[p.createVNode(s,p.normalizeProps(p.guardReactiveProps(e.ptm("zoomOutIcon"))),null,16)]}))],16,$),p.createElementVNode("button",p.mergeProps({class:e.cx("zoomInButton"),onClick:t[5]||(t[5]=function(){return r.zoomIn&&r.zoomIn.apply(r,arguments)}),type:"button",disabled:r.isZoomInDisabled,"aria-label":r.zoomInAriaLabel},e.ptm("zoomInButton"),{"data-pc-group-section":"action"}),[p.renderSlot(e.$slots,"zoomin",{},(function(){return[p.createVNode(c,p.normalizeProps(p.guardReactiveProps(e.ptm("zoomInIcon"))),null,16)]}))],16,D),p.createElementVNode("button",p.mergeProps({class:e.cx("closeButton"),type:"button",onClick:t[6]||(t[6]=function(){return r.hidePreview&&r.hidePreview.apply(r,arguments)}),"aria-label":r.closeAriaLabel,autofocus:""},e.ptm("closeButton"),{"data-pc-group-section":"action"}),[p.renderSlot(e.$slots,"close",{},(function(){return[p.createVNode(u,p.normalizeProps(p.guardReactiveProps(e.ptm("closeIcon"))),null,16)]}))],16,N)],16),p.createVNode(p.Transition,p.mergeProps({name:"p-image-preview",onBeforeEnter:r.onBeforeEnter,onEnter:r.onEnter,onLeave:r.onLeave,onBeforeLeave:r.onBeforeLeave,onAfterLeave:r.onAfterLeave},e.ptm("transition")),{default:p.withCtx((function(){return[i.previewVisible?(p.openBlock(),p.createElementBlock("div",p.normalizeProps(p.mergeProps({key:0},e.ptm("previewContainer"))),[p.renderSlot(e.$slots,"preview",{class:p.normalizeClass(e.cx("preview")),style:p.normalizeStyle(r.imagePreviewStyle),onClick:r.onPreviewImageClick},(function(){return[p.createElementVNode("img",p.mergeProps({src:e.$attrs.src,class:e.cx("preview"),style:r.imagePreviewStyle,onClick:t[7]||(t[7]=function(){return r.onPreviewImageClick&&r.onPreviewImageClick.apply(r,arguments)})},e.ptm("preview")),null,16,R)]}))],16)):p.createCommentVNode("",!0)]})),_:3},16,["onBeforeEnter","onEnter","onLeave","onBeforeLeave","onAfterLeave"])],16,L)),[[f]]):p.createCommentVNode("",!0)]})),_:3})],16)},C}(primevue.focustrap,primevue.icons.eye,primevue.icons.refresh,primevue.icons.searchminus,primevue.icons.searchplus,primevue.icons.times,primevue.icons.undo,primevue.portal,primevue.utils,primevue.basecomponent,primevue.usestyle,Vue);
+this.primevue=this.primevue||{},this.primevue.image=function(e,t,o,n,i,r,a,l,s,c,u,p){"use strict";function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=m(e),d=m(t),v=m(o),g=m(n),b=m(i),h=m(r),y=m(a),w=m(l),k=m(c),P=u.useStyle("\n@layer primevue {\n    .p-image-mask {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-image-preview-container {\n        position: relative;\n        display: inline-block;\n    }\n    \n    .p-image-preview-indicator {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        opacity: 0;\n        transition: opacity 0.3s;\n    }\n    \n    .p-image-preview-container:hover > .p-image-preview-indicator {\n        opacity: 1;\n        cursor: pointer;\n    }\n    \n    .p-image-preview-container > img {\n        cursor: pointer;\n    }\n    \n    .p-image-toolbar {\n        position: absolute;\n        top: 0;\n        right: 0;\n        display: flex;\n    }\n    \n    .p-image-action.p-link {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n    \n    .p-image-preview {\n        transition: transform 0.15s;\n        max-width: 100vw;\n        max-height: 100vh;\n    }\n    \n    .p-image-preview-enter-active {\n        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    }\n    .p-image-preview-leave-active {\n        transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    .p-image-preview-enter-from,\n    .p-image-preview-leave-to {\n        opacity: 0;\n        transform: scale(0.7);\n    }\n}\n",{name:"image",manual:!0}),C={name:"Image",extends:{name:"BaseImage",extends:k.default,props:{preview:{type:Boolean,default:!1},class:{type:null,default:null},style:{type:null,default:null},imageStyle:{type:null,default:null},imageClass:{type:null,default:null},previewButtonProps:{type:null,default:null},indicatorIcon:{type:String,default:void 0},zoomInDisabled:{type:Boolean,default:!1},zoomOutDisabled:{type:Boolean,default:!1}},css:{classes:{root:function(e){return["p-image p-component",{"p-image-preview-container":e.props.preview}]},image:function(e){return e.props.image},button:"p-image-preview-indicator",icon:"p-image-preview-icon",mask:"p-image-mask p-component-overlay p-component-overlay-enter",rotateRightButton:"p-image-action p-link",rotateLeftButton:"p-image-action p-link",zoomOutButton:function(e){return["p-image-action p-link",{"p-disabled":e.instance.isZoomOutDisabled}]},zoomInButton:function(e){return["p-image-action p-link",{"p-disabled":e.instance.isZoomInDisabled}]},closeButton:"p-image-action p-link",preview:"p-image-preview"},loadStyle:P.load},provide:function(){return{$parentInstance:this}}},inheritAttrs:!1,emits:["show","hide","error"],mask:null,data:function(){return{maskVisible:!1,previewVisible:!1,rotate:0,scale:1}},beforeUnmount:function(){this.mask&&s.ZIndexUtils.clear(this.container)},methods:{maskRef:function(e){this.mask=e},toolbarRef:function(e){this.toolbarRef=e},onImageClick:function(){var e=this;this.preview&&(s.DomHandler.addClass(document.body,"p-overflow-hidden"),document.body.style.setProperty("--scrollbar-width",s.DomHandler.calculateScrollbarWidth()+"px"),this.maskVisible=!0,setTimeout((function(){e.previewVisible=!0}),25))},onPreviewImageClick:function(){this.previewClick=!0},onMaskClick:function(e){[e.target.classList].includes("p-image-action")||e.target.closest(".p-image-action")||(this.previewClick||(this.previewVisible=!1,this.rotate=0,this.scale=1),this.previewClick=!1)},onMaskKeydown:function(e){var t=this;if("Escape"===e.code)this.hidePreview(),setTimeout((function(){s.DomHandler.focus(t.$refs.previewButton)}),200),e.preventDefault()},onError:function(){this.$emit("error")},rotateRight:function(){this.rotate+=90,this.previewClick=!0},rotateLeft:function(){this.rotate-=90,this.previewClick=!0},zoomIn:function(){this.scale=this.scale+.1,this.previewClick=!0},zoomOut:function(){this.scale=this.scale-.1,this.previewClick=!0},onBeforeEnter:function(){s.ZIndexUtils.set("modal",this.mask,this.$primevue.config.zIndex.modal)},onEnter:function(){this.focus(),this.$emit("show")},onBeforeLeave:function(){!this.isUnstyled&&s.DomHandler.addClass(this.mask,"p-component-overlay-leave")},onLeave:function(){s.DomHandler.removeClass(document.body,"p-overflow-hidden"),document.body.style.removeProperty("--scrollbar-width"),this.$emit("hide")},onAfterLeave:function(e){s.ZIndexUtils.clear(e),this.maskVisible=!1},focus:function(){var e=this.mask.querySelector("[autofocus]");e&&e.focus()},hidePreview:function(){this.previewVisible=!1,this.rotate=0,this.scale=1,s.DomHandler.removeClass(document.body,"p-overflow-hidden"),document.body.style.removeProperty("--scrollbar-width")}},computed:{containerClass:function(){return[this.cx("root"),this.class]},rotateClass:function(){return"p-image-preview-rotate-"+this.rotate},imagePreviewStyle:function(){return{transform:"rotate("+this.rotate+"deg) scale("+this.scale+")"}},isZoomInDisabled:function(){return this.zoomInDisabled||this.scale>=1.5},isZoomOutDisabled:function(){return this.zoomOutDisabled||this.scale<=.5},rightAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.rotateRight:void 0},leftAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.rotateLeft:void 0},zoomInAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.zoomIn:void 0},zoomOutAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.zoomOut:void 0},closeAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},components:{Portal:w.default,EyeIcon:d.default,RefreshIcon:v.default,UndoIcon:y.default,SearchMinusIcon:g.default,SearchPlusIcon:b.default,TimesIcon:h.default},directives:{focustrap:f.default}};function I(e){return I="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},I(e)}function B(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,n)}return o}function z(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?B(Object(o),!0).forEach((function(t){O(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):B(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}function O(e,t,o){return(t=S(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function S(e){var t=E(e,"string");return"symbol"===I(t)?t:String(t)}function E(e,t){if("object"!==I(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==I(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var L=["aria-modal"],V=["aria-label"],x=["aria-label"],$=["disabled","aria-label"],D=["disabled","aria-label"],N=["aria-label"],R=["src"];return C.render=function(e,t,o,n,i,r){var a=p.resolveComponent("RefreshIcon"),l=p.resolveComponent("UndoIcon"),s=p.resolveComponent("SearchMinusIcon"),c=p.resolveComponent("SearchPlusIcon"),u=p.resolveComponent("TimesIcon"),m=p.resolveComponent("Portal"),f=p.resolveDirective("focustrap");return p.openBlock(),p.createElementBlock("span",p.mergeProps({class:r.containerClass,style:e.style},e.ptm("root"),{"data-pc-name":"image"}),[p.renderSlot(e.$slots,"image",{onError:r.onError},(function(){return[p.createElementVNode("img",p.mergeProps({style:e.imageStyle,class:[e.cx("image"),e.imageClass],onError:t[0]||(t[0]=function(){return r.onError&&r.onError.apply(r,arguments)})},z(z({},e.$attrs),e.ptm("image"))),null,16)]})),e.preview?(p.openBlock(),p.createElementBlock("button",p.mergeProps({key:0,ref:"previewButton",type:"button",class:e.cx("button"),onClick:t[1]||(t[1]=function(){return r.onImageClick&&r.onImageClick.apply(r,arguments)})},z(z({},e.previewButtonProps),e.ptm("button"))),[p.renderSlot(e.$slots,"indicatoricon",{},(function(){return[(p.openBlock(),p.createBlock(p.resolveDynamicComponent(e.indicatorIcon?"i":"EyeIcon"),p.mergeProps({class:e.cx("icon")},e.ptm("icon")),null,16,["class"]))]}))],16)):p.createCommentVNode("",!0),p.createVNode(m,null,{default:p.withCtx((function(){return[i.maskVisible?p.withDirectives((p.openBlock(),p.createElementBlock("div",p.mergeProps({key:0,ref:r.maskRef,role:"dialog",class:e.cx("mask"),"aria-modal":i.maskVisible,onClick:t[8]||(t[8]=function(){return r.onMaskClick&&r.onMaskClick.apply(r,arguments)}),onKeydown:t[9]||(t[9]=function(){return r.onMaskKeydown&&r.onMaskKeydown.apply(r,arguments)})},e.ptm("mask")),[p.createElementVNode("div",p.mergeProps({class:"p-image-toolbar"},e.ptm("toolbar")),[p.createElementVNode("button",p.mergeProps({class:e.cx("rotateRightButton"),onClick:t[2]||(t[2]=function(){return r.rotateRight&&r.rotateRight.apply(r,arguments)}),type:"button","aria-label":r.rightAriaLabel},e.ptm("rotateRightButton"),{"data-pc-group-section":"action"}),[p.renderSlot(e.$slots,"refresh",{},(function(){return[p.createVNode(a,p.normalizeProps(p.guardReactiveProps(e.ptm("rotateRightIcon"))),null,16)]}))],16,V),p.createElementVNode("button",p.mergeProps({class:e.cx("rotateLeftButton"),onClick:t[3]||(t[3]=function(){return r.rotateLeft&&r.rotateLeft.apply(r,arguments)}),type:"button","aria-label":r.leftAriaLabel},e.ptm("rotateLeftButton"),{"data-pc-group-section":"action"}),[p.renderSlot(e.$slots,"undo",{},(function(){return[p.createVNode(l,p.normalizeProps(p.guardReactiveProps(e.ptm("rotateLeftIcon"))),null,16)]}))],16,x),p.createElementVNode("button",p.mergeProps({class:e.cx("zoomOutButton"),onClick:t[4]||(t[4]=function(){return r.zoomOut&&r.zoomOut.apply(r,arguments)}),type:"button",disabled:r.isZoomOutDisabled,"aria-label":r.zoomOutAriaLabel},e.ptm("zoomOutButton"),{"data-pc-group-section":"action"}),[p.renderSlot(e.$slots,"zoomout",{},(function(){return[p.createVNode(s,p.normalizeProps(p.guardReactiveProps(e.ptm("zoomOutIcon"))),null,16)]}))],16,$),p.createElementVNode("button",p.mergeProps({class:e.cx("zoomInButton"),onClick:t[5]||(t[5]=function(){return r.zoomIn&&r.zoomIn.apply(r,arguments)}),type:"button",disabled:r.isZoomInDisabled,"aria-label":r.zoomInAriaLabel},e.ptm("zoomInButton"),{"data-pc-group-section":"action"}),[p.renderSlot(e.$slots,"zoomin",{},(function(){return[p.createVNode(c,p.normalizeProps(p.guardReactiveProps(e.ptm("zoomInIcon"))),null,16)]}))],16,D),p.createElementVNode("button",p.mergeProps({class:e.cx("closeButton"),type:"button",onClick:t[6]||(t[6]=function(){return r.hidePreview&&r.hidePreview.apply(r,arguments)}),"aria-label":r.closeAriaLabel,autofocus:""},e.ptm("closeButton"),{"data-pc-group-section":"action"}),[p.renderSlot(e.$slots,"close",{},(function(){return[p.createVNode(u,p.normalizeProps(p.guardReactiveProps(e.ptm("closeIcon"))),null,16)]}))],16,N)],16),p.createVNode(p.Transition,p.mergeProps({name:"p-image-preview",onBeforeEnter:r.onBeforeEnter,onEnter:r.onEnter,onLeave:r.onLeave,onBeforeLeave:r.onBeforeLeave,onAfterLeave:r.onAfterLeave},e.ptm("transition")),{default:p.withCtx((function(){return[i.previewVisible?(p.openBlock(),p.createElementBlock("div",p.normalizeProps(p.mergeProps({key:0},e.ptm("previewContainer"))),[p.renderSlot(e.$slots,"preview",{class:p.normalizeClass(e.cx("preview")),style:p.normalizeStyle(r.imagePreviewStyle),onClick:r.onPreviewImageClick},(function(){return[p.createElementVNode("img",p.mergeProps({src:e.$attrs.src,class:e.cx("preview"),style:r.imagePreviewStyle,onClick:t[7]||(t[7]=function(){return r.onPreviewImageClick&&r.onPreviewImageClick.apply(r,arguments)})},e.ptm("preview")),null,16,R)]}))],16)):p.createCommentVNode("",!0)]})),_:3},16,["onBeforeEnter","onEnter","onLeave","onBeforeLeave","onAfterLeave"])],16,L)),[[f]]):p.createCommentVNode("",!0)]})),_:3})],16)},C}(primevue.focustrap,primevue.icons.eye,primevue.icons.refresh,primevue.icons.searchminus,primevue.icons.searchplus,primevue.icons.times,primevue.icons.undo,primevue.portal,primevue.utils,primevue.basecomponent,primevue.usestyle,Vue);

package/inlinemessage/BaseInlineMessage.vue

@@ -3,20 +3,22 @@ import BaseComponent from 'primevue/basecomponent';
 import { useStyle } from 'primevue/usestyle';
 
 const styles = `
-.p-inline-message {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    vertical-align: top;
-}
-
-.p-inline-message-icon-only .p-inline-message-text {
-    visibility: hidden;
-    width: 0;
-}
-
-.p-fluid .p-inline-message {
-    display: flex;
+@layer primevue {
+    .p-inline-message {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        vertical-align: top;
+    }
+    
+    .p-inline-message-icon-only .p-inline-message-text {
+        visibility: hidden;
+        width: 0;
+    }
+    
+    .p-fluid .p-inline-message {
+        display: flex;
+    }
 }
 `;
 

package/inlinemessage/inlinemessage.cjs.js

@@ -16,7 +16,7 @@ var ExclamationTriangleIcon__default = /*#__PURE__*/_interopDefaultLegacy(Exclam
 var InfoCircleIcon__default = /*#__PURE__*/_interopDefaultLegacy(InfoCircleIcon);
 var TimesCircleIcon__default = /*#__PURE__*/_interopDefaultLegacy(TimesCircleIcon);
 
-var styles = "\n.p-inline-message {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    vertical-align: top;\n}\n\n.p-inline-message-icon-only .p-inline-message-text {\n    visibility: hidden;\n    width: 0;\n}\n\n.p-fluid .p-inline-message {\n    display: flex;\n}\n";
+var styles = "\n@layer primevue {\n    .p-inline-message {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        vertical-align: top;\n    }\n    \n    .p-inline-message-icon-only .p-inline-message-text {\n        visibility: hidden;\n        width: 0;\n    }\n    \n    .p-fluid .p-inline-message {\n        display: flex;\n    }\n}\n";
 var classes = {
   root: function root(_ref) {
     var props = _ref.props,

package/inlinemessage/inlinemessage.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/basecomponent"),n=require("primevue/usestyle"),i=require("primevue/icons/check"),t=require("primevue/icons/exclamationtriangle"),s=require("primevue/icons/infocircle"),r=require("primevue/icons/timescircle"),o=require("vue");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(e),a=l(i),u=l(t),p=l(s),m=l(r),d=n.useStyle("\n.p-inline-message {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    vertical-align: top;\n}\n\n.p-inline-message-icon-only .p-inline-message-text {\n    visibility: hidden;\n    width: 0;\n}\n\n.p-fluid .p-inline-message {\n    display: flex;\n}\n",{name:"inlinemessage",manual:!0}),f={name:"InlineMessage",extends:{name:"BaseInlineMessage",extends:c.default,props:{severity:{type:String,default:"error"},icon:{type:String,default:void 0}},css:{classes:{root:function(e){return["p-inline-message p-component p-inline-message-"+e.props.severity,{"p-inline-message-icon-only":!e.instance.$slots.default}]},icon:function(e){return["p-inline-message-icon",e.props.icon]},text:"p-inline-message-text"},loadStyle:d.load},provide:function(){return{$parentInstance:this}}},timeout:null,data:function(){return{visible:!0}},mounted:function(){var e=this;this.sticky||setTimeout((function(){e.visible=!1}),this.life)},computed:{iconComponent:function(){return{info:p.default,success:a.default,warn:u.default,error:m.default}[this.severity]}}};f.render=function(e,n,i,t,s,r){return o.openBlock(),o.createElementBlock("div",o.mergeProps({"aria-live":"polite",class:e.cx("root")},e.ptm("root")),[o.renderSlot(e.$slots,"icon",{},(function(){return[(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.icon?"span":r.iconComponent),o.mergeProps({class:e.cx("icon")},e.ptm("icon")),null,16,["class"]))]})),o.createElementVNode("span",o.mergeProps({class:e.cx("text")},e.ptm("text")),[o.renderSlot(e.$slots,"default",{},(function(){return[o.createTextVNode(" ")]}))],16)],16)},module.exports=f;
+"use strict";var e=require("primevue/basecomponent"),n=require("primevue/usestyle"),i=require("primevue/icons/check"),t=require("primevue/icons/exclamationtriangle"),r=require("primevue/icons/infocircle"),s=require("primevue/icons/timescircle"),o=require("vue");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(e),a=l(i),u=l(t),p=l(r),m=l(s),d=n.useStyle("\n@layer primevue {\n    .p-inline-message {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        vertical-align: top;\n    }\n    \n    .p-inline-message-icon-only .p-inline-message-text {\n        visibility: hidden;\n        width: 0;\n    }\n    \n    .p-fluid .p-inline-message {\n        display: flex;\n    }\n}\n",{name:"inlinemessage",manual:!0}),f={name:"InlineMessage",extends:{name:"BaseInlineMessage",extends:c.default,props:{severity:{type:String,default:"error"},icon:{type:String,default:void 0}},css:{classes:{root:function(e){return["p-inline-message p-component p-inline-message-"+e.props.severity,{"p-inline-message-icon-only":!e.instance.$slots.default}]},icon:function(e){return["p-inline-message-icon",e.props.icon]},text:"p-inline-message-text"},loadStyle:d.load},provide:function(){return{$parentInstance:this}}},timeout:null,data:function(){return{visible:!0}},mounted:function(){var e=this;this.sticky||setTimeout((function(){e.visible=!1}),this.life)},computed:{iconComponent:function(){return{info:p.default,success:a.default,warn:u.default,error:m.default}[this.severity]}}};f.render=function(e,n,i,t,r,s){return o.openBlock(),o.createElementBlock("div",o.mergeProps({"aria-live":"polite",class:e.cx("root")},e.ptm("root")),[o.renderSlot(e.$slots,"icon",{},(function(){return[(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.icon?"span":s.iconComponent),o.mergeProps({class:e.cx("icon")},e.ptm("icon")),null,16,["class"]))]})),o.createElementVNode("span",o.mergeProps({class:e.cx("text")},e.ptm("text")),[o.renderSlot(e.$slots,"default",{},(function(){return[o.createTextVNode(" ")]}))],16)],16)},module.exports=f;

package/inlinemessage/inlinemessage.esm.js

@@ -6,7 +6,7 @@ import InfoCircleIcon from 'primevue/icons/infocircle';
 import TimesCircleIcon from 'primevue/icons/timescircle';
 import { openBlock, createElementBlock, mergeProps, renderSlot, createBlock, resolveDynamicComponent, createElementVNode, createTextVNode } from 'vue';
 
-var styles = "\n.p-inline-message {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    vertical-align: top;\n}\n\n.p-inline-message-icon-only .p-inline-message-text {\n    visibility: hidden;\n    width: 0;\n}\n\n.p-fluid .p-inline-message {\n    display: flex;\n}\n";
+var styles = "\n@layer primevue {\n    .p-inline-message {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        vertical-align: top;\n    }\n    \n    .p-inline-message-icon-only .p-inline-message-text {\n        visibility: hidden;\n        width: 0;\n    }\n    \n    .p-fluid .p-inline-message {\n        display: flex;\n    }\n}\n";
 var classes = {
   root: function root(_ref) {
     var props = _ref.props,

package/inlinemessage/inlinemessage.esm.min.js

@@ -1 +1 @@
-import e from"primevue/basecomponent";import{useStyle as n}from"primevue/usestyle";import i from"primevue/icons/check";import t from"primevue/icons/exclamationtriangle";import s from"primevue/icons/infocircle";import o from"primevue/icons/timescircle";import{openBlock as r,createElementBlock as l,mergeProps as c,renderSlot as a,createBlock as p,resolveDynamicComponent as m,createElementVNode as u,createTextVNode as f}from"vue";var d=n("\n.p-inline-message {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    vertical-align: top;\n}\n\n.p-inline-message-icon-only .p-inline-message-text {\n    visibility: hidden;\n    width: 0;\n}\n\n.p-fluid .p-inline-message {\n    display: flex;\n}\n",{name:"inlinemessage",manual:!0}),v={name:"InlineMessage",extends:{name:"BaseInlineMessage",extends:e,props:{severity:{type:String,default:"error"},icon:{type:String,default:void 0}},css:{classes:{root:function(e){return["p-inline-message p-component p-inline-message-"+e.props.severity,{"p-inline-message-icon-only":!e.instance.$slots.default}]},icon:function(e){return["p-inline-message-icon",e.props.icon]},text:"p-inline-message-text"},loadStyle:d.load},provide:function(){return{$parentInstance:this}}},timeout:null,data:function(){return{visible:!0}},mounted:function(){var e=this;this.sticky||setTimeout((function(){e.visible=!1}),this.life)},computed:{iconComponent:function(){return{info:s,success:i,warn:t,error:o}[this.severity]}}};v.render=function(e,n,i,t,s,o){return r(),l("div",c({"aria-live":"polite",class:e.cx("root")},e.ptm("root")),[a(e.$slots,"icon",{},(function(){return[(r(),p(m(e.icon?"span":o.iconComponent),c({class:e.cx("icon")},e.ptm("icon")),null,16,["class"]))]})),u("span",c({class:e.cx("text")},e.ptm("text")),[a(e.$slots,"default",{},(function(){return[f(" ")]}))],16)],16)};export{v as default};
+import e from"primevue/basecomponent";import{useStyle as n}from"primevue/usestyle";import i from"primevue/icons/check";import t from"primevue/icons/exclamationtriangle";import s from"primevue/icons/infocircle";import o from"primevue/icons/timescircle";import{openBlock as r,createElementBlock as l,mergeProps as c,renderSlot as a,createBlock as p,resolveDynamicComponent as m,createElementVNode as u,createTextVNode as f}from"vue";var d=n("\n@layer primevue {\n    .p-inline-message {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        vertical-align: top;\n    }\n    \n    .p-inline-message-icon-only .p-inline-message-text {\n        visibility: hidden;\n        width: 0;\n    }\n    \n    .p-fluid .p-inline-message {\n        display: flex;\n    }\n}\n",{name:"inlinemessage",manual:!0}),v={name:"InlineMessage",extends:{name:"BaseInlineMessage",extends:e,props:{severity:{type:String,default:"error"},icon:{type:String,default:void 0}},css:{classes:{root:function(e){return["p-inline-message p-component p-inline-message-"+e.props.severity,{"p-inline-message-icon-only":!e.instance.$slots.default}]},icon:function(e){return["p-inline-message-icon",e.props.icon]},text:"p-inline-message-text"},loadStyle:d.load},provide:function(){return{$parentInstance:this}}},timeout:null,data:function(){return{visible:!0}},mounted:function(){var e=this;this.sticky||setTimeout((function(){e.visible=!1}),this.life)},computed:{iconComponent:function(){return{info:s,success:i,warn:t,error:o}[this.severity]}}};v.render=function(e,n,i,t,s,o){return r(),l("div",c({"aria-live":"polite",class:e.cx("root")},e.ptm("root")),[a(e.$slots,"icon",{},(function(){return[(r(),p(m(e.icon?"span":o.iconComponent),c({class:e.cx("icon")},e.ptm("icon")),null,16,["class"]))]})),u("span",c({class:e.cx("text")},e.ptm("text")),[a(e.$slots,"default",{},(function(){return[f(" ")]}))],16)],16)};export{v as default};

package/inlinemessage/inlinemessage.js

@@ -10,7 +10,7 @@ this.primevue.inlinemessage = (function (BaseComponent, usestyle, CheckIcon, Exc
     var InfoCircleIcon__default = /*#__PURE__*/_interopDefaultLegacy(InfoCircleIcon);
     var TimesCircleIcon__default = /*#__PURE__*/_interopDefaultLegacy(TimesCircleIcon);
 
-    var styles = "\n.p-inline-message {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    vertical-align: top;\n}\n\n.p-inline-message-icon-only .p-inline-message-text {\n    visibility: hidden;\n    width: 0;\n}\n\n.p-fluid .p-inline-message {\n    display: flex;\n}\n";
+    var styles = "\n@layer primevue {\n    .p-inline-message {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        vertical-align: top;\n    }\n    \n    .p-inline-message-icon-only .p-inline-message-text {\n        visibility: hidden;\n        width: 0;\n    }\n    \n    .p-fluid .p-inline-message {\n        display: flex;\n    }\n}\n";
     var classes = {
       root: function root(_ref) {
         var props = _ref.props,

package/inlinemessage/inlinemessage.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.inlinemessage=function(e,n,i,t,s,o,r){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(e),a=l(i),u=l(t),p=l(s),m=l(o),d=n.useStyle("\n.p-inline-message {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    vertical-align: top;\n}\n\n.p-inline-message-icon-only .p-inline-message-text {\n    visibility: hidden;\n    width: 0;\n}\n\n.p-fluid .p-inline-message {\n    display: flex;\n}\n",{name:"inlinemessage",manual:!0}),f={name:"InlineMessage",extends:{name:"BaseInlineMessage",extends:c.default,props:{severity:{type:String,default:"error"},icon:{type:String,default:void 0}},css:{classes:{root:function(e){return["p-inline-message p-component p-inline-message-"+e.props.severity,{"p-inline-message-icon-only":!e.instance.$slots.default}]},icon:function(e){return["p-inline-message-icon",e.props.icon]},text:"p-inline-message-text"},loadStyle:d.load},provide:function(){return{$parentInstance:this}}},timeout:null,data:function(){return{visible:!0}},mounted:function(){var e=this;this.sticky||setTimeout((function(){e.visible=!1}),this.life)},computed:{iconComponent:function(){return{info:p.default,success:a.default,warn:u.default,error:m.default}[this.severity]}}};return f.render=function(e,n,i,t,s,o){return r.openBlock(),r.createElementBlock("div",r.mergeProps({"aria-live":"polite",class:e.cx("root")},e.ptm("root")),[r.renderSlot(e.$slots,"icon",{},(function(){return[(r.openBlock(),r.createBlock(r.resolveDynamicComponent(e.icon?"span":o.iconComponent),r.mergeProps({class:e.cx("icon")},e.ptm("icon")),null,16,["class"]))]})),r.createElementVNode("span",r.mergeProps({class:e.cx("text")},e.ptm("text")),[r.renderSlot(e.$slots,"default",{},(function(){return[r.createTextVNode(" ")]}))],16)],16)},f}(primevue.basecomponent,primevue.usestyle,primevue.icons.check,primevue.icons.exclamationtriangle,primevue.icons.infocircle,primevue.icons.timescircle,Vue);
+this.primevue=this.primevue||{},this.primevue.inlinemessage=function(e,n,i,t,s,o,r){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(e),a=l(i),u=l(t),p=l(s),m=l(o),d=n.useStyle("\n@layer primevue {\n    .p-inline-message {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        vertical-align: top;\n    }\n    \n    .p-inline-message-icon-only .p-inline-message-text {\n        visibility: hidden;\n        width: 0;\n    }\n    \n    .p-fluid .p-inline-message {\n        display: flex;\n    }\n}\n",{name:"inlinemessage",manual:!0}),f={name:"InlineMessage",extends:{name:"BaseInlineMessage",extends:c.default,props:{severity:{type:String,default:"error"},icon:{type:String,default:void 0}},css:{classes:{root:function(e){return["p-inline-message p-component p-inline-message-"+e.props.severity,{"p-inline-message-icon-only":!e.instance.$slots.default}]},icon:function(e){return["p-inline-message-icon",e.props.icon]},text:"p-inline-message-text"},loadStyle:d.load},provide:function(){return{$parentInstance:this}}},timeout:null,data:function(){return{visible:!0}},mounted:function(){var e=this;this.sticky||setTimeout((function(){e.visible=!1}),this.life)},computed:{iconComponent:function(){return{info:p.default,success:a.default,warn:u.default,error:m.default}[this.severity]}}};return f.render=function(e,n,i,t,s,o){return r.openBlock(),r.createElementBlock("div",r.mergeProps({"aria-live":"polite",class:e.cx("root")},e.ptm("root")),[r.renderSlot(e.$slots,"icon",{},(function(){return[(r.openBlock(),r.createBlock(r.resolveDynamicComponent(e.icon?"span":o.iconComponent),r.mergeProps({class:e.cx("icon")},e.ptm("icon")),null,16,["class"]))]})),r.createElementVNode("span",r.mergeProps({class:e.cx("text")},e.ptm("text")),[r.renderSlot(e.$slots,"default",{},(function(){return[r.createTextVNode(" ")]}))],16)],16)},f}(primevue.basecomponent,primevue.usestyle,primevue.icons.check,primevue.icons.exclamationtriangle,primevue.icons.infocircle,primevue.icons.timescircle,Vue);

package/inplace/BaseInplace.vue

@@ -3,22 +3,24 @@ import BaseComponent from 'primevue/basecomponent';
 import { useStyle } from 'primevue/usestyle';
 
 const styles = `
-.p-inplace .p-inplace-display {
-    display: inline;
-    cursor: pointer;
-}
-
-.p-inplace .p-inplace-content {
-    display: inline;
-}
-
-.p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
-    display: flex;
-}
-
-.p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
-    flex: 1 1 auto;
-    width: 1%;
+@layer primevue {
+    .p-inplace .p-inplace-display {
+        display: inline;
+        cursor: pointer;
+    }
+    
+    .p-inplace .p-inplace-content {
+        display: inline;
+    }
+    
+    .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
+        display: flex;
+    }
+    
+    .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
+        flex: 1 1 auto;
+        width: 1%;
+    }
 }
 `;
 

package/inplace/Inplace.vue

@@ -8,7 +8,7 @@
             <IPButton v-if="closable" :aria-label="closeAriaLabel" @click="close" :unstyled="unstyled" :pt="ptm('closeButton')" v-bind="closeButtonProps">
                 <template #icon>
                     <slot name="closeicon">
-                        <component :is="closeIcon ? 'span' : 'TimesIcon'" :class="closeIcon" v-bind="ptm('closeButton')['icon']"></component>
+                        <component :is="closeIcon ? 'span' : 'TimesIcon'" :class="closeIcon" v-bind="ptm('closeButton')['icon']" data-pc-section="closebuttonicon"></component>
                     </slot>
                 </template>
             </IPButton>

package/inplace/inplace.cjs.js

@@ -14,7 +14,7 @@ var FocusTrap__default = /*#__PURE__*/_interopDefaultLegacy(FocusTrap);
 var TimesIcon__default = /*#__PURE__*/_interopDefaultLegacy(TimesIcon);
 var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 
-var styles = "\n.p-inplace .p-inplace-display {\n    display: inline;\n    cursor: pointer;\n}\n\n.p-inplace .p-inplace-content {\n    display: inline;\n}\n\n.p-fluid .p-inplace.p-inplace-closable .p-inplace-content {\n    display: flex;\n}\n\n.p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {\n    flex: 1 1 auto;\n    width: 1%;\n}\n";
+var styles = "\n@layer primevue {\n    .p-inplace .p-inplace-display {\n        display: inline;\n        cursor: pointer;\n    }\n    \n    .p-inplace .p-inplace-content {\n        display: inline;\n    }\n    \n    .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {\n        display: flex;\n    }\n    \n    .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {\n        flex: 1 1 auto;\n        width: 1%;\n    }\n}\n";
 var classes = {
   root: function root(_ref) {
     var props = _ref.props;
@@ -163,7 +163,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       return [vue.renderSlot(_ctx.$slots, "closeicon", {}, function () {
         return [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.closeIcon ? 'span' : 'TimesIcon'), vue.mergeProps({
           "class": _ctx.closeIcon
-        }, _ctx.ptm('closeButton')['icon']), null, 16, ["class"]))];
+        }, _ctx.ptm('closeButton')['icon'], {
+          "data-pc-section": "closebuttonicon"
+        }), null, 16, ["class"]))];
       })];
     }),
     _: 3

package/inplace/inplace.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/button"),t=require("primevue/focustrap"),n=require("primevue/icons/times"),o=require("primevue/basecomponent"),r=require("primevue/usestyle"),i=require("vue");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(e),a=l(t),p=l(n),s=l(o),u=r.useStyle("\n.p-inplace .p-inplace-display {\n    display: inline;\n    cursor: pointer;\n}\n\n.p-inplace .p-inplace-content {\n    display: inline;\n}\n\n.p-fluid .p-inplace.p-inplace-closable .p-inplace-content {\n    display: flex;\n}\n\n.p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {\n    flex: 1 1 auto;\n    width: 1%;\n}\n",{name:"inplace",manual:!0}),d={name:"Inplace",extends:{name:"BaseInplace",extends:s.default,props:{closable:{type:Boolean,default:!1},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},closeIcon:{type:String,default:void 0},displayProps:{type:null,default:null},closeButtonProps:{type:null,default:null}},css:{classes:{root:function(e){return["p-inplace p-component",{"p-inplace-closable":e.props.closable}]},display:function(e){return["p-inplace-display",{"p-disabled":e.props.disabled}]},content:"p-inplace-content"},loadStyle:u.load},provide:function(){return{$parentInstance:this}}},emits:["open","close","update:active"],data:function(){return{d_active:this.active}},watch:{active:function(e){this.d_active=e}},methods:{open:function(e){this.disabled||(this.$emit("open",e),this.d_active=!0,this.$emit("update:active",!0))},close:function(e){var t=this;this.$emit("close",e),this.d_active=!1,this.$emit("update:active",!1),setTimeout((function(){t.$refs.display.focus()}),0)}},computed:{closeAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},components:{IPButton:c.default,TimesIcon:p.default},directives:{focustrap:a.default}};function f(e){return f="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},f(e)}function m(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 y(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?m(Object(n),!0).forEach((function(t){b(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function b(e,t,n){return(t=v(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function v(e){var t=h(e,"string");return"symbol"===f(t)?t:String(t)}function h(e,t){if("object"!==f(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==f(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var P=["tabindex"];d.render=function(e,t,n,o,r,l){var c=i.resolveComponent("IPButton"),a=i.resolveDirective("focustrap");return i.withDirectives((i.openBlock(),i.createElementBlock("div",i.mergeProps({class:e.cx("root"),"aria-live":"polite"},e.ptm("root"),{"data-pc-name":"inplace"}),[r.d_active?(i.openBlock(),i.createElementBlock("div",i.mergeProps({key:1,class:e.cx("content")},e.ptm("content")),[i.renderSlot(e.$slots,"content"),e.closable?(i.openBlock(),i.createBlock(c,i.mergeProps({key:0,"aria-label":l.closeAriaLabel,onClick:l.close,unstyled:e.unstyled,pt:e.ptm("closeButton")},e.closeButtonProps),{icon:i.withCtx((function(){return[i.renderSlot(e.$slots,"closeicon",{},(function(){return[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.closeIcon?"span":"TimesIcon"),i.mergeProps({class:e.closeIcon},e.ptm("closeButton").icon),null,16,["class"]))]}))]})),_:3},16,["aria-label","onClick","unstyled","pt"])):i.createCommentVNode("",!0)],16)):(i.openBlock(),i.createElementBlock("div",i.mergeProps({key:0,ref:"display",class:e.cx("display"),tabindex:e.$attrs.tabindex||"0",role:"button",onClick:t[0]||(t[0]=function(){return l.open&&l.open.apply(l,arguments)}),onKeydown:t[1]||(t[1]=i.withKeys((function(){return l.open&&l.open.apply(l,arguments)}),["enter"]))},y(y({},e.displayProps),e.ptm("display"))),[i.renderSlot(e.$slots,"display")],16,P))],16)),[[a]])},module.exports=d;
+"use strict";var e=require("primevue/button"),t=require("primevue/focustrap"),n=require("primevue/icons/times"),o=require("primevue/basecomponent"),r=require("primevue/usestyle"),i=require("vue");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(e),a=l(t),p=l(n),s=l(o),u=r.useStyle("\n@layer primevue {\n    .p-inplace .p-inplace-display {\n        display: inline;\n        cursor: pointer;\n    }\n    \n    .p-inplace .p-inplace-content {\n        display: inline;\n    }\n    \n    .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {\n        display: flex;\n    }\n    \n    .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {\n        flex: 1 1 auto;\n        width: 1%;\n    }\n}\n",{name:"inplace",manual:!0}),d={name:"Inplace",extends:{name:"BaseInplace",extends:s.default,props:{closable:{type:Boolean,default:!1},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},closeIcon:{type:String,default:void 0},displayProps:{type:null,default:null},closeButtonProps:{type:null,default:null}},css:{classes:{root:function(e){return["p-inplace p-component",{"p-inplace-closable":e.props.closable}]},display:function(e){return["p-inplace-display",{"p-disabled":e.props.disabled}]},content:"p-inplace-content"},loadStyle:u.load},provide:function(){return{$parentInstance:this}}},emits:["open","close","update:active"],data:function(){return{d_active:this.active}},watch:{active:function(e){this.d_active=e}},methods:{open:function(e){this.disabled||(this.$emit("open",e),this.d_active=!0,this.$emit("update:active",!0))},close:function(e){var t=this;this.$emit("close",e),this.d_active=!1,this.$emit("update:active",!1),setTimeout((function(){t.$refs.display.focus()}),0)}},computed:{closeAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},components:{IPButton:c.default,TimesIcon:p.default},directives:{focustrap:a.default}};function f(e){return f="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},f(e)}function m(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 y(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?m(Object(n),!0).forEach((function(t){b(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function b(e,t,n){return(t=v(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function v(e){var t=h(e,"string");return"symbol"===f(t)?t:String(t)}function h(e,t){if("object"!==f(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==f(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var P=["tabindex"];d.render=function(e,t,n,o,r,l){var c=i.resolveComponent("IPButton"),a=i.resolveDirective("focustrap");return i.withDirectives((i.openBlock(),i.createElementBlock("div",i.mergeProps({class:e.cx("root"),"aria-live":"polite"},e.ptm("root"),{"data-pc-name":"inplace"}),[r.d_active?(i.openBlock(),i.createElementBlock("div",i.mergeProps({key:1,class:e.cx("content")},e.ptm("content")),[i.renderSlot(e.$slots,"content"),e.closable?(i.openBlock(),i.createBlock(c,i.mergeProps({key:0,"aria-label":l.closeAriaLabel,onClick:l.close,unstyled:e.unstyled,pt:e.ptm("closeButton")},e.closeButtonProps),{icon:i.withCtx((function(){return[i.renderSlot(e.$slots,"closeicon",{},(function(){return[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.closeIcon?"span":"TimesIcon"),i.mergeProps({class:e.closeIcon},e.ptm("closeButton").icon,{"data-pc-section":"closebuttonicon"}),null,16,["class"]))]}))]})),_:3},16,["aria-label","onClick","unstyled","pt"])):i.createCommentVNode("",!0)],16)):(i.openBlock(),i.createElementBlock("div",i.mergeProps({key:0,ref:"display",class:e.cx("display"),tabindex:e.$attrs.tabindex||"0",role:"button",onClick:t[0]||(t[0]=function(){return l.open&&l.open.apply(l,arguments)}),onKeydown:t[1]||(t[1]=i.withKeys((function(){return l.open&&l.open.apply(l,arguments)}),["enter"]))},y(y({},e.displayProps),e.ptm("display"))),[i.renderSlot(e.$slots,"display")],16,P))],16)),[[a]])},module.exports=d;

package/inplace/inplace.esm.js

@@ -5,7 +5,7 @@ import BaseComponent from 'primevue/basecomponent';
 import { useStyle } from 'primevue/usestyle';
 import { resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, mergeProps, withKeys, renderSlot, createBlock, withCtx, resolveDynamicComponent, createCommentVNode } from 'vue';
 
-var styles = "\n.p-inplace .p-inplace-display {\n    display: inline;\n    cursor: pointer;\n}\n\n.p-inplace .p-inplace-content {\n    display: inline;\n}\n\n.p-fluid .p-inplace.p-inplace-closable .p-inplace-content {\n    display: flex;\n}\n\n.p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {\n    flex: 1 1 auto;\n    width: 1%;\n}\n";
+var styles = "\n@layer primevue {\n    .p-inplace .p-inplace-display {\n        display: inline;\n        cursor: pointer;\n    }\n    \n    .p-inplace .p-inplace-content {\n        display: inline;\n    }\n    \n    .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {\n        display: flex;\n    }\n    \n    .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {\n        flex: 1 1 auto;\n        width: 1%;\n    }\n}\n";
 var classes = {
   root: function root(_ref) {
     var props = _ref.props;
@@ -154,7 +154,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       return [renderSlot(_ctx.$slots, "closeicon", {}, function () {
         return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.closeIcon ? 'span' : 'TimesIcon'), mergeProps({
           "class": _ctx.closeIcon
-        }, _ctx.ptm('closeButton')['icon']), null, 16, ["class"]))];
+        }, _ctx.ptm('closeButton')['icon'], {
+          "data-pc-section": "closebuttonicon"
+        }), null, 16, ["class"]))];
       })];
     }),
     _: 3

package/inplace/inplace.esm.min.js

@@ -1 +1 @@
-import e from"primevue/button";import t from"primevue/focustrap";import n from"primevue/icons/times";import o from"primevue/basecomponent";import{useStyle as i}from"primevue/usestyle";import{resolveComponent as r,resolveDirective as l,withDirectives as c,openBlock as a,createElementBlock as p,mergeProps as s,withKeys as u,renderSlot as f,createBlock as d,withCtx as m,resolveDynamicComponent as y,createCommentVNode as b}from"vue";var v=i("\n.p-inplace .p-inplace-display {\n    display: inline;\n    cursor: pointer;\n}\n\n.p-inplace .p-inplace-content {\n    display: inline;\n}\n\n.p-fluid .p-inplace.p-inplace-closable .p-inplace-content {\n    display: flex;\n}\n\n.p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {\n    flex: 1 1 auto;\n    width: 1%;\n}\n",{name:"inplace",manual:!0}),h={name:"Inplace",extends:{name:"BaseInplace",extends:o,props:{closable:{type:Boolean,default:!1},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},closeIcon:{type:String,default:void 0},displayProps:{type:null,default:null},closeButtonProps:{type:null,default:null}},css:{classes:{root:function(e){return["p-inplace p-component",{"p-inplace-closable":e.props.closable}]},display:function(e){return["p-inplace-display",{"p-disabled":e.props.disabled}]},content:"p-inplace-content"},loadStyle:v.load},provide:function(){return{$parentInstance:this}}},emits:["open","close","update:active"],data:function(){return{d_active:this.active}},watch:{active:function(e){this.d_active=e}},methods:{open:function(e){this.disabled||(this.$emit("open",e),this.d_active=!0,this.$emit("update:active",!0))},close:function(e){var t=this;this.$emit("close",e),this.d_active=!1,this.$emit("update:active",!1),setTimeout((function(){t.$refs.display.focus()}),0)}},computed:{closeAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},components:{IPButton:e,TimesIcon:n},directives:{focustrap:t}};function O(e){return O="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},O(e)}function P(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 g(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function j(e,t,n){return(t=w(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function w(e){var t=x(e,"string");return"symbol"===O(t)?t:String(t)}function x(e,t){if("object"!==O(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==O(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var S=["tabindex"];h.render=function(e,t,n,o,i,v){var h=r("IPButton"),O=l("focustrap");return c((a(),p("div",s({class:e.cx("root"),"aria-live":"polite"},e.ptm("root"),{"data-pc-name":"inplace"}),[i.d_active?(a(),p("div",s({key:1,class:e.cx("content")},e.ptm("content")),[f(e.$slots,"content"),e.closable?(a(),d(h,s({key:0,"aria-label":v.closeAriaLabel,onClick:v.close,unstyled:e.unstyled,pt:e.ptm("closeButton")},e.closeButtonProps),{icon:m((function(){return[f(e.$slots,"closeicon",{},(function(){return[(a(),d(y(e.closeIcon?"span":"TimesIcon"),s({class:e.closeIcon},e.ptm("closeButton").icon),null,16,["class"]))]}))]})),_:3},16,["aria-label","onClick","unstyled","pt"])):b("",!0)],16)):(a(),p("div",s({key:0,ref:"display",class:e.cx("display"),tabindex:e.$attrs.tabindex||"0",role:"button",onClick:t[0]||(t[0]=function(){return v.open&&v.open.apply(v,arguments)}),onKeydown:t[1]||(t[1]=u((function(){return v.open&&v.open.apply(v,arguments)}),["enter"]))},g(g({},e.displayProps),e.ptm("display"))),[f(e.$slots,"display")],16,S))],16)),[[O]])};export{h as default};
+import e from"primevue/button";import t from"primevue/focustrap";import n from"primevue/icons/times";import o from"primevue/basecomponent";import{useStyle as i}from"primevue/usestyle";import{resolveComponent as r,resolveDirective as c,withDirectives as l,openBlock as a,createElementBlock as p,mergeProps as s,withKeys as u,renderSlot as f,createBlock as d,withCtx as m,resolveDynamicComponent as y,createCommentVNode as b}from"vue";var v=i("\n@layer primevue {\n    .p-inplace .p-inplace-display {\n        display: inline;\n        cursor: pointer;\n    }\n    \n    .p-inplace .p-inplace-content {\n        display: inline;\n    }\n    \n    .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {\n        display: flex;\n    }\n    \n    .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {\n        flex: 1 1 auto;\n        width: 1%;\n    }\n}\n",{name:"inplace",manual:!0}),h={name:"Inplace",extends:{name:"BaseInplace",extends:o,props:{closable:{type:Boolean,default:!1},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},closeIcon:{type:String,default:void 0},displayProps:{type:null,default:null},closeButtonProps:{type:null,default:null}},css:{classes:{root:function(e){return["p-inplace p-component",{"p-inplace-closable":e.props.closable}]},display:function(e){return["p-inplace-display",{"p-disabled":e.props.disabled}]},content:"p-inplace-content"},loadStyle:v.load},provide:function(){return{$parentInstance:this}}},emits:["open","close","update:active"],data:function(){return{d_active:this.active}},watch:{active:function(e){this.d_active=e}},methods:{open:function(e){this.disabled||(this.$emit("open",e),this.d_active=!0,this.$emit("update:active",!0))},close:function(e){var t=this;this.$emit("close",e),this.d_active=!1,this.$emit("update:active",!1),setTimeout((function(){t.$refs.display.focus()}),0)}},computed:{closeAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},components:{IPButton:e,TimesIcon:n},directives:{focustrap:t}};function O(e){return O="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},O(e)}function P(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 g(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function j(e,t,n){return(t=w(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function w(e){var t=x(e,"string");return"symbol"===O(t)?t:String(t)}function x(e,t){if("object"!==O(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==O(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var S=["tabindex"];h.render=function(e,t,n,o,i,v){var h=r("IPButton"),O=c("focustrap");return l((a(),p("div",s({class:e.cx("root"),"aria-live":"polite"},e.ptm("root"),{"data-pc-name":"inplace"}),[i.d_active?(a(),p("div",s({key:1,class:e.cx("content")},e.ptm("content")),[f(e.$slots,"content"),e.closable?(a(),d(h,s({key:0,"aria-label":v.closeAriaLabel,onClick:v.close,unstyled:e.unstyled,pt:e.ptm("closeButton")},e.closeButtonProps),{icon:m((function(){return[f(e.$slots,"closeicon",{},(function(){return[(a(),d(y(e.closeIcon?"span":"TimesIcon"),s({class:e.closeIcon},e.ptm("closeButton").icon,{"data-pc-section":"closebuttonicon"}),null,16,["class"]))]}))]})),_:3},16,["aria-label","onClick","unstyled","pt"])):b("",!0)],16)):(a(),p("div",s({key:0,ref:"display",class:e.cx("display"),tabindex:e.$attrs.tabindex||"0",role:"button",onClick:t[0]||(t[0]=function(){return v.open&&v.open.apply(v,arguments)}),onKeydown:t[1]||(t[1]=u((function(){return v.open&&v.open.apply(v,arguments)}),["enter"]))},g(g({},e.displayProps),e.ptm("display"))),[f(e.$slots,"display")],16,S))],16)),[[O]])};export{h as default};

package/inplace/inplace.js

@@ -9,7 +9,7 @@ this.primevue.inplace = (function (Button, FocusTrap, TimesIcon, BaseComponent,
     var TimesIcon__default = /*#__PURE__*/_interopDefaultLegacy(TimesIcon);
     var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 
-    var styles = "\n.p-inplace .p-inplace-display {\n    display: inline;\n    cursor: pointer;\n}\n\n.p-inplace .p-inplace-content {\n    display: inline;\n}\n\n.p-fluid .p-inplace.p-inplace-closable .p-inplace-content {\n    display: flex;\n}\n\n.p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {\n    flex: 1 1 auto;\n    width: 1%;\n}\n";
+    var styles = "\n@layer primevue {\n    .p-inplace .p-inplace-display {\n        display: inline;\n        cursor: pointer;\n    }\n    \n    .p-inplace .p-inplace-content {\n        display: inline;\n    }\n    \n    .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {\n        display: flex;\n    }\n    \n    .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {\n        flex: 1 1 auto;\n        width: 1%;\n    }\n}\n";
     var classes = {
       root: function root(_ref) {
         var props = _ref.props;
@@ -158,7 +158,9 @@ this.primevue.inplace = (function (Button, FocusTrap, TimesIcon, BaseComponent,
           return [vue.renderSlot(_ctx.$slots, "closeicon", {}, function () {
             return [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.closeIcon ? 'span' : 'TimesIcon'), vue.mergeProps({
               "class": _ctx.closeIcon
-            }, _ctx.ptm('closeButton')['icon']), null, 16, ["class"]))];
+            }, _ctx.ptm('closeButton')['icon'], {
+              "data-pc-section": "closebuttonicon"
+            }), null, 16, ["class"]))];
           })];
         }),
         _: 3

package/inplace/inplace.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.inplace=function(e,t,n,o,i,r){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(e),a=l(t),p=l(n),s=l(o),u=i.useStyle("\n.p-inplace .p-inplace-display {\n    display: inline;\n    cursor: pointer;\n}\n\n.p-inplace .p-inplace-content {\n    display: inline;\n}\n\n.p-fluid .p-inplace.p-inplace-closable .p-inplace-content {\n    display: flex;\n}\n\n.p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {\n    flex: 1 1 auto;\n    width: 1%;\n}\n",{name:"inplace",manual:!0}),d={name:"Inplace",extends:{name:"BaseInplace",extends:s.default,props:{closable:{type:Boolean,default:!1},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},closeIcon:{type:String,default:void 0},displayProps:{type:null,default:null},closeButtonProps:{type:null,default:null}},css:{classes:{root:function(e){return["p-inplace p-component",{"p-inplace-closable":e.props.closable}]},display:function(e){return["p-inplace-display",{"p-disabled":e.props.disabled}]},content:"p-inplace-content"},loadStyle:u.load},provide:function(){return{$parentInstance:this}}},emits:["open","close","update:active"],data:function(){return{d_active:this.active}},watch:{active:function(e){this.d_active=e}},methods:{open:function(e){this.disabled||(this.$emit("open",e),this.d_active=!0,this.$emit("update:active",!0))},close:function(e){var t=this;this.$emit("close",e),this.d_active=!1,this.$emit("update:active",!1),setTimeout((function(){t.$refs.display.focus()}),0)}},computed:{closeAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},components:{IPButton:c.default,TimesIcon:p.default},directives:{focustrap:a.default}};function f(e){return f="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},f(e)}function m(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 y(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?m(Object(n),!0).forEach((function(t){b(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function b(e,t,n){return(t=v(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function v(e){var t=h(e,"string");return"symbol"===f(t)?t:String(t)}function h(e,t){if("object"!==f(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==f(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var P=["tabindex"];return d.render=function(e,t,n,o,i,l){var c=r.resolveComponent("IPButton"),a=r.resolveDirective("focustrap");return r.withDirectives((r.openBlock(),r.createElementBlock("div",r.mergeProps({class:e.cx("root"),"aria-live":"polite"},e.ptm("root"),{"data-pc-name":"inplace"}),[i.d_active?(r.openBlock(),r.createElementBlock("div",r.mergeProps({key:1,class:e.cx("content")},e.ptm("content")),[r.renderSlot(e.$slots,"content"),e.closable?(r.openBlock(),r.createBlock(c,r.mergeProps({key:0,"aria-label":l.closeAriaLabel,onClick:l.close,unstyled:e.unstyled,pt:e.ptm("closeButton")},e.closeButtonProps),{icon:r.withCtx((function(){return[r.renderSlot(e.$slots,"closeicon",{},(function(){return[(r.openBlock(),r.createBlock(r.resolveDynamicComponent(e.closeIcon?"span":"TimesIcon"),r.mergeProps({class:e.closeIcon},e.ptm("closeButton").icon),null,16,["class"]))]}))]})),_:3},16,["aria-label","onClick","unstyled","pt"])):r.createCommentVNode("",!0)],16)):(r.openBlock(),r.createElementBlock("div",r.mergeProps({key:0,ref:"display",class:e.cx("display"),tabindex:e.$attrs.tabindex||"0",role:"button",onClick:t[0]||(t[0]=function(){return l.open&&l.open.apply(l,arguments)}),onKeydown:t[1]||(t[1]=r.withKeys((function(){return l.open&&l.open.apply(l,arguments)}),["enter"]))},y(y({},e.displayProps),e.ptm("display"))),[r.renderSlot(e.$slots,"display")],16,P))],16)),[[a]])},d}(primevue.button,primevue.focustrap,primevue.icons.times,primevue.basecomponent,primevue.usestyle,Vue);
+this.primevue=this.primevue||{},this.primevue.inplace=function(e,t,n,o,i,r){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(e),a=l(t),p=l(n),s=l(o),u=i.useStyle("\n@layer primevue {\n    .p-inplace .p-inplace-display {\n        display: inline;\n        cursor: pointer;\n    }\n    \n    .p-inplace .p-inplace-content {\n        display: inline;\n    }\n    \n    .p-fluid .p-inplace.p-inplace-closable .p-inplace-content {\n        display: flex;\n    }\n    \n    .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {\n        flex: 1 1 auto;\n        width: 1%;\n    }\n}\n",{name:"inplace",manual:!0}),d={name:"Inplace",extends:{name:"BaseInplace",extends:s.default,props:{closable:{type:Boolean,default:!1},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},closeIcon:{type:String,default:void 0},displayProps:{type:null,default:null},closeButtonProps:{type:null,default:null}},css:{classes:{root:function(e){return["p-inplace p-component",{"p-inplace-closable":e.props.closable}]},display:function(e){return["p-inplace-display",{"p-disabled":e.props.disabled}]},content:"p-inplace-content"},loadStyle:u.load},provide:function(){return{$parentInstance:this}}},emits:["open","close","update:active"],data:function(){return{d_active:this.active}},watch:{active:function(e){this.d_active=e}},methods:{open:function(e){this.disabled||(this.$emit("open",e),this.d_active=!0,this.$emit("update:active",!0))},close:function(e){var t=this;this.$emit("close",e),this.d_active=!1,this.$emit("update:active",!1),setTimeout((function(){t.$refs.display.focus()}),0)}},computed:{closeAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},components:{IPButton:c.default,TimesIcon:p.default},directives:{focustrap:a.default}};function f(e){return f="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},f(e)}function m(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 y(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?m(Object(n),!0).forEach((function(t){b(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function b(e,t,n){return(t=v(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function v(e){var t=h(e,"string");return"symbol"===f(t)?t:String(t)}function h(e,t){if("object"!==f(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==f(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var P=["tabindex"];return d.render=function(e,t,n,o,i,l){var c=r.resolveComponent("IPButton"),a=r.resolveDirective("focustrap");return r.withDirectives((r.openBlock(),r.createElementBlock("div",r.mergeProps({class:e.cx("root"),"aria-live":"polite"},e.ptm("root"),{"data-pc-name":"inplace"}),[i.d_active?(r.openBlock(),r.createElementBlock("div",r.mergeProps({key:1,class:e.cx("content")},e.ptm("content")),[r.renderSlot(e.$slots,"content"),e.closable?(r.openBlock(),r.createBlock(c,r.mergeProps({key:0,"aria-label":l.closeAriaLabel,onClick:l.close,unstyled:e.unstyled,pt:e.ptm("closeButton")},e.closeButtonProps),{icon:r.withCtx((function(){return[r.renderSlot(e.$slots,"closeicon",{},(function(){return[(r.openBlock(),r.createBlock(r.resolveDynamicComponent(e.closeIcon?"span":"TimesIcon"),r.mergeProps({class:e.closeIcon},e.ptm("closeButton").icon,{"data-pc-section":"closebuttonicon"}),null,16,["class"]))]}))]})),_:3},16,["aria-label","onClick","unstyled","pt"])):r.createCommentVNode("",!0)],16)):(r.openBlock(),r.createElementBlock("div",r.mergeProps({key:0,ref:"display",class:e.cx("display"),tabindex:e.$attrs.tabindex||"0",role:"button",onClick:t[0]||(t[0]=function(){return l.open&&l.open.apply(l,arguments)}),onKeydown:t[1]||(t[1]=r.withKeys((function(){return l.open&&l.open.apply(l,arguments)}),["enter"]))},y(y({},e.displayProps),e.ptm("display"))),[r.renderSlot(e.$slots,"display")],16,P))],16)),[[a]])},d}(primevue.button,primevue.focustrap,primevue.icons.times,primevue.basecomponent,primevue.usestyle,Vue);