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