Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

v-range-component

Package Overview
Dependencies
Maintainers
1
Versions
14
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

v-range-component - npm Package Compare versions

Comparing version 1.0.8 to 1.0.9

192

dist/v-range-component.esm.js

@@ -47,2 +47,6 @@ //

//
//
//
//
//

@@ -350,96 +354,100 @@ var script = {

var _c = _vm._self._c || _h;
return _c("div", { ref: "rangeSlider", staticClass: "c-rangeSlider" }, [
_c("div", { staticClass: "c-rangeSlider__labelFrom" }, [
_vm._v("\n " + _vm._s(_vm.label[0]) + "\n ")
]),
_vm._v(" "),
_c(
"div",
{ staticClass: "c-rangeSlider__wrap" },
[
_c("div", { staticClass: "c-rangeSlider__track" }),
_vm._v(" "),
_c("div", { staticClass: "c-rangeSlider__bar" }),
_vm._v(" "),
_c("div", {
staticClass: "c-rangeSlider__mid",
style: { left: _vm.params.middlePrecentage + "%" }
}),
_vm._v(" "),
_vm._l(_vm.value, function(handle, key) {
return [
_c("div", {
key: "h" + key,
staticClass: "c-rangeSlider__handle",
attrs: { draggable: "false" }
}),
_vm._v(" "),
_c(
"div",
{ key: "i" + key, staticClass: "c-rangeSlider__handleInput" },
[
_c("input", {
directives: [
{
name: "model",
rawName: "v-model",
value: _vm.params.inputValue[key],
expression: "params.inputValue[key]"
return _c(
"div",
{ ref: "rangeSlider", staticClass: "c-rangeSlider" },
[
_c("div", { staticClass: "c-rangeSlider__labelFrom" }, [
_vm._v("\n " + _vm._s(_vm.label[0]) + "\n ")
]),
_vm._v(" "),
_vm._l(_vm.value, function(handle, key) {
return [
_c(
"div",
{ key: "i" + key, staticClass: "c-rangeSlider__handleInput" },
[
_c("input", {
directives: [
{
name: "model",
rawName: "v-model",
value: _vm.params.inputValue[key],
expression: "params.inputValue[key]"
}
],
attrs: {
type: "number",
min: key - 1 < !0 ? _vm.params.values[key - 1] : _vm.range[0],
max:
key + 1 < _vm.params.inputValue.length
? _vm.params.values[key + 1]
: _vm.range[1]
},
domProps: { value: _vm.params.inputValue[key] },
on: {
input: [
function($event) {
if ($event.target.composing) {
return
}
_vm.$set(_vm.params.inputValue, key, $event.target.value);
},
function($event) {
return _vm.setHandleByInput()
}
],
attrs: {
type: "number",
min:
key - 1 < !0 ? _vm.params.values[key - 1] : _vm.range[0],
max:
key + 1 < _vm.params.inputValue.length
? _vm.params.values[key + 1]
: _vm.range[1]
},
domProps: { value: _vm.params.inputValue[key] },
on: {
input: [
function($event) {
if ($event.target.composing) {
return
}
_vm.$set(
_vm.params.inputValue,
key,
$event.target.value
);
},
function($event) {
return _vm.setHandleByInput()
}
]
}
]
}
}),
_vm._v("\n " + _vm._s(_vm.unit) + "\n ")
]
)
]
}),
_vm._v(" "),
_c(
"div",
{ staticClass: "c-rangeSlider__wrap" },
[
_c("div", { staticClass: "c-rangeSlider__track" }),
_vm._v(" "),
_c("div", { staticClass: "c-rangeSlider__bar" }),
_vm._v(" "),
_c("div", {
staticClass: "c-rangeSlider__mid",
style: { left: _vm.params.middlePrecentage + "%" }
}),
_vm._v(" "),
_vm._l(_vm.value, function(handle, key) {
return [
_c("div", {
key: "h" + key,
staticClass: "c-rangeSlider__handle",
attrs: { draggable: "false" }
})
]
}),
_vm._v(" "),
_vm.showSteps
? _c(
"div",
{ staticClass: "c-rangeSlider__steps" },
_vm._l(_vm.steps, function(step) {
return _c("div", {
key: "step" + step,
staticClass: "c-rangeSlider__step"
})
}),
_vm._v("\n " + _vm._s(_vm.unit) + "\n ")
]
)
]
}),
_vm._v(" "),
_vm.showSteps
? _c(
"div",
{ staticClass: "c-rangeSlider__steps" },
_vm._l(_vm.steps, function(step) {
return _c("div", {
key: "step" + step,
staticClass: "c-rangeSlider__step"
})
}),
0
)
: _vm._e()
],
2
),
_vm._v(" "),
_c("div", { staticClass: "c-rangeSlider__labelTo" }, [
_vm._v("\n " + _vm._s(_vm.label[1]) + "\n ")
])
])
0
)
: _vm._e()
],
2
),
_vm._v(" "),
_c("div", { staticClass: "c-rangeSlider__labelTo" }, [
_vm._v("\n " + _vm._s(_vm.label[1]) + "\n ")
])
],
2
)
};

@@ -446,0 +454,0 @@ var __vue_staticRenderFns__ = [];

192

dist/v-range-component.min.js

@@ -50,2 +50,6 @@ var VRangeComponent = (function (exports) {

//
//
//
//
//

@@ -353,96 +357,100 @@ var script = {

var _c = _vm._self._c || _h;
return _c("div", { ref: "rangeSlider", staticClass: "c-rangeSlider" }, [
_c("div", { staticClass: "c-rangeSlider__labelFrom" }, [
_vm._v("\n " + _vm._s(_vm.label[0]) + "\n ")
]),
_vm._v(" "),
_c(
"div",
{ staticClass: "c-rangeSlider__wrap" },
[
_c("div", { staticClass: "c-rangeSlider__track" }),
_vm._v(" "),
_c("div", { staticClass: "c-rangeSlider__bar" }),
_vm._v(" "),
_c("div", {
staticClass: "c-rangeSlider__mid",
style: { left: _vm.params.middlePrecentage + "%" }
}),
_vm._v(" "),
_vm._l(_vm.value, function(handle, key) {
return [
_c("div", {
key: "h" + key,
staticClass: "c-rangeSlider__handle",
attrs: { draggable: "false" }
}),
_vm._v(" "),
_c(
"div",
{ key: "i" + key, staticClass: "c-rangeSlider__handleInput" },
[
_c("input", {
directives: [
{
name: "model",
rawName: "v-model",
value: _vm.params.inputValue[key],
expression: "params.inputValue[key]"
return _c(
"div",
{ ref: "rangeSlider", staticClass: "c-rangeSlider" },
[
_c("div", { staticClass: "c-rangeSlider__labelFrom" }, [
_vm._v("\n " + _vm._s(_vm.label[0]) + "\n ")
]),
_vm._v(" "),
_vm._l(_vm.value, function(handle, key) {
return [
_c(
"div",
{ key: "i" + key, staticClass: "c-rangeSlider__handleInput" },
[
_c("input", {
directives: [
{
name: "model",
rawName: "v-model",
value: _vm.params.inputValue[key],
expression: "params.inputValue[key]"
}
],
attrs: {
type: "number",
min: key - 1 < !0 ? _vm.params.values[key - 1] : _vm.range[0],
max:
key + 1 < _vm.params.inputValue.length
? _vm.params.values[key + 1]
: _vm.range[1]
},
domProps: { value: _vm.params.inputValue[key] },
on: {
input: [
function($event) {
if ($event.target.composing) {
return
}
_vm.$set(_vm.params.inputValue, key, $event.target.value);
},
function($event) {
return _vm.setHandleByInput()
}
],
attrs: {
type: "number",
min:
key - 1 < !0 ? _vm.params.values[key - 1] : _vm.range[0],
max:
key + 1 < _vm.params.inputValue.length
? _vm.params.values[key + 1]
: _vm.range[1]
},
domProps: { value: _vm.params.inputValue[key] },
on: {
input: [
function($event) {
if ($event.target.composing) {
return
}
_vm.$set(
_vm.params.inputValue,
key,
$event.target.value
);
},
function($event) {
return _vm.setHandleByInput()
}
]
}
]
}
}),
_vm._v("\n " + _vm._s(_vm.unit) + "\n ")
]
)
]
}),
_vm._v(" "),
_c(
"div",
{ staticClass: "c-rangeSlider__wrap" },
[
_c("div", { staticClass: "c-rangeSlider__track" }),
_vm._v(" "),
_c("div", { staticClass: "c-rangeSlider__bar" }),
_vm._v(" "),
_c("div", {
staticClass: "c-rangeSlider__mid",
style: { left: _vm.params.middlePrecentage + "%" }
}),
_vm._v(" "),
_vm._l(_vm.value, function(handle, key) {
return [
_c("div", {
key: "h" + key,
staticClass: "c-rangeSlider__handle",
attrs: { draggable: "false" }
})
]
}),
_vm._v(" "),
_vm.showSteps
? _c(
"div",
{ staticClass: "c-rangeSlider__steps" },
_vm._l(_vm.steps, function(step) {
return _c("div", {
key: "step" + step,
staticClass: "c-rangeSlider__step"
})
}),
_vm._v("\n " + _vm._s(_vm.unit) + "\n ")
]
)
]
}),
_vm._v(" "),
_vm.showSteps
? _c(
"div",
{ staticClass: "c-rangeSlider__steps" },
_vm._l(_vm.steps, function(step) {
return _c("div", {
key: "step" + step,
staticClass: "c-rangeSlider__step"
})
}),
0
)
: _vm._e()
],
2
),
_vm._v(" "),
_c("div", { staticClass: "c-rangeSlider__labelTo" }, [
_vm._v("\n " + _vm._s(_vm.label[1]) + "\n ")
])
])
0
)
: _vm._e()
],
2
),
_vm._v(" "),
_c("div", { staticClass: "c-rangeSlider__labelTo" }, [
_vm._v("\n " + _vm._s(_vm.label[1]) + "\n ")
])
],
2
)
};

@@ -449,0 +457,0 @@ var __vue_staticRenderFns__ = [];

192

dist/v-range-component.umd.js

@@ -53,2 +53,6 @@ (function (global, factory) {

//
//
//
//
//

@@ -356,96 +360,100 @@ var script = {

var _c = _vm._self._c || _h;
return _c("div", { ref: "rangeSlider", staticClass: "c-rangeSlider" }, [
_c("div", { staticClass: "c-rangeSlider__labelFrom" }, [
_vm._v("\n " + _vm._s(_vm.label[0]) + "\n ")
]),
_vm._v(" "),
_c(
"div",
{ staticClass: "c-rangeSlider__wrap" },
[
_c("div", { staticClass: "c-rangeSlider__track" }),
_vm._v(" "),
_c("div", { staticClass: "c-rangeSlider__bar" }),
_vm._v(" "),
_c("div", {
staticClass: "c-rangeSlider__mid",
style: { left: _vm.params.middlePrecentage + "%" }
}),
_vm._v(" "),
_vm._l(_vm.value, function(handle, key) {
return [
_c("div", {
key: "h" + key,
staticClass: "c-rangeSlider__handle",
attrs: { draggable: "false" }
}),
_vm._v(" "),
_c(
"div",
{ key: "i" + key, staticClass: "c-rangeSlider__handleInput" },
[
_c("input", {
directives: [
{
name: "model",
rawName: "v-model",
value: _vm.params.inputValue[key],
expression: "params.inputValue[key]"
return _c(
"div",
{ ref: "rangeSlider", staticClass: "c-rangeSlider" },
[
_c("div", { staticClass: "c-rangeSlider__labelFrom" }, [
_vm._v("\n " + _vm._s(_vm.label[0]) + "\n ")
]),
_vm._v(" "),
_vm._l(_vm.value, function(handle, key) {
return [
_c(
"div",
{ key: "i" + key, staticClass: "c-rangeSlider__handleInput" },
[
_c("input", {
directives: [
{
name: "model",
rawName: "v-model",
value: _vm.params.inputValue[key],
expression: "params.inputValue[key]"
}
],
attrs: {
type: "number",
min: key - 1 < !0 ? _vm.params.values[key - 1] : _vm.range[0],
max:
key + 1 < _vm.params.inputValue.length
? _vm.params.values[key + 1]
: _vm.range[1]
},
domProps: { value: _vm.params.inputValue[key] },
on: {
input: [
function($event) {
if ($event.target.composing) {
return
}
_vm.$set(_vm.params.inputValue, key, $event.target.value);
},
function($event) {
return _vm.setHandleByInput()
}
],
attrs: {
type: "number",
min:
key - 1 < !0 ? _vm.params.values[key - 1] : _vm.range[0],
max:
key + 1 < _vm.params.inputValue.length
? _vm.params.values[key + 1]
: _vm.range[1]
},
domProps: { value: _vm.params.inputValue[key] },
on: {
input: [
function($event) {
if ($event.target.composing) {
return
}
_vm.$set(
_vm.params.inputValue,
key,
$event.target.value
);
},
function($event) {
return _vm.setHandleByInput()
}
]
}
]
}
}),
_vm._v("\n " + _vm._s(_vm.unit) + "\n ")
]
)
]
}),
_vm._v(" "),
_c(
"div",
{ staticClass: "c-rangeSlider__wrap" },
[
_c("div", { staticClass: "c-rangeSlider__track" }),
_vm._v(" "),
_c("div", { staticClass: "c-rangeSlider__bar" }),
_vm._v(" "),
_c("div", {
staticClass: "c-rangeSlider__mid",
style: { left: _vm.params.middlePrecentage + "%" }
}),
_vm._v(" "),
_vm._l(_vm.value, function(handle, key) {
return [
_c("div", {
key: "h" + key,
staticClass: "c-rangeSlider__handle",
attrs: { draggable: "false" }
})
]
}),
_vm._v(" "),
_vm.showSteps
? _c(
"div",
{ staticClass: "c-rangeSlider__steps" },
_vm._l(_vm.steps, function(step) {
return _c("div", {
key: "step" + step,
staticClass: "c-rangeSlider__step"
})
}),
_vm._v("\n " + _vm._s(_vm.unit) + "\n ")
]
)
]
}),
_vm._v(" "),
_vm.showSteps
? _c(
"div",
{ staticClass: "c-rangeSlider__steps" },
_vm._l(_vm.steps, function(step) {
return _c("div", {
key: "step" + step,
staticClass: "c-rangeSlider__step"
})
}),
0
)
: _vm._e()
],
2
),
_vm._v(" "),
_c("div", { staticClass: "c-rangeSlider__labelTo" }, [
_vm._v("\n " + _vm._s(_vm.label[1]) + "\n ")
])
])
0
)
: _vm._e()
],
2
),
_vm._v(" "),
_c("div", { staticClass: "c-rangeSlider__labelTo" }, [
_vm._v("\n " + _vm._s(_vm.label[1]) + "\n ")
])
],
2
)
};

@@ -452,0 +460,0 @@ var __vue_staticRenderFns__ = [];

2

package.json
{
"name": "v-range-component",
"version": "1.0.8",
"version": "1.0.9",
"description": "Vue Range Slider component",

@@ -5,0 +5,0 @@ "keywords": [

dist/styles.css

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc