{"version":3,"file":"index.mjs","sources":["../../../src/image/style/ImageStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-image-mask {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-image-preview {\n    position: relative;\n    display: inline-flex;\n    line-height: 0;\n}\n\n.p-image-preview-mask {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0;\n    transition: opacity 0.3s;\n    border: 0 none;\n    padding: 0;\n    cursor: pointer;\n    background: transparent;\n    color: ${dt('image.preview.mask.color')};\n    transition: background ${dt('image.transition.duration')};\n}\n\n.p-image-preview:hover > .p-image-preview-mask {\n    opacity: 1;\n    cursor: pointer;\n    background: ${dt('image.preview.mask.background')};\n}\n\n.p-image-preview-icon {\n    font-size: ${dt('image.preview.icon.size')};\n    width: ${dt('image.preview.icon.size')};\n    height: ${dt('image.preview.icon.size')};\n}\n\n.p-image-toolbar {\n    position: absolute;\n    top: ${dt('image.toolbar.position.top')};\n    right: ${dt('image.toolbar.position.right')};\n    left: ${dt('image.toolbar.position.left')};\n    bottom: ${dt('image.toolbar.position.bottom')};\n    display: flex;\n    z-index: 1;\n    padding: ${dt('image.toolbar.padding')};\n    background: ${dt('image.toolbar.background')};\n    backdrop-filter: blur(${dt('image.toolbar.blur')});\n    border-color: ${dt('image.toolbar.border.color')};\n    border-style: solid;\n    border-width: ${dt('image.toolbar.border.width')};\n    border-radius: ${dt('image.toolbar.border.radius')};\n    gap: ${dt('image.toolbar.gap')};\n}\n\n.p-image-action {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    color: ${dt('image.action.color')};\n    background: transparent;\n    width: ${dt('image.action.size')};\n    height: ${dt('image.action.size')};\n    margin: 0;\n    padding: 0;\n    border: 0 none;\n    cursor: pointer;\n    user-select: none;\n    border-radius: ${dt('image.action.border.radius')};\n    outline-color: transparent;\n    transition: background ${dt('image.transition.duration')}, color ${dt('image.transition.duration')}, outline-color ${dt('image.transition.duration')}, box-shadow ${dt('image.transition.duration')};\n}\n\n.p-image-action:hover {\n    color: ${dt('image.action.hover.color')};\n    background: ${dt('image.action.hover.background')};\n}\n\n.p-image-action:focus-visible {\n    box-shadow: ${dt('toolbar.action.focus.ring.shadow')};\n    outline: ${dt('toolbar.action.focus.ring.width')} ${dt('toolbar.action.focus.ring.style')} ${dt('toolbar.action.focus.ring.color')};\n    outline-offset: ${dt('toolbar.action.focus.ring.offset')};\n}\n\n.p-image-action .p-icon {\n    font-size: ${dt('image.action.icon.size')};\n    width: ${dt('image.action.icon.size')};\n    height: ${dt('image.action.icon.size')};\n}\n\n.p-image-action.p-disabled {\n    pointer-events: auto;\n}\n\n.p-image-original {\n    transition: transform 0.15s;\n    max-width: 100vw;\n    max-height: 100vh;\n}\n\n.p-image-original-enter-active {\n    transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-image-original-leave-active {\n    transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.p-image-original-enter-from,\n.p-image-original-leave-to {\n    opacity: 0;\n    transform: scale(0.7);\n}\n`;\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    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","props","preview","previewMask","previewIcon","mask","toolbar","rotateRightButton","rotateLeftButton","zoomOutButton","_ref3","instance","isZoomOutDisabled","zoomInButton","_ref4","isZoomInDisabled","closeButton","original","BaseStyle","extend","name"],"mappings":"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"}