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
2 lines (1 loc) • 1.27 kB
JavaScript
this.primevue=this.primevue||{},this.primevue.slider=this.primevue.slider||{},this.primevue.slider.style=function(e){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return n(primevue.base.style).default.extend({name:"slider",css:"\n@layer primevue {\n .p-slider {\n position: relative;\n }\n\n .p-slider .p-slider-handle {\n cursor: grab;\n touch-action: none;\n display: block;\n }\n\n .p-slider-range {\n display: block;\n }\n\n .p-slider-horizontal .p-slider-range {\n top: 0;\n left: 0;\n height: 100%;\n }\n\n .p-slider-horizontal .p-slider-handle {\n top: 50%;\n }\n\n .p-slider-vertical {\n height: 100px;\n }\n\n .p-slider-vertical .p-slider-handle {\n left: 50%;\n }\n\n .p-slider-vertical .p-slider-range {\n bottom: 0;\n left: 0;\n width: 100%;\n }\n}\n",classes:{root:function(e){var n=e.props;return["p-slider p-component",{"p-disabled":n.disabled,"p-slider-horizontal":"horizontal"===n.orientation,"p-slider-vertical":"vertical"===n.orientation}]},range:"p-slider-range",handle:"p-slider-handle"},inlineStyles:{handle:{position:"absolute"},range:{position:"absolute"}}})}();