@aotearoan/neon
Version:
Neon is a lightweight design library of Vue 3 components with minimal dependencies.
3 lines (2 loc) • 1.54 kB
JavaScript
"use strict";const u=require("vue"),n=require("../../../common/utils/NeonNumberUtils.cjs.js"),m=require("../slider/NeonSlider.vue.cjs.js"),i=require("../../../common/enums/NeonFunctionalColor.cjs.js"),s=u.defineComponent({name:"NeonRangeSlider",components:{NeonSlider:m},props:{modelValue:{type:Array,required:!0},ids:{type:Array,required:!1},color:{type:String,default:i.NeonFunctionalColor.LowContrast},output:{type:Boolean,default:!0},legend:{type:Boolean,default:!0},tooltip:{type:Boolean,default:!0},step:{type:Number,required:!1},decimals:{type:Number,required:!1},valueTemplate:{type:String,required:!1},disableFormatting:{type:Boolean,default:!1},percentage:{type:Boolean,default:!1},locale:{type:String,default:null},min:{type:Number,default:0},max:{type:Number,required:!1},disabled:{type:Boolean,default:!1},lowerBoundLabel:{type:String,default:"Lower bound"},upperBoundLabel:{type:String,default:"Upper bound"}},emits:["update:modelValue"],setup(e,{emit:r}){const d=u.computed(()=>{const t={decimals:e.decimals,format:e.valueTemplate,percentage:e.percentage};return e.disableFormatting?[`${e.modelValue[0]}`,`${e.modelValue[1]}`]:[n.NeonNumberUtils.formatNumber(e.modelValue[0],t,e.locale),n.NeonNumberUtils.formatNumber(e.modelValue[1],t,e.locale)]}),a=t=>{r("update:modelValue",t)};return{formattedValues:d,changeLowerBound:t=>{const l=e.modelValue.map(o=>o);l[0]=+t,a(l)},changeUpperBound:t=>{const l=e.modelValue.map(o=>o);l[1]=+t,a(l)},emitValues:a}}});module.exports=s;
//# sourceMappingURL=NeonRangeSlider.cjs.js.map