UNPKG

@aotearoan/neon

Version:

Neon is a lightweight design library of Vue 3 components with minimal dependencies.

3 lines (2 loc) 2.21 kB
"use strict";const o=require("./NeonRangeSlider.cjs.js"),l=require("vue"),n=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),d={key:0,class:"neon-slider__output"},r={class:"neon-range-slider__output-range"},s=l.createElementVNode("span",{class:"neon-range-slider__output-range-separator"}," : ",-1);function i(e,p,u,m,g,V){const a=l.resolveComponent("neon-slider");return l.openBlock(),l.createElementBlock("div",{class:l.normalizeClass([{"neon-range-slider--disabled":e.disabled,"neon-range-slider--all-upper-bound":e.modelValue[0]===e.modelValue[1]&&e.modelValue[0]===e.max},"neon-range-slider"])},[e.output?(l.openBlock(),l.createElementBlock("output",d,[l.createElementVNode("span",r,[l.createElementVNode("span",null,l.toDisplayString(e.formattedValues[0]),1),s,l.createElementVNode("span",null,l.toDisplayString(e.formattedValues[1]),1)])])):l.createCommentVNode("",!0),l.createVNode(a,{id:e.ids&&e.ids[0],"aria-label":e.lowerBoundLabel,color:e.color,decimals:e.decimals,disableFormatting:e.disableFormatting,disabled:e.disabled,legend:e.legend,max:e.max,min:e.min,modelValue:e.modelValue[0],output:!1,percentage:e.percentage,step:e.step,tooltip:e.tooltip,upperBound:e.modelValue[1],"value-template":e.valueTemplate,class:"neon-range-slider__lower","onUpdate:modelValue":e.changeLowerBound},null,8,["id","aria-label","color","decimals","disableFormatting","disabled","legend","max","min","modelValue","percentage","step","tooltip","upperBound","value-template","onUpdate:modelValue"]),l.createVNode(a,{id:e.ids&&e.ids[1],"aria-label":e.upperBoundLabel,color:e.color,decimals:e.decimals,disableFormatting:e.disableFormatting,disabled:e.disabled,legend:!1,lowerBound:e.modelValue[0],max:e.max,min:e.min,modelValue:e.modelValue[1],output:!1,percentage:e.percentage,step:e.step,tooltip:e.tooltip,"value-template":e.valueTemplate,class:"neon-range-slider__upper","onUpdate:modelValue":e.changeUpperBound},null,8,["id","aria-label","color","decimals","disableFormatting","disabled","lowerBound","max","min","modelValue","percentage","step","tooltip","value-template","onUpdate:modelValue"])],2)}const t=n(o,[["render",i]]);module.exports=t; //# sourceMappingURL=NeonRangeSlider.vue.cjs.js.map