primevue 4.5.0 → 4.5.2

package/galleria/style/index.mjs

@@ -2,7 +2,7 @@ import { style } from '@primeuix/styles/galleria';
 import BaseStyle from '@primevue/core/base/style';
 
 var classes = {
-  mask: 'p-galleria-mask p-overlay-mask p-overlay-mask-enter',
+  mask: 'p-galleria-mask p-overlay-mask p-overlay-mask-enter-active',
   root: function root(_ref) {
     var instance = _ref.instance;
     var thumbnailsPosClass = instance.$attrs.showThumbnails && instance.getPositionClass('p-galleria-thumbnails', instance.$attrs.thumbnailsPosition);

package/galleria/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/galleria/style/GalleriaStyle.js"],"sourcesContent":["import { style } from '@primeuix/styles/galleria';\nimport BaseStyle from '@primevue/core/base/style';\n\nconst classes = {\n    mask: 'p-galleria-mask p-overlay-mask p-overlay-mask-enter',\n    root: ({ instance }) => {\n        const thumbnailsPosClass = instance.$attrs.showThumbnails && instance.getPositionClass('p-galleria-thumbnails', instance.$attrs.thumbnailsPosition);\n        const indicatorPosClass = instance.$attrs.showIndicators && instance.getPositionClass('p-galleria-indicators', instance.$attrs.indicatorsPosition);\n\n        return [\n            'p-galleria p-component',\n            {\n                'p-galleria-fullscreen': instance.$attrs.fullScreen,\n                'p-galleria-inset-indicators': instance.$attrs.showIndicatorsOnItem,\n                'p-galleria-hover-navigators': instance.$attrs.showItemNavigatorsOnHover && !instance.$attrs.fullScreen\n            },\n            thumbnailsPosClass,\n            indicatorPosClass\n        ];\n    },\n    closeButton: 'p-galleria-close-button',\n    closeIcon: 'p-galleria-close-icon',\n    header: 'p-galleria-header',\n    content: 'p-galleria-content',\n    footer: 'p-galleria-footer',\n    itemsContainer: 'p-galleria-items-container',\n    items: 'p-galleria-items',\n    prevButton: ({ instance }) => [\n        'p-galleria-prev-button p-galleria-nav-button',\n        {\n            'p-disabled': instance.isNavBackwardDisabled\n        }\n    ],\n    prevIcon: 'p-galleria-prev-icon',\n    item: 'p-galleria-item',\n    nextButton: ({ instance }) => [\n        'p-galleria-next-button p-galleria-nav-button',\n        {\n            'p-disabled': instance.isNavForwardDisabled\n        }\n    ],\n    nextIcon: 'p-galleria-next-icon',\n    caption: 'p-galleria-caption',\n    indicatorList: 'p-galleria-indicator-list',\n    indicator: ({ instance, index }) => [\n        'p-galleria-indicator',\n        {\n            'p-galleria-indicator-active': instance.isIndicatorItemActive(index)\n        }\n    ],\n    indicatorButton: 'p-galleria-indicator-button',\n    thumbnails: 'p-galleria-thumbnails',\n    thumbnailContent: 'p-galleria-thumbnails-content',\n    thumbnailPrevButton: ({ instance }) => [\n        'p-galleria-thumbnail-prev-button p-galleria-thumbnail-nav-button',\n        {\n            'p-disabled': instance.isNavBackwardDisabled\n        }\n    ],\n    thumbnailPrevIcon: 'p-galleria-thumbnail-prev-icon',\n    thumbnailsViewport: 'p-galleria-thumbnails-viewport',\n    thumbnailItems: 'p-galleria-thumbnail-items',\n    thumbnailItem: ({ instance, index, activeIndex }) => [\n        'p-galleria-thumbnail-item',\n        {\n            'p-galleria-thumbnail-item-current': activeIndex === index,\n            'p-galleria-thumbnail-item-active': instance.isItemActive(index),\n            'p-galleria-thumbnail-item-start': instance.firstItemAciveIndex() === index,\n            'p-galleria-thumbnail-item-end': instance.lastItemActiveIndex() === index\n        }\n    ],\n    thumbnail: 'p-galleria-thumbnail',\n    thumbnailNextButton: ({ instance }) => [\n        'p-galleria-thumbnail-next-button p-galleria-thumbnail-nav-button',\n        {\n            'p-disabled': instance.isNavForwardDisabled\n        }\n    ],\n    thumbnailNextIcon: 'p-galleria-thumbnail-next-icon'\n};\n\nexport default BaseStyle.extend({\n    name: 'galleria',\n    style,\n    classes\n});\n"],"names":["classes","mask","root","_ref","instance","thumbnailsPosClass","$attrs","showThumbnails","getPositionClass","thumbnailsPosition","indicatorPosClass","showIndicators","indicatorsPosition","fullScreen","showIndicatorsOnItem","showItemNavigatorsOnHover","closeButton","closeIcon","header","content","footer","itemsContainer","items","prevButton","_ref2","isNavBackwardDisabled","prevIcon","item","nextButton","_ref3","isNavForwardDisabled","nextIcon","caption","indicatorList","indicator","_ref4","index","isIndicatorItemActive","indicatorButton","thumbnails","thumbnailContent","thumbnailPrevButton","_ref5","thumbnailPrevIcon","thumbnailsViewport","thumbnailItems","thumbnailItem","_ref6","activeIndex","isItemActive","firstItemAciveIndex","lastItemActiveIndex","thumbnail","thumbnailNextButton","_ref7","thumbnailNextIcon","BaseStyle","extend","name","style"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../src/galleria/style/GalleriaStyle.js"],"sourcesContent":["import { style } from '@primeuix/styles/galleria';\nimport BaseStyle from '@primevue/core/base/style';\n\nconst classes = {\n    mask: 'p-galleria-mask p-overlay-mask p-overlay-mask-enter-active',\n    root: ({ instance }) => {\n        const thumbnailsPosClass = instance.$attrs.showThumbnails && instance.getPositionClass('p-galleria-thumbnails', instance.$attrs.thumbnailsPosition);\n        const indicatorPosClass = instance.$attrs.showIndicators && instance.getPositionClass('p-galleria-indicators', instance.$attrs.indicatorsPosition);\n\n        return [\n            'p-galleria p-component',\n            {\n                'p-galleria-fullscreen': instance.$attrs.fullScreen,\n                'p-galleria-inset-indicators': instance.$attrs.showIndicatorsOnItem,\n                'p-galleria-hover-navigators': instance.$attrs.showItemNavigatorsOnHover && !instance.$attrs.fullScreen\n            },\n            thumbnailsPosClass,\n            indicatorPosClass\n        ];\n    },\n    closeButton: 'p-galleria-close-button',\n    closeIcon: 'p-galleria-close-icon',\n    header: 'p-galleria-header',\n    content: 'p-galleria-content',\n    footer: 'p-galleria-footer',\n    itemsContainer: 'p-galleria-items-container',\n    items: 'p-galleria-items',\n    prevButton: ({ instance }) => [\n        'p-galleria-prev-button p-galleria-nav-button',\n        {\n            'p-disabled': instance.isNavBackwardDisabled\n        }\n    ],\n    prevIcon: 'p-galleria-prev-icon',\n    item: 'p-galleria-item',\n    nextButton: ({ instance }) => [\n        'p-galleria-next-button p-galleria-nav-button',\n        {\n            'p-disabled': instance.isNavForwardDisabled\n        }\n    ],\n    nextIcon: 'p-galleria-next-icon',\n    caption: 'p-galleria-caption',\n    indicatorList: 'p-galleria-indicator-list',\n    indicator: ({ instance, index }) => [\n        'p-galleria-indicator',\n        {\n            'p-galleria-indicator-active': instance.isIndicatorItemActive(index)\n        }\n    ],\n    indicatorButton: 'p-galleria-indicator-button',\n    thumbnails: 'p-galleria-thumbnails',\n    thumbnailContent: 'p-galleria-thumbnails-content',\n    thumbnailPrevButton: ({ instance }) => [\n        'p-galleria-thumbnail-prev-button p-galleria-thumbnail-nav-button',\n        {\n            'p-disabled': instance.isNavBackwardDisabled\n        }\n    ],\n    thumbnailPrevIcon: 'p-galleria-thumbnail-prev-icon',\n    thumbnailsViewport: 'p-galleria-thumbnails-viewport',\n    thumbnailItems: 'p-galleria-thumbnail-items',\n    thumbnailItem: ({ instance, index, activeIndex }) => [\n        'p-galleria-thumbnail-item',\n        {\n            'p-galleria-thumbnail-item-current': activeIndex === index,\n            'p-galleria-thumbnail-item-active': instance.isItemActive(index),\n            'p-galleria-thumbnail-item-start': instance.firstItemAciveIndex() === index,\n            'p-galleria-thumbnail-item-end': instance.lastItemActiveIndex() === index\n        }\n    ],\n    thumbnail: 'p-galleria-thumbnail',\n    thumbnailNextButton: ({ instance }) => [\n        'p-galleria-thumbnail-next-button p-galleria-thumbnail-nav-button',\n        {\n            'p-disabled': instance.isNavForwardDisabled\n        }\n    ],\n    thumbnailNextIcon: 'p-galleria-thumbnail-next-icon'\n};\n\nexport default BaseStyle.extend({\n    name: 'galleria',\n    style,\n    classes\n});\n"],"names":["classes","mask","root","_ref","instance","thumbnailsPosClass","$attrs","showThumbnails","getPositionClass","thumbnailsPosition","indicatorPosClass","showIndicators","indicatorsPosition","fullScreen","showIndicatorsOnItem","showItemNavigatorsOnHover","closeButton","closeIcon","header","content","footer","itemsContainer","items","prevButton","_ref2","isNavBackwardDisabled","prevIcon","item","nextButton","_ref3","isNavForwardDisabled","nextIcon","caption","indicatorList","indicator","_ref4","index","isIndicatorItemActive","indicatorButton","thumbnails","thumbnailContent","thumbnailPrevButton","_ref5","thumbnailPrevIcon","thumbnailsViewport","thumbnailItems","thumbnailItem","_ref6","activeIndex","isItemActive","firstItemAciveIndex","lastItemActiveIndex","thumbnail","thumbnailNextButton","_ref7","thumbnailNextIcon","BaseStyle","extend","name","style"],"mappings":"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"}

package/image/Image.vue

@@ -3,7 +3,8 @@
         <slot name="image" :errorCallback="onError">
             <img :style="imageStyle" :class="imageClass" @error="onError" v-bind="{ ...$attrs, ...ptm('image') }" />
         </slot>
-        <button v-if="preview" ref="previewButton" :aria-label="zoomImageAriaLabel" type="button" :class="cx('previewMask')" @click="onImageClick" v-bind="{ ...previewButtonProps, ...ptm('previewMask') }">
+        <button v-if="preview" ref="previewButton" :aria-label="zoomImageAriaLabel" type="button" :class="cx('previewMask')" @click="onImageClick"
+            v-bind="{ ...previewButtonProps, ...ptm('previewMask') }">
             <!-- TODO: indicator* deprecated since v4.0-->
             <slot :name="$slots.previewicon ? 'previewicon' : 'indicatoricon'">
                 <component :is="previewIcon || indicatorIcon ? 'i' : 'EyeIcon'" :class="[cx('previewIcon'), previewIcon]" v-bind="ptm('previewIcon')" />
@@ -24,13 +25,15 @@
                         </slot>
                     </button>
 
-                    <button :class="cx('zoomOutButton')" @click="zoomOut" type="button" :disabled="isZoomOutDisabled" :aria-label="zoomOutAriaLabel" v-bind="ptm('zoomOutButton')" data-pc-group-section="action">
+                    <button :class="cx('zoomOutButton')" @click="zoomOut" type="button" :disabled="isZoomOutDisabled" :aria-label="zoomOutAriaLabel" v-bind="ptm('zoomOutButton')"
+                        data-pc-group-section="action">
                         <slot name="zoomout">
                             <SearchMinusIcon v-bind="ptm('zoomOutIcon')" />
                         </slot>
                     </button>
 
-                    <button :class="cx('zoomInButton')" @click="zoomIn" type="button" :disabled="isZoomInDisabled" :aria-label="zoomInAriaLabel" v-bind="ptm('zoomInButton')" data-pc-group-section="action">
+                    <button :class="cx('zoomInButton')" @click="zoomIn" type="button" :disabled="isZoomInDisabled" :aria-label="zoomInAriaLabel" v-bind="ptm('zoomInButton')"
+                        data-pc-group-section="action">
                         <slot name="zoomin">
                             <SearchPlusIcon v-bind="ptm('zoomInIcon')" />
                         </slot>
@@ -42,7 +45,8 @@
                         </slot>
                     </button>
                 </div>
-                <transition name="p-image-original" @before-enter="onBeforeEnter" @enter="onEnter" @leave="onLeave" @before-leave="onBeforeLeave" @after-leave="onAfterLeave" v-bind="ptm('transition')">
+                <transition name="p-image-original" @before-enter="onBeforeEnter" @enter="onEnter" @leave="onLeave" @before-leave="onBeforeLeave" @after-leave="onAfterLeave"
+                    v-bind="ptm('transition')">
                     <div v-if="previewVisible" v-bind="ptm('originalContainer')">
                         <!-- TODO: preview deprecated since v4.0-->
                         <slot :name="$slots.original ? 'original' : 'preview'" :class="cx('original')" :style="imagePreviewStyle" :previewCallback="onPreviewImageClick">
@@ -160,7 +164,7 @@ export default {
             this.$emit('show');
         },
         onBeforeLeave() {
-            !this.isUnstyled && addClass(this.mask, 'p-overlay-mask-leave');
+            !this.isUnstyled && addClass(this.mask, 'p-overlay-mask-leave-active');
         },
         onLeave() {
             unblockBodyScroll();

package/image/index.mjs

@@ -154,7 +154,7 @@ var script = {
       this.$emit('show');
     },
     onBeforeLeave: function onBeforeLeave() {
-      !this.isUnstyled && addClass(this.mask, 'p-overlay-mask-leave');
+      !this.isUnstyled && addClass(this.mask, 'p-overlay-mask-leave-active');
     },
     onLeave: function onLeave() {
       unblockBodyScroll();

package/image/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/image/BaseImage.vue","../../src/image/Image.vue","../../src/image/Image.vue?vue&type=template&id=16c5f758&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport ImageStyle from 'primevue/image/style';\n\nexport default {\n    name: 'BaseImage',\n    extends: BaseComponent,\n    props: {\n        preview: {\n            type: Boolean,\n            default: false\n        },\n        class: {\n            type: null,\n            default: null\n        },\n        style: {\n            type: null,\n            default: null\n        },\n        imageStyle: {\n            type: null,\n            default: null\n        },\n        imageClass: {\n            type: null,\n            default: null\n        },\n        previewButtonProps: {\n            type: null,\n            default: null\n        },\n        indicatorIcon: {\n            type: String,\n            default: undefined\n        },\n        previewIcon: {\n            type: String,\n            default: undefined\n        },\n        zoomInDisabled: {\n            type: Boolean,\n            default: false\n        },\n        zoomOutDisabled: {\n            type: Boolean,\n            default: false\n        }\n    },\n    style: ImageStyle,\n    provide() {\n        return {\n            $pcImage: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <span :class=\"containerClass\" :style=\"style\" v-bind=\"ptmi('root')\">\n        <slot name=\"image\" :errorCallback=\"onError\">\n            <img :style=\"imageStyle\" :class=\"imageClass\" @error=\"onError\" v-bind=\"{ ...$attrs, ...ptm('image') }\" />\n        </slot>\n        <button v-if=\"preview\" ref=\"previewButton\" :aria-label=\"zoomImageAriaLabel\" type=\"button\" :class=\"cx('previewMask')\" @click=\"onImageClick\" v-bind=\"{ ...previewButtonProps, ...ptm('previewMask') }\">\n            <!-- TODO: indicator* deprecated since v4.0-->\n            <slot :name=\"$slots.previewicon ? 'previewicon' : 'indicatoricon'\">\n                <component :is=\"previewIcon || indicatorIcon ? 'i' : 'EyeIcon'\" :class=\"[cx('previewIcon'), previewIcon]\" v-bind=\"ptm('previewIcon')\" />\n            </slot>\n        </button>\n        <Portal>\n            <div v-if=\"maskVisible\" :ref=\"maskRef\" v-focustrap role=\"dialog\" :class=\"cx('mask')\" :aria-modal=\"maskVisible\" @click=\"onMaskClick\" @keydown=\"onMaskKeydown\" v-bind=\"ptm('mask')\">\n                <div :class=\"cx('toolbar')\" v-bind=\"ptm('toolbar')\">\n                    <button :class=\"cx('rotateRightButton')\" @click=\"rotateRight\" type=\"button\" :aria-label=\"rightAriaLabel\" v-bind=\"ptm('rotateRightButton')\" data-pc-group-section=\"action\">\n                        <slot name=\"refresh\">\n                            <RefreshIcon v-bind=\"ptm('rotateRightIcon')\" />\n                        </slot>\n                    </button>\n\n                    <button :class=\"cx('rotateLeftButton')\" @click=\"rotateLeft\" type=\"button\" :aria-label=\"leftAriaLabel\" v-bind=\"ptm('rotateLeftButton')\" data-pc-group-section=\"action\">\n                        <slot name=\"undo\">\n                            <UndoIcon v-bind=\"ptm('rotateLeftIcon')\" />\n                        </slot>\n                    </button>\n\n                    <button :class=\"cx('zoomOutButton')\" @click=\"zoomOut\" type=\"button\" :disabled=\"isZoomOutDisabled\" :aria-label=\"zoomOutAriaLabel\" v-bind=\"ptm('zoomOutButton')\" data-pc-group-section=\"action\">\n                        <slot name=\"zoomout\">\n                            <SearchMinusIcon v-bind=\"ptm('zoomOutIcon')\" />\n                        </slot>\n                    </button>\n\n                    <button :class=\"cx('zoomInButton')\" @click=\"zoomIn\" type=\"button\" :disabled=\"isZoomInDisabled\" :aria-label=\"zoomInAriaLabel\" v-bind=\"ptm('zoomInButton')\" data-pc-group-section=\"action\">\n                        <slot name=\"zoomin\">\n                            <SearchPlusIcon v-bind=\"ptm('zoomInIcon')\" />\n                        </slot>\n                    </button>\n\n                    <button :class=\"cx('closeButton')\" type=\"button\" @click=\"hidePreview\" :aria-label=\"closeAriaLabel\" autofocus v-bind=\"ptm('closeButton')\" data-pc-group-section=\"action\">\n                        <slot name=\"close\">\n                            <TimesIcon v-bind=\"ptm('closeIcon')\" />\n                        </slot>\n                    </button>\n                </div>\n                <transition name=\"p-image-original\" @before-enter=\"onBeforeEnter\" @enter=\"onEnter\" @leave=\"onLeave\" @before-leave=\"onBeforeLeave\" @after-leave=\"onAfterLeave\" v-bind=\"ptm('transition')\">\n                    <div v-if=\"previewVisible\" v-bind=\"ptm('originalContainer')\">\n                        <!-- TODO: preview deprecated since v4.0-->\n                        <slot :name=\"$slots.original ? 'original' : 'preview'\" :class=\"cx('original')\" :style=\"imagePreviewStyle\" :previewCallback=\"onPreviewImageClick\">\n                            <img :src=\"$attrs.src\" :class=\"cx('original')\" :style=\"imagePreviewStyle\" @click=\"onPreviewImageClick\" v-bind=\"ptm('original')\" />\n                        </slot>\n                    </div>\n                </transition>\n            </div>\n        </Portal>\n    </span>\n</template>\n\n<script>\nimport { addClass, focus, isAttributeEquals } from '@primeuix/utils/dom';\nimport { ZIndex } from '@primeuix/utils/zindex';\nimport EyeIcon from '@primevue/icons/eye';\nimport RefreshIcon from '@primevue/icons/refresh';\nimport SearchMinusIcon from '@primevue/icons/searchminus';\nimport SearchPlusIcon from '@primevue/icons/searchplus';\nimport TimesIcon from '@primevue/icons/times';\nimport UndoIcon from '@primevue/icons/undo';\nimport FocusTrap from 'primevue/focustrap';\nimport Portal from 'primevue/portal';\nimport { blockBodyScroll, unblockBodyScroll } from 'primevue/utils';\nimport BaseImage from './BaseImage.vue';\n\nexport default {\n    name: 'Image',\n    extends: BaseImage,\n    inheritAttrs: false,\n    emits: ['show', 'hide', 'error'],\n    mask: null,\n    data() {\n        return {\n            maskVisible: false,\n            previewVisible: false,\n            rotate: 0,\n            scale: 1\n        };\n    },\n    beforeUnmount() {\n        if (this.mask) {\n            ZIndex.clear(this.container);\n        }\n    },\n    methods: {\n        maskRef(el) {\n            this.mask = el;\n        },\n        toolbarRef(el) {\n            this.toolbarRef = el;\n        },\n        onImageClick() {\n            if (this.preview) {\n                blockBodyScroll();\n                this.maskVisible = true;\n                setTimeout(() => {\n                    this.previewVisible = true;\n                }, 25);\n            }\n        },\n        onPreviewImageClick() {\n            this.previewClick = true;\n        },\n        onMaskClick(event) {\n            const isBarActionsClicked = isAttributeEquals(event.target, 'data-pc-section-group', 'action') || event.target.closest('[data-pc-section-group=\"action\"]');\n\n            if (!this.previewClick && !isBarActionsClicked) {\n                this.previewVisible = false;\n                this.rotate = 0;\n                this.scale = 1;\n            }\n\n            this.previewClick = false;\n        },\n        onMaskKeydown(event) {\n            switch (event.code) {\n                case 'Escape':\n                    this.hidePreview();\n                    setTimeout(() => {\n                        focus(this.$refs.previewButton);\n                    }, 200);\n                    event.preventDefault();\n\n                    break;\n\n                default:\n                    break;\n            }\n        },\n        onError() {\n            this.$emit('error');\n        },\n        rotateRight() {\n            this.rotate += 90;\n            this.previewClick = true;\n        },\n        rotateLeft() {\n            this.rotate -= 90;\n            this.previewClick = true;\n        },\n        zoomIn() {\n            this.scale = this.scale + 0.1;\n            this.previewClick = true;\n        },\n        zoomOut() {\n            this.scale = this.scale - 0.1;\n            this.previewClick = true;\n        },\n        onBeforeEnter() {\n            ZIndex.set('modal', this.mask, this.$primevue.config.zIndex.modal);\n        },\n        onEnter() {\n            this.focus();\n            this.$emit('show');\n        },\n        onBeforeLeave() {\n            !this.isUnstyled && addClass(this.mask, 'p-overlay-mask-leave');\n        },\n        onLeave() {\n            unblockBodyScroll();\n            this.$emit('hide');\n        },\n        onAfterLeave(el) {\n            ZIndex.clear(el);\n            this.maskVisible = false;\n        },\n        focus() {\n            let focusTarget = this.mask.querySelector('[autofocus]');\n\n            if (focusTarget) {\n                focusTarget.focus();\n            }\n        },\n        hidePreview() {\n            this.previewVisible = false;\n            this.rotate = 0;\n            this.scale = 1;\n            unblockBodyScroll();\n        }\n    },\n    computed: {\n        containerClass() {\n            return [this.cx('root'), this.class];\n        },\n        rotateClass() {\n            return 'p-image-preview-rotate-' + this.rotate;\n        },\n        imagePreviewStyle() {\n            return { transform: 'rotate(' + this.rotate + 'deg) scale(' + this.scale + ')' };\n        },\n        isZoomInDisabled() {\n            return this.zoomInDisabled || this.scale >= 1.5;\n        },\n        isZoomOutDisabled() {\n            return this.zoomOutDisabled || this.scale <= 0.5;\n        },\n        rightAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.rotateRight : undefined;\n        },\n        leftAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.rotateLeft : undefined;\n        },\n        zoomInAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.zoomIn : undefined;\n        },\n        zoomOutAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.zoomOut : undefined;\n        },\n        zoomImageAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.zoomImage : undefined;\n        },\n        closeAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;\n        }\n    },\n    components: {\n        Portal: Portal,\n        EyeIcon: EyeIcon,\n        RefreshIcon: RefreshIcon,\n        UndoIcon: UndoIcon,\n        SearchMinusIcon: SearchMinusIcon,\n        SearchPlusIcon: SearchPlusIcon,\n        TimesIcon: TimesIcon\n    },\n    directives: {\n        focustrap: FocusTrap\n    }\n};\n</script>\n","<template>\n    <span :class=\"containerClass\" :style=\"style\" v-bind=\"ptmi('root')\">\n        <slot name=\"image\" :errorCallback=\"onError\">\n            <img :style=\"imageStyle\" :class=\"imageClass\" @error=\"onError\" v-bind=\"{ ...$attrs, ...ptm('image') }\" />\n        </slot>\n        <button v-if=\"preview\" ref=\"previewButton\" :aria-label=\"zoomImageAriaLabel\" type=\"button\" :class=\"cx('previewMask')\" @click=\"onImageClick\" v-bind=\"{ ...previewButtonProps, ...ptm('previewMask') }\">\n            <!-- TODO: indicator* deprecated since v4.0-->\n            <slot :name=\"$slots.previewicon ? 'previewicon' : 'indicatoricon'\">\n                <component :is=\"previewIcon || indicatorIcon ? 'i' : 'EyeIcon'\" :class=\"[cx('previewIcon'), previewIcon]\" v-bind=\"ptm('previewIcon')\" />\n            </slot>\n        </button>\n        <Portal>\n            <div v-if=\"maskVisible\" :ref=\"maskRef\" v-focustrap role=\"dialog\" :class=\"cx('mask')\" :aria-modal=\"maskVisible\" @click=\"onMaskClick\" @keydown=\"onMaskKeydown\" v-bind=\"ptm('mask')\">\n                <div :class=\"cx('toolbar')\" v-bind=\"ptm('toolbar')\">\n                    <button :class=\"cx('rotateRightButton')\" @click=\"rotateRight\" type=\"button\" :aria-label=\"rightAriaLabel\" v-bind=\"ptm('rotateRightButton')\" data-pc-group-section=\"action\">\n                        <slot name=\"refresh\">\n                            <RefreshIcon v-bind=\"ptm('rotateRightIcon')\" />\n                        </slot>\n                    </button>\n\n                    <button :class=\"cx('rotateLeftButton')\" @click=\"rotateLeft\" type=\"button\" :aria-label=\"leftAriaLabel\" v-bind=\"ptm('rotateLeftButton')\" data-pc-group-section=\"action\">\n                        <slot name=\"undo\">\n                            <UndoIcon v-bind=\"ptm('rotateLeftIcon')\" />\n                        </slot>\n                    </button>\n\n                    <button :class=\"cx('zoomOutButton')\" @click=\"zoomOut\" type=\"button\" :disabled=\"isZoomOutDisabled\" :aria-label=\"zoomOutAriaLabel\" v-bind=\"ptm('zoomOutButton')\" data-pc-group-section=\"action\">\n                        <slot name=\"zoomout\">\n                            <SearchMinusIcon v-bind=\"ptm('zoomOutIcon')\" />\n                        </slot>\n                    </button>\n\n                    <button :class=\"cx('zoomInButton')\" @click=\"zoomIn\" type=\"button\" :disabled=\"isZoomInDisabled\" :aria-label=\"zoomInAriaLabel\" v-bind=\"ptm('zoomInButton')\" data-pc-group-section=\"action\">\n                        <slot name=\"zoomin\">\n                            <SearchPlusIcon v-bind=\"ptm('zoomInIcon')\" />\n                        </slot>\n                    </button>\n\n                    <button :class=\"cx('closeButton')\" type=\"button\" @click=\"hidePreview\" :aria-label=\"closeAriaLabel\" autofocus v-bind=\"ptm('closeButton')\" data-pc-group-section=\"action\">\n                        <slot name=\"close\">\n                            <TimesIcon v-bind=\"ptm('closeIcon')\" />\n                        </slot>\n                    </button>\n                </div>\n                <transition name=\"p-image-original\" @before-enter=\"onBeforeEnter\" @enter=\"onEnter\" @leave=\"onLeave\" @before-leave=\"onBeforeLeave\" @after-leave=\"onAfterLeave\" v-bind=\"ptm('transition')\">\n                    <div v-if=\"previewVisible\" v-bind=\"ptm('originalContainer')\">\n                        <!-- TODO: preview deprecated since v4.0-->\n                        <slot :name=\"$slots.original ? 'original' : 'preview'\" :class=\"cx('original')\" :style=\"imagePreviewStyle\" :previewCallback=\"onPreviewImageClick\">\n                            <img :src=\"$attrs.src\" :class=\"cx('original')\" :style=\"imagePreviewStyle\" @click=\"onPreviewImageClick\" v-bind=\"ptm('original')\" />\n                        </slot>\n                    </div>\n                </transition>\n            </div>\n        </Portal>\n    </span>\n</template>\n\n<script>\nimport { addClass, focus, isAttributeEquals } from '@primeuix/utils/dom';\nimport { ZIndex } from '@primeuix/utils/zindex';\nimport EyeIcon from '@primevue/icons/eye';\nimport RefreshIcon from '@primevue/icons/refresh';\nimport SearchMinusIcon from '@primevue/icons/searchminus';\nimport SearchPlusIcon from '@primevue/icons/searchplus';\nimport TimesIcon from '@primevue/icons/times';\nimport UndoIcon from '@primevue/icons/undo';\nimport FocusTrap from 'primevue/focustrap';\nimport Portal from 'primevue/portal';\nimport { blockBodyScroll, unblockBodyScroll } from 'primevue/utils';\nimport BaseImage from './BaseImage.vue';\n\nexport default {\n    name: 'Image',\n    extends: BaseImage,\n    inheritAttrs: false,\n    emits: ['show', 'hide', 'error'],\n    mask: null,\n    data() {\n        return {\n            maskVisible: false,\n            previewVisible: false,\n            rotate: 0,\n            scale: 1\n        };\n    },\n    beforeUnmount() {\n        if (this.mask) {\n            ZIndex.clear(this.container);\n        }\n    },\n    methods: {\n        maskRef(el) {\n            this.mask = el;\n        },\n        toolbarRef(el) {\n            this.toolbarRef = el;\n        },\n        onImageClick() {\n            if (this.preview) {\n                blockBodyScroll();\n                this.maskVisible = true;\n                setTimeout(() => {\n                    this.previewVisible = true;\n                }, 25);\n            }\n        },\n        onPreviewImageClick() {\n            this.previewClick = true;\n        },\n        onMaskClick(event) {\n            const isBarActionsClicked = isAttributeEquals(event.target, 'data-pc-section-group', 'action') || event.target.closest('[data-pc-section-group=\"action\"]');\n\n            if (!this.previewClick && !isBarActionsClicked) {\n                this.previewVisible = false;\n                this.rotate = 0;\n                this.scale = 1;\n            }\n\n            this.previewClick = false;\n        },\n        onMaskKeydown(event) {\n            switch (event.code) {\n                case 'Escape':\n                    this.hidePreview();\n                    setTimeout(() => {\n                        focus(this.$refs.previewButton);\n                    }, 200);\n                    event.preventDefault();\n\n                    break;\n\n                default:\n                    break;\n            }\n        },\n        onError() {\n            this.$emit('error');\n        },\n        rotateRight() {\n            this.rotate += 90;\n            this.previewClick = true;\n        },\n        rotateLeft() {\n            this.rotate -= 90;\n            this.previewClick = true;\n        },\n        zoomIn() {\n            this.scale = this.scale + 0.1;\n            this.previewClick = true;\n        },\n        zoomOut() {\n            this.scale = this.scale - 0.1;\n            this.previewClick = true;\n        },\n        onBeforeEnter() {\n            ZIndex.set('modal', this.mask, this.$primevue.config.zIndex.modal);\n        },\n        onEnter() {\n            this.focus();\n            this.$emit('show');\n        },\n        onBeforeLeave() {\n            !this.isUnstyled && addClass(this.mask, 'p-overlay-mask-leave');\n        },\n        onLeave() {\n            unblockBodyScroll();\n            this.$emit('hide');\n        },\n        onAfterLeave(el) {\n            ZIndex.clear(el);\n            this.maskVisible = false;\n        },\n        focus() {\n            let focusTarget = this.mask.querySelector('[autofocus]');\n\n            if (focusTarget) {\n                focusTarget.focus();\n            }\n        },\n        hidePreview() {\n            this.previewVisible = false;\n            this.rotate = 0;\n            this.scale = 1;\n            unblockBodyScroll();\n        }\n    },\n    computed: {\n        containerClass() {\n            return [this.cx('root'), this.class];\n        },\n        rotateClass() {\n            return 'p-image-preview-rotate-' + this.rotate;\n        },\n        imagePreviewStyle() {\n            return { transform: 'rotate(' + this.rotate + 'deg) scale(' + this.scale + ')' };\n        },\n        isZoomInDisabled() {\n            return this.zoomInDisabled || this.scale >= 1.5;\n        },\n        isZoomOutDisabled() {\n            return this.zoomOutDisabled || this.scale <= 0.5;\n        },\n        rightAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.rotateRight : undefined;\n        },\n        leftAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.rotateLeft : undefined;\n        },\n        zoomInAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.zoomIn : undefined;\n        },\n        zoomOutAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.zoomOut : undefined;\n        },\n        zoomImageAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.zoomImage : undefined;\n        },\n        closeAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;\n        }\n    },\n    components: {\n        Portal: Portal,\n        EyeIcon: EyeIcon,\n        RefreshIcon: RefreshIcon,\n        UndoIcon: UndoIcon,\n        SearchMinusIcon: SearchMinusIcon,\n        SearchPlusIcon: SearchPlusIcon,\n        TimesIcon: TimesIcon\n    },\n    directives: {\n        focustrap: FocusTrap\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","preview","type","Boolean","style","imageStyle","imageClass","previewButtonProps","indicatorIcon","String","undefined","previewIcon","zoomInDisabled","zoomOutDisabled","ImageStyle","provide","$pcImage","$parentInstance","BaseImage","inheritAttrs","emits","mask","data","maskVisible","previewVisible","rotate","scale","beforeUnmount","ZIndex","clear","container","methods","maskRef","el","toolbarRef","onImageClick","_this","blockBodyScroll","setTimeout","onPreviewImageClick","previewClick","onMaskClick","event","isBarActionsClicked","isAttributeEquals","target","closest","onMaskKeydown","_this2","code","hidePreview","focus","$refs","previewButton","preventDefault","onError","$emit","rotateRight","rotateLeft","zoomIn","zoomOut","onBeforeEnter","set","$primevue","config","zIndex","modal","onEnter","onBeforeLeave","isUnstyled","addClass","onLeave","unblockBodyScroll","onAfterLeave","focusTarget","querySelector","computed","containerClass","cx","rotateClass","imagePreviewStyle","transform","isZoomInDisabled","isZoomOutDisabled","rightAriaLabel","locale","aria","leftAriaLabel","zoomInAriaLabel","zoomOutAriaLabel","zoomImageAriaLabel","zoomImage","closeAriaLabel","close","components","Portal","EyeIcon","RefreshIcon","UndoIcon","SearchMinusIcon","SearchPlusIcon","TimesIcon","directives","focustrap","FocusTrap","_openBlock","_createElementBlock","_mergeProps","$options","_ctx","ptmi","_renderSlot","$slots","errorCallback","_createElementVNode","apply","arguments","_objectSpread","$attrs","ptm","ref","onClick","previewicon","_createBlock","_resolveDynamicComponent","_createVNode","_component_Portal","$data","_withDirectives","role","onKeydown","_component_RefreshIcon","_component_UndoIcon","disabled","_component_SearchMinusIcon","_component_SearchPlusIcon","autofocus","_component_TimesIcon","_Transition","original","previewCallback","src","_hoisted_8"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/image/BaseImage.vue","../../src/image/Image.vue","../../src/image/Image.vue?vue&type=template&id=19e77b69&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport ImageStyle from 'primevue/image/style';\n\nexport default {\n    name: 'BaseImage',\n    extends: BaseComponent,\n    props: {\n        preview: {\n            type: Boolean,\n            default: false\n        },\n        class: {\n            type: null,\n            default: null\n        },\n        style: {\n            type: null,\n            default: null\n        },\n        imageStyle: {\n            type: null,\n            default: null\n        },\n        imageClass: {\n            type: null,\n            default: null\n        },\n        previewButtonProps: {\n            type: null,\n            default: null\n        },\n        indicatorIcon: {\n            type: String,\n            default: undefined\n        },\n        previewIcon: {\n            type: String,\n            default: undefined\n        },\n        zoomInDisabled: {\n            type: Boolean,\n            default: false\n        },\n        zoomOutDisabled: {\n            type: Boolean,\n            default: false\n        }\n    },\n    style: ImageStyle,\n    provide() {\n        return {\n            $pcImage: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <span :class=\"containerClass\" :style=\"style\" v-bind=\"ptmi('root')\">\n        <slot name=\"image\" :errorCallback=\"onError\">\n            <img :style=\"imageStyle\" :class=\"imageClass\" @error=\"onError\" v-bind=\"{ ...$attrs, ...ptm('image') }\" />\n        </slot>\n        <button v-if=\"preview\" ref=\"previewButton\" :aria-label=\"zoomImageAriaLabel\" type=\"button\" :class=\"cx('previewMask')\" @click=\"onImageClick\"\n            v-bind=\"{ ...previewButtonProps, ...ptm('previewMask') }\">\n            <!-- TODO: indicator* deprecated since v4.0-->\n            <slot :name=\"$slots.previewicon ? 'previewicon' : 'indicatoricon'\">\n                <component :is=\"previewIcon || indicatorIcon ? 'i' : 'EyeIcon'\" :class=\"[cx('previewIcon'), previewIcon]\" v-bind=\"ptm('previewIcon')\" />\n            </slot>\n        </button>\n        <Portal>\n            <div v-if=\"maskVisible\" :ref=\"maskRef\" v-focustrap role=\"dialog\" :class=\"cx('mask')\" :aria-modal=\"maskVisible\" @click=\"onMaskClick\" @keydown=\"onMaskKeydown\" v-bind=\"ptm('mask')\">\n                <div :class=\"cx('toolbar')\" v-bind=\"ptm('toolbar')\">\n                    <button :class=\"cx('rotateRightButton')\" @click=\"rotateRight\" type=\"button\" :aria-label=\"rightAriaLabel\" v-bind=\"ptm('rotateRightButton')\" data-pc-group-section=\"action\">\n                        <slot name=\"refresh\">\n                            <RefreshIcon v-bind=\"ptm('rotateRightIcon')\" />\n                        </slot>\n                    </button>\n\n                    <button :class=\"cx('rotateLeftButton')\" @click=\"rotateLeft\" type=\"button\" :aria-label=\"leftAriaLabel\" v-bind=\"ptm('rotateLeftButton')\" data-pc-group-section=\"action\">\n                        <slot name=\"undo\">\n                            <UndoIcon v-bind=\"ptm('rotateLeftIcon')\" />\n                        </slot>\n                    </button>\n\n                    <button :class=\"cx('zoomOutButton')\" @click=\"zoomOut\" type=\"button\" :disabled=\"isZoomOutDisabled\" :aria-label=\"zoomOutAriaLabel\" v-bind=\"ptm('zoomOutButton')\"\n                        data-pc-group-section=\"action\">\n                        <slot name=\"zoomout\">\n                            <SearchMinusIcon v-bind=\"ptm('zoomOutIcon')\" />\n                        </slot>\n                    </button>\n\n                    <button :class=\"cx('zoomInButton')\" @click=\"zoomIn\" type=\"button\" :disabled=\"isZoomInDisabled\" :aria-label=\"zoomInAriaLabel\" v-bind=\"ptm('zoomInButton')\"\n                        data-pc-group-section=\"action\">\n                        <slot name=\"zoomin\">\n                            <SearchPlusIcon v-bind=\"ptm('zoomInIcon')\" />\n                        </slot>\n                    </button>\n\n                    <button :class=\"cx('closeButton')\" type=\"button\" @click=\"hidePreview\" :aria-label=\"closeAriaLabel\" autofocus v-bind=\"ptm('closeButton')\" data-pc-group-section=\"action\">\n                        <slot name=\"close\">\n                            <TimesIcon v-bind=\"ptm('closeIcon')\" />\n                        </slot>\n                    </button>\n                </div>\n                <transition name=\"p-image-original\" @before-enter=\"onBeforeEnter\" @enter=\"onEnter\" @leave=\"onLeave\" @before-leave=\"onBeforeLeave\" @after-leave=\"onAfterLeave\"\n                    v-bind=\"ptm('transition')\">\n                    <div v-if=\"previewVisible\" v-bind=\"ptm('originalContainer')\">\n                        <!-- TODO: preview deprecated since v4.0-->\n                        <slot :name=\"$slots.original ? 'original' : 'preview'\" :class=\"cx('original')\" :style=\"imagePreviewStyle\" :previewCallback=\"onPreviewImageClick\">\n                            <img :src=\"$attrs.src\" :class=\"cx('original')\" :style=\"imagePreviewStyle\" @click=\"onPreviewImageClick\" v-bind=\"ptm('original')\" />\n                        </slot>\n                    </div>\n                </transition>\n            </div>\n        </Portal>\n    </span>\n</template>\n\n<script>\nimport { addClass, focus, isAttributeEquals } from '@primeuix/utils/dom';\nimport { ZIndex } from '@primeuix/utils/zindex';\nimport EyeIcon from '@primevue/icons/eye';\nimport RefreshIcon from '@primevue/icons/refresh';\nimport SearchMinusIcon from '@primevue/icons/searchminus';\nimport SearchPlusIcon from '@primevue/icons/searchplus';\nimport TimesIcon from '@primevue/icons/times';\nimport UndoIcon from '@primevue/icons/undo';\nimport FocusTrap from 'primevue/focustrap';\nimport Portal from 'primevue/portal';\nimport { blockBodyScroll, unblockBodyScroll } from 'primevue/utils';\nimport BaseImage from './BaseImage.vue';\n\nexport default {\n    name: 'Image',\n    extends: BaseImage,\n    inheritAttrs: false,\n    emits: ['show', 'hide', 'error'],\n    mask: null,\n    data() {\n        return {\n            maskVisible: false,\n            previewVisible: false,\n            rotate: 0,\n            scale: 1\n        };\n    },\n    beforeUnmount() {\n        if (this.mask) {\n            ZIndex.clear(this.container);\n        }\n    },\n    methods: {\n        maskRef(el) {\n            this.mask = el;\n        },\n        toolbarRef(el) {\n            this.toolbarRef = el;\n        },\n        onImageClick() {\n            if (this.preview) {\n                blockBodyScroll();\n                this.maskVisible = true;\n                setTimeout(() => {\n                    this.previewVisible = true;\n                }, 25);\n            }\n        },\n        onPreviewImageClick() {\n            this.previewClick = true;\n        },\n        onMaskClick(event) {\n            const isBarActionsClicked = isAttributeEquals(event.target, 'data-pc-section-group', 'action') || event.target.closest('[data-pc-section-group=\"action\"]');\n\n            if (!this.previewClick && !isBarActionsClicked) {\n                this.previewVisible = false;\n                this.rotate = 0;\n                this.scale = 1;\n            }\n\n            this.previewClick = false;\n        },\n        onMaskKeydown(event) {\n            switch (event.code) {\n                case 'Escape':\n                    this.hidePreview();\n                    setTimeout(() => {\n                        focus(this.$refs.previewButton);\n                    }, 200);\n                    event.preventDefault();\n\n                    break;\n\n                default:\n                    break;\n            }\n        },\n        onError() {\n            this.$emit('error');\n        },\n        rotateRight() {\n            this.rotate += 90;\n            this.previewClick = true;\n        },\n        rotateLeft() {\n            this.rotate -= 90;\n            this.previewClick = true;\n        },\n        zoomIn() {\n            this.scale = this.scale + 0.1;\n            this.previewClick = true;\n        },\n        zoomOut() {\n            this.scale = this.scale - 0.1;\n            this.previewClick = true;\n        },\n        onBeforeEnter() {\n            ZIndex.set('modal', this.mask, this.$primevue.config.zIndex.modal);\n        },\n        onEnter() {\n            this.focus();\n            this.$emit('show');\n        },\n        onBeforeLeave() {\n            !this.isUnstyled && addClass(this.mask, 'p-overlay-mask-leave-active');\n        },\n        onLeave() {\n            unblockBodyScroll();\n            this.$emit('hide');\n        },\n        onAfterLeave(el) {\n            ZIndex.clear(el);\n            this.maskVisible = false;\n        },\n        focus() {\n            let focusTarget = this.mask.querySelector('[autofocus]');\n\n            if (focusTarget) {\n                focusTarget.focus();\n            }\n        },\n        hidePreview() {\n            this.previewVisible = false;\n            this.rotate = 0;\n            this.scale = 1;\n            unblockBodyScroll();\n        }\n    },\n    computed: {\n        containerClass() {\n            return [this.cx('root'), this.class];\n        },\n        rotateClass() {\n            return 'p-image-preview-rotate-' + this.rotate;\n        },\n        imagePreviewStyle() {\n            return { transform: 'rotate(' + this.rotate + 'deg) scale(' + this.scale + ')' };\n        },\n        isZoomInDisabled() {\n            return this.zoomInDisabled || this.scale >= 1.5;\n        },\n        isZoomOutDisabled() {\n            return this.zoomOutDisabled || this.scale <= 0.5;\n        },\n        rightAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.rotateRight : undefined;\n        },\n        leftAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.rotateLeft : undefined;\n        },\n        zoomInAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.zoomIn : undefined;\n        },\n        zoomOutAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.zoomOut : undefined;\n        },\n        zoomImageAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.zoomImage : undefined;\n        },\n        closeAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;\n        }\n    },\n    components: {\n        Portal: Portal,\n        EyeIcon: EyeIcon,\n        RefreshIcon: RefreshIcon,\n        UndoIcon: UndoIcon,\n        SearchMinusIcon: SearchMinusIcon,\n        SearchPlusIcon: SearchPlusIcon,\n        TimesIcon: TimesIcon\n    },\n    directives: {\n        focustrap: FocusTrap\n    }\n};\n</script>\n","<template>\n    <span :class=\"containerClass\" :style=\"style\" v-bind=\"ptmi('root')\">\n        <slot name=\"image\" :errorCallback=\"onError\">\n            <img :style=\"imageStyle\" :class=\"imageClass\" @error=\"onError\" v-bind=\"{ ...$attrs, ...ptm('image') }\" />\n        </slot>\n        <button v-if=\"preview\" ref=\"previewButton\" :aria-label=\"zoomImageAriaLabel\" type=\"button\" :class=\"cx('previewMask')\" @click=\"onImageClick\"\n            v-bind=\"{ ...previewButtonProps, ...ptm('previewMask') }\">\n            <!-- TODO: indicator* deprecated since v4.0-->\n            <slot :name=\"$slots.previewicon ? 'previewicon' : 'indicatoricon'\">\n                <component :is=\"previewIcon || indicatorIcon ? 'i' : 'EyeIcon'\" :class=\"[cx('previewIcon'), previewIcon]\" v-bind=\"ptm('previewIcon')\" />\n            </slot>\n        </button>\n        <Portal>\n            <div v-if=\"maskVisible\" :ref=\"maskRef\" v-focustrap role=\"dialog\" :class=\"cx('mask')\" :aria-modal=\"maskVisible\" @click=\"onMaskClick\" @keydown=\"onMaskKeydown\" v-bind=\"ptm('mask')\">\n                <div :class=\"cx('toolbar')\" v-bind=\"ptm('toolbar')\">\n                    <button :class=\"cx('rotateRightButton')\" @click=\"rotateRight\" type=\"button\" :aria-label=\"rightAriaLabel\" v-bind=\"ptm('rotateRightButton')\" data-pc-group-section=\"action\">\n                        <slot name=\"refresh\">\n                            <RefreshIcon v-bind=\"ptm('rotateRightIcon')\" />\n                        </slot>\n                    </button>\n\n                    <button :class=\"cx('rotateLeftButton')\" @click=\"rotateLeft\" type=\"button\" :aria-label=\"leftAriaLabel\" v-bind=\"ptm('rotateLeftButton')\" data-pc-group-section=\"action\">\n                        <slot name=\"undo\">\n                            <UndoIcon v-bind=\"ptm('rotateLeftIcon')\" />\n                        </slot>\n                    </button>\n\n                    <button :class=\"cx('zoomOutButton')\" @click=\"zoomOut\" type=\"button\" :disabled=\"isZoomOutDisabled\" :aria-label=\"zoomOutAriaLabel\" v-bind=\"ptm('zoomOutButton')\"\n                        data-pc-group-section=\"action\">\n                        <slot name=\"zoomout\">\n                            <SearchMinusIcon v-bind=\"ptm('zoomOutIcon')\" />\n                        </slot>\n                    </button>\n\n                    <button :class=\"cx('zoomInButton')\" @click=\"zoomIn\" type=\"button\" :disabled=\"isZoomInDisabled\" :aria-label=\"zoomInAriaLabel\" v-bind=\"ptm('zoomInButton')\"\n                        data-pc-group-section=\"action\">\n                        <slot name=\"zoomin\">\n                            <SearchPlusIcon v-bind=\"ptm('zoomInIcon')\" />\n                        </slot>\n                    </button>\n\n                    <button :class=\"cx('closeButton')\" type=\"button\" @click=\"hidePreview\" :aria-label=\"closeAriaLabel\" autofocus v-bind=\"ptm('closeButton')\" data-pc-group-section=\"action\">\n                        <slot name=\"close\">\n                            <TimesIcon v-bind=\"ptm('closeIcon')\" />\n                        </slot>\n                    </button>\n                </div>\n                <transition name=\"p-image-original\" @before-enter=\"onBeforeEnter\" @enter=\"onEnter\" @leave=\"onLeave\" @before-leave=\"onBeforeLeave\" @after-leave=\"onAfterLeave\"\n                    v-bind=\"ptm('transition')\">\n                    <div v-if=\"previewVisible\" v-bind=\"ptm('originalContainer')\">\n                        <!-- TODO: preview deprecated since v4.0-->\n                        <slot :name=\"$slots.original ? 'original' : 'preview'\" :class=\"cx('original')\" :style=\"imagePreviewStyle\" :previewCallback=\"onPreviewImageClick\">\n                            <img :src=\"$attrs.src\" :class=\"cx('original')\" :style=\"imagePreviewStyle\" @click=\"onPreviewImageClick\" v-bind=\"ptm('original')\" />\n                        </slot>\n                    </div>\n                </transition>\n            </div>\n        </Portal>\n    </span>\n</template>\n\n<script>\nimport { addClass, focus, isAttributeEquals } from '@primeuix/utils/dom';\nimport { ZIndex } from '@primeuix/utils/zindex';\nimport EyeIcon from '@primevue/icons/eye';\nimport RefreshIcon from '@primevue/icons/refresh';\nimport SearchMinusIcon from '@primevue/icons/searchminus';\nimport SearchPlusIcon from '@primevue/icons/searchplus';\nimport TimesIcon from '@primevue/icons/times';\nimport UndoIcon from '@primevue/icons/undo';\nimport FocusTrap from 'primevue/focustrap';\nimport Portal from 'primevue/portal';\nimport { blockBodyScroll, unblockBodyScroll } from 'primevue/utils';\nimport BaseImage from './BaseImage.vue';\n\nexport default {\n    name: 'Image',\n    extends: BaseImage,\n    inheritAttrs: false,\n    emits: ['show', 'hide', 'error'],\n    mask: null,\n    data() {\n        return {\n            maskVisible: false,\n            previewVisible: false,\n            rotate: 0,\n            scale: 1\n        };\n    },\n    beforeUnmount() {\n        if (this.mask) {\n            ZIndex.clear(this.container);\n        }\n    },\n    methods: {\n        maskRef(el) {\n            this.mask = el;\n        },\n        toolbarRef(el) {\n            this.toolbarRef = el;\n        },\n        onImageClick() {\n            if (this.preview) {\n                blockBodyScroll();\n                this.maskVisible = true;\n                setTimeout(() => {\n                    this.previewVisible = true;\n                }, 25);\n            }\n        },\n        onPreviewImageClick() {\n            this.previewClick = true;\n        },\n        onMaskClick(event) {\n            const isBarActionsClicked = isAttributeEquals(event.target, 'data-pc-section-group', 'action') || event.target.closest('[data-pc-section-group=\"action\"]');\n\n            if (!this.previewClick && !isBarActionsClicked) {\n                this.previewVisible = false;\n                this.rotate = 0;\n                this.scale = 1;\n            }\n\n            this.previewClick = false;\n        },\n        onMaskKeydown(event) {\n            switch (event.code) {\n                case 'Escape':\n                    this.hidePreview();\n                    setTimeout(() => {\n                        focus(this.$refs.previewButton);\n                    }, 200);\n                    event.preventDefault();\n\n                    break;\n\n                default:\n                    break;\n            }\n        },\n        onError() {\n            this.$emit('error');\n        },\n        rotateRight() {\n            this.rotate += 90;\n            this.previewClick = true;\n        },\n        rotateLeft() {\n            this.rotate -= 90;\n            this.previewClick = true;\n        },\n        zoomIn() {\n            this.scale = this.scale + 0.1;\n            this.previewClick = true;\n        },\n        zoomOut() {\n            this.scale = this.scale - 0.1;\n            this.previewClick = true;\n        },\n        onBeforeEnter() {\n            ZIndex.set('modal', this.mask, this.$primevue.config.zIndex.modal);\n        },\n        onEnter() {\n            this.focus();\n            this.$emit('show');\n        },\n        onBeforeLeave() {\n            !this.isUnstyled && addClass(this.mask, 'p-overlay-mask-leave-active');\n        },\n        onLeave() {\n            unblockBodyScroll();\n            this.$emit('hide');\n        },\n        onAfterLeave(el) {\n            ZIndex.clear(el);\n            this.maskVisible = false;\n        },\n        focus() {\n            let focusTarget = this.mask.querySelector('[autofocus]');\n\n            if (focusTarget) {\n                focusTarget.focus();\n            }\n        },\n        hidePreview() {\n            this.previewVisible = false;\n            this.rotate = 0;\n            this.scale = 1;\n            unblockBodyScroll();\n        }\n    },\n    computed: {\n        containerClass() {\n            return [this.cx('root'), this.class];\n        },\n        rotateClass() {\n            return 'p-image-preview-rotate-' + this.rotate;\n        },\n        imagePreviewStyle() {\n            return { transform: 'rotate(' + this.rotate + 'deg) scale(' + this.scale + ')' };\n        },\n        isZoomInDisabled() {\n            return this.zoomInDisabled || this.scale >= 1.5;\n        },\n        isZoomOutDisabled() {\n            return this.zoomOutDisabled || this.scale <= 0.5;\n        },\n        rightAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.rotateRight : undefined;\n        },\n        leftAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.rotateLeft : undefined;\n        },\n        zoomInAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.zoomIn : undefined;\n        },\n        zoomOutAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.zoomOut : undefined;\n        },\n        zoomImageAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.zoomImage : undefined;\n        },\n        closeAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : undefined;\n        }\n    },\n    components: {\n        Portal: Portal,\n        EyeIcon: EyeIcon,\n        RefreshIcon: RefreshIcon,\n        UndoIcon: UndoIcon,\n        SearchMinusIcon: SearchMinusIcon,\n        SearchPlusIcon: SearchPlusIcon,\n        TimesIcon: TimesIcon\n    },\n    directives: {\n        focustrap: FocusTrap\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","preview","type","Boolean","style","imageStyle","imageClass","previewButtonProps","indicatorIcon","String","undefined","previewIcon","zoomInDisabled","zoomOutDisabled","ImageStyle","provide","$pcImage","$parentInstance","BaseImage","inheritAttrs","emits","mask","data","maskVisible","previewVisible","rotate","scale","beforeUnmount","ZIndex","clear","container","methods","maskRef","el","toolbarRef","onImageClick","_this","blockBodyScroll","setTimeout","onPreviewImageClick","previewClick","onMaskClick","event","isBarActionsClicked","isAttributeEquals","target","closest","onMaskKeydown","_this2","code","hidePreview","focus","$refs","previewButton","preventDefault","onError","$emit","rotateRight","rotateLeft","zoomIn","zoomOut","onBeforeEnter","set","$primevue","config","zIndex","modal","onEnter","onBeforeLeave","isUnstyled","addClass","onLeave","unblockBodyScroll","onAfterLeave","focusTarget","querySelector","computed","containerClass","cx","rotateClass","imagePreviewStyle","transform","isZoomInDisabled","isZoomOutDisabled","rightAriaLabel","locale","aria","leftAriaLabel","zoomInAriaLabel","zoomOutAriaLabel","zoomImageAriaLabel","zoomImage","closeAriaLabel","close","components","Portal","EyeIcon","RefreshIcon","UndoIcon","SearchMinusIcon","SearchPlusIcon","TimesIcon","directives","focustrap","FocusTrap","_openBlock","_createElementBlock","_mergeProps","$options","_ctx","ptmi","_renderSlot","$slots","errorCallback","_createElementVNode","apply","arguments","_objectSpread","$attrs","ptm","ref","onClick","previewicon","_createBlock","_resolveDynamicComponent","_createVNode","_component_Portal","$data","_withDirectives","role","onKeydown","_component_RefreshIcon","_component_UndoIcon","disabled","_component_SearchMinusIcon","_component_SearchPlusIcon","autofocus","_component_TimesIcon","_Transition","original","previewCallback","src","_hoisted_8"],"mappings":"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"}

package/image/style/index.mjs

@@ -10,7 +10,7 @@ var classes = {
   },
   previewMask: 'p-image-preview-mask',
   previewIcon: 'p-image-preview-icon',
-  mask: 'p-image-mask p-overlay-mask p-overlay-mask-enter',
+  mask: 'p-image-mask p-overlay-mask p-overlay-mask-enter-active',
   toolbar: 'p-image-toolbar',
   rotateRightButton: 'p-image-action p-image-rotate-right-button',
   rotateLeftButton: 'p-image-action p-image-rotate-left-button',

package/image/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/image/style/ImageStyle.js"],"sourcesContent":["import { style } from '@primeuix/styles/image';\nimport BaseStyle from '@primevue/core/base/style';\n\nconst classes = {\n    root: ({ props }) => [\n        'p-image p-component',\n        {\n            'p-image-preview': props.preview\n        }\n    ],\n    previewMask: 'p-image-preview-mask',\n    previewIcon: 'p-image-preview-icon',\n    mask: 'p-image-mask p-overlay-mask p-overlay-mask-enter',\n    toolbar: 'p-image-toolbar',\n    rotateRightButton: 'p-image-action p-image-rotate-right-button',\n    rotateLeftButton: 'p-image-action p-image-rotate-left-button',\n    zoomOutButton: ({ instance }) => [\n        'p-image-action p-image-zoom-out-button',\n        {\n            'p-disabled': instance.isZoomOutDisabled\n        }\n    ],\n    zoomInButton: ({ instance }) => [\n        'p-image-action p-image-zoom-in-button',\n        {\n            'p-disabled': instance.isZoomInDisabled\n        }\n    ],\n    closeButton: 'p-image-action p-image-close-button',\n    original: 'p-image-original'\n};\n\nexport default BaseStyle.extend({\n    name: 'image',\n    style,\n    classes\n});\n"],"names":["classes","root","_ref","props","preview","previewMask","previewIcon","mask","toolbar","rotateRightButton","rotateLeftButton","zoomOutButton","_ref2","instance","isZoomOutDisabled","zoomInButton","_ref3","isZoomInDisabled","closeButton","original","BaseStyle","extend","name","style"],"mappings":";;;AAGA,IAAMA,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAC,IAAA,EAAA;AAAA,IAAA,IAAKC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAA,OAAO,CACjB,qBAAqB,EACrB;MACI,iBAAiB,EAAEA,KAAK,CAACC;AAC7B,KAAC,CACJ;AAAA,EAAA,CAAA;AACDC,EAAAA,WAAW,EAAE,sBAAsB;AACnCC,EAAAA,WAAW,EAAE,sBAAsB;AACnCC,EAAAA,IAAI,EAAE,kDAAkD;AACxDC,EAAAA,OAAO,EAAE,iBAAiB;AAC1BC,EAAAA,iBAAiB,EAAE,4CAA4C;AAC/DC,EAAAA,gBAAgB,EAAE,2CAA2C;AAC7DC,EAAAA,aAAa,EAAE,SAAfA,aAAaA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAKC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IAAA,OAAO,CAC7B,wCAAwC,EACxC;MACI,YAAY,EAAEA,QAAQ,CAACC;AAC3B,KAAC,CACJ;AAAA,EAAA,CAAA;AACDC,EAAAA,YAAY,EAAE,SAAdA,YAAYA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAKH,QAAQ,GAAAG,KAAA,CAARH,QAAQ;IAAA,OAAO,CAC5B,uCAAuC,EACvC;MACI,YAAY,EAAEA,QAAQ,CAACI;AAC3B,KAAC,CACJ;AAAA,EAAA,CAAA;AACDC,EAAAA,WAAW,EAAE,qCAAqC;AAClDC,EAAAA,QAAQ,EAAE;AACd,CAAC;AAED,iBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,OAAO;AACbC,EAAAA,KAAK,EAALA,KAAK;AACLvB,EAAAA,OAAO,EAAPA;AACJ,CAAC,CAAC;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/image/style/ImageStyle.js"],"sourcesContent":["import { style } from '@primeuix/styles/image';\nimport BaseStyle from '@primevue/core/base/style';\n\nconst classes = {\n    root: ({ props }) => [\n        'p-image p-component',\n        {\n            'p-image-preview': props.preview\n        }\n    ],\n    previewMask: 'p-image-preview-mask',\n    previewIcon: 'p-image-preview-icon',\n    mask: 'p-image-mask p-overlay-mask p-overlay-mask-enter-active',\n    toolbar: 'p-image-toolbar',\n    rotateRightButton: 'p-image-action p-image-rotate-right-button',\n    rotateLeftButton: 'p-image-action p-image-rotate-left-button',\n    zoomOutButton: ({ instance }) => [\n        'p-image-action p-image-zoom-out-button',\n        {\n            'p-disabled': instance.isZoomOutDisabled\n        }\n    ],\n    zoomInButton: ({ instance }) => [\n        'p-image-action p-image-zoom-in-button',\n        {\n            'p-disabled': instance.isZoomInDisabled\n        }\n    ],\n    closeButton: 'p-image-action p-image-close-button',\n    original: 'p-image-original'\n};\n\nexport default BaseStyle.extend({\n    name: 'image',\n    style,\n    classes\n});\n"],"names":["classes","root","_ref","props","preview","previewMask","previewIcon","mask","toolbar","rotateRightButton","rotateLeftButton","zoomOutButton","_ref2","instance","isZoomOutDisabled","zoomInButton","_ref3","isZoomInDisabled","closeButton","original","BaseStyle","extend","name","style"],"mappings":";;;AAGA,IAAMA,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAC,IAAA,EAAA;AAAA,IAAA,IAAKC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAA,OAAO,CACjB,qBAAqB,EACrB;MACI,iBAAiB,EAAEA,KAAK,CAACC;AAC7B,KAAC,CACJ;AAAA,EAAA,CAAA;AACDC,EAAAA,WAAW,EAAE,sBAAsB;AACnCC,EAAAA,WAAW,EAAE,sBAAsB;AACnCC,EAAAA,IAAI,EAAE,yDAAyD;AAC/DC,EAAAA,OAAO,EAAE,iBAAiB;AAC1BC,EAAAA,iBAAiB,EAAE,4CAA4C;AAC/DC,EAAAA,gBAAgB,EAAE,2CAA2C;AAC7DC,EAAAA,aAAa,EAAE,SAAfA,aAAaA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAKC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IAAA,OAAO,CAC7B,wCAAwC,EACxC;MACI,YAAY,EAAEA,QAAQ,CAACC;AAC3B,KAAC,CACJ;AAAA,EAAA,CAAA;AACDC,EAAAA,YAAY,EAAE,SAAdA,YAAYA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAKH,QAAQ,GAAAG,KAAA,CAARH,QAAQ;IAAA,OAAO,CAC5B,uCAAuC,EACvC;MACI,YAAY,EAAEA,QAAQ,CAACI;AAC3B,KAAC,CACJ;AAAA,EAAA,CAAA;AACDC,EAAAA,WAAW,EAAE,qCAAqC;AAClDC,EAAAA,QAAQ,EAAE;AACd,CAAC;AAED,iBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,OAAO;AACbC,EAAAA,KAAK,EAALA,KAAK;AACLvB,EAAAA,OAAO,EAAPA;AACJ,CAAC,CAAC;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "primevue",
-  "version": "4.5.0",
+  "version": "4.5.2",
   "author": "PrimeTek Informatics",
   "description": "PrimeVue is an open source UI library for Vue featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBlock, which has 370+ ready to use UI blocks to build spectacular applications in no time.",
   "homepage": "https://primevue.org/",
@@ -59,9 +59,9 @@
   "dependencies": {
     "@primeuix/styled": "^0.7.4",
     "@primeuix/utils": "^0.6.2",
-    "@primeuix/styles": "^2.0.1",
-    "@primevue/core": "4.5.0",
-    "@primevue/icons": "4.5.0"
+    "@primeuix/styles": "^2.0.2",
+    "@primevue/core": "4.5.2",
+    "@primevue/icons": "4.5.2"
   },
   "engines": {
     "node": ">=12.11.0"

package/select/style/index.mjs

@@ -20,11 +20,12 @@ var classes = {
     }];
   },
   label: function label(_ref2) {
+    var _instance$label;
     var instance = _ref2.instance,
       props = _ref2.props;
     return ['p-select-label', {
       'p-placeholder': !props.editable && instance.label === props.placeholder,
-      'p-select-label-empty': !props.editable && !instance.$slots['value'] && (instance.label === 'p-emptylabel' || instance.label.length === 0)
+      'p-select-label-empty': !props.editable && !instance.$slots['value'] && (instance.label === 'p-emptylabel' || ((_instance$label = instance.label) === null || _instance$label === void 0 ? void 0 : _instance$label.length) === 0)
     }];
   },
   clearIcon: 'p-select-clear-icon',

package/select/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/select/style/SelectStyle.js"],"sourcesContent":["import { style } from '@primeuix/styles/select';\nimport BaseStyle from '@primevue/core/base/style';\n\nconst classes = {\n    root: ({ instance, props, state }) => [\n        'p-select p-component p-inputwrapper',\n        {\n            'p-disabled': props.disabled,\n            'p-invalid': instance.$invalid,\n            'p-variant-filled': instance.$variant === 'filled',\n            'p-focus': state.focused,\n            'p-inputwrapper-filled': instance.$filled,\n            'p-inputwrapper-focus': state.focused || state.overlayVisible,\n            'p-select-open': state.overlayVisible,\n            'p-select-fluid': instance.$fluid,\n            'p-select-sm p-inputfield-sm': props.size === 'small',\n            'p-select-lg p-inputfield-lg': props.size === 'large'\n        }\n    ],\n    label: ({ instance, props }) => [\n        'p-select-label',\n        {\n            'p-placeholder': !props.editable && instance.label === props.placeholder,\n            'p-select-label-empty': !props.editable && !instance.$slots['value'] && (instance.label === 'p-emptylabel' || instance.label.length === 0)\n        }\n    ],\n    clearIcon: 'p-select-clear-icon',\n    dropdown: 'p-select-dropdown',\n    loadingicon: 'p-select-loading-icon',\n    dropdownIcon: 'p-select-dropdown-icon',\n    overlay: 'p-select-overlay p-component',\n    header: 'p-select-header',\n    pcFilter: 'p-select-filter',\n    listContainer: 'p-select-list-container',\n    list: 'p-select-list',\n    optionGroup: 'p-select-option-group',\n    optionGroupLabel: 'p-select-option-group-label',\n    option: ({ instance, props, state, option, focusedOption }) => [\n        'p-select-option',\n        {\n            'p-select-option-selected': instance.isSelected(option) && props.highlightOnSelect,\n            'p-focus': state.focusedOptionIndex === focusedOption,\n            'p-disabled': instance.isOptionDisabled(option)\n        }\n    ],\n    optionLabel: 'p-select-option-label',\n    optionCheckIcon: 'p-select-option-check-icon',\n    optionBlankIcon: 'p-select-option-blank-icon',\n    emptyMessage: 'p-select-empty-message'\n};\n\nexport default BaseStyle.extend({\n    name: 'select',\n    style,\n    classes\n});\n"],"names":["classes","root","_ref","instance","props","state","disabled","$invalid","$variant","focused","$filled","overlayVisible","$fluid","size","label","_ref2","editable","placeholder","$slots","length","clearIcon","dropdown","loadingicon","dropdownIcon","overlay","header","pcFilter","listContainer","list","optionGroup","optionGroupLabel","option","_ref3","focusedOption","isSelected","highlightOnSelect","focusedOptionIndex","isOptionDisabled","optionLabel","optionCheckIcon","optionBlankIcon","emptyMessage","BaseStyle","extend","name","style"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../src/select/style/SelectStyle.js"],"sourcesContent":["import { style } from '@primeuix/styles/select';\nimport BaseStyle from '@primevue/core/base/style';\n\nconst classes = {\n    root: ({ instance, props, state }) => [\n        'p-select p-component p-inputwrapper',\n        {\n            'p-disabled': props.disabled,\n            'p-invalid': instance.$invalid,\n            'p-variant-filled': instance.$variant === 'filled',\n            'p-focus': state.focused,\n            'p-inputwrapper-filled': instance.$filled,\n            'p-inputwrapper-focus': state.focused || state.overlayVisible,\n            'p-select-open': state.overlayVisible,\n            'p-select-fluid': instance.$fluid,\n            'p-select-sm p-inputfield-sm': props.size === 'small',\n            'p-select-lg p-inputfield-lg': props.size === 'large'\n        }\n    ],\n    label: ({ instance, props }) => [\n        'p-select-label',\n        {\n            'p-placeholder': !props.editable && instance.label === props.placeholder,\n            'p-select-label-empty': !props.editable && !instance.$slots['value'] && (instance.label === 'p-emptylabel' || instance.label?.length === 0)\n        }\n    ],\n    clearIcon: 'p-select-clear-icon',\n    dropdown: 'p-select-dropdown',\n    loadingicon: 'p-select-loading-icon',\n    dropdownIcon: 'p-select-dropdown-icon',\n    overlay: 'p-select-overlay p-component',\n    header: 'p-select-header',\n    pcFilter: 'p-select-filter',\n    listContainer: 'p-select-list-container',\n    list: 'p-select-list',\n    optionGroup: 'p-select-option-group',\n    optionGroupLabel: 'p-select-option-group-label',\n    option: ({ instance, props, state, option, focusedOption }) => [\n        'p-select-option',\n        {\n            'p-select-option-selected': instance.isSelected(option) && props.highlightOnSelect,\n            'p-focus': state.focusedOptionIndex === focusedOption,\n            'p-disabled': instance.isOptionDisabled(option)\n        }\n    ],\n    optionLabel: 'p-select-option-label',\n    optionCheckIcon: 'p-select-option-check-icon',\n    optionBlankIcon: 'p-select-option-blank-icon',\n    emptyMessage: 'p-select-empty-message'\n};\n\nexport default BaseStyle.extend({\n    name: 'select',\n    style,\n    classes\n});\n"],"names":["classes","root","_ref","instance","props","state","disabled","$invalid","$variant","focused","$filled","overlayVisible","$fluid","size","label","_ref2","_instance$label","editable","placeholder","$slots","length","clearIcon","dropdown","loadingicon","dropdownIcon","overlay","header","pcFilter","listContainer","list","optionGroup","optionGroupLabel","option","_ref3","focusedOption","isSelected","highlightOnSelect","focusedOptionIndex","isOptionDisabled","optionLabel","optionCheckIcon","optionBlankIcon","emptyMessage","BaseStyle","extend","name","style"],"mappings":"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"}

package/selectbutton/SelectButton.vue

@@ -80,7 +80,7 @@ export default {
             }
 
             this.writeValue(newValue, event);
-            this.$emit('change', { event: event, value: newValue });
+            this.$emit('change', { originalEvent: event, value: newValue });
         },
         isSelected(option) {
             let selected = false;

package/selectbutton/index.mjs

@@ -99,7 +99,7 @@ var script = {
       }
       this.writeValue(newValue, event);
       this.$emit('change', {
-        event: event,
+        originalEvent: event,
         value: newValue
       });
     },

package/selectbutton/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/selectbutton/BaseSelectButton.vue","../../src/selectbutton/SelectButton.vue","../../src/selectbutton/SelectButton.vue?vue&type=template&id=d83aac12&lang.js"],"sourcesContent":["<script>\nimport BaseEditableHolder from '@primevue/core/baseeditableholder';\nimport SelectButtonStyle from 'primevue/selectbutton/style';\n\nexport default {\n    name: 'BaseSelectButton',\n    extends: BaseEditableHolder,\n    props: {\n        options: Array,\n        optionLabel: null,\n        optionValue: null,\n        optionDisabled: null,\n        multiple: Boolean,\n        allowEmpty: {\n            type: Boolean,\n            default: true\n        },\n        dataKey: null,\n        ariaLabelledby: {\n            type: String,\n            default: null\n        },\n        size: {\n            type: String,\n            default: null\n        },\n        fluid: {\n            type: Boolean,\n            default: null\n        }\n    },\n    style: SelectButtonStyle,\n    provide() {\n        return {\n            $pcSelectButton: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" role=\"group\" :aria-labelledby=\"ariaLabelledby\" v-bind=\"ptmi('root')\" :data-p=\"dataP\">\n        <template v-for=\"(option, index) of options\" :key=\"getOptionRenderKey(option)\">\n            <ToggleButton\n                :modelValue=\"isSelected(option)\"\n                :onLabel=\"getOptionLabel(option)\"\n                :offLabel=\"getOptionLabel(option)\"\n                :disabled=\"disabled || isOptionDisabled(option)\"\n                :unstyled=\"unstyled\"\n                :size=\"size\"\n                :readonly=\"isOptionReadonly(option)\"\n                @change=\"onOptionSelect($event, option, index)\"\n                :pt=\"ptm('pcToggleButton')\"\n            >\n                <template v-if=\"$slots.option\" #default>\n                    <slot name=\"option\" :option=\"option\" :index=\"index\">\n                        <span v-bind=\"ptm('pcToggleButton')['label']\">{{ getOptionLabel(option) }}</span>\n                    </slot>\n                </template>\n            </ToggleButton>\n        </template>\n    </div>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { equals, resolveFieldData } from '@primeuix/utils/object';\nimport Ripple from 'primevue/ripple';\nimport ToggleButton from 'primevue/togglebutton';\nimport BaseSelectButton from './BaseSelectButton.vue';\n\nexport default {\n    name: 'SelectButton',\n    extends: BaseSelectButton,\n    inheritAttrs: false,\n    emits: ['change'],\n    methods: {\n        getOptionLabel(option) {\n            return this.optionLabel ? resolveFieldData(option, this.optionLabel) : option;\n        },\n        getOptionValue(option) {\n            return this.optionValue ? resolveFieldData(option, this.optionValue) : option;\n        },\n        getOptionRenderKey(option) {\n            return this.dataKey ? resolveFieldData(option, this.dataKey) : this.getOptionLabel(option);\n        },\n        isOptionDisabled(option) {\n            return this.optionDisabled ? resolveFieldData(option, this.optionDisabled) : false;\n        },\n        isOptionReadonly(option) {\n            if (this.allowEmpty) return false;\n\n            let selected = this.isSelected(option);\n\n            if (this.multiple) {\n                return selected && this.d_value.length === 1;\n            } else {\n                return selected;\n            }\n        },\n        onOptionSelect(event, option, index) {\n            if (this.disabled || this.isOptionDisabled(option) || this.isOptionReadonly(option)) {\n                return;\n            }\n\n            let selected = this.isSelected(option);\n            let optionValue = this.getOptionValue(option);\n            let newValue;\n\n            if (this.multiple) {\n                if (selected) {\n                    newValue = this.d_value.filter((val) => !equals(val, optionValue, this.equalityKey));\n                    if (!this.allowEmpty && newValue.length === 0) return;\n                } else {\n                    newValue = this.d_value ? [...this.d_value, optionValue] : [optionValue];\n                }\n            } else {\n                if (selected && !this.allowEmpty) return;\n                newValue = selected ? null : optionValue;\n            }\n\n            this.writeValue(newValue, event);\n            this.$emit('change', { event: event, value: newValue });\n        },\n        isSelected(option) {\n            let selected = false;\n            let optionValue = this.getOptionValue(option);\n\n            if (this.multiple) {\n                if (this.d_value) {\n                    for (let val of this.d_value) {\n                        if (equals(val, optionValue, this.equalityKey)) {\n                            selected = true;\n                            break;\n                        }\n                    }\n                }\n            } else {\n                selected = equals(this.d_value, optionValue, this.equalityKey);\n            }\n\n            return selected;\n        }\n    },\n    computed: {\n        equalityKey() {\n            return this.optionValue ? null : this.dataKey;\n        },\n        dataP() {\n            return cn({\n                invalid: this.$invalid\n            });\n        }\n    },\n    directives: {\n        ripple: Ripple\n    },\n    components: {\n        ToggleButton\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" role=\"group\" :aria-labelledby=\"ariaLabelledby\" v-bind=\"ptmi('root')\" :data-p=\"dataP\">\n        <template v-for=\"(option, index) of options\" :key=\"getOptionRenderKey(option)\">\n            <ToggleButton\n                :modelValue=\"isSelected(option)\"\n                :onLabel=\"getOptionLabel(option)\"\n                :offLabel=\"getOptionLabel(option)\"\n                :disabled=\"disabled || isOptionDisabled(option)\"\n                :unstyled=\"unstyled\"\n                :size=\"size\"\n                :readonly=\"isOptionReadonly(option)\"\n                @change=\"onOptionSelect($event, option, index)\"\n                :pt=\"ptm('pcToggleButton')\"\n            >\n                <template v-if=\"$slots.option\" #default>\n                    <slot name=\"option\" :option=\"option\" :index=\"index\">\n                        <span v-bind=\"ptm('pcToggleButton')['label']\">{{ getOptionLabel(option) }}</span>\n                    </slot>\n                </template>\n            </ToggleButton>\n        </template>\n    </div>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { equals, resolveFieldData } from '@primeuix/utils/object';\nimport Ripple from 'primevue/ripple';\nimport ToggleButton from 'primevue/togglebutton';\nimport BaseSelectButton from './BaseSelectButton.vue';\n\nexport default {\n    name: 'SelectButton',\n    extends: BaseSelectButton,\n    inheritAttrs: false,\n    emits: ['change'],\n    methods: {\n        getOptionLabel(option) {\n            return this.optionLabel ? resolveFieldData(option, this.optionLabel) : option;\n        },\n        getOptionValue(option) {\n            return this.optionValue ? resolveFieldData(option, this.optionValue) : option;\n        },\n        getOptionRenderKey(option) {\n            return this.dataKey ? resolveFieldData(option, this.dataKey) : this.getOptionLabel(option);\n        },\n        isOptionDisabled(option) {\n            return this.optionDisabled ? resolveFieldData(option, this.optionDisabled) : false;\n        },\n        isOptionReadonly(option) {\n            if (this.allowEmpty) return false;\n\n            let selected = this.isSelected(option);\n\n            if (this.multiple) {\n                return selected && this.d_value.length === 1;\n            } else {\n                return selected;\n            }\n        },\n        onOptionSelect(event, option, index) {\n            if (this.disabled || this.isOptionDisabled(option) || this.isOptionReadonly(option)) {\n                return;\n            }\n\n            let selected = this.isSelected(option);\n            let optionValue = this.getOptionValue(option);\n            let newValue;\n\n            if (this.multiple) {\n                if (selected) {\n                    newValue = this.d_value.filter((val) => !equals(val, optionValue, this.equalityKey));\n                    if (!this.allowEmpty && newValue.length === 0) return;\n                } else {\n                    newValue = this.d_value ? [...this.d_value, optionValue] : [optionValue];\n                }\n            } else {\n                if (selected && !this.allowEmpty) return;\n                newValue = selected ? null : optionValue;\n            }\n\n            this.writeValue(newValue, event);\n            this.$emit('change', { event: event, value: newValue });\n        },\n        isSelected(option) {\n            let selected = false;\n            let optionValue = this.getOptionValue(option);\n\n            if (this.multiple) {\n                if (this.d_value) {\n                    for (let val of this.d_value) {\n                        if (equals(val, optionValue, this.equalityKey)) {\n                            selected = true;\n                            break;\n                        }\n                    }\n                }\n            } else {\n                selected = equals(this.d_value, optionValue, this.equalityKey);\n            }\n\n            return selected;\n        }\n    },\n    computed: {\n        equalityKey() {\n            return this.optionValue ? null : this.dataKey;\n        },\n        dataP() {\n            return cn({\n                invalid: this.$invalid\n            });\n        }\n    },\n    directives: {\n        ripple: Ripple\n    },\n    components: {\n        ToggleButton\n    }\n};\n</script>\n"],"names":["name","BaseEditableHolder","props","options","Array","optionLabel","optionValue","optionDisabled","multiple","Boolean","allowEmpty","type","dataKey","ariaLabelledby","String","size","fluid","style","SelectButtonStyle","provide","$pcSelectButton","$parentInstance","BaseSelectButton","inheritAttrs","emits","methods","getOptionLabel","option","resolveFieldData","getOptionValue","getOptionRenderKey","isOptionDisabled","isOptionReadonly","selected","isSelected","d_value","length","onOptionSelect","event","index","_this","disabled","newValue","filter","val","equals","equalityKey","concat","_toConsumableArray","writeValue","$emit","value","_iterator","_createForOfIteratorHelper","_step","s","n","done","err","e","f","computed","dataP","cn","invalid","$invalid","directives","ripple","Ripple","components","ToggleButton","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","role","ptmi","$options","_Fragment","_renderList","_createBlock","_component_ToggleButton","key","modelValue","onLabel","offLabel","unstyled","readonly","onChange","$event","pt","ptm","$slots","_renderSlot","_createElementVNode","ref_for","_toDisplayString"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/selectbutton/BaseSelectButton.vue","../../src/selectbutton/SelectButton.vue","../../src/selectbutton/SelectButton.vue?vue&type=template&id=61c89026&lang.js"],"sourcesContent":["<script>\nimport BaseEditableHolder from '@primevue/core/baseeditableholder';\nimport SelectButtonStyle from 'primevue/selectbutton/style';\n\nexport default {\n    name: 'BaseSelectButton',\n    extends: BaseEditableHolder,\n    props: {\n        options: Array,\n        optionLabel: null,\n        optionValue: null,\n        optionDisabled: null,\n        multiple: Boolean,\n        allowEmpty: {\n            type: Boolean,\n            default: true\n        },\n        dataKey: null,\n        ariaLabelledby: {\n            type: String,\n            default: null\n        },\n        size: {\n            type: String,\n            default: null\n        },\n        fluid: {\n            type: Boolean,\n            default: null\n        }\n    },\n    style: SelectButtonStyle,\n    provide() {\n        return {\n            $pcSelectButton: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" role=\"group\" :aria-labelledby=\"ariaLabelledby\" v-bind=\"ptmi('root')\" :data-p=\"dataP\">\n        <template v-for=\"(option, index) of options\" :key=\"getOptionRenderKey(option)\">\n            <ToggleButton\n                :modelValue=\"isSelected(option)\"\n                :onLabel=\"getOptionLabel(option)\"\n                :offLabel=\"getOptionLabel(option)\"\n                :disabled=\"disabled || isOptionDisabled(option)\"\n                :unstyled=\"unstyled\"\n                :size=\"size\"\n                :readonly=\"isOptionReadonly(option)\"\n                @change=\"onOptionSelect($event, option, index)\"\n                :pt=\"ptm('pcToggleButton')\"\n            >\n                <template v-if=\"$slots.option\" #default>\n                    <slot name=\"option\" :option=\"option\" :index=\"index\">\n                        <span v-bind=\"ptm('pcToggleButton')['label']\">{{ getOptionLabel(option) }}</span>\n                    </slot>\n                </template>\n            </ToggleButton>\n        </template>\n    </div>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { equals, resolveFieldData } from '@primeuix/utils/object';\nimport Ripple from 'primevue/ripple';\nimport ToggleButton from 'primevue/togglebutton';\nimport BaseSelectButton from './BaseSelectButton.vue';\n\nexport default {\n    name: 'SelectButton',\n    extends: BaseSelectButton,\n    inheritAttrs: false,\n    emits: ['change'],\n    methods: {\n        getOptionLabel(option) {\n            return this.optionLabel ? resolveFieldData(option, this.optionLabel) : option;\n        },\n        getOptionValue(option) {\n            return this.optionValue ? resolveFieldData(option, this.optionValue) : option;\n        },\n        getOptionRenderKey(option) {\n            return this.dataKey ? resolveFieldData(option, this.dataKey) : this.getOptionLabel(option);\n        },\n        isOptionDisabled(option) {\n            return this.optionDisabled ? resolveFieldData(option, this.optionDisabled) : false;\n        },\n        isOptionReadonly(option) {\n            if (this.allowEmpty) return false;\n\n            let selected = this.isSelected(option);\n\n            if (this.multiple) {\n                return selected && this.d_value.length === 1;\n            } else {\n                return selected;\n            }\n        },\n        onOptionSelect(event, option, index) {\n            if (this.disabled || this.isOptionDisabled(option) || this.isOptionReadonly(option)) {\n                return;\n            }\n\n            let selected = this.isSelected(option);\n            let optionValue = this.getOptionValue(option);\n            let newValue;\n\n            if (this.multiple) {\n                if (selected) {\n                    newValue = this.d_value.filter((val) => !equals(val, optionValue, this.equalityKey));\n                    if (!this.allowEmpty && newValue.length === 0) return;\n                } else {\n                    newValue = this.d_value ? [...this.d_value, optionValue] : [optionValue];\n                }\n            } else {\n                if (selected && !this.allowEmpty) return;\n                newValue = selected ? null : optionValue;\n            }\n\n            this.writeValue(newValue, event);\n            this.$emit('change', { originalEvent: event, value: newValue });\n        },\n        isSelected(option) {\n            let selected = false;\n            let optionValue = this.getOptionValue(option);\n\n            if (this.multiple) {\n                if (this.d_value) {\n                    for (let val of this.d_value) {\n                        if (equals(val, optionValue, this.equalityKey)) {\n                            selected = true;\n                            break;\n                        }\n                    }\n                }\n            } else {\n                selected = equals(this.d_value, optionValue, this.equalityKey);\n            }\n\n            return selected;\n        }\n    },\n    computed: {\n        equalityKey() {\n            return this.optionValue ? null : this.dataKey;\n        },\n        dataP() {\n            return cn({\n                invalid: this.$invalid\n            });\n        }\n    },\n    directives: {\n        ripple: Ripple\n    },\n    components: {\n        ToggleButton\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" role=\"group\" :aria-labelledby=\"ariaLabelledby\" v-bind=\"ptmi('root')\" :data-p=\"dataP\">\n        <template v-for=\"(option, index) of options\" :key=\"getOptionRenderKey(option)\">\n            <ToggleButton\n                :modelValue=\"isSelected(option)\"\n                :onLabel=\"getOptionLabel(option)\"\n                :offLabel=\"getOptionLabel(option)\"\n                :disabled=\"disabled || isOptionDisabled(option)\"\n                :unstyled=\"unstyled\"\n                :size=\"size\"\n                :readonly=\"isOptionReadonly(option)\"\n                @change=\"onOptionSelect($event, option, index)\"\n                :pt=\"ptm('pcToggleButton')\"\n            >\n                <template v-if=\"$slots.option\" #default>\n                    <slot name=\"option\" :option=\"option\" :index=\"index\">\n                        <span v-bind=\"ptm('pcToggleButton')['label']\">{{ getOptionLabel(option) }}</span>\n                    </slot>\n                </template>\n            </ToggleButton>\n        </template>\n    </div>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { equals, resolveFieldData } from '@primeuix/utils/object';\nimport Ripple from 'primevue/ripple';\nimport ToggleButton from 'primevue/togglebutton';\nimport BaseSelectButton from './BaseSelectButton.vue';\n\nexport default {\n    name: 'SelectButton',\n    extends: BaseSelectButton,\n    inheritAttrs: false,\n    emits: ['change'],\n    methods: {\n        getOptionLabel(option) {\n            return this.optionLabel ? resolveFieldData(option, this.optionLabel) : option;\n        },\n        getOptionValue(option) {\n            return this.optionValue ? resolveFieldData(option, this.optionValue) : option;\n        },\n        getOptionRenderKey(option) {\n            return this.dataKey ? resolveFieldData(option, this.dataKey) : this.getOptionLabel(option);\n        },\n        isOptionDisabled(option) {\n            return this.optionDisabled ? resolveFieldData(option, this.optionDisabled) : false;\n        },\n        isOptionReadonly(option) {\n            if (this.allowEmpty) return false;\n\n            let selected = this.isSelected(option);\n\n            if (this.multiple) {\n                return selected && this.d_value.length === 1;\n            } else {\n                return selected;\n            }\n        },\n        onOptionSelect(event, option, index) {\n            if (this.disabled || this.isOptionDisabled(option) || this.isOptionReadonly(option)) {\n                return;\n            }\n\n            let selected = this.isSelected(option);\n            let optionValue = this.getOptionValue(option);\n            let newValue;\n\n            if (this.multiple) {\n                if (selected) {\n                    newValue = this.d_value.filter((val) => !equals(val, optionValue, this.equalityKey));\n                    if (!this.allowEmpty && newValue.length === 0) return;\n                } else {\n                    newValue = this.d_value ? [...this.d_value, optionValue] : [optionValue];\n                }\n            } else {\n                if (selected && !this.allowEmpty) return;\n                newValue = selected ? null : optionValue;\n            }\n\n            this.writeValue(newValue, event);\n            this.$emit('change', { originalEvent: event, value: newValue });\n        },\n        isSelected(option) {\n            let selected = false;\n            let optionValue = this.getOptionValue(option);\n\n            if (this.multiple) {\n                if (this.d_value) {\n                    for (let val of this.d_value) {\n                        if (equals(val, optionValue, this.equalityKey)) {\n                            selected = true;\n                            break;\n                        }\n                    }\n                }\n            } else {\n                selected = equals(this.d_value, optionValue, this.equalityKey);\n            }\n\n            return selected;\n        }\n    },\n    computed: {\n        equalityKey() {\n            return this.optionValue ? null : this.dataKey;\n        },\n        dataP() {\n            return cn({\n                invalid: this.$invalid\n            });\n        }\n    },\n    directives: {\n        ripple: Ripple\n    },\n    components: {\n        ToggleButton\n    }\n};\n</script>\n"],"names":["name","BaseEditableHolder","props","options","Array","optionLabel","optionValue","optionDisabled","multiple","Boolean","allowEmpty","type","dataKey","ariaLabelledby","String","size","fluid","style","SelectButtonStyle","provide","$pcSelectButton","$parentInstance","BaseSelectButton","inheritAttrs","emits","methods","getOptionLabel","option","resolveFieldData","getOptionValue","getOptionRenderKey","isOptionDisabled","isOptionReadonly","selected","isSelected","d_value","length","onOptionSelect","event","index","_this","disabled","newValue","filter","val","equals","equalityKey","concat","_toConsumableArray","writeValue","$emit","originalEvent","value","_iterator","_createForOfIteratorHelper","_step","s","n","done","err","e","f","computed","dataP","cn","invalid","$invalid","directives","ripple","Ripple","components","ToggleButton","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","role","ptmi","$options","_Fragment","_renderList","_createBlock","_component_ToggleButton","key","modelValue","onLabel","offLabel","unstyled","readonly","onChange","$event","pt","ptm","$slots","_renderSlot","_createElementVNode","ref_for","_toDisplayString"],"mappings":"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"}

package/speeddial/SpeedDial.vue

@@ -59,9 +59,9 @@
             </template>
         </ul>
     </div>
-    <template v-if="mask">
-        <div :class="[cx('mask'), maskClass]" :style="maskStyle" v-bind="ptm('mask')"></div>
-    </template>
+    <Transition name="p-overlay-mask">
+        <div v-if="mask && d_visible" :class="[cx('mask'), maskClass]" :style="maskStyle" v-bind="ptm('mask')"></div>
+    </Transition>
 </template>
 
 <script>

package/speeddial/index.mjs

@@ -6,7 +6,7 @@ import Ripple from 'primevue/ripple';
 import Tooltip from 'primevue/tooltip';
 import BaseComponent from '@primevue/core/basecomponent';
 import SpeedDialStyle from 'primevue/speeddial/style';
-import { resolveComponent, resolveDirective, createElementBlock, openBlock, Fragment, createElementVNode, createCommentVNode, mergeProps, renderSlot, createVNode, withCtx, createBlock, resolveDynamicComponent, renderList, withDirectives, createSlots, normalizeClass } from 'vue';
+import { resolveComponent, resolveDirective, createElementBlock, openBlock, Fragment, createElementVNode, createVNode, mergeProps, renderSlot, withCtx, createBlock, resolveDynamicComponent, renderList, createCommentVNode, withDirectives, createSlots, normalizeClass, Transition } from 'vue';
 
 var script$1 = {
   name: 'BaseSpeedDial',
@@ -611,11 +611,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         return $options.onItemClick(event, item);
       }
     }, null, 8, ["item", "onClick", "toggleCallback"]))], 16, _hoisted_2)) : createCommentVNode("", true)], 64);
-  }), 128))], 16, _hoisted_1)], 16), _ctx.mask ? (openBlock(), createElementBlock("div", mergeProps({
-    key: 0,
-    "class": [_ctx.cx('mask'), _ctx.maskClass],
-    style: _ctx.maskStyle
-  }, _ctx.ptm('mask')), null, 16)) : createCommentVNode("", true)], 64);
+  }), 128))], 16, _hoisted_1)], 16), createVNode(Transition, {
+    name: "p-overlay-mask"
+  }, {
+    "default": withCtx(function () {
+      return [_ctx.mask && $data.d_visible ? (openBlock(), createElementBlock("div", mergeProps({
+        key: 0,
+        "class": [_ctx.cx('mask'), _ctx.maskClass],
+        style: _ctx.maskStyle
+      }, _ctx.ptm('mask')), null, 16)) : createCommentVNode("", true)];
+    }),
+    _: 1
+  })], 64);
 }
 
 script.render = render;