@aotearoan/neon
Version:
Neon is a lightweight design library of Vue 3 components with minimal dependencies.
3 lines (2 loc) • 1.83 kB
JavaScript
"use strict";const t=require("./NeonSlider.cjs.js"),o=require("vue"),a=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),s=["for"],i=["id","value","step","min","max","aria-valuemin","aria-valuemax","aria-valuenow","disabled"],r={key:1,class:"neon-slider__legend"},d={class:"neon-slider__legend-item"},u={class:"neon-slider__legend-item"},m=["for"],p={class:"neon-slider__tooltip-content"},c={class:"neon-slider__tooltip-value"};function g(e,n,_,v,k,y){return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["neon-slider",[{"neon-slider--disabled":e.disabled,"neon-slider--no-legend":!e.legend},`neon-slider--${e.color}`]]),style:o.normalizeStyle("--min: "+e.min+";--max: "+e.computedMax+";--val: "+e.modelValue)},[e.output?(o.openBlock(),o.createElementBlock("output",{key:0,for:e.id,class:"neon-slider__output"},o.toDisplayString(e.formattedValue),9,s)):o.createCommentVNode("",!0),o.createElementVNode("input",o.mergeProps({id:e.id,type:"range",value:e.modelValue,step:e.computedStep,min:e.min,max:e.computedMax,"aria-valuemin":e.min,"aria-valuemax":e.computedMax,"aria-valuenow":e.modelValue,disabled:e.disabled,class:"neon-slider__input"},e.sanitizedAttributes,{onInput:n[0]||(n[0]=(...l)=>e.changeValue&&e.changeValue(...l))}),null,16,i),e.legend?(o.openBlock(),o.createElementBlock("div",r,[o.createElementVNode("span",d,o.toDisplayString(e.formattedMin),1),o.createElementVNode("span",u,o.toDisplayString(e.formattedMax),1)])):o.createCommentVNode("",!0),e.tooltip?(o.openBlock(),o.createElementBlock("output",{key:2,for:e.id,class:"neon-slider__tooltip"},[o.createElementVNode("div",p,[o.createElementVNode("span",c,o.toDisplayString(e.formattedValue),1)])],8,m)):o.createCommentVNode("",!0)],6)}const V=a(t,[["render",g]]);module.exports=V;
//# sourceMappingURL=NeonSlider.vue.cjs.js.map