vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Update Image.vue

pull/3943/head^2
mertsincan 2023-08-14 12:21:46 +01:00
parent 8e2a5676d6
commit e6eb013c61
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components/lib/image/Image.vue
View File

@ -11,31 +11,31 @@
<Portal> <Portal>
<div v-if="maskVisible" :ref="maskRef" v-focustrap role="dialog" :class="cx('mask')" :aria-modal="maskVisible" @click="onMaskClick" @keydown="onMaskKeydown" v-bind="ptm('mask')"> <div v-if="maskVisible" :ref="maskRef" v-focustrap role="dialog" :class="cx('mask')" :aria-modal="maskVisible" @click="onMaskClick" @keydown="onMaskKeydown" v-bind="ptm('mask')">
<div class="p-image-toolbar" v-bind="ptm('toolbar')"> <div class="p-image-toolbar" v-bind="ptm('toolbar')">
<button :class="cx('rotateRightButton')" @click="rotateRight" type="button" :aria-label="rightAriaLabel" v-bind="ptm('rotateRightButton')"> <button :class="cx('rotateRightButton')" @click="rotateRight" type="button" :aria-label="rightAriaLabel" v-bind="ptm('rotateRightButton')" data-pc-group-section="action">
<slot name="refresh"> <slot name="refresh">
<RefreshIcon v-bind="ptm('rotateRightIcon')" /> <RefreshIcon v-bind="ptm('rotateRightIcon')" />
</slot> </slot>
</button> </button>
<button :class="cx('rotateLeftButton')" @click="rotateLeft" type="button" :aria-label="leftAriaLabel" v-bind="ptm('rotateLeftButton')"> <button :class="cx('rotateLeftButton')" @click="rotateLeft" type="button" :aria-label="leftAriaLabel" v-bind="ptm('rotateLeftButton')" data-pc-group-section="action">
<slot name="undo"> <slot name="undo">
<UndoIcon v-bind="ptm('rotateLeftIcon')" /> <UndoIcon v-bind="ptm('rotateLeftIcon')" />
</slot> </slot>
</button> </button>
<button :class="cx('zoomOutButton')" @click="zoomOut" type="button" :disabled="isZoomOutDisabled" :aria-label="zoomOutAriaLabel" v-bind="ptm('zoomOutButton')"> <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"> <slot name="zoomout">
<SearchMinusIcon v-bind="ptm('zoomOutIcon')" /> <SearchMinusIcon v-bind="ptm('zoomOutIcon')" />
</slot> </slot>
</button> </button>
<button :class="cx('zoomInButton')" @click="zoomIn" type="button" :disabled="isZoomInDisabled" :aria-label="zoomInAriaLabel" v-bind="ptm('zoomInButton')"> <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"> <slot name="zoomin">
<SearchPlusIcon v-bind="ptm('zoomInIcon')" /> <SearchPlusIcon v-bind="ptm('zoomInIcon')" />
</slot> </slot>
</button> </button>
<button :class="cx('closeButton')" type="button" @click="hidePreview" :aria-label="closeAriaLabel" autofocus v-bind="ptm('closeButton')"> <button :class="cx('closeButton')" type="button" @click="hidePreview" :aria-label="closeAriaLabel" autofocus v-bind="ptm('closeButton')" data-pc-group-section="action">
<slot name="close"> <slot name="close">
<TimesIcon v-bind="ptm('closeIcon')" /> <TimesIcon v-bind="ptm('closeIcon')" />
</slot> </slot>