New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More

@spreadtheweb/multi-range-slider

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@spreadtheweb/multi-range-slider - npm Package Compare versions

Comparing version

to
1.0.2

@@ -39,3 +39,3 @@ /*

eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"body {\\r\\n padding: 100px;\\r\\n background-color: #17043D;\\r\\n}\\r\\n\\r\\n.range-slider__container{ \\r\\n margin-bottom: 100px;\\r\\n}\\r\\n\\r\\n\\r\\n.range-slider__container{\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n.range-slider__container span{\\r\\n display: inline-block;\\r\\n}\\r\\n\\r\\n.range-slider__rail {\\r\\n width: 100%;\\r\\n position: absolute;\\r\\n transform: translateY(-50%);\\r\\n left: 0;\\r\\n\\r\\n cursor: pointer;\\r\\n}\\r\\n\\r\\n.range-slider__track {\\r\\n position: absolute;\\r\\n transform: translateY(-50%);\\r\\n cursor: pointer;\\r\\n}\\r\\n\\r\\n.range-slider__point {\\r\\n top: 0;\\r\\n transform: translateX(-50%);\\r\\n position: absolute;\\r\\n border-radius: 50%;\\r\\n cursor: pointer;\\r\\n transition: box-shadow 150ms;\\r\\n}\\r\\n\\r\\n.range-slider__container .range-slider__tooltip {\\r\\n min-width: 30px;\\r\\n font-size: 16px;\\r\\n padding: 0.3em 0.6em;\\r\\n background-color: gray;\\r\\n color: white;\\r\\n position: absolute;\\r\\n left: 0;\\r\\n top: -100%;\\r\\n text-align: center;\\r\\n border-radius: 3px;\\r\\n user-select: none;\\r\\n transform: translate(-50%, -50%) scale(0);\\r\\n transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\\r\\n}\\r\\n\\r\\n.range-slider__container .range-slider__tooltip::after {\\r\\n content: '';\\r\\n background-color: gray;\\r\\n width: 1em;\\r\\n height: 1em;\\r\\n position: absolute;\\r\\n bottom: -5px;\\r\\n transform: translate(-50%) rotate(45deg);\\r\\n left: 50%;\\r\\n z-index: -1;\\r\\n}\", \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://RangeSlider/./src/range-slider.css?./node_modules/css-loader/dist/cjs.js");
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".range-slider__container{ \\r\\n margin-bottom: 100px;\\r\\n}\\r\\n\\r\\n.range-slider__container{\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n.range-slider__container span{\\r\\n display: inline-block;\\r\\n}\\r\\n\\r\\n.range-slider__rail {\\r\\n width: 100%;\\r\\n position: absolute;\\r\\n transform: translateY(-50%);\\r\\n left: 0;\\r\\n\\r\\n cursor: pointer;\\r\\n}\\r\\n\\r\\n.range-slider__track {\\r\\n position: absolute;\\r\\n transform: translateY(-50%);\\r\\n cursor: pointer;\\r\\n}\\r\\n\\r\\n.range-slider__point {\\r\\n top: 0;\\r\\n transform: translateX(-50%);\\r\\n position: absolute;\\r\\n border-radius: 50%;\\r\\n cursor: pointer;\\r\\n transition: box-shadow 150ms;\\r\\n}\\r\\n\\r\\n.range-slider__container .range-slider__tooltip {\\r\\n min-width: 30px;\\r\\n font-size: 16px;\\r\\n padding: 0.3em 0.6em;\\r\\n background-color: gray;\\r\\n color: white;\\r\\n position: absolute;\\r\\n left: 0;\\r\\n top: -100%;\\r\\n text-align: center;\\r\\n border-radius: 3px;\\r\\n user-select: none;\\r\\n transform: translate(-50%, -50%) scale(0);\\r\\n transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\\r\\n}\\r\\n\\r\\n.range-slider__container .range-slider__tooltip::after {\\r\\n content: '';\\r\\n background-color: gray;\\r\\n width: 1em;\\r\\n height: 1em;\\r\\n position: absolute;\\r\\n bottom: -5px;\\r\\n transform: translate(-50%) rotate(45deg);\\r\\n left: 50%;\\r\\n z-index: -1;\\r\\n}\", \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://RangeSlider/./src/range-slider.css?./node_modules/css-loader/dist/cjs.js");

@@ -42,0 +42,0 @@ /***/ }),

@@ -30,3 +30,3 @@ (function webpackUniversalModuleDefinition(root, factory) {

// Module
___CSS_LOADER_EXPORT___.push([module.id, "body {\r\n padding: 100px;\r\n background-color: #17043D;\r\n}\r\n\r\n.range-slider__container{ \r\n margin-bottom: 100px;\r\n}\r\n\r\n\r\n.range-slider__container{\r\n position: relative;\r\n}\r\n\r\n.range-slider__container span{\r\n display: inline-block;\r\n}\r\n\r\n.range-slider__rail {\r\n width: 100%;\r\n position: absolute;\r\n transform: translateY(-50%);\r\n left: 0;\r\n\r\n cursor: pointer;\r\n}\r\n\r\n.range-slider__track {\r\n position: absolute;\r\n transform: translateY(-50%);\r\n cursor: pointer;\r\n}\r\n\r\n.range-slider__point {\r\n top: 0;\r\n transform: translateX(-50%);\r\n position: absolute;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n transition: box-shadow 150ms;\r\n}\r\n\r\n.range-slider__container .range-slider__tooltip {\r\n min-width: 30px;\r\n font-size: 16px;\r\n padding: 0.3em 0.6em;\r\n background-color: gray;\r\n color: white;\r\n position: absolute;\r\n left: 0;\r\n top: -100%;\r\n text-align: center;\r\n border-radius: 3px;\r\n user-select: none;\r\n transform: translate(-50%, -50%) scale(0);\r\n transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\r\n}\r\n\r\n.range-slider__container .range-slider__tooltip::after {\r\n content: '';\r\n background-color: gray;\r\n width: 1em;\r\n height: 1em;\r\n position: absolute;\r\n bottom: -5px;\r\n transform: translate(-50%) rotate(45deg);\r\n left: 50%;\r\n z-index: -1;\r\n}", ""]);
___CSS_LOADER_EXPORT___.push([module.id, ".range-slider__container{ \r\n margin-bottom: 100px;\r\n}\r\n\r\n.range-slider__container{\r\n position: relative;\r\n}\r\n\r\n.range-slider__container span{\r\n display: inline-block;\r\n}\r\n\r\n.range-slider__rail {\r\n width: 100%;\r\n position: absolute;\r\n transform: translateY(-50%);\r\n left: 0;\r\n\r\n cursor: pointer;\r\n}\r\n\r\n.range-slider__track {\r\n position: absolute;\r\n transform: translateY(-50%);\r\n cursor: pointer;\r\n}\r\n\r\n.range-slider__point {\r\n top: 0;\r\n transform: translateX(-50%);\r\n position: absolute;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n transition: box-shadow 150ms;\r\n}\r\n\r\n.range-slider__container .range-slider__tooltip {\r\n min-width: 30px;\r\n font-size: 16px;\r\n padding: 0.3em 0.6em;\r\n background-color: gray;\r\n color: white;\r\n position: absolute;\r\n left: 0;\r\n top: -100%;\r\n text-align: center;\r\n border-radius: 3px;\r\n user-select: none;\r\n transform: translate(-50%, -50%) scale(0);\r\n transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\r\n}\r\n\r\n.range-slider__container .range-slider__tooltip::after {\r\n content: '';\r\n background-color: gray;\r\n width: 1em;\r\n height: 1em;\r\n position: absolute;\r\n bottom: -5px;\r\n transform: translate(-50%) rotate(45deg);\r\n left: 50%;\r\n z-index: -1;\r\n}", ""]);
// Exports

@@ -33,0 +33,0 @@ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);

{
"name": "@spreadtheweb/multi-range-slider",
"version": "1.0.1",
"version": "1.0.2",
"description": "Simple, small and fast vanilla JavaScript multi range slider without dependencies, with ability to have multiple values and points to slide",

@@ -5,0 +5,0 @@ "browser": "dist/range-slider.main.min.js",

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet