Commit 1a66fb50 authored by nextime's avatar nextime

Addedd noUISlider js package

parent a78cb498
# noUiSlider
noUiSlider is lightweight plugin, developed to be a jQuery UI alternative. It features cross-browser support, a `just-another-input-type` style of getting and setting values, a wide range of options and support for a bunch of touch devices. It works wonders on Android phones, iPhone & iPad, Windows phone and touch-screen laptops and tablets. It works excellent on the desktop too; All modern browsers and IE7+ are supported. The end result? A lean, extendible and bloat-less plugin that'll just do its job. To add even more flexibility, noUiSlider is compatible with both jQuery and Zepto.js. Oh, and the licensing terms are simple: [just do what you want](http://refreshless.com/nouislider/terms-of-use).
Documentation
-------
An extensive documentation, including **examples**, **options** and **configuration details**, is available here: [noUiSlider documentation](http://refreshless.com/nouislider/).
Changes
-------
**Changelog for version 5.0.0:**
**Please note:** noUiSlider 5 is a *major* revision, which means it isn't 100% compatible with version 4. The Javascript API is **compatible**, but your **stylesheet might break**.
+ Added support for dragging the slider range.
+ Added option to disable 'tap'.
+ Added `extend` settings, which allows for designs where the handles fit within the slider bar.
+ Added `rebuild` method.
+ Brand new design, improved class structure.
+ Compatibility with Google Closure compiler in Advanced mode.
Version numbering
------------------------------
Version numbering follows the 'Semantic versioning' style.
You'll find an excellent documentation at [Semver.org](http://semver.org/).
Compression and Error checking
------------------------------
**CSS** ([CSSMinifier](http://cssminifier.com/))
The stylesheet is trimmed to remove whitespace and comments to provide a `min` version.
**JS** ([Google Closure Compiler](http://closure-compiler.appspot.com/home))
The plugin is compressed using the Google Closure compiler. The source was adapted to facilitate the `ADVANCED_OPTIMIZATIONS` level.
**Code** ([JsLint](http://jslint.com/))
The plugin code is checked using JsLint. Any remaining errors and warnings are intentional.
Known issues
------------
There are some minor issues remaining in noUiSlider. It is a priority to fix these issues, but they may be fixed by browser updates in the future.
+ Firefox and Safari on Windows will emulate mouse-events on touch screens, but prefer scrolling to dragging the slider.
{
"name": "nouislider",
"description": "A lightweight, highly customizable range slider without bloat. Touch support on all modern devices and responsive design ready!",
"keywords": [
"jquery",
"slider",
"form",
"range",
"handles",
"touch",
"input",
"slide"
],
"main": [
"jquery.nouislider.js",
"jquery.nouislider.css"
],
"dependencies": {
"jquery": ">= 1.7.0"
},
"ignore": [
"**/.*",
"**/*.json"
],
"license": "http://refreshless.com/nouislider/terms-of-use",
"homepage": "http://refreshless.com/nouislider/",
"author": {
"name": "Léon Gersen"
}
}
/* Functional styling;
* These styles are required for noUiSlider to function.
* You don't need to change these rules to apply your design.
*/
.noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-base {
width: 100%;
height: 100%;
position: relative;
}
.noUi-origin {
position: absolute;
right: 0;
top: 0;
left: 0;
bottom: 0;
}
.noUi-handle {
position: relative;
z-index: 1;
}
.noUi-stacking .noUi-handle {
/* This class is applied to the lower origin when
its values is > 50%. */
z-index: 10;
}
.noUi-stacking + .noUi-origin {
/* Fix stacking order in IE7, which incorrectly
creates a new context for the origins. */
*z-index: -1;
}
.noUi-state-tap .noUi-origin {
-webkit-transition: left 0.3s, top 0.3s;
transition: left 0.3s, top 0.3s;
}
.noUi-state-drag * {
cursor: inherit !important;
}
/* Slider size and handle placement;
*/
.noUi-horizontal {
height: 18px;
}
.noUi-horizontal .noUi-handle {
width: 34px;
height: 28px;
left: -17px;
top: -6px;
}
.noUi-horizontal.noUi-extended {
padding: 0 15px;
}
.noUi-horizontal.noUi-extended .noUi-origin {
right: -15px;
}
.noUi-vertical {
width: 18px;
}
.noUi-vertical .noUi-handle {
width: 28px;
height: 34px;
left: -6px;
top: -17px;
}
.noUi-vertical.noUi-extended {
padding: 15px 0;
}
.noUi-vertical.noUi-extended .noUi-origin {
bottom: -15px;
}
/* Styling;
*/
.noUi-background {
background: #FAFAFA;
box-shadow: inset 0 1px 1px #f0f0f0;
}
.noUi-connect {
background: #3FB8AF;
box-shadow: inset 0 0 3px rgba(51,51,51,0.45);
-webkit-transition: background 450ms;
transition: background 450ms;
}
.noUi-origin {
border-radius: 2px;
}
.noUi-target {
border-radius: 4px;
border: 1px solid #D3D3D3;
box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-target.noUi-connect {
box-shadow: inset 0 0 3px rgba(51,51,51,0.45), 0 3px 6px -5px #BBB;
}
/* Handles and cursors;
*/
.noUi-dragable {
cursor: w-resize;
}
.noUi-vertical .noUi-dragable {
cursor: n-resize;
}
.noUi-handle {
border: 1px solid #D9D9D9;
border-radius: 3px;
background: #FFF;
cursor: default;
box-shadow: inset 0 0 1px #FFF,
inset 0 1px 7px #EBEBEB,
0 3px 6px -3px #BBB;
}
.noUi-active {
box-shadow: inset 0 0 1px #FFF,
inset 0 1px 7px #DDD,
0 3px 6px -3px #BBB;
}
/* Handle stripes;
*/
.noUi-handle:before,
.noUi-handle:after {
content: "";
display: block;
position: absolute;
height: 14px;
width: 1px;
background: #E8E7E6;
left: 14px;
top: 6px;
}
.noUi-handle:after {
left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
width: 14px;
height: 1px;
left: 6px;
top: 14px;
}
.noUi-vertical .noUi-handle:after {
top: 17px;
}
/* Disabled state;
*/
[disabled].noUi-connect,
[disabled] .noUi-connect {
background: #B8B8B8;
}
[disabled] .noUi-handle {
cursor: not-allowed;
}
/* Blocked state;
*/
.noUi-state-blocked.noUi-connect,
.noUi-state-blocked .noUi-connect {
background: #4FDACF;
}
This diff is collapsed.
{
"name": "nouislider",
"title": "noUiSlider - jQuery Range Slider",
"description": "A lightweight, highly customizable range slider without bloat.",
"keywords": [
"range",
"slider",
"form",
"input",
"serialize",
"handle"
],
"licenses": [
{
"type": "WTFPL",
"url": "http://www.wtfpl.net/"
}
],
"version": "5.0.0",
"author": {
"name": "Léon Gersen",
"url": "https://twitter.com/LeonGersen"
},
"bugs": "https://github.com/leongersen/noUiSlider/issues",
"homepage": "http://refreshless.com/nouislider/",
"docs": "http://refreshless.com/nouislider/",
"download": "http://refreshless.com/nouislider/download/",
"dependencies": {
"jquery": ">=1.7"
}
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment