primevue 3.42.0 → 3.44.0

package/image/Image.vue

@@ -3,7 +3,7 @@
         <slot name="image" :onError="onError" :errorCallback="onError">
             <img :style="imageStyle" :class="[cx('image'), imageClass]" @error="onError" v-bind="{ ...$attrs, ...ptm('image') }" />
         </slot>
-        <button v-if="preview" ref="previewButton" type="button" :class="cx('button')" @click="onImageClick" v-bind="{ ...previewButtonProps, ...ptm('button') }">
+        <button v-if="preview" ref="previewButton" :aria-label="zoomImageAriaLabel" type="button" :class="cx('button')" @click="onImageClick" v-bind="{ ...previewButtonProps, ...ptm('button') }">
             <slot name="indicatoricon">
                 <component :is="indicatorIcon ? 'i' : 'EyeIcon'" :class="cx('icon')" v-bind="ptm('icon')" />
             </slot>
@@ -212,6 +212,9 @@ export default {
         zoomOutAriaLabel() {
             return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.zoomOut : undefined;
         },
+        zoomImageAriaLabel() {
+            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.zoomImage : undefined;
+        },
         closeAriaLabel() {
             return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;
         }

package/image/image.cjs.js

@@ -218,6 +218,9 @@ var script = {
     zoomOutAriaLabel: function zoomOutAriaLabel() {
       return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.zoomOut : undefined;
     },
+    zoomImageAriaLabel: function zoomImageAriaLabel() {
+      return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.zoomImage : undefined;
+    },
     closeAriaLabel: function closeAriaLabel() {
       return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;
     }
@@ -240,15 +243,16 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var _hoisted_1 = ["aria-modal"];
-var _hoisted_2 = ["aria-label"];
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var _hoisted_1 = ["aria-label"];
+var _hoisted_2 = ["aria-modal"];
 var _hoisted_3 = ["aria-label"];
-var _hoisted_4 = ["disabled", "aria-label"];
+var _hoisted_4 = ["aria-label"];
 var _hoisted_5 = ["disabled", "aria-label"];
-var _hoisted_6 = ["aria-label"];
-var _hoisted_7 = ["src"];
+var _hoisted_6 = ["disabled", "aria-label"];
+var _hoisted_7 = ["aria-label"];
+var _hoisted_8 = ["src"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_RefreshIcon = vue.resolveComponent("RefreshIcon");
   var _component_UndoIcon = vue.resolveComponent("UndoIcon");
@@ -276,6 +280,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }), _ctx.preview ? (vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
     key: 0,
     ref: "previewButton",
+    "aria-label": $options.zoomImageAriaLabel,
     type: "button",
     "class": _ctx.cx('button'),
     onClick: _cache[1] || (_cache[1] = function () {
@@ -285,7 +290,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     return [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.indicatorIcon ? 'i' : 'EyeIcon'), vue.mergeProps({
       "class": _ctx.cx('icon')
     }, _ctx.ptm('icon')), null, 16, ["class"]))];
-  })], 16)) : vue.createCommentVNode("", true), vue.createVNode(_component_Portal, null, {
+  })], 16, _hoisted_1)) : vue.createCommentVNode("", true), vue.createVNode(_component_Portal, null, {
     "default": vue.withCtx(function () {
       return [$data.maskVisible ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         key: 0,
@@ -312,7 +317,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         "data-pc-group-section": "action"
       }), [vue.renderSlot(_ctx.$slots, "refresh", {}, function () {
         return [vue.createVNode(_component_RefreshIcon, vue.normalizeProps(vue.guardReactiveProps(_ctx.ptm('rotateRightIcon'))), null, 16)];
-      })], 16, _hoisted_2), vue.createElementVNode("button", vue.mergeProps({
+      })], 16, _hoisted_3), vue.createElementVNode("button", vue.mergeProps({
         "class": _ctx.cx('rotateLeftButton'),
         onClick: _cache[3] || (_cache[3] = function () {
           return $options.rotateLeft && $options.rotateLeft.apply($options, arguments);
@@ -323,7 +328,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         "data-pc-group-section": "action"
       }), [vue.renderSlot(_ctx.$slots, "undo", {}, function () {
         return [vue.createVNode(_component_UndoIcon, vue.normalizeProps(vue.guardReactiveProps(_ctx.ptm('rotateLeftIcon'))), null, 16)];
-      })], 16, _hoisted_3), vue.createElementVNode("button", vue.mergeProps({
+      })], 16, _hoisted_4), vue.createElementVNode("button", vue.mergeProps({
         "class": _ctx.cx('zoomOutButton'),
         onClick: _cache[4] || (_cache[4] = function () {
           return $options.zoomOut && $options.zoomOut.apply($options, arguments);
@@ -335,7 +340,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         "data-pc-group-section": "action"
       }), [vue.renderSlot(_ctx.$slots, "zoomout", {}, function () {
         return [vue.createVNode(_component_SearchMinusIcon, vue.normalizeProps(vue.guardReactiveProps(_ctx.ptm('zoomOutIcon'))), null, 16)];
-      })], 16, _hoisted_4), vue.createElementVNode("button", vue.mergeProps({
+      })], 16, _hoisted_5), vue.createElementVNode("button", vue.mergeProps({
         "class": _ctx.cx('zoomInButton'),
         onClick: _cache[5] || (_cache[5] = function () {
           return $options.zoomIn && $options.zoomIn.apply($options, arguments);
@@ -347,7 +352,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         "data-pc-group-section": "action"
       }), [vue.renderSlot(_ctx.$slots, "zoomin", {}, function () {
         return [vue.createVNode(_component_SearchPlusIcon, vue.normalizeProps(vue.guardReactiveProps(_ctx.ptm('zoomInIcon'))), null, 16)];
-      })], 16, _hoisted_5), vue.createElementVNode("button", vue.mergeProps({
+      })], 16, _hoisted_6), vue.createElementVNode("button", vue.mergeProps({
         "class": _ctx.cx('closeButton'),
         type: "button",
         onClick: _cache[6] || (_cache[6] = function () {
@@ -359,7 +364,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         "data-pc-group-section": "action"
       }), [vue.renderSlot(_ctx.$slots, "close", {}, function () {
         return [vue.createVNode(_component_TimesIcon, vue.normalizeProps(vue.guardReactiveProps(_ctx.ptm('closeIcon'))), null, 16)];
-      })], 16, _hoisted_6)], 16), vue.createVNode(vue.Transition, vue.mergeProps({
+      })], 16, _hoisted_7)], 16), vue.createVNode(vue.Transition, vue.mergeProps({
         name: "p-image-preview",
         onBeforeEnter: $options.onBeforeEnter,
         onEnter: $options.onEnter,
@@ -383,11 +388,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               onClick: _cache[7] || (_cache[7] = function () {
                 return $options.onPreviewImageClick && $options.onPreviewImageClick.apply($options, arguments);
               })
-            }, _ctx.ptm('preview')), null, 16, _hoisted_7)];
+            }, _ctx.ptm('preview')), null, 16, _hoisted_8)];
           })], 16)) : vue.createCommentVNode("", true)];
         }),
         _: 3
-      }, 16, ["onBeforeEnter", "onEnter", "onLeave", "onBeforeLeave", "onAfterLeave"])], 16, _hoisted_1)), [[_directive_focustrap]]) : vue.createCommentVNode("", true)];
+      }, 16, ["onBeforeEnter", "onEnter", "onLeave", "onBeforeLeave", "onAfterLeave"])], 16, _hoisted_2)), [[_directive_focustrap]]) : vue.createCommentVNode("", true)];
     }),
     _: 3
   })], 16);

package/image/image.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/focustrap"),t=require("primevue/icons/eye"),o=require("primevue/icons/refresh"),r=require("primevue/icons/searchminus"),n=require("primevue/icons/searchplus"),i=require("primevue/icons/times"),a=require("primevue/icons/undo"),l=require("primevue/portal"),s=require("primevue/utils"),c=require("primevue/basecomponent"),u=require("primevue/image/style"),m=require("vue");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=p(e),d=p(t),v=p(o),b=p(r),h=p(n),g=p(i),y=p(a),k=p(l),w={name:"Image",extends:{name:"BaseImage",extends:p(c).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}},style:p(u).default,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.blockBodyScroll(),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.unblockBodyScroll(),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.unblockBodyScroll()}},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:k.default,EyeIcon:d.default,RefreshIcon:v.default,UndoIcon:y.default,SearchMinusIcon:b.default,SearchPlusIcon:h.default,TimesIcon:g.default},directives:{focustrap:f.default}};function P(e){return P="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},P(e)}function C(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,r)}return o}function I(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?C(Object(o),!0).forEach((function(t){B(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):C(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}function B(e,t,o){return(t=z(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function z(e){var t=E(e,"string");return"symbol"===P(t)?t:String(t)}function E(e,t){if("object"!==P(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var r=o.call(e,t||"default");if("object"!==P(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var S=["aria-modal"],O=["aria-label"],L=["aria-label"],V=["disabled","aria-label"],$=["disabled","aria-label"],x=["aria-label"],D=["src"];w.render=function(e,t,o,r,n,i){var a=m.resolveComponent("RefreshIcon"),l=m.resolveComponent("UndoIcon"),s=m.resolveComponent("SearchMinusIcon"),c=m.resolveComponent("SearchPlusIcon"),u=m.resolveComponent("TimesIcon"),p=m.resolveComponent("Portal"),f=m.resolveDirective("focustrap");return m.openBlock(),m.createElementBlock("span",m.mergeProps({class:i.containerClass,style:e.style},e.ptm("root"),{"data-pc-name":"image"}),[m.renderSlot(e.$slots,"image",{onError:i.onError,errorCallback:i.onError},(function(){return[m.createElementVNode("img",m.mergeProps({style:e.imageStyle,class:[e.cx("image"),e.imageClass],onError:t[0]||(t[0]=function(){return i.onError&&i.onError.apply(i,arguments)})},I(I({},e.$attrs),e.ptm("image"))),null,16)]})),e.preview?(m.openBlock(),m.createElementBlock("button",m.mergeProps({key:0,ref:"previewButton",type:"button",class:e.cx("button"),onClick:t[1]||(t[1]=function(){return i.onImageClick&&i.onImageClick.apply(i,arguments)})},I(I({},e.previewButtonProps),e.ptm("button"))),[m.renderSlot(e.$slots,"indicatoricon",{},(function(){return[(m.openBlock(),m.createBlock(m.resolveDynamicComponent(e.indicatorIcon?"i":"EyeIcon"),m.mergeProps({class:e.cx("icon")},e.ptm("icon")),null,16,["class"]))]}))],16)):m.createCommentVNode("",!0),m.createVNode(p,null,{default:m.withCtx((function(){return[n.maskVisible?m.withDirectives((m.openBlock(),m.createElementBlock("div",m.mergeProps({key:0,ref:i.maskRef,role:"dialog",class:e.cx("mask"),"aria-modal":n.maskVisible,onClick:t[8]||(t[8]=function(){return i.onMaskClick&&i.onMaskClick.apply(i,arguments)}),onKeydown:t[9]||(t[9]=function(){return i.onMaskKeydown&&i.onMaskKeydown.apply(i,arguments)})},e.ptm("mask")),[m.createElementVNode("div",m.mergeProps({class:e.cx("toolbar")},e.ptm("toolbar")),[m.createElementVNode("button",m.mergeProps({class:e.cx("rotateRightButton"),onClick:t[2]||(t[2]=function(){return i.rotateRight&&i.rotateRight.apply(i,arguments)}),type:"button","aria-label":i.rightAriaLabel},e.ptm("rotateRightButton"),{"data-pc-group-section":"action"}),[m.renderSlot(e.$slots,"refresh",{},(function(){return[m.createVNode(a,m.normalizeProps(m.guardReactiveProps(e.ptm("rotateRightIcon"))),null,16)]}))],16,O),m.createElementVNode("button",m.mergeProps({class:e.cx("rotateLeftButton"),onClick:t[3]||(t[3]=function(){return i.rotateLeft&&i.rotateLeft.apply(i,arguments)}),type:"button","aria-label":i.leftAriaLabel},e.ptm("rotateLeftButton"),{"data-pc-group-section":"action"}),[m.renderSlot(e.$slots,"undo",{},(function(){return[m.createVNode(l,m.normalizeProps(m.guardReactiveProps(e.ptm("rotateLeftIcon"))),null,16)]}))],16,L),m.createElementVNode("button",m.mergeProps({class:e.cx("zoomOutButton"),onClick:t[4]||(t[4]=function(){return i.zoomOut&&i.zoomOut.apply(i,arguments)}),type:"button",disabled:i.isZoomOutDisabled,"aria-label":i.zoomOutAriaLabel},e.ptm("zoomOutButton"),{"data-pc-group-section":"action"}),[m.renderSlot(e.$slots,"zoomout",{},(function(){return[m.createVNode(s,m.normalizeProps(m.guardReactiveProps(e.ptm("zoomOutIcon"))),null,16)]}))],16,V),m.createElementVNode("button",m.mergeProps({class:e.cx("zoomInButton"),onClick:t[5]||(t[5]=function(){return i.zoomIn&&i.zoomIn.apply(i,arguments)}),type:"button",disabled:i.isZoomInDisabled,"aria-label":i.zoomInAriaLabel},e.ptm("zoomInButton"),{"data-pc-group-section":"action"}),[m.renderSlot(e.$slots,"zoomin",{},(function(){return[m.createVNode(c,m.normalizeProps(m.guardReactiveProps(e.ptm("zoomInIcon"))),null,16)]}))],16,$),m.createElementVNode("button",m.mergeProps({class:e.cx("closeButton"),type:"button",onClick:t[6]||(t[6]=function(){return i.hidePreview&&i.hidePreview.apply(i,arguments)}),"aria-label":i.closeAriaLabel,autofocus:""},e.ptm("closeButton"),{"data-pc-group-section":"action"}),[m.renderSlot(e.$slots,"close",{},(function(){return[m.createVNode(u,m.normalizeProps(m.guardReactiveProps(e.ptm("closeIcon"))),null,16)]}))],16,x)],16),m.createVNode(m.Transition,m.mergeProps({name:"p-image-preview",onBeforeEnter:i.onBeforeEnter,onEnter:i.onEnter,onLeave:i.onLeave,onBeforeLeave:i.onBeforeLeave,onAfterLeave:i.onAfterLeave},e.ptm("transition")),{default:m.withCtx((function(){return[n.previewVisible?(m.openBlock(),m.createElementBlock("div",m.normalizeProps(m.mergeProps({key:0},e.ptm("previewContainer"))),[m.renderSlot(e.$slots,"preview",{class:m.normalizeClass(e.cx("preview")),style:m.normalizeStyle(i.imagePreviewStyle),onClick:i.onPreviewImageClick,previewCallback:i.onPreviewImageClick},(function(){return[m.createElementVNode("img",m.mergeProps({src:e.$attrs.src,class:e.cx("preview"),style:i.imagePreviewStyle,onClick:t[7]||(t[7]=function(){return i.onPreviewImageClick&&i.onPreviewImageClick.apply(i,arguments)})},e.ptm("preview")),null,16,D)]}))],16)):m.createCommentVNode("",!0)]})),_:3},16,["onBeforeEnter","onEnter","onLeave","onBeforeLeave","onAfterLeave"])],16,S)),[[f]]):m.createCommentVNode("",!0)]})),_:3})],16)},module.exports=w;
+"use strict";var e=require("primevue/focustrap"),t=require("primevue/icons/eye"),o=require("primevue/icons/refresh"),r=require("primevue/icons/searchminus"),n=require("primevue/icons/searchplus"),i=require("primevue/icons/times"),a=require("primevue/icons/undo"),l=require("primevue/portal"),c=require("primevue/utils"),s=require("primevue/basecomponent"),u=require("primevue/image/style"),m=require("vue");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=p(e),d=p(t),v=p(o),b=p(r),h=p(n),g=p(i),y=p(a),k=p(l),w={name:"Image",extends:{name:"BaseImage",extends:p(s).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}},style:p(u).default,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&&c.ZIndexUtils.clear(this.container)},methods:{maskRef:function(e){this.mask=e},toolbarRef:function(e){this.toolbarRef=e},onImageClick:function(){var e=this;this.preview&&(c.DomHandler.blockBodyScroll(),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(){c.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(){c.ZIndexUtils.set("modal",this.mask,this.$primevue.config.zIndex.modal)},onEnter:function(){this.focus(),this.$emit("show")},onBeforeLeave:function(){!this.isUnstyled&&c.DomHandler.addClass(this.mask,"p-component-overlay-leave")},onLeave:function(){c.DomHandler.unblockBodyScroll(),this.$emit("hide")},onAfterLeave:function(e){c.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,c.DomHandler.unblockBodyScroll()}},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},zoomImageAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.zoomImage:void 0},closeAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},components:{Portal:k.default,EyeIcon:d.default,RefreshIcon:v.default,UndoIcon:y.default,SearchMinusIcon:b.default,SearchPlusIcon:h.default,TimesIcon:g.default},directives:{focustrap:f.default}};function P(e){return P="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},P(e)}function I(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,r)}return o}function C(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?I(Object(o),!0).forEach((function(t){B(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):I(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}function B(e,t,o){var r;return(t="symbol"==P(r=z(t,"string"))?r:String(r))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function z(e,t){if("object"!=P(e)||!e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var r=o.call(e,t||"default");if("object"!=P(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var E=["aria-label"],S=["aria-modal"],L=["aria-label"],O=["aria-label"],V=["disabled","aria-label"],$=["disabled","aria-label"],x=["aria-label"],D=["src"];w.render=function(e,t,o,r,n,i){var a=m.resolveComponent("RefreshIcon"),l=m.resolveComponent("UndoIcon"),c=m.resolveComponent("SearchMinusIcon"),s=m.resolveComponent("SearchPlusIcon"),u=m.resolveComponent("TimesIcon"),p=m.resolveComponent("Portal"),f=m.resolveDirective("focustrap");return m.openBlock(),m.createElementBlock("span",m.mergeProps({class:i.containerClass,style:e.style},e.ptm("root"),{"data-pc-name":"image"}),[m.renderSlot(e.$slots,"image",{onError:i.onError,errorCallback:i.onError},(function(){return[m.createElementVNode("img",m.mergeProps({style:e.imageStyle,class:[e.cx("image"),e.imageClass],onError:t[0]||(t[0]=function(){return i.onError&&i.onError.apply(i,arguments)})},C(C({},e.$attrs),e.ptm("image"))),null,16)]})),e.preview?(m.openBlock(),m.createElementBlock("button",m.mergeProps({key:0,ref:"previewButton","aria-label":i.zoomImageAriaLabel,type:"button",class:e.cx("button"),onClick:t[1]||(t[1]=function(){return i.onImageClick&&i.onImageClick.apply(i,arguments)})},C(C({},e.previewButtonProps),e.ptm("button"))),[m.renderSlot(e.$slots,"indicatoricon",{},(function(){return[(m.openBlock(),m.createBlock(m.resolveDynamicComponent(e.indicatorIcon?"i":"EyeIcon"),m.mergeProps({class:e.cx("icon")},e.ptm("icon")),null,16,["class"]))]}))],16,E)):m.createCommentVNode("",!0),m.createVNode(p,null,{default:m.withCtx((function(){return[n.maskVisible?m.withDirectives((m.openBlock(),m.createElementBlock("div",m.mergeProps({key:0,ref:i.maskRef,role:"dialog",class:e.cx("mask"),"aria-modal":n.maskVisible,onClick:t[8]||(t[8]=function(){return i.onMaskClick&&i.onMaskClick.apply(i,arguments)}),onKeydown:t[9]||(t[9]=function(){return i.onMaskKeydown&&i.onMaskKeydown.apply(i,arguments)})},e.ptm("mask")),[m.createElementVNode("div",m.mergeProps({class:e.cx("toolbar")},e.ptm("toolbar")),[m.createElementVNode("button",m.mergeProps({class:e.cx("rotateRightButton"),onClick:t[2]||(t[2]=function(){return i.rotateRight&&i.rotateRight.apply(i,arguments)}),type:"button","aria-label":i.rightAriaLabel},e.ptm("rotateRightButton"),{"data-pc-group-section":"action"}),[m.renderSlot(e.$slots,"refresh",{},(function(){return[m.createVNode(a,m.normalizeProps(m.guardReactiveProps(e.ptm("rotateRightIcon"))),null,16)]}))],16,L),m.createElementVNode("button",m.mergeProps({class:e.cx("rotateLeftButton"),onClick:t[3]||(t[3]=function(){return i.rotateLeft&&i.rotateLeft.apply(i,arguments)}),type:"button","aria-label":i.leftAriaLabel},e.ptm("rotateLeftButton"),{"data-pc-group-section":"action"}),[m.renderSlot(e.$slots,"undo",{},(function(){return[m.createVNode(l,m.normalizeProps(m.guardReactiveProps(e.ptm("rotateLeftIcon"))),null,16)]}))],16,O),m.createElementVNode("button",m.mergeProps({class:e.cx("zoomOutButton"),onClick:t[4]||(t[4]=function(){return i.zoomOut&&i.zoomOut.apply(i,arguments)}),type:"button",disabled:i.isZoomOutDisabled,"aria-label":i.zoomOutAriaLabel},e.ptm("zoomOutButton"),{"data-pc-group-section":"action"}),[m.renderSlot(e.$slots,"zoomout",{},(function(){return[m.createVNode(c,m.normalizeProps(m.guardReactiveProps(e.ptm("zoomOutIcon"))),null,16)]}))],16,V),m.createElementVNode("button",m.mergeProps({class:e.cx("zoomInButton"),onClick:t[5]||(t[5]=function(){return i.zoomIn&&i.zoomIn.apply(i,arguments)}),type:"button",disabled:i.isZoomInDisabled,"aria-label":i.zoomInAriaLabel},e.ptm("zoomInButton"),{"data-pc-group-section":"action"}),[m.renderSlot(e.$slots,"zoomin",{},(function(){return[m.createVNode(s,m.normalizeProps(m.guardReactiveProps(e.ptm("zoomInIcon"))),null,16)]}))],16,$),m.createElementVNode("button",m.mergeProps({class:e.cx("closeButton"),type:"button",onClick:t[6]||(t[6]=function(){return i.hidePreview&&i.hidePreview.apply(i,arguments)}),"aria-label":i.closeAriaLabel,autofocus:""},e.ptm("closeButton"),{"data-pc-group-section":"action"}),[m.renderSlot(e.$slots,"close",{},(function(){return[m.createVNode(u,m.normalizeProps(m.guardReactiveProps(e.ptm("closeIcon"))),null,16)]}))],16,x)],16),m.createVNode(m.Transition,m.mergeProps({name:"p-image-preview",onBeforeEnter:i.onBeforeEnter,onEnter:i.onEnter,onLeave:i.onLeave,onBeforeLeave:i.onBeforeLeave,onAfterLeave:i.onAfterLeave},e.ptm("transition")),{default:m.withCtx((function(){return[n.previewVisible?(m.openBlock(),m.createElementBlock("div",m.normalizeProps(m.mergeProps({key:0},e.ptm("previewContainer"))),[m.renderSlot(e.$slots,"preview",{class:m.normalizeClass(e.cx("preview")),style:m.normalizeStyle(i.imagePreviewStyle),onClick:i.onPreviewImageClick,previewCallback:i.onPreviewImageClick},(function(){return[m.createElementVNode("img",m.mergeProps({src:e.$attrs.src,class:e.cx("preview"),style:i.imagePreviewStyle,onClick:t[7]||(t[7]=function(){return i.onPreviewImageClick&&i.onPreviewImageClick.apply(i,arguments)})},e.ptm("preview")),null,16,D)]}))],16)):m.createCommentVNode("",!0)]})),_:3},16,["onBeforeEnter","onEnter","onLeave","onBeforeLeave","onAfterLeave"])],16,S)),[[f]]):m.createCommentVNode("",!0)]})),_:3})],16)},module.exports=w;

package/image/image.esm.js

@@ -203,6 +203,9 @@ var script = {
     zoomOutAriaLabel: function zoomOutAriaLabel() {
       return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.zoomOut : undefined;
     },
+    zoomImageAriaLabel: function zoomImageAriaLabel() {
+      return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.zoomImage : undefined;
+    },
     closeAriaLabel: function closeAriaLabel() {
       return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;
     }
@@ -225,15 +228,16 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var _hoisted_1 = ["aria-modal"];
-var _hoisted_2 = ["aria-label"];
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var _hoisted_1 = ["aria-label"];
+var _hoisted_2 = ["aria-modal"];
 var _hoisted_3 = ["aria-label"];
-var _hoisted_4 = ["disabled", "aria-label"];
+var _hoisted_4 = ["aria-label"];
 var _hoisted_5 = ["disabled", "aria-label"];
-var _hoisted_6 = ["aria-label"];
-var _hoisted_7 = ["src"];
+var _hoisted_6 = ["disabled", "aria-label"];
+var _hoisted_7 = ["aria-label"];
+var _hoisted_8 = ["src"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_RefreshIcon = resolveComponent("RefreshIcon");
   var _component_UndoIcon = resolveComponent("UndoIcon");
@@ -261,6 +265,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }), _ctx.preview ? (openBlock(), createElementBlock("button", mergeProps({
     key: 0,
     ref: "previewButton",
+    "aria-label": $options.zoomImageAriaLabel,
     type: "button",
     "class": _ctx.cx('button'),
     onClick: _cache[1] || (_cache[1] = function () {
@@ -270,7 +275,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.indicatorIcon ? 'i' : 'EyeIcon'), mergeProps({
       "class": _ctx.cx('icon')
     }, _ctx.ptm('icon')), null, 16, ["class"]))];
-  })], 16)) : createCommentVNode("", true), createVNode(_component_Portal, null, {
+  })], 16, _hoisted_1)) : createCommentVNode("", true), createVNode(_component_Portal, null, {
     "default": withCtx(function () {
       return [$data.maskVisible ? withDirectives((openBlock(), createElementBlock("div", mergeProps({
         key: 0,
@@ -297,7 +302,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         "data-pc-group-section": "action"
       }), [renderSlot(_ctx.$slots, "refresh", {}, function () {
         return [createVNode(_component_RefreshIcon, normalizeProps(guardReactiveProps(_ctx.ptm('rotateRightIcon'))), null, 16)];
-      })], 16, _hoisted_2), createElementVNode("button", mergeProps({
+      })], 16, _hoisted_3), createElementVNode("button", mergeProps({
         "class": _ctx.cx('rotateLeftButton'),
         onClick: _cache[3] || (_cache[3] = function () {
           return $options.rotateLeft && $options.rotateLeft.apply($options, arguments);
@@ -308,7 +313,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         "data-pc-group-section": "action"
       }), [renderSlot(_ctx.$slots, "undo", {}, function () {
         return [createVNode(_component_UndoIcon, normalizeProps(guardReactiveProps(_ctx.ptm('rotateLeftIcon'))), null, 16)];
-      })], 16, _hoisted_3), createElementVNode("button", mergeProps({
+      })], 16, _hoisted_4), createElementVNode("button", mergeProps({
         "class": _ctx.cx('zoomOutButton'),
         onClick: _cache[4] || (_cache[4] = function () {
           return $options.zoomOut && $options.zoomOut.apply($options, arguments);
@@ -320,7 +325,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         "data-pc-group-section": "action"
       }), [renderSlot(_ctx.$slots, "zoomout", {}, function () {
         return [createVNode(_component_SearchMinusIcon, normalizeProps(guardReactiveProps(_ctx.ptm('zoomOutIcon'))), null, 16)];
-      })], 16, _hoisted_4), createElementVNode("button", mergeProps({
+      })], 16, _hoisted_5), createElementVNode("button", mergeProps({
         "class": _ctx.cx('zoomInButton'),
         onClick: _cache[5] || (_cache[5] = function () {
           return $options.zoomIn && $options.zoomIn.apply($options, arguments);
@@ -332,7 +337,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         "data-pc-group-section": "action"
       }), [renderSlot(_ctx.$slots, "zoomin", {}, function () {
         return [createVNode(_component_SearchPlusIcon, normalizeProps(guardReactiveProps(_ctx.ptm('zoomInIcon'))), null, 16)];
-      })], 16, _hoisted_5), createElementVNode("button", mergeProps({
+      })], 16, _hoisted_6), createElementVNode("button", mergeProps({
         "class": _ctx.cx('closeButton'),
         type: "button",
         onClick: _cache[6] || (_cache[6] = function () {
@@ -344,7 +349,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         "data-pc-group-section": "action"
       }), [renderSlot(_ctx.$slots, "close", {}, function () {
         return [createVNode(_component_TimesIcon, normalizeProps(guardReactiveProps(_ctx.ptm('closeIcon'))), null, 16)];
-      })], 16, _hoisted_6)], 16), createVNode(Transition, mergeProps({
+      })], 16, _hoisted_7)], 16), createVNode(Transition, mergeProps({
         name: "p-image-preview",
         onBeforeEnter: $options.onBeforeEnter,
         onEnter: $options.onEnter,
@@ -368,11 +373,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               onClick: _cache[7] || (_cache[7] = function () {
                 return $options.onPreviewImageClick && $options.onPreviewImageClick.apply($options, arguments);
               })
-            }, _ctx.ptm('preview')), null, 16, _hoisted_7)];
+            }, _ctx.ptm('preview')), null, 16, _hoisted_8)];
           })], 16)) : createCommentVNode("", true)];
         }),
         _: 3
-      }, 16, ["onBeforeEnter", "onEnter", "onLeave", "onBeforeLeave", "onAfterLeave"])], 16, _hoisted_1)), [[_directive_focustrap]]) : createCommentVNode("", true)];
+      }, 16, ["onBeforeEnter", "onEnter", "onLeave", "onBeforeLeave", "onAfterLeave"])], 16, _hoisted_2)), [[_directive_focustrap]]) : createCommentVNode("", true)];
     }),
     _: 3
   })], 16);

package/image/image.esm.min.js

@@ -1 +1 @@
-import e from"primevue/focustrap";import t from"primevue/icons/eye";import o from"primevue/icons/refresh";import i from"primevue/icons/searchminus";import n from"primevue/icons/searchplus";import r from"primevue/icons/times";import a from"primevue/icons/undo";import l from"primevue/portal";import{ZIndexUtils as s,DomHandler as c}from"primevue/utils";import u from"primevue/basecomponent";import m from"primevue/image/style";import{resolveComponent as p,resolveDirective as f,openBlock as v,createElementBlock as b,mergeProps as h,renderSlot as d,createElementVNode as y,createBlock as g,resolveDynamicComponent as k,createCommentVNode as w,createVNode as I,withCtx as C,withDirectives as O,normalizeProps as L,guardReactiveProps as B,Transition as P,normalizeClass as $,normalizeStyle as z}from"vue";var S={name:"Image",extends:{name:"BaseImage",extends:u,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}},style:m,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.clear(this.container)},methods:{maskRef:function(e){this.mask=e},toolbarRef:function(e){this.toolbarRef=e},onImageClick:function(){var e=this;this.preview&&(c.blockBodyScroll(),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(){c.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.set("modal",this.mask,this.$primevue.config.zIndex.modal)},onEnter:function(){this.focus(),this.$emit("show")},onBeforeLeave:function(){!this.isUnstyled&&c.addClass(this.mask,"p-component-overlay-leave")},onLeave:function(){c.unblockBodyScroll(),this.$emit("hide")},onAfterLeave:function(e){s.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,c.unblockBodyScroll()}},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:l,EyeIcon:t,RefreshIcon:o,UndoIcon:a,SearchMinusIcon:i,SearchPlusIcon:n,TimesIcon:r},directives:{focustrap:e}};function E(e){return E="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},E(e)}function x(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,i)}return o}function A(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?x(Object(o),!0).forEach((function(t){j(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):x(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}function j(e,t,o){return(t=D(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function D(e){var t=R(e,"string");return"symbol"===E(t)?t:String(t)}function R(e,t){if("object"!==E(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var i=o.call(e,t||"default");if("object"!==E(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var V=["aria-modal"],M=["aria-label"],T=["aria-label"],K=["disabled","aria-label"],U=["disabled","aria-label"],Z=["aria-label"],_=["src"];S.render=function(e,t,o,i,n,r){var a=p("RefreshIcon"),l=p("UndoIcon"),s=p("SearchMinusIcon"),c=p("SearchPlusIcon"),u=p("TimesIcon"),m=p("Portal"),S=f("focustrap");return v(),b("span",h({class:r.containerClass,style:e.style},e.ptm("root"),{"data-pc-name":"image"}),[d(e.$slots,"image",{onError:r.onError,errorCallback:r.onError},(function(){return[y("img",h({style:e.imageStyle,class:[e.cx("image"),e.imageClass],onError:t[0]||(t[0]=function(){return r.onError&&r.onError.apply(r,arguments)})},A(A({},e.$attrs),e.ptm("image"))),null,16)]})),e.preview?(v(),b("button",h({key:0,ref:"previewButton",type:"button",class:e.cx("button"),onClick:t[1]||(t[1]=function(){return r.onImageClick&&r.onImageClick.apply(r,arguments)})},A(A({},e.previewButtonProps),e.ptm("button"))),[d(e.$slots,"indicatoricon",{},(function(){return[(v(),g(k(e.indicatorIcon?"i":"EyeIcon"),h({class:e.cx("icon")},e.ptm("icon")),null,16,["class"]))]}))],16)):w("",!0),I(m,null,{default:C((function(){return[n.maskVisible?O((v(),b("div",h({key:0,ref:r.maskRef,role:"dialog",class:e.cx("mask"),"aria-modal":n.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")),[y("div",h({class:e.cx("toolbar")},e.ptm("toolbar")),[y("button",h({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"}),[d(e.$slots,"refresh",{},(function(){return[I(a,L(B(e.ptm("rotateRightIcon"))),null,16)]}))],16,M),y("button",h({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"}),[d(e.$slots,"undo",{},(function(){return[I(l,L(B(e.ptm("rotateLeftIcon"))),null,16)]}))],16,T),y("button",h({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"}),[d(e.$slots,"zoomout",{},(function(){return[I(s,L(B(e.ptm("zoomOutIcon"))),null,16)]}))],16,K),y("button",h({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"}),[d(e.$slots,"zoomin",{},(function(){return[I(c,L(B(e.ptm("zoomInIcon"))),null,16)]}))],16,U),y("button",h({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"}),[d(e.$slots,"close",{},(function(){return[I(u,L(B(e.ptm("closeIcon"))),null,16)]}))],16,Z)],16),I(P,h({name:"p-image-preview",onBeforeEnter:r.onBeforeEnter,onEnter:r.onEnter,onLeave:r.onLeave,onBeforeLeave:r.onBeforeLeave,onAfterLeave:r.onAfterLeave},e.ptm("transition")),{default:C((function(){return[n.previewVisible?(v(),b("div",L(h({key:0},e.ptm("previewContainer"))),[d(e.$slots,"preview",{class:$(e.cx("preview")),style:z(r.imagePreviewStyle),onClick:r.onPreviewImageClick,previewCallback:r.onPreviewImageClick},(function(){return[y("img",h({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,_)]}))],16)):w("",!0)]})),_:3},16,["onBeforeEnter","onEnter","onLeave","onBeforeLeave","onAfterLeave"])],16,V)),[[S]]):w("",!0)]})),_:3})],16)};export{S as default};
+import e from"primevue/focustrap";import t from"primevue/icons/eye";import o from"primevue/icons/refresh";import i from"primevue/icons/searchminus";import n from"primevue/icons/searchplus";import r from"primevue/icons/times";import a from"primevue/icons/undo";import l from"primevue/portal";import{ZIndexUtils as s,DomHandler as c}from"primevue/utils";import u from"primevue/basecomponent";import m from"primevue/image/style";import{resolveComponent as p,resolveDirective as f,openBlock as v,createElementBlock as b,mergeProps as h,renderSlot as d,createElementVNode as y,createBlock as g,resolveDynamicComponent as k,createCommentVNode as w,createVNode as I,withCtx as C,withDirectives as L,normalizeProps as O,guardReactiveProps as B,Transition as P,normalizeClass as z,normalizeStyle as $}from"vue";var S={name:"Image",extends:{name:"BaseImage",extends:u,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}},style:m,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.clear(this.container)},methods:{maskRef:function(e){this.mask=e},toolbarRef:function(e){this.toolbarRef=e},onImageClick:function(){var e=this;this.preview&&(c.blockBodyScroll(),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(){c.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.set("modal",this.mask,this.$primevue.config.zIndex.modal)},onEnter:function(){this.focus(),this.$emit("show")},onBeforeLeave:function(){!this.isUnstyled&&c.addClass(this.mask,"p-component-overlay-leave")},onLeave:function(){c.unblockBodyScroll(),this.$emit("hide")},onAfterLeave:function(e){s.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,c.unblockBodyScroll()}},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},zoomImageAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.zoomImage:void 0},closeAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},components:{Portal:l,EyeIcon:t,RefreshIcon:o,UndoIcon:a,SearchMinusIcon:i,SearchPlusIcon:n,TimesIcon:r},directives:{focustrap:e}};function E(e){return E="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},E(e)}function x(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,i)}return o}function A(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?x(Object(o),!0).forEach((function(t){j(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):x(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}function j(e,t,o){var i;return(t="symbol"==E(i=D(t,"string"))?i:String(i))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function D(e,t){if("object"!=E(e)||!e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var i=o.call(e,t||"default");if("object"!=E(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var R=["aria-label"],V=["aria-modal"],M=["aria-label"],T=["aria-label"],K=["disabled","aria-label"],U=["disabled","aria-label"],Z=["aria-label"],_=["src"];S.render=function(e,t,o,i,n,r){var a=p("RefreshIcon"),l=p("UndoIcon"),s=p("SearchMinusIcon"),c=p("SearchPlusIcon"),u=p("TimesIcon"),m=p("Portal"),S=f("focustrap");return v(),b("span",h({class:r.containerClass,style:e.style},e.ptm("root"),{"data-pc-name":"image"}),[d(e.$slots,"image",{onError:r.onError,errorCallback:r.onError},(function(){return[y("img",h({style:e.imageStyle,class:[e.cx("image"),e.imageClass],onError:t[0]||(t[0]=function(){return r.onError&&r.onError.apply(r,arguments)})},A(A({},e.$attrs),e.ptm("image"))),null,16)]})),e.preview?(v(),b("button",h({key:0,ref:"previewButton","aria-label":r.zoomImageAriaLabel,type:"button",class:e.cx("button"),onClick:t[1]||(t[1]=function(){return r.onImageClick&&r.onImageClick.apply(r,arguments)})},A(A({},e.previewButtonProps),e.ptm("button"))),[d(e.$slots,"indicatoricon",{},(function(){return[(v(),g(k(e.indicatorIcon?"i":"EyeIcon"),h({class:e.cx("icon")},e.ptm("icon")),null,16,["class"]))]}))],16,R)):w("",!0),I(m,null,{default:C((function(){return[n.maskVisible?L((v(),b("div",h({key:0,ref:r.maskRef,role:"dialog",class:e.cx("mask"),"aria-modal":n.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")),[y("div",h({class:e.cx("toolbar")},e.ptm("toolbar")),[y("button",h({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"}),[d(e.$slots,"refresh",{},(function(){return[I(a,O(B(e.ptm("rotateRightIcon"))),null,16)]}))],16,M),y("button",h({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"}),[d(e.$slots,"undo",{},(function(){return[I(l,O(B(e.ptm("rotateLeftIcon"))),null,16)]}))],16,T),y("button",h({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"}),[d(e.$slots,"zoomout",{},(function(){return[I(s,O(B(e.ptm("zoomOutIcon"))),null,16)]}))],16,K),y("button",h({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"}),[d(e.$slots,"zoomin",{},(function(){return[I(c,O(B(e.ptm("zoomInIcon"))),null,16)]}))],16,U),y("button",h({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"}),[d(e.$slots,"close",{},(function(){return[I(u,O(B(e.ptm("closeIcon"))),null,16)]}))],16,Z)],16),I(P,h({name:"p-image-preview",onBeforeEnter:r.onBeforeEnter,onEnter:r.onEnter,onLeave:r.onLeave,onBeforeLeave:r.onBeforeLeave,onAfterLeave:r.onAfterLeave},e.ptm("transition")),{default:C((function(){return[n.previewVisible?(v(),b("div",O(h({key:0},e.ptm("previewContainer"))),[d(e.$slots,"preview",{class:z(e.cx("preview")),style:$(r.imagePreviewStyle),onClick:r.onPreviewImageClick,previewCallback:r.onPreviewImageClick},(function(){return[y("img",h({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,_)]}))],16)):w("",!0)]})),_:3},16,["onBeforeEnter","onEnter","onLeave","onBeforeLeave","onAfterLeave"])],16,V)),[[S]]):w("",!0)]})),_:3})],16)};export{S as default};

package/image/image.js

@@ -207,6 +207,9 @@ this.primevue.image = (function (FocusTrap, EyeIcon, RefreshIcon, SearchMinusIco
         zoomOutAriaLabel: function zoomOutAriaLabel() {
           return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.zoomOut : undefined;
         },
+        zoomImageAriaLabel: function zoomImageAriaLabel() {
+          return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.zoomImage : undefined;
+        },
         closeAriaLabel: function closeAriaLabel() {
           return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;
         }
@@ -229,15 +232,16 @@ this.primevue.image = (function (FocusTrap, EyeIcon, RefreshIcon, SearchMinusIco
     function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
     function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-    function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-    function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-    var _hoisted_1 = ["aria-modal"];
-    var _hoisted_2 = ["aria-label"];
+    function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+    function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+    var _hoisted_1 = ["aria-label"];
+    var _hoisted_2 = ["aria-modal"];
     var _hoisted_3 = ["aria-label"];
-    var _hoisted_4 = ["disabled", "aria-label"];
+    var _hoisted_4 = ["aria-label"];
     var _hoisted_5 = ["disabled", "aria-label"];
-    var _hoisted_6 = ["aria-label"];
-    var _hoisted_7 = ["src"];
+    var _hoisted_6 = ["disabled", "aria-label"];
+    var _hoisted_7 = ["aria-label"];
+    var _hoisted_8 = ["src"];
     function render(_ctx, _cache, $props, $setup, $data, $options) {
       var _component_RefreshIcon = vue.resolveComponent("RefreshIcon");
       var _component_UndoIcon = vue.resolveComponent("UndoIcon");
@@ -265,6 +269,7 @@ this.primevue.image = (function (FocusTrap, EyeIcon, RefreshIcon, SearchMinusIco
       }), _ctx.preview ? (vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
         key: 0,
         ref: "previewButton",
+        "aria-label": $options.zoomImageAriaLabel,
         type: "button",
         "class": _ctx.cx('button'),
         onClick: _cache[1] || (_cache[1] = function () {
@@ -274,7 +279,7 @@ this.primevue.image = (function (FocusTrap, EyeIcon, RefreshIcon, SearchMinusIco
         return [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.indicatorIcon ? 'i' : 'EyeIcon'), vue.mergeProps({
           "class": _ctx.cx('icon')
         }, _ctx.ptm('icon')), null, 16, ["class"]))];
-      })], 16)) : vue.createCommentVNode("", true), vue.createVNode(_component_Portal, null, {
+      })], 16, _hoisted_1)) : vue.createCommentVNode("", true), vue.createVNode(_component_Portal, null, {
         "default": vue.withCtx(function () {
           return [$data.maskVisible ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
             key: 0,
@@ -301,7 +306,7 @@ this.primevue.image = (function (FocusTrap, EyeIcon, RefreshIcon, SearchMinusIco
             "data-pc-group-section": "action"
           }), [vue.renderSlot(_ctx.$slots, "refresh", {}, function () {
             return [vue.createVNode(_component_RefreshIcon, vue.normalizeProps(vue.guardReactiveProps(_ctx.ptm('rotateRightIcon'))), null, 16)];
-          })], 16, _hoisted_2), vue.createElementVNode("button", vue.mergeProps({
+          })], 16, _hoisted_3), vue.createElementVNode("button", vue.mergeProps({
             "class": _ctx.cx('rotateLeftButton'),
             onClick: _cache[3] || (_cache[3] = function () {
               return $options.rotateLeft && $options.rotateLeft.apply($options, arguments);
@@ -312,7 +317,7 @@ this.primevue.image = (function (FocusTrap, EyeIcon, RefreshIcon, SearchMinusIco
             "data-pc-group-section": "action"
           }), [vue.renderSlot(_ctx.$slots, "undo", {}, function () {
             return [vue.createVNode(_component_UndoIcon, vue.normalizeProps(vue.guardReactiveProps(_ctx.ptm('rotateLeftIcon'))), null, 16)];
-          })], 16, _hoisted_3), vue.createElementVNode("button", vue.mergeProps({
+          })], 16, _hoisted_4), vue.createElementVNode("button", vue.mergeProps({
             "class": _ctx.cx('zoomOutButton'),
             onClick: _cache[4] || (_cache[4] = function () {
               return $options.zoomOut && $options.zoomOut.apply($options, arguments);
@@ -324,7 +329,7 @@ this.primevue.image = (function (FocusTrap, EyeIcon, RefreshIcon, SearchMinusIco
             "data-pc-group-section": "action"
           }), [vue.renderSlot(_ctx.$slots, "zoomout", {}, function () {
             return [vue.createVNode(_component_SearchMinusIcon, vue.normalizeProps(vue.guardReactiveProps(_ctx.ptm('zoomOutIcon'))), null, 16)];
-          })], 16, _hoisted_4), vue.createElementVNode("button", vue.mergeProps({
+          })], 16, _hoisted_5), vue.createElementVNode("button", vue.mergeProps({
             "class": _ctx.cx('zoomInButton'),
             onClick: _cache[5] || (_cache[5] = function () {
               return $options.zoomIn && $options.zoomIn.apply($options, arguments);
@@ -336,7 +341,7 @@ this.primevue.image = (function (FocusTrap, EyeIcon, RefreshIcon, SearchMinusIco
             "data-pc-group-section": "action"
           }), [vue.renderSlot(_ctx.$slots, "zoomin", {}, function () {
             return [vue.createVNode(_component_SearchPlusIcon, vue.normalizeProps(vue.guardReactiveProps(_ctx.ptm('zoomInIcon'))), null, 16)];
-          })], 16, _hoisted_5), vue.createElementVNode("button", vue.mergeProps({
+          })], 16, _hoisted_6), vue.createElementVNode("button", vue.mergeProps({
             "class": _ctx.cx('closeButton'),
             type: "button",
             onClick: _cache[6] || (_cache[6] = function () {
@@ -348,7 +353,7 @@ this.primevue.image = (function (FocusTrap, EyeIcon, RefreshIcon, SearchMinusIco
             "data-pc-group-section": "action"
           }), [vue.renderSlot(_ctx.$slots, "close", {}, function () {
             return [vue.createVNode(_component_TimesIcon, vue.normalizeProps(vue.guardReactiveProps(_ctx.ptm('closeIcon'))), null, 16)];
-          })], 16, _hoisted_6)], 16), vue.createVNode(vue.Transition, vue.mergeProps({
+          })], 16, _hoisted_7)], 16), vue.createVNode(vue.Transition, vue.mergeProps({
             name: "p-image-preview",
             onBeforeEnter: $options.onBeforeEnter,
             onEnter: $options.onEnter,
@@ -372,11 +377,11 @@ this.primevue.image = (function (FocusTrap, EyeIcon, RefreshIcon, SearchMinusIco
                   onClick: _cache[7] || (_cache[7] = function () {
                     return $options.onPreviewImageClick && $options.onPreviewImageClick.apply($options, arguments);
                   })
-                }, _ctx.ptm('preview')), null, 16, _hoisted_7)];
+                }, _ctx.ptm('preview')), null, 16, _hoisted_8)];
               })], 16)) : vue.createCommentVNode("", true)];
             }),
             _: 3
-          }, 16, ["onBeforeEnter", "onEnter", "onLeave", "onBeforeLeave", "onAfterLeave"])], 16, _hoisted_1)), [[_directive_focustrap]]) : vue.createCommentVNode("", true)];
+          }, 16, ["onBeforeEnter", "onEnter", "onLeave", "onBeforeLeave", "onAfterLeave"])], 16, _hoisted_2)), [[_directive_focustrap]]) : vue.createCommentVNode("", true)];
         }),
         _: 3
       })], 16);

package/image/image.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.image=function(e,t,o,r,n,i,a,l,s,c,u,m){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=p(e),d=p(t),v=p(o),b=p(r),h=p(n),g=p(i),y=p(a),k=p(l),w={name:"Image",extends:{name:"BaseImage",extends:p(c).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}},style:p(u).default,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.blockBodyScroll(),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.unblockBodyScroll(),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.unblockBodyScroll()}},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:k.default,EyeIcon:d.default,RefreshIcon:v.default,UndoIcon:y.default,SearchMinusIcon:b.default,SearchPlusIcon:h.default,TimesIcon:g.default},directives:{focustrap:f.default}};function P(e){return P="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},P(e)}function C(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,r)}return o}function I(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?C(Object(o),!0).forEach((function(t){B(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):C(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}function B(e,t,o){return(t=z(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function z(e){var t=E(e,"string");return"symbol"===P(t)?t:String(t)}function E(e,t){if("object"!==P(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var r=o.call(e,t||"default");if("object"!==P(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var S=["aria-modal"],O=["aria-label"],L=["aria-label"],V=["disabled","aria-label"],$=["disabled","aria-label"],x=["aria-label"],D=["src"];return w.render=function(e,t,o,r,n,i){var a=m.resolveComponent("RefreshIcon"),l=m.resolveComponent("UndoIcon"),s=m.resolveComponent("SearchMinusIcon"),c=m.resolveComponent("SearchPlusIcon"),u=m.resolveComponent("TimesIcon"),p=m.resolveComponent("Portal"),f=m.resolveDirective("focustrap");return m.openBlock(),m.createElementBlock("span",m.mergeProps({class:i.containerClass,style:e.style},e.ptm("root"),{"data-pc-name":"image"}),[m.renderSlot(e.$slots,"image",{onError:i.onError,errorCallback:i.onError},(function(){return[m.createElementVNode("img",m.mergeProps({style:e.imageStyle,class:[e.cx("image"),e.imageClass],onError:t[0]||(t[0]=function(){return i.onError&&i.onError.apply(i,arguments)})},I(I({},e.$attrs),e.ptm("image"))),null,16)]})),e.preview?(m.openBlock(),m.createElementBlock("button",m.mergeProps({key:0,ref:"previewButton",type:"button",class:e.cx("button"),onClick:t[1]||(t[1]=function(){return i.onImageClick&&i.onImageClick.apply(i,arguments)})},I(I({},e.previewButtonProps),e.ptm("button"))),[m.renderSlot(e.$slots,"indicatoricon",{},(function(){return[(m.openBlock(),m.createBlock(m.resolveDynamicComponent(e.indicatorIcon?"i":"EyeIcon"),m.mergeProps({class:e.cx("icon")},e.ptm("icon")),null,16,["class"]))]}))],16)):m.createCommentVNode("",!0),m.createVNode(p,null,{default:m.withCtx((function(){return[n.maskVisible?m.withDirectives((m.openBlock(),m.createElementBlock("div",m.mergeProps({key:0,ref:i.maskRef,role:"dialog",class:e.cx("mask"),"aria-modal":n.maskVisible,onClick:t[8]||(t[8]=function(){return i.onMaskClick&&i.onMaskClick.apply(i,arguments)}),onKeydown:t[9]||(t[9]=function(){return i.onMaskKeydown&&i.onMaskKeydown.apply(i,arguments)})},e.ptm("mask")),[m.createElementVNode("div",m.mergeProps({class:e.cx("toolbar")},e.ptm("toolbar")),[m.createElementVNode("button",m.mergeProps({class:e.cx("rotateRightButton"),onClick:t[2]||(t[2]=function(){return i.rotateRight&&i.rotateRight.apply(i,arguments)}),type:"button","aria-label":i.rightAriaLabel},e.ptm("rotateRightButton"),{"data-pc-group-section":"action"}),[m.renderSlot(e.$slots,"refresh",{},(function(){return[m.createVNode(a,m.normalizeProps(m.guardReactiveProps(e.ptm("rotateRightIcon"))),null,16)]}))],16,O),m.createElementVNode("button",m.mergeProps({class:e.cx("rotateLeftButton"),onClick:t[3]||(t[3]=function(){return i.rotateLeft&&i.rotateLeft.apply(i,arguments)}),type:"button","aria-label":i.leftAriaLabel},e.ptm("rotateLeftButton"),{"data-pc-group-section":"action"}),[m.renderSlot(e.$slots,"undo",{},(function(){return[m.createVNode(l,m.normalizeProps(m.guardReactiveProps(e.ptm("rotateLeftIcon"))),null,16)]}))],16,L),m.createElementVNode("button",m.mergeProps({class:e.cx("zoomOutButton"),onClick:t[4]||(t[4]=function(){return i.zoomOut&&i.zoomOut.apply(i,arguments)}),type:"button",disabled:i.isZoomOutDisabled,"aria-label":i.zoomOutAriaLabel},e.ptm("zoomOutButton"),{"data-pc-group-section":"action"}),[m.renderSlot(e.$slots,"zoomout",{},(function(){return[m.createVNode(s,m.normalizeProps(m.guardReactiveProps(e.ptm("zoomOutIcon"))),null,16)]}))],16,V),m.createElementVNode("button",m.mergeProps({class:e.cx("zoomInButton"),onClick:t[5]||(t[5]=function(){return i.zoomIn&&i.zoomIn.apply(i,arguments)}),type:"button",disabled:i.isZoomInDisabled,"aria-label":i.zoomInAriaLabel},e.ptm("zoomInButton"),{"data-pc-group-section":"action"}),[m.renderSlot(e.$slots,"zoomin",{},(function(){return[m.createVNode(c,m.normalizeProps(m.guardReactiveProps(e.ptm("zoomInIcon"))),null,16)]}))],16,$),m.createElementVNode("button",m.mergeProps({class:e.cx("closeButton"),type:"button",onClick:t[6]||(t[6]=function(){return i.hidePreview&&i.hidePreview.apply(i,arguments)}),"aria-label":i.closeAriaLabel,autofocus:""},e.ptm("closeButton"),{"data-pc-group-section":"action"}),[m.renderSlot(e.$slots,"close",{},(function(){return[m.createVNode(u,m.normalizeProps(m.guardReactiveProps(e.ptm("closeIcon"))),null,16)]}))],16,x)],16),m.createVNode(m.Transition,m.mergeProps({name:"p-image-preview",onBeforeEnter:i.onBeforeEnter,onEnter:i.onEnter,onLeave:i.onLeave,onBeforeLeave:i.onBeforeLeave,onAfterLeave:i.onAfterLeave},e.ptm("transition")),{default:m.withCtx((function(){return[n.previewVisible?(m.openBlock(),m.createElementBlock("div",m.normalizeProps(m.mergeProps({key:0},e.ptm("previewContainer"))),[m.renderSlot(e.$slots,"preview",{class:m.normalizeClass(e.cx("preview")),style:m.normalizeStyle(i.imagePreviewStyle),onClick:i.onPreviewImageClick,previewCallback:i.onPreviewImageClick},(function(){return[m.createElementVNode("img",m.mergeProps({src:e.$attrs.src,class:e.cx("preview"),style:i.imagePreviewStyle,onClick:t[7]||(t[7]=function(){return i.onPreviewImageClick&&i.onPreviewImageClick.apply(i,arguments)})},e.ptm("preview")),null,16,D)]}))],16)):m.createCommentVNode("",!0)]})),_:3},16,["onBeforeEnter","onEnter","onLeave","onBeforeLeave","onAfterLeave"])],16,S)),[[f]]):m.createCommentVNode("",!0)]})),_:3})],16)},w}(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.image.style,Vue);
+this.primevue=this.primevue||{},this.primevue.image=function(e,t,o,r,n,i,a,l,s,c,u,m){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=p(e),d=p(t),v=p(o),b=p(r),h=p(n),g=p(i),y=p(a),k=p(l),w={name:"Image",extends:{name:"BaseImage",extends:p(c).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}},style:p(u).default,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.blockBodyScroll(),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.unblockBodyScroll(),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.unblockBodyScroll()}},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},zoomImageAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.zoomImage:void 0},closeAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},components:{Portal:k.default,EyeIcon:d.default,RefreshIcon:v.default,UndoIcon:y.default,SearchMinusIcon:b.default,SearchPlusIcon:h.default,TimesIcon:g.default},directives:{focustrap:f.default}};function P(e){return P="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},P(e)}function I(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,r)}return o}function C(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?I(Object(o),!0).forEach((function(t){B(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):I(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}function B(e,t,o){var r;return(t="symbol"==P(r=z(t,"string"))?r:String(r))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function z(e,t){if("object"!=P(e)||!e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var r=o.call(e,t||"default");if("object"!=P(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var E=["aria-label"],S=["aria-modal"],L=["aria-label"],O=["aria-label"],V=["disabled","aria-label"],$=["disabled","aria-label"],x=["aria-label"],D=["src"];return w.render=function(e,t,o,r,n,i){var a=m.resolveComponent("RefreshIcon"),l=m.resolveComponent("UndoIcon"),s=m.resolveComponent("SearchMinusIcon"),c=m.resolveComponent("SearchPlusIcon"),u=m.resolveComponent("TimesIcon"),p=m.resolveComponent("Portal"),f=m.resolveDirective("focustrap");return m.openBlock(),m.createElementBlock("span",m.mergeProps({class:i.containerClass,style:e.style},e.ptm("root"),{"data-pc-name":"image"}),[m.renderSlot(e.$slots,"image",{onError:i.onError,errorCallback:i.onError},(function(){return[m.createElementVNode("img",m.mergeProps({style:e.imageStyle,class:[e.cx("image"),e.imageClass],onError:t[0]||(t[0]=function(){return i.onError&&i.onError.apply(i,arguments)})},C(C({},e.$attrs),e.ptm("image"))),null,16)]})),e.preview?(m.openBlock(),m.createElementBlock("button",m.mergeProps({key:0,ref:"previewButton","aria-label":i.zoomImageAriaLabel,type:"button",class:e.cx("button"),onClick:t[1]||(t[1]=function(){return i.onImageClick&&i.onImageClick.apply(i,arguments)})},C(C({},e.previewButtonProps),e.ptm("button"))),[m.renderSlot(e.$slots,"indicatoricon",{},(function(){return[(m.openBlock(),m.createBlock(m.resolveDynamicComponent(e.indicatorIcon?"i":"EyeIcon"),m.mergeProps({class:e.cx("icon")},e.ptm("icon")),null,16,["class"]))]}))],16,E)):m.createCommentVNode("",!0),m.createVNode(p,null,{default:m.withCtx((function(){return[n.maskVisible?m.withDirectives((m.openBlock(),m.createElementBlock("div",m.mergeProps({key:0,ref:i.maskRef,role:"dialog",class:e.cx("mask"),"aria-modal":n.maskVisible,onClick:t[8]||(t[8]=function(){return i.onMaskClick&&i.onMaskClick.apply(i,arguments)}),onKeydown:t[9]||(t[9]=function(){return i.onMaskKeydown&&i.onMaskKeydown.apply(i,arguments)})},e.ptm("mask")),[m.createElementVNode("div",m.mergeProps({class:e.cx("toolbar")},e.ptm("toolbar")),[m.createElementVNode("button",m.mergeProps({class:e.cx("rotateRightButton"),onClick:t[2]||(t[2]=function(){return i.rotateRight&&i.rotateRight.apply(i,arguments)}),type:"button","aria-label":i.rightAriaLabel},e.ptm("rotateRightButton"),{"data-pc-group-section":"action"}),[m.renderSlot(e.$slots,"refresh",{},(function(){return[m.createVNode(a,m.normalizeProps(m.guardReactiveProps(e.ptm("rotateRightIcon"))),null,16)]}))],16,L),m.createElementVNode("button",m.mergeProps({class:e.cx("rotateLeftButton"),onClick:t[3]||(t[3]=function(){return i.rotateLeft&&i.rotateLeft.apply(i,arguments)}),type:"button","aria-label":i.leftAriaLabel},e.ptm("rotateLeftButton"),{"data-pc-group-section":"action"}),[m.renderSlot(e.$slots,"undo",{},(function(){return[m.createVNode(l,m.normalizeProps(m.guardReactiveProps(e.ptm("rotateLeftIcon"))),null,16)]}))],16,O),m.createElementVNode("button",m.mergeProps({class:e.cx("zoomOutButton"),onClick:t[4]||(t[4]=function(){return i.zoomOut&&i.zoomOut.apply(i,arguments)}),type:"button",disabled:i.isZoomOutDisabled,"aria-label":i.zoomOutAriaLabel},e.ptm("zoomOutButton"),{"data-pc-group-section":"action"}),[m.renderSlot(e.$slots,"zoomout",{},(function(){return[m.createVNode(s,m.normalizeProps(m.guardReactiveProps(e.ptm("zoomOutIcon"))),null,16)]}))],16,V),m.createElementVNode("button",m.mergeProps({class:e.cx("zoomInButton"),onClick:t[5]||(t[5]=function(){return i.zoomIn&&i.zoomIn.apply(i,arguments)}),type:"button",disabled:i.isZoomInDisabled,"aria-label":i.zoomInAriaLabel},e.ptm("zoomInButton"),{"data-pc-group-section":"action"}),[m.renderSlot(e.$slots,"zoomin",{},(function(){return[m.createVNode(c,m.normalizeProps(m.guardReactiveProps(e.ptm("zoomInIcon"))),null,16)]}))],16,$),m.createElementVNode("button",m.mergeProps({class:e.cx("closeButton"),type:"button",onClick:t[6]||(t[6]=function(){return i.hidePreview&&i.hidePreview.apply(i,arguments)}),"aria-label":i.closeAriaLabel,autofocus:""},e.ptm("closeButton"),{"data-pc-group-section":"action"}),[m.renderSlot(e.$slots,"close",{},(function(){return[m.createVNode(u,m.normalizeProps(m.guardReactiveProps(e.ptm("closeIcon"))),null,16)]}))],16,x)],16),m.createVNode(m.Transition,m.mergeProps({name:"p-image-preview",onBeforeEnter:i.onBeforeEnter,onEnter:i.onEnter,onLeave:i.onLeave,onBeforeLeave:i.onBeforeLeave,onAfterLeave:i.onAfterLeave},e.ptm("transition")),{default:m.withCtx((function(){return[n.previewVisible?(m.openBlock(),m.createElementBlock("div",m.normalizeProps(m.mergeProps({key:0},e.ptm("previewContainer"))),[m.renderSlot(e.$slots,"preview",{class:m.normalizeClass(e.cx("preview")),style:m.normalizeStyle(i.imagePreviewStyle),onClick:i.onPreviewImageClick,previewCallback:i.onPreviewImageClick},(function(){return[m.createElementVNode("img",m.mergeProps({src:e.$attrs.src,class:e.cx("preview"),style:i.imagePreviewStyle,onClick:t[7]||(t[7]=function(){return i.onPreviewImageClick&&i.onPreviewImageClick.apply(i,arguments)})},e.ptm("preview")),null,16,D)]}))],16)):m.createCommentVNode("",!0)]})),_:3},16,["onBeforeEnter","onEnter","onLeave","onBeforeLeave","onAfterLeave"])],16,S)),[[f]]):m.createCommentVNode("",!0)]})),_:3})],16)},w}(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.image.style,Vue);

package/inlinemessage/InlineMessage.d.ts

@@ -30,6 +30,14 @@ export interface InlineMessagePassThroughMethodOptions {
      * Defines current inline state.
      */
     state: InlineMessageState;
+    /**
+     * Defines valid attributes.
+     */
+    attrs: any;
+    /**
+     * Defines parent options.
+     */
+    parent: any;
     /**
      * Defines passthrough(pt) options in global config.
      */

package/inplace/Inplace.d.ts

@@ -32,12 +32,34 @@ export interface InplacePassThroughMethodOptions {
      * Defines current inline state.
      */
     state: InplaceState;
+    /**
+     * Defines valid attributes.
+     */
+    attrs: any;
+    /**
+     * Defines parent options.
+     */
+    parent: any;
     /**
      * Defines passthrough(pt) options in global config.
      */
     global: object | undefined;
 }
 
+/**
+ * Custom shared passthrough(pt) option method.
+ */
+export interface InplaceSharedPassThroughMethodOptions {
+    /**
+     * Defines valid properties.
+     */
+    props: InplaceProps;
+    /**
+     * Defines current inline state.
+     */
+    state: InplaceState;
+}
+
 /**
  * Custom passthrough(pt) options.
  * @see {@link InplaceProps.pt}
@@ -59,7 +81,7 @@ export interface InplacePassThroughOptions {
      * Used to pass attributes to the Button component.
      * @see {@link ButtonPassThroughOptions}
      */
-    closeButton?: ButtonPassThroughOptions;
+    closeButton?: ButtonPassThroughOptions<InplaceSharedPassThroughMethodOptions>;
     /**
      * Used to manage all lifecycle hooks.
      * @see {@link BaseComponent.ComponentHooks}

package/inplace/inplace.cjs.js

@@ -103,8 +103,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var _hoisted_1 = ["tabindex"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_IPButton = vue.resolveComponent("IPButton");