UNPKG

primevue

Version:

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 PrimeBloc

1 lines 6.17 kB
{"version":3,"file":"index.mjs","sources":["../../../src/imagecompare/style/ImageCompareStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-imagecompare {\n position: relative;\n overflow: hidden;\n width: 100%;\n aspect-ratio: 16 / 9;\n}\n\n.p-imagecompare img {\n width: 100%;\n height: 100%;\n position: absolute;\n}\n\n.p-imagecompare img + img {\n clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);\n}\n\n.p-imagecompare:dir(rtl) img + img {\n clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);\n}\n\n.p-imagecompare-slider {\n position: relative;\n -webkit-appearance: none;\n width: calc(100% + ${dt('imagecompare.handle.size')});\n height: 100%;\n margin-inline-start: calc(-1 * calc(${dt('imagecompare.handle.size')} / 2));\n background-color: transparent;\n outline: none;\n transition: all ${dt('imagecompare.handle.transition.duration')};\n}\n\n.p-imagecompare-slider::-webkit-slider-thumb {\n -webkit-appearance: none;\n height: ${dt('imagecompare.handle.size')};\n width: ${dt('imagecompare.handle.size')};\n background: ${dt('imagecompare.handle.background')};\n border: ${dt('imagecompare.handle.border.width')} solid ${dt('imagecompare.handle.border.color')};\n border-radius: ${dt('imagecompare.handle.border.radius')};\n background-size: contain;\n cursor: ew-resize;\n transition: all ${dt('imagecompare.handle.transition.duration')};\n}\n\n.p-imagecompare-slider::-moz-range-thumb {\n height: ${dt('imagecompare.handle.size')};\n width: ${dt('imagecompare.handle.size')};\n background: ${dt('imagecompare.handle.background')};\n border: ${dt('imagecompare.handle.border.width')} ${dt('imagecompare.handle.border.style')} ${dt('imagecompare.handle.border.color')};\n border-radius: ${dt('imagecompare.handle.border.radius')};\n background-size: contain;\n cursor: ew-resize;\n}\n\n.p-imagecompare-slider:focus-visible::-webkit-slider-thumb {\n box-shadow: ${dt('imagecompare.handle.focus.ring.shadow')};\n outline: ${dt('imagecompare.handle.focus.ring.width')} ${dt('imagecompare.handle.focus.ring.style')} ${dt('imagecompare.handle.focus.ring.color')};\n outline-offset: ${dt('imagecompare.handle.focus.ring.offset')};\n}\n\n.p-imagecompare-slider:focus-visible::-moz-range-thumb {\n box-shadow: ${dt('imagecompare.handle.focus.ring.shadow')};\n outline: ${dt('imagecompare.handle.focus.ring.width')} ${dt('imagecompare.handle.focus.ring.style')} ${dt('imagecompare.handle.focus.ring.color')};\n outline-offset: ${dt('imagecompare.handle.focus.ring.offset')};\n}\n\n.p-imagecompare-slider:hover {\n width: calc(100% + ${dt('imagecompare.handle.hover.size')});\n margin-inline-start: calc(-1 * calc(${dt('imagecompare.handle.hover.size')} / 2));\n}\n\n.p-imagecompare-slider:hover::-webkit-slider-thumb {\n background: ${dt('imagecompare.handle.hover.background')};\n border-color: ${dt('imagecompare.handle.hover.border.color')};\n height: ${dt('imagecompare.handle.hover.size')};\n width: ${dt('imagecompare.handle.hover.size')};\n}\n\n.p-imagecompare-slider:hover::-moz-range-thumb {\n background: ${dt('imagecompare.handle.hover.background')};\n border-color: ${dt('imagecompare.handle.hover.border.color')};\n height: ${dt('imagecompare.handle.hover.size')};\n width: ${dt('imagecompare.handle.hover.size')};\n}\n`;\n\nconst classes = {\n root: 'p-imagecompare',\n slider: 'p-imagecompare-slider'\n};\n\nexport default BaseStyle.extend({\n name: 'imagecompare',\n theme,\n classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","slider","BaseStyle","extend","name"],"mappings":"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"}