@aotearoan/neon
Version:
Neon is a lightweight design library of Vue 3 components with minimal dependencies.
70 lines (69 loc) • 2.68 kB
JavaScript
import i from "./NeonRangeSlider.es.js";
import { resolveComponent as p, openBlock as n, createElementBlock as d, normalizeClass as m, createElementVNode as l, toDisplayString as r, createCommentVNode as u, createVNode as s } from "vue";
import t from "../../../_virtual/_plugin-vue_export-helper.es.js";
const g = {
key: 0,
class: "neon-slider__output"
}, b = { class: "neon-range-slider__output-range" };
function V(e, a, f, B, v, F) {
const o = p("neon-slider");
return n(), d("div", {
class: m([{
"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 ? (n(), d("output", g, [
l("span", b, [
l("span", null, r(e.formattedValues[0]), 1),
a[0] || (a[0] = l("span", { class: "neon-range-slider__output-range-separator" }, " : ", -1)),
l("span", null, r(e.formattedValues[1]), 1)
])
])) : u("", !0),
s(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"]),
s(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 $ = /* @__PURE__ */ t(i, [["render", V]]);
export {
$ as default
};
//# sourceMappingURL=NeonRangeSlider.vue.es.js.map