@aotearoan/neon
Version:
Neon is a lightweight design library of Vue 3 components with minimal dependencies.
3 lines (2 loc) • 2.21 kB
JavaScript
;const n=require("./NeonRangeSlider.cjs.js"),l=require("vue"),d=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),r={key:0,class:"neon-slider__output"},s={class:"neon-range-slider__output-range"};function i(e,a,p,u,m,g){const o=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",r,[l.createElementVNode("span",s,[l.createElementVNode("span",null,l.toDisplayString(e.formattedValues[0]),1),a[0]||(a[0]=l.createElementVNode("span",{class:"neon-range-slider__output-range-separator"}," : ",-1)),l.createElementVNode("span",null,l.toDisplayString(e.formattedValues[1]),1)])])):l.createCommentVNode("",!0),l.createVNode(o,{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(o,{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=d(n,[["render",i]]);module.exports=t;
//# sourceMappingURL=NeonRangeSlider.vue.cjs.js.map