primevue 3.35.0 → 3.37.0

package/icons/filter/package.json

@@ -4,6 +4,6 @@
     "unpkg": "./index.min.js",
     "types": "./index.d.ts",
     "browser": {
-      "./sfc": "./index.vue"
+        "./sfc": "./index.vue"
     }
-  }
+}

package/icons/filterslash/package.json

@@ -4,6 +4,6 @@
     "unpkg": "./index.min.js",
     "types": "./index.d.ts",
     "browser": {
-      "./sfc": "./index.vue"
+        "./sfc": "./index.vue"
     }
-  }
+}

package/icons/infocircle/package.json

@@ -4,6 +4,6 @@
     "unpkg": "./index.min.js",
     "types": "./index.d.ts",
     "browser": {
-      "./sfc": "./index.vue"
+        "./sfc": "./index.vue"
     }
-  }
+}

package/icons/minus/package.json

@@ -4,6 +4,6 @@
     "unpkg": "./index.min.js",
     "types": "./index.d.ts",
     "browser": {
-      "./sfc": "./index.vue"
+        "./sfc": "./index.vue"
     }
-  }
+}

package/icons/pencil/package.json

@@ -4,6 +4,6 @@
     "unpkg": "./index.min.js",
     "types": "./index.d.ts",
     "browser": {
-      "./sfc": "./index.vue"
+        "./sfc": "./index.vue"
     }
-  }
+}

package/icons/plus/package.json

@@ -4,6 +4,6 @@
     "unpkg": "./index.min.js",
     "types": "./index.d.ts",
     "browser": {
-      "./sfc": "./index.vue"
+        "./sfc": "./index.vue"
     }
-}
+}

package/icons/refresh/package.json

@@ -4,6 +4,6 @@
     "unpkg": "./index.min.js",
     "types": "./index.d.ts",
     "browser": {
-      "./sfc": "./index.vue"
+        "./sfc": "./index.vue"
     }
-  }
+}

package/icons/search/package.json

@@ -4,6 +4,6 @@
     "unpkg": "./index.min.js",
     "types": "./index.d.ts",
     "browser": {
-      "./sfc": "./index.vue"
+        "./sfc": "./index.vue"
     }
-  }
+}

package/icons/searchminus/package.json

@@ -4,6 +4,6 @@
     "unpkg": "./index.min.js",
     "types": "./index.d.ts",
     "browser": {
-      "./sfc": "./index.vue"
+        "./sfc": "./index.vue"
     }
-  }
+}

package/icons/searchplus/package.json

@@ -4,6 +4,6 @@
     "unpkg": "./index.min.js",
     "types": "./index.d.ts",
     "browser": {
-      "./sfc": "./index.vue"
+        "./sfc": "./index.vue"
     }
-  }
+}

package/icons/sortalt/package.json

@@ -4,6 +4,6 @@
     "unpkg": "./index.min.js",
     "types": "./index.d.ts",
     "browser": {
-      "./sfc": "./index.vue"
+        "./sfc": "./index.vue"
     }
-  }
+}

package/icons/sortamountdown/package.json

@@ -4,6 +4,6 @@
     "unpkg": "./index.min.js",
     "types": "./index.d.ts",
     "browser": {
-      "./sfc": "./index.vue"
+        "./sfc": "./index.vue"
     }
-  }
+}

package/icons/sortamountupalt/package.json

@@ -4,6 +4,6 @@
     "unpkg": "./index.min.js",
     "types": "./index.d.ts",
     "browser": {
-      "./sfc": "./index.vue"
+        "./sfc": "./index.vue"
     }
-  }
+}

package/icons/spinner/package.json

@@ -4,6 +4,6 @@
     "unpkg": "./index.min.js",
     "types": "./index.d.ts",
     "browser": {
-      "./sfc": "./index.vue"
+        "./sfc": "./index.vue"
     }
-  }
+}

package/icons/star/package.json

@@ -4,6 +4,6 @@
     "unpkg": "./index.min.js",
     "types": "./index.d.ts",
     "browser": {
-      "./sfc": "./index.vue"
+        "./sfc": "./index.vue"
     }
-  }
+}

package/icons/starfill/package.json

@@ -4,6 +4,6 @@
     "unpkg": "./index.min.js",
     "types": "./index.d.ts",
     "browser": {
-      "./sfc": "./index.vue"
+        "./sfc": "./index.vue"
     }
-  }
+}

package/icons/thlarge/package.json

@@ -4,6 +4,6 @@
     "unpkg": "./index.min.js",
     "types": "./index.d.ts",
     "browser": {
-      "./sfc": "./index.vue"
+        "./sfc": "./index.vue"
     }
-  }
+}

package/icons/times/package.json

@@ -4,6 +4,6 @@
     "unpkg": "./index.min.js",
     "types": "./index.d.ts",
     "browser": {
-      "./sfc": "./index.vue"
+        "./sfc": "./index.vue"
     }
-  }
+}

package/icons/timescircle/package.json

@@ -4,6 +4,6 @@
     "unpkg": "./index.min.js",
     "types": "./index.d.ts",
     "browser": {
-      "./sfc": "./index.vue"
+        "./sfc": "./index.vue"
     }
-  }
+}

package/icons/trash/package.json

@@ -4,6 +4,6 @@
     "unpkg": "./index.min.js",
     "types": "./index.d.ts",
     "browser": {
-      "./sfc": "./index.vue"
+        "./sfc": "./index.vue"
     }
-  }
+}

package/icons/undo/package.json

@@ -4,6 +4,6 @@
     "unpkg": "./index.min.js",
     "types": "./index.d.ts",
     "browser": {
-      "./sfc": "./index.vue"
+        "./sfc": "./index.vue"
     }
-  }
+}

package/icons/upload/package.json

@@ -4,6 +4,6 @@
     "unpkg": "./index.min.js",
     "types": "./index.d.ts",
     "browser": {
-      "./sfc": "./index.vue"
+        "./sfc": "./index.vue"
     }
-  }
+}

package/icons/windowmaximize/package.json

@@ -1,9 +1,9 @@
 {
-  "main": "./index.cjs.js",
-  "module": "./index.esm.js",
-  "unpkg": "./index.min.js",
-  "types": "./index.d.ts",
-  "browser": {
-    "./sfc": "./index.vue"
-  }
-}
+    "main": "./index.cjs.js",
+    "module": "./index.esm.js",
+    "unpkg": "./index.min.js",
+    "types": "./index.d.ts",
+    "browser": {
+        "./sfc": "./index.vue"
+    }
+}

package/icons/windowminimize/package.json

@@ -4,6 +4,6 @@
     "unpkg": "./index.min.js",
     "types": "./index.d.ts",
     "browser": {
-      "./sfc": "./index.vue"
+        "./sfc": "./index.vue"
     }
-}
+}

package/image/BaseImage.vue

@@ -1,105 +1,6 @@
 <script>
 import BaseComponent from 'primevue/basecomponent';
-import { useStyle } from 'primevue/usestyle';
-
-const styles = `
-@layer primevue {
-    .p-image-mask {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-    
-    .p-image-preview-container {
-        position: relative;
-        display: inline-block;
-    }
-    
-    .p-image-preview-indicator {
-        position: absolute;
-        left: 0;
-        top: 0;
-        width: 100%;
-        height: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        opacity: 0;
-        transition: opacity 0.3s;
-    }
-    
-    .p-image-preview-container:hover > .p-image-preview-indicator {
-        opacity: 1;
-        cursor: pointer;
-    }
-    
-    .p-image-preview-container > img {
-        cursor: pointer;
-    }
-    
-    .p-image-toolbar {
-        position: absolute;
-        top: 0;
-        right: 0;
-        display: flex;
-    }
-    
-    .p-image-action.p-link {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-    }
-    
-    .p-image-preview {
-        transition: transform 0.15s;
-        max-width: 100vw;
-        max-height: 100vh;
-    }
-    
-    .p-image-preview-enter-active {
-        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
-    }
-    .p-image-preview-leave-active {
-        transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
-    }
-    .p-image-preview-enter-from,
-    .p-image-preview-leave-to {
-        opacity: 0;
-        transform: scale(0.7);
-    }
-}
-`;
-
-const classes = {
-    root: ({ props }) => [
-        'p-image p-component',
-        {
-            'p-image-preview-container': props.preview
-        }
-    ],
-    image: ({ props }) => 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: ({ instance }) => [
-        'p-image-action p-link',
-        {
-            'p-disabled': instance.isZoomOutDisabled
-        }
-    ],
-    zoomInButton: ({ instance }) => [
-        'p-image-action p-link',
-        {
-            'p-disabled': instance.isZoomInDisabled
-        }
-    ],
-    closeButton: 'p-image-action p-link',
-    preview: 'p-image-preview'
-};
-
-const { load: loadStyle } = useStyle(styles, { name: 'image', manual: true });
+import ImageStyle from 'primevue/image/style';
 
 export default {
     name: 'BaseImage',
@@ -142,10 +43,7 @@ export default {
             default: false
         }
     },
-    css: {
-        classes,
-        loadStyle
-    },
+    style: ImageStyle,
     provide() {
         return {
             $parentInstance: this

package/image/Image.vue

@@ -10,7 +10,7 @@
         </button>
         <Portal>
             <div v-if="maskVisible" :ref="maskRef" v-focustrap role="dialog" :class="cx('mask')" :aria-modal="maskVisible" @click="onMaskClick" @keydown="onMaskKeydown" v-bind="ptm('mask')">
-                <div class="p-image-toolbar" v-bind="ptm('toolbar')">
+                <div :class="cx('toolbar')" v-bind="ptm('toolbar')">
                     <button :class="cx('rotateRightButton')" @click="rotateRight" type="button" :aria-label="rightAriaLabel" v-bind="ptm('rotateRightButton')" data-pc-group-section="action">
                         <slot name="refresh">
                             <RefreshIcon v-bind="ptm('rotateRightIcon')" />
@@ -93,8 +93,7 @@ export default {
         },
         onImageClick() {
             if (this.preview) {
-                DomHandler.addClass(document.body, 'p-overflow-hidden');
-                document.body.style.setProperty('--scrollbar-width', DomHandler.calculateScrollbarWidth() + 'px');
+                DomHandler.blockBodyScroll();
                 this.maskVisible = true;
                 setTimeout(() => {
                     this.previewVisible = true;
@@ -164,8 +163,7 @@ export default {
             !this.isUnstyled && DomHandler.addClass(this.mask, 'p-component-overlay-leave');
         },
         onLeave() {
-            DomHandler.removeClass(document.body, 'p-overflow-hidden');
-            document.body.style.removeProperty('--scrollbar-width');
+            DomHandler.unblockBodyScroll();
             this.$emit('hide');
         },
         onAfterLeave(el) {
@@ -183,8 +181,7 @@ export default {
             this.previewVisible = false;
             this.rotate = 0;
             this.scale = 1;
-            DomHandler.removeClass(document.body, 'p-overflow-hidden');
-            document.body.style.removeProperty('--scrollbar-width');
+            DomHandler.unblockBodyScroll();
         }
     },
     computed: {

package/image/image.cjs.js

@@ -10,7 +10,7 @@ var UndoIcon = require('primevue/icons/undo');
 var Portal = require('primevue/portal');
 var utils = require('primevue/utils');
 var BaseComponent = require('primevue/basecomponent');
-var usestyle = require('primevue/usestyle');
+var ImageStyle = require('primevue/image/style');
 var vue = require('vue');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -24,44 +24,8 @@ var TimesIcon__default = /*#__PURE__*/_interopDefaultLegacy(TimesIcon);
 var UndoIcon__default = /*#__PURE__*/_interopDefaultLegacy(UndoIcon);
 var Portal__default = /*#__PURE__*/_interopDefaultLegacy(Portal);
 var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
+var ImageStyle__default = /*#__PURE__*/_interopDefaultLegacy(ImageStyle);
 
-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;
-    return ['p-image p-component', {
-      'p-image-preview-container': props.preview
-    }];
-  },
-  image: function image(_ref2) {
-    var props = _ref2.props;
-    return 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 zoomOutButton(_ref3) {
-    var instance = _ref3.instance;
-    return ['p-image-action p-link', {
-      'p-disabled': instance.isZoomOutDisabled
-    }];
-  },
-  zoomInButton: function zoomInButton(_ref4) {
-    var instance = _ref4.instance;
-    return ['p-image-action p-link', {
-      'p-disabled': instance.isZoomInDisabled
-    }];
-  },
-  closeButton: 'p-image-action p-link',
-  preview: 'p-image-preview'
-};
-var _useStyle = usestyle.useStyle(styles, {
-    name: 'image',
-    manual: true
-  }),
-  loadStyle = _useStyle.load;
 var script$1 = {
   name: 'BaseImage',
   "extends": BaseComponent__default["default"],
@@ -103,10 +67,7 @@ var script$1 = {
       "default": false
     }
   },
-  css: {
-    classes: classes,
-    loadStyle: loadStyle
-  },
+  style: ImageStyle__default["default"],
   provide: function provide() {
     return {
       $parentInstance: this
@@ -143,8 +104,7 @@ var script = {
     onImageClick: function onImageClick() {
       var _this = this;
       if (this.preview) {
-        utils.DomHandler.addClass(document.body, 'p-overflow-hidden');
-        document.body.style.setProperty('--scrollbar-width', utils.DomHandler.calculateScrollbarWidth() + 'px');
+        utils.DomHandler.blockBodyScroll();
         this.maskVisible = true;
         setTimeout(function () {
           _this.previewVisible = true;
@@ -208,8 +168,7 @@ var script = {
       !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');
+      utils.DomHandler.unblockBodyScroll();
       this.$emit('hide');
     },
     onAfterLeave: function onAfterLeave(el) {
@@ -226,8 +185,7 @@ var script = {
       this.previewVisible = false;
       this.rotate = 0;
       this.scale = 1;
-      utils.DomHandler.removeClass(document.body, 'p-overflow-hidden');
-      document.body.style.removeProperty('--scrollbar-width');
+      utils.DomHandler.unblockBodyScroll();
     }
   },
   computed: {
@@ -341,7 +299,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           return $options.onMaskKeydown && $options.onMaskKeydown.apply($options, arguments);
         })
       }, _ctx.ptm('mask')), [vue.createElementVNode("div", vue.mergeProps({
-        "class": "p-image-toolbar"
+        "class": _ctx.cx('toolbar')
       }, _ctx.ptm('toolbar')), [vue.createElementVNode("button", vue.mergeProps({
         "class": _ctx.cx('rotateRightButton'),
         onClick: _cache[2] || (_cache[2] = function () {

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"),n=require("primevue/icons/searchminus"),r=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/usestyle"),p=require("vue");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(r),h=m(i),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"],x=["aria-label"],V=["aria-label"],$=["disabled","aria-label"],D=["disabled","aria-label"],N=["aria-label"],R=["src"];C.render=function(e,t,o,n,r,i){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:i.containerClass,style:e.style},e.ptm("root"),{"data-pc-name":"image"}),[p.renderSlot(e.$slots,"image",{onError:i.onError},(function(){return[p.createElementVNode("img",p.mergeProps({style:e.imageStyle,class:[e.cx("image"),e.imageClass],onError:t[0]||(t[0]=function(){return i.onError&&i.onError.apply(i,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 i.onImageClick&&i.onImageClick.apply(i,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[r.maskVisible?p.withDirectives((p.openBlock(),p.createElementBlock("div",p.mergeProps({key:0,ref:i.maskRef,role:"dialog",class:e.cx("mask"),"aria-modal":r.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")),[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 i.rotateRight&&i.rotateRight.apply(i,arguments)}),type:"button","aria-label":i.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,x),p.createElementVNode("button",p.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"}),[p.renderSlot(e.$slots,"undo",{},(function(){return[p.createVNode(l,p.normalizeProps(p.guardReactiveProps(e.ptm("rotateLeftIcon"))),null,16)]}))],16,V),p.createElementVNode("button",p.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"}),[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 i.zoomIn&&i.zoomIn.apply(i,arguments)}),type:"button",disabled:i.isZoomInDisabled,"aria-label":i.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 i.hidePreview&&i.hidePreview.apply(i,arguments)}),"aria-label":i.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:i.onBeforeEnter,onEnter:i.onEnter,onLeave:i.onLeave,onBeforeLeave:i.onBeforeLeave,onAfterLeave:i.onAfterLeave},e.ptm("transition")),{default:p.withCtx((function(){return[r.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(i.imagePreviewStyle),onClick:i.onPreviewImageClick},(function(){return[p.createElementVNode("img",p.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,R)]}))],16)):p.createCommentVNode("",!0)]})),_:3},16,["onBeforeEnter","onEnter","onLeave","onBeforeLeave","onAfterLeave"])],16,L)),[[f]]):p.createCommentVNode("",!0)]})),_:3})],16)},module.exports=C;
+"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=S(e,"string");return"symbol"===P(t)?t:String(t)}function S(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 E=["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},(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},(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,E)),[[f]]):m.createCommentVNode("",!0)]})),_:3})],16)},module.exports=w;