{"_id":"@dreysolano/vue-histogram-slider","_rev":"3-d4552cf9d65d5cd95d2d518a1ca28004","name":"@dreysolano/vue-histogram-slider","dist-tags":{"latest":"0.1.2"},"versions":{"0.1.0":{"name":"@dreysolano/vue-histogram-slider","description":"Range slider with histogram for vue.js","version":"0.1.0","main":"dist/histogram-slider.umd.min.js","license":"MIT","repository":{"type":"git","url":"git+https://github.com/dreysolano/vue-histogram-slider.git"},"keywords":["vue","vuejs","slider","range-slider","histogram","histogram-slider"],"scripts":{"serve":"vue-cli-service serve","prepare":"yarn build","build":"vue-cli-service build --name histogram-slider --entry ./src/lib/HistogramSlider.vue --target lib","prepublishOnly":"yarn lint && yarn build","lint":"vue-cli-service lint"},"dependencies":{"d3-array":"^2.3.2","d3-brush":"^1.1.3","d3-scale":"^3.1.0","d3-selection":"^1.4.0","d3-transition":"^1.2.0","jquery":"3.5","vue":"^2.6.10"},"devDependencies":{"@vue/cli-plugin-babel":"^3.11.0","@vue/cli-plugin-eslint":"^3.11.0","@vue/cli-service":"^3.11.0","@vue/eslint-config-prettier":"^5.0.0","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","lint-staged":"^8.1.5","prettier":"^1.18.2","vue-template-compiler":"^2.6.10"},"gitHooks":{"pre-commit":"lint-staged"},"lint-staged":{"*.{js,vue}":["vue-cli-service lint","git add"]},"gitHead":"db795e752461a85a5b7c214d8c0b4f3261348d0a","bugs":{"url":"https://github.com/dreysolano/vue-histogram-slider/issues"},"homepage":"https://github.com/dreysolano/vue-histogram-slider#readme","_id":"@dreysolano/vue-histogram-slider@0.1.0","_nodeVersion":"14.18.1","_npmVersion":"8.1.3","dist":{"integrity":"sha512-cfCooI9py2bWtD+uoh1q/hQ7W2bwljl4cjLkPumyJfZgCvk8kkNF76AZdAlzCirzGaw/AA8WVw0KL8FSwSgM7g==","shasum":"f0584a909781b9af1f5d40848f6fb4f211d28db7","tarball":"https://registry.npmjs.org/@dreysolano/vue-histogram-slider/-/vue-histogram-slider-0.1.0.tgz","fileCount":23,"unpackedSize":4481273,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4FzzCRA9TVsSAnZWagAAMUsQAJk25/Wvh8XJvfIUR9vc\n6sSA/dKNRUcvkid1jdFB2IMsXwLKZlvztL6hgpJcaWrWzhV+s3vyj+lqdIBc\nlY05ohdEWDmsBkSYjGGWboWALIkMJNbLS5LTjlmqe6gFc/xfpRSItI5qzOFY\n6dlWPd84TtaNZ+QI3OsQbLoBnx9bmsrDoW5idwal/seVl+uROjZyqMSxxCMr\nxBXC6WEHgDN+gCfNB4sgwS6IZG0MNAIkJvomhdYOdxpMr44piSpoRO5tE1cC\npH2dcZF8ow1UfWCwnGYLOJXvE953QWcJDUEynblHyqZGME810K0NIC0VBFba\nVbxT3MlGWaINOY8uk3G2zLv9oMOA2IqkLhU9XwH9El8GMLLv1Lf46qGZDKzU\nWKiDIgYZ5eT/YovGoyTyUlMwK7yymSMinph8Fe7ykJksIO9JVR95XmwOdp7S\nWSemXeMZpNzDGvu0apJR/j6am8cWAFURyPaSbGfElkgMYXIIlP5nmfyoUk6p\nFnxQkZxS1IqFdOFXSb9JR72M73PX9Rbnd6SZLKzg7Opit1uV3NixuVyJBGrW\nmSTOmX50Q7IVvgSrqF8+gmTWEOO3eZVIkPgQ9sXrGKCMIvQvj2vijTGaQ3oT\ni31W/kt09sRPDYYKfA6cks1U4XF3sZ0okyNluH8KmWDtpcvFyEyLlZsSAUqq\nvk+F\r\n=zz0l\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIENXxYNI3qy6Tr957K5IelV0VGWMyd4QdaXa9hHXQW75AiA43vHRthg3WqG7Hon4E0GfE+FZWOhd5d+biyyR/7TKTA=="}]},"_npmUser":{"name":"dreysolano","email":"dreysolano@gmail.com"},"directories":{},"maintainers":[{"name":"dreysolano","email":"dreysolano@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-histogram-slider_0.1.0_1642093810811_0.6273132126505803"},"_hasShrinkwrap":false},"0.1.1":{"name":"@dreysolano/vue-histogram-slider","description":"Range slider with histogram for vue.js","version":"0.1.1","main":"dist/histogram-slider.umd.min.js","license":"MIT","repository":{"type":"git","url":"git+https://github.com/dreysolano/vue-histogram-slider.git"},"keywords":["vue","vuejs","slider","range-slider","histogram","histogram-slider"],"scripts":{"serve":"vue-cli-service serve","prepare":"yarn build","build":"vue-cli-service build --name histogram-slider --entry ./src/lib/HistogramSlider.vue --target lib","prepublishOnly":"yarn lint && yarn build","lint":"vue-cli-service lint"},"dependencies":{"d3-array":"^2.3.2","d3-brush":"^1.1.3","d3-scale":"^3.1.0","d3-selection":"^1.4.0","d3-transition":"^1.2.0","jquery":"3.5","vue":"^2.6.10"},"devDependencies":{"@vue/cli-plugin-babel":"^3.11.0","@vue/cli-plugin-eslint":"^3.11.0","@vue/cli-service":"^3.11.0","@vue/eslint-config-prettier":"^5.0.0","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","lint-staged":"^8.1.5","prettier":"^1.18.2","vue-template-compiler":"^2.6.10"},"gitHooks":{"pre-commit":"lint-staged"},"lint-staged":{"*.{js,vue}":["vue-cli-service lint","git add"]},"gitHead":"059359faf7f96864d07ab154ff7727fe246dc218","bugs":{"url":"https://github.com/dreysolano/vue-histogram-slider/issues"},"homepage":"https://github.com/dreysolano/vue-histogram-slider#readme","_id":"@dreysolano/vue-histogram-slider@0.1.1","_nodeVersion":"14.18.1","_npmVersion":"8.1.3","dist":{"integrity":"sha512-RDwebNpxOhAhO16AdBKVudSZKE9HTDOybKbx0SF4AvIQwmQ9N08ATp3Xp0oWrxsZnxEhE2CBZGZpnaYKBigLbw==","shasum":"ca0d0c13c3fbe5637af4ddc535820a97f537b5c9","tarball":"https://registry.npmjs.org/@dreysolano/vue-histogram-slider/-/vue-histogram-slider-0.1.1.tgz","fileCount":23,"unpackedSize":4488307,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4GQbCRA9TVsSAnZWagAAB54P/iEE9IwWGi2j3zJcdoK/\neIpMCECfkseWBGPWzuRZ/n8296xcvlbIm9Sxn0d/YcTfiaEWGJdm3I3yyA8n\ngktone08rfob1cvC48dtdfVih4EeZdhu5nz7dHeAde//5QFwZZRlyJ8TKVrE\nmQ6EqobViXs0tXyB+S78L8SDZAHjM0lg1fKP4TSRn3PnWiYIK1XILlQ5P2U/\nNuMdpNxbEoyvfKMWGx7WXuqvZsSokUXRvX4yRJlh9IdvIEdoOSvKXCA/5sbY\nOcQEtz2IXGsLQh5lOsKxnND4PbqgD8KaFZb6tXRXkGctm+QWvy7Opn3raAhU\nnA8nblaW/FayjgNH254Kqwcg/QOCG6mFxjHEi/irDOUZ2VyPykctU+CeM7ia\nSazcl8XDPrjlrhV0ltSrdqSgWS5h+ccQse484B6KTxYC3410/YxwDhNyqZc4\nX5d7rpJlzqOc9d68mLGLClHXjGBf9aUtfKMWAeXh3TWMlnaaTvdwh97z4XiK\nJSnS2gUWYzqWlcJX9agmVAS+oB1m6w+mUlDGf5Zj0Ir9HDfMPiTxMJTO702o\nrP5P3wqPFV3snZVd4wFxyWkiWwq2aXNVdeylpKqNx/m9wi6p0Oq4sN66lKNf\nCt3JyEz19MlmjNE2nenYe+uRKi9CGGcJBQ3T/CVR37Wqwd6ByvKZAluPb+qr\nssWW\r\n=n+CU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC/n8utjqkSA32gtFVavTn9nGQAMA1cv8dwBCADIU5hGQIhAL0qfxA6VSl+/2O4AAts+ImKx2h69MSSr2qT6UG7kRgj"}]},"_npmUser":{"name":"dreysolano","email":"dreysolano@gmail.com"},"directories":{},"maintainers":[{"name":"dreysolano","email":"dreysolano@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-histogram-slider_0.1.1_1642095643125_0.661507175229846"},"_hasShrinkwrap":false},"0.1.2":{"name":"@dreysolano/vue-histogram-slider","description":"Range slider with histogram for vue.js","version":"0.1.2","main":"dist/histogram-slider.umd.min.js","license":"MIT","repository":{"type":"git","url":"git+https://github.com/dreysolano/vue-histogram-slider.git"},"keywords":["vue","vuejs","slider","range-slider","histogram","histogram-slider"],"scripts":{"serve":"vue-cli-service serve","prepare":"yarn build","build":"vue-cli-service build --name histogram-slider --entry ./src/lib/HistogramSlider.vue --target lib","prepublishOnly":"yarn lint && yarn build","lint":"vue-cli-service lint"},"dependencies":{"d3-array":"^2.3.2","d3-brush":"^1.1.3","d3-scale":"^3.1.0","d3-selection":"^1.4.0","d3-transition":"^1.2.0","jquery":"3.5","vue":"^2.6.10"},"devDependencies":{"@vue/cli-plugin-babel":"^3.11.0","@vue/cli-plugin-eslint":"^3.11.0","@vue/cli-service":"^3.11.0","@vue/eslint-config-prettier":"^5.0.0","babel-eslint":"^10.0.1","eslint":"^5.16.0","eslint-plugin-prettier":"^3.1.0","eslint-plugin-vue":"^5.0.0","lint-staged":"^8.1.5","prettier":"^1.18.2","vue-template-compiler":"^2.6.10"},"gitHooks":{"pre-commit":"lint-staged"},"lint-staged":{"*.{js,vue}":["vue-cli-service lint","git add"]},"gitHead":"43fe5cf20a0453eb7045ed17826f6bf3efc49348","bugs":{"url":"https://github.com/dreysolano/vue-histogram-slider/issues"},"homepage":"https://github.com/dreysolano/vue-histogram-slider#readme","_id":"@dreysolano/vue-histogram-slider@0.1.2","_nodeVersion":"14.18.1","_npmVersion":"8.1.3","dist":{"integrity":"sha512-ahJxsoEEQ3pU95vr5CS7g/Jqb1h/QczcpSWAwmit7cN93ck53AlSYcIkQikcWP59LWj5vH2yEEOc2/sDSqMbnw==","shasum":"b2cc58f385afb632af13f3cb75ed9cc67326279e","tarball":"https://registry.npmjs.org/@dreysolano/vue-histogram-slider/-/vue-histogram-slider-0.1.2.tgz","fileCount":23,"unpackedSize":4488377,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh4GWGCRA9TVsSAnZWagAAuOwP/3QTExilINhwXtNX6JIK\nxRejvtHoEtIc505hSs8HeX/TixSJ2A43LaPbhPzZPokFRHBqqv99Am8zHLwk\npGsKw2262XIRwS6lr34bJbNHO3dnKbcYAbhRbKHF+4x4hzsHz2wujF4yh0wz\nfsttdGGR+JB16Qc9eq/tSbniTQW+gP3qRpiF8v9CjOE1nBrgBu2XNXM9lXXV\nBTjuB3r1O/KkA0zIeO/KW2PZuOZL1M95y1A+N0jKkNkiMMncHu+OcOO98wd9\n5F1eeoMcyJig67XCvkjAS88/BYDMs5zma17zHT37rsJVxC/FYd5Ov04BkZmj\ngXSU9wKNimX/1EB+OmeUgZkdyAh3dZ63ukOiCodCJvUjfNpaaLbqo3/tUAjq\nLzxtc2PJAJPqj5XuCFMXjWAoZjSPBqOAG3AgMbs3AKVFVSsC95GoJZTeufuV\npPjchVPxh1KzgFKnDxeHk+ZxXD5kP4keVhinmJdjWrjPurQk/4hDN2ckI9Dn\nJ8qQjsmrcokthA/LcpxdBF8rQhDJpb5NtCnNGZ49xQi7/QXxIx2i/WnsingO\n4roH+7Kj354TMxtKuQ+6Lk5XgCMCUpZrTyosIzqhD6oarQCfxsW+zeM7rnPm\nGuCtwOvP5XXMeGYJoh0Sv/btYlySaR2vthVT7jqnf7RmDkIW6fdmf0gnvrrQ\nxWFu\r\n=xPfP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCCvNQQ49JatneGO5XpLxoeOCCN05iSGhMZHdvCFXzbuQIgGN8FZ6QJqpFZPXWfvsH3i2UkUwhszf/PSS+A7/HIJpY="}]},"_npmUser":{"name":"dreysolano","email":"dreysolano@gmail.com"},"directories":{},"maintainers":[{"name":"dreysolano","email":"dreysolano@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-histogram-slider_0.1.2_1642096005888_0.022700560051821306"},"_hasShrinkwrap":false}},"time":{"created":"2022-01-13T17:10:10.766Z","0.1.0":"2022-01-13T17:10:11.160Z","modified":"2022-04-05T05:38:51.739Z","0.1.1":"2022-01-13T17:40:43.370Z","0.1.2":"2022-01-13T17:46:46.102Z"},"maintainers":[{"name":"dreysolano","email":"dreysolano@gmail.com"}],"description":"Range slider with histogram for vue.js","homepage":"https://github.com/dreysolano/vue-histogram-slider#readme","keywords":["vue","vuejs","slider","range-slider","histogram","histogram-slider"],"repository":{"type":"git","url":"git+https://github.com/dreysolano/vue-histogram-slider.git"},"bugs":{"url":"https://github.com/dreysolano/vue-histogram-slider/issues"},"license":"MIT","readme":"

\n FORK UPDATES:\n

\n

\n

\n \n

\n

\n Range slider with histogram for Vue\n

\n

\n \n \"npm\"\n \"GitHub\n \"npm\"\n

\n
\n\n## 🚀 Quick Start\n\nIf you are a try and learn developer, you can start trying the vue-histogram-slider now using codesandbox.io.\n\n\n \"Edit\n\n\n

\n \n

\n\n## 📦 Installation\n\n### yarn\n\n`yarn add @dreysolano/vue-histogram-slider`\n\n### npm\n\n`npm i @dreysolano/vue-histogram-slider`\n\n## 🔧 Usage\n\n```js\nimport Vue from 'vue'\nimport HistogramSlider from '@dreysolano/vue-histogram-slider'\nimport '@dreysolano/vue-histogram-slider/dist/histogram-slider.css'\n\nVue.component(HistogramSlider.name, HistogramSlider)\n```\n\n```xml\n\n```\n\n## 📋 Props\n\n| Property | Type | Default | Description |\n| ------------------- | :------: | :-----------------: | --------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| min | number | 1 | Set slider minimum value |\n| max | number | 100 | Set slider maximum value |\n| from | number | {min} | Set left/min slider position |\n| to | number | {max} | Set right/max slider position |\n| data | array | - | Data for histogram |\n| block | boolean | false | Locks slider and makes it inactive |\n| grid | boolean | true | Enables grid of values. |\n| gridNum | number | 4 | Number of grid units. |\n| step | number | 1 | Set sliders step. Always > 0. Could be fractional. |\n| hideMinMax | boolean | true | Hides min and max labels |\n| hideFromTo | boolean | false | Hides from and to labels |\n| toFixed | boolean | false | Fix position of right handle. |\n| fromFixed | boolean | false | Fix position of left (or single) handle. |\n| forceEdges | boolean | false | Slider will be always inside it's container. |\n| dragInterval | boolean | false | Allow user to drag whole range. Only in double type |\n| keyboard | boolean | true | Activates keyboard controls. Move left: ←, ↓, A, S. Move right: →, ↑, W, D. |\n| type | string | double | Choose slider type, could be single - for one handle, or double for two handles |\n| width | number | 600 | width of dialog |\n| barHeight | number | 100 | Set max histogram bar height |\n| barWidth | number | 6 | Set histogram bar width |\n| barGap | number | 5 | Set histogram bar gap |\n| barRadius | number | 4 | Set histogram bar radius |\n| prettify | function | null | Set up your own prettify function. Can be anything. For example, you can set up unix time as slider values and than transform them to cool looking dates. |\n| lineHeight | number | 6 | Set slider line height |\n| transitionDuration | number | 100 | Set duration to histogram bars |\n| primaryColor | string | #0091ff | Primary color |\n| labelColor | string | #0091ff | Label color |\n| holderColor | string | #dee4ec | Holder color |\n| handleColor | string | #ffffff | Slider handle color |\n| gridTextColor | string | silver | Primary color |\n| fontFamily | string | 'Arial, sans-serif' | Set text font family |\n| fontSize | number | 12 | Set text font size |\n| handleSize | number | 26 | Slider handle size |\n| histSliderGap | number | 6 | Set gap between slider and histogram |\n| updateColorOnChange | boolean | true | Update histogram bar color on change **(recommended false for performance)** |\n\n## 🔧 Event\n\n| Name | Description |\n| ------ | --------------------------------------------------------------------- |\n| start | Triggers when slider start. |\n| change | Triggers when each values change. |\n| update | Triggers when slider is modified by external methods update or reset. |\n| finish | Triggers when user releases handle. |\n","readmeFilename":"README.md"}