v1
This commit is contained in:
s-lnk
@@ -0,0 +1,130 @@
|
||||
# Changelog
|
||||
|
||||
### 13.1.5 (*2019-04-24*)
|
||||
- Fixed: Full-range padding (#880);
|
||||
|
||||
### 13.1.4 (*2019-03-20*)
|
||||
- Fixed: Keyboard interaction does not work with `snap` option (#961);
|
||||
|
||||
### 13.1.3 (*2019-03-15*)
|
||||
- Fixed: Keyboard interaction allows handles to "push" other handles (#960);
|
||||
- Fixed: Update event fires for all handles during keyboard interaction (#960);
|
||||
|
||||
### 13.1.2 (*2019-03-13*)
|
||||
- Fixed: Handle disappears in Safari on tap (#927);
|
||||
- Fixed: Disabled slider still accepts keyboard interaction (#953);
|
||||
|
||||
### 13.1.1 (*2019-02-14*)
|
||||
- Fixed: Slider hang when using a zero-length range (#948);
|
||||
|
||||
### 13.1.0 (*2019-02-08*)
|
||||
- Fixed: Updating `pips` using `updateOptions` (#933);
|
||||
- Added: Updating `tooltips` using `updateOptions` (#946);
|
||||
|
||||
### 13.0.0 (*2019-02-06*)
|
||||
noUiSlider 13 does not include any breaking API changes.
|
||||
Keyboard support is now built-in, so any custom implementations should be removed when upgrading.
|
||||
Alternatively, built-in keyboard support can be disabled using `keyboardSupport: false`.
|
||||
- Added: Built-in keyboard support (#724);
|
||||
- Added: `.noUi-touch-area` element (#924);
|
||||
- Fixed: Dragging a range does not check for handle disabled state (#938);
|
||||
- Fixed: Incorrect CSS transform in pips (#931);
|
||||
|
||||
### 12.1.0 (*2018-10-25*)
|
||||
- Added: `unconstrained` behaviour (#747, #815, #913);
|
||||
- Added: `setHandle` API (#917);
|
||||
- Changed: point to `nouislider.js` in `package.json`.`main` (#921);
|
||||
|
||||
### 12.0.0 (*2018-09-14*)
|
||||
- Change: License changed to MIT;
|
||||
- Change: Build process is now based on NPM scripts, phasing out the Grunt task runner.
|
||||
- Fixed: Aria values are now as per spec (#889);
|
||||
- Change: Pips formatting are now written as HTML (#875);
|
||||
- Change: The `filter` option is now called for all pips (#754);
|
||||
- Added: The `filter` option can now return `-1` to hide a pip (#754);
|
||||
- Added: `keyboardSupport` option (#867, #895);
|
||||
- Added: `documentElement` option (#821);
|
||||
|
||||
### 11.1.0 (*2018-04-02*)
|
||||
- Change: `null` options are now handled consistently (#856);
|
||||
- Fixed: Missing transform origin in IE9 (#870);
|
||||
- Fixed: `padding` on one side of the slider could not exceed `50%` (#865);
|
||||
|
||||
### 11.0.3 (*2018-01-21*)
|
||||
Refactor of source code. There are no meaningful changes in the distributed files;
|
||||
|
||||
### 11.0.2 (*2018-01-20*)
|
||||
- Fixed: Slider ignores clicks on `.noUi-target` outside of `.noUi-base` (#842);
|
||||
- Fixed: `.noUi-origin` moving out of the page causes horizontal scrolling (#852);
|
||||
- Fixed: Relative `.noUi-handle` has unintended margin (#854);
|
||||
|
||||
### 11.0.0 (*2018-01-12*)
|
||||
noUiSlider 11 does not include any breaking API changes.
|
||||
Unless major changes were made to the stylesheet or you specifically depend
|
||||
on the handle/connect order in the DOM, there should be no issues upgrading.
|
||||
- Change: Use CSS transforms for handle movement, resulting in a massive performance improvement (#718);
|
||||
- Change: Support multitouch by default;
|
||||
- Change: Handle stacking is now on `.noUi-origin` instead of `.noUi-handle`;
|
||||
- Added: A `.noUi-connects` element holding all `.noUi-connect` elements;
|
||||
- Added: `[data-value]` property for `.noUi-value` in pips (#733);
|
||||
- Added: `padding` option can now take an array for different padding values at both sides of a slider (#822);
|
||||
- Removed: `useRequestAnimationFrame` option. No longer needed with CSS transforms;
|
||||
- Removed: `multitouch` option. Now enabled by default;
|
||||
- Fixed: Slider could ignore end events it should handle (#704, #805, #834);
|
||||
- Fixed: Stop depending on array type (#801);
|
||||
- Fixed: `set` method might bypass margin option (#823);
|
||||
- Fixed: Alignment of pips for RTL sliders (#795);
|
||||
- Fixed: Several issues regarding pips (#812, #826, #832);
|
||||
|
||||
### 10.1.0 (*2017-07-26*)
|
||||
- Added: `multitouch` option (#793);
|
||||
|
||||
### 10.0.0 (*2017-05-28*)
|
||||
- Change: Change event listeners to be passive (#785);
|
||||
- Fixed: Pips are now updated when calling `updateOptions` (#669);
|
||||
- Fixed: Content Security Policy issue with pips;
|
||||
- Added: `removePips` method;
|
||||
- Added: aria support (#685);
|
||||
- Added: `ariaFormat` option (controls `aria-valuetext`);
|
||||
- Fixed: throw a better error when mistakenly trying to initialize noUiSlider with `null` (#658);
|
||||
- Fixed: Made order of events consistent and documented it (#775);
|
||||
- Fixed: Border radius of connect bar, white space wrapping of tooltips (#773, #774);
|
||||
- Fixed: Slider now uses `ownerDocument` instead of `document` (#767);
|
||||
|
||||
### 9.2.0 (*2017-01-17*)
|
||||
- Added: Version number to exceptions;
|
||||
- Added: `noUiSlider.version` holds current version number;
|
||||
- Added: Throw exception on invalid `pips` configuration (#721);
|
||||
- Added: Merged pull request that uses less preprocessor to generate CSS (#735);
|
||||
|
||||
### 9.1.0 (*2016-12-10*)
|
||||
- Fixed: Slider not properly handling multitouch (#700, #704);
|
||||
- Fixed: Removed a querySelector for the currently active handle (#720);
|
||||
- Fixed: Removed iOS/webkit flashes on tap;
|
||||
- Fixed: Incorrect error when using margin/limit with a step smaller than 0 (#736);
|
||||
- Fixed: Drag option using incorrect cursor arrows (#681);
|
||||
- Added: New `padding` option (#711);
|
||||
- Added: Re-introduced `.noUi-handle-lower` and `.noUi-handle-upper` classes removed in 9.0.0;
|
||||
- Added: Compatibility for legacy `connect` options removed in 9.0.0;
|
||||
|
||||
### 9.0.0 (*2016-09-26*)
|
||||
- Added: Support for **more than 2 handles**;
|
||||
- Added: `format` option can be updated (#641);
|
||||
- Added: `reset` method the return slider to start values (#673);
|
||||
- Change: `connect` option is now implemented as a separate node;
|
||||
- Change: all event arguments, including the handle number, are now in slider order;
|
||||
- Change: `updateOptions` now **modifies the original options** object. The reference in `slider.noUiSlider.options` remains up to date (#678);
|
||||
- Change: more events fire when using various `behaviour` options (#664);
|
||||
- Change: on `rtl` sliders, handles are now visually positioned from the sliders `right`/`bottom` edge;
|
||||
- Change: events for `rtl` sliders now fire in the same order as for `ltr` sliders (with incremental handleNumbers);
|
||||
- Change: internal `Spectrum` component is no longer `direction` aware;
|
||||
- Change: `limit` and `margin` must be divisible by `step` (if set);
|
||||
- Removed: `.noUi-stacking` class. Handles now stack themselves;
|
||||
- ~~Removed~~ (returned in 9.1.0): `.noUi-handle-lower` and `.noUi-handle-upper` classes;
|
||||
- Removed: `.noUi-background`. Use `.noUi-target` instead;
|
||||
- ~~Removed~~ (backward compatibility in 9.1.0): `connect: 'lower'` and `connect: 'upper'`. These settings are replaced by `connect: [true, false]`;
|
||||
- Fixed: default tooltip color (#687);
|
||||
- Fixed: `margin` and `limit` calculated improperly after calling `updateOptions` with a new `range` option;
|
||||
- Fixed: `range` option was required in update, even when not updating it (#682);
|
||||
- Fixed: Cursor styling is now consistent for disabled handles and sliders (#644);
|
||||
- Fixed: Sliders now ignore touches when the screen is touched multiple times (#649, #663, #668);
|
||||
@@ -0,0 +1,293 @@
|
||||
/*! nouislider - 13.1.5 - 4/24/2019 */
|
||||
/* 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-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
-webkit-user-select: none;
|
||||
-ms-touch-action: none;
|
||||
touch-action: none;
|
||||
-ms-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.noUi-target {
|
||||
position: relative;
|
||||
direction: ltr;
|
||||
}
|
||||
.noUi-base,
|
||||
.noUi-connects {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
/* Wrapper for all connect elements.
|
||||
*/
|
||||
.noUi-connects {
|
||||
overflow: hidden;
|
||||
z-index: 0;
|
||||
}
|
||||
.noUi-connect,
|
||||
.noUi-origin {
|
||||
will-change: transform;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
-ms-transform-origin: 0 0;
|
||||
-webkit-transform-origin: 0 0;
|
||||
-webkit-transform-style: preserve-3d;
|
||||
transform-origin: 0 0;
|
||||
transform-style: flat;
|
||||
}
|
||||
/* Offset direction
|
||||
*/
|
||||
html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
/* Give origins 0 height/width so they don't interfere with clicking the
|
||||
* connect elements.
|
||||
*/
|
||||
.noUi-vertical .noUi-origin {
|
||||
width: 0;
|
||||
}
|
||||
.noUi-horizontal .noUi-origin {
|
||||
height: 0;
|
||||
}
|
||||
.noUi-handle {
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
position: absolute;
|
||||
}
|
||||
.noUi-touch-area {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
.noUi-state-tap .noUi-connect,
|
||||
.noUi-state-tap .noUi-origin {
|
||||
-webkit-transition: transform 0.3s;
|
||||
transition: transform 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-vertical {
|
||||
width: 18px;
|
||||
}
|
||||
.noUi-vertical .noUi-handle {
|
||||
width: 28px;
|
||||
height: 34px;
|
||||
left: -6px;
|
||||
top: -17px;
|
||||
}
|
||||
html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
|
||||
right: -17px;
|
||||
left: auto;
|
||||
}
|
||||
/* Styling;
|
||||
* Giving the connect element a border radius causes issues with using transform: scale
|
||||
*/
|
||||
.noUi-target {
|
||||
background: #FAFAFA;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #D3D3D3;
|
||||
box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
|
||||
}
|
||||
.noUi-connects {
|
||||
border-radius: 3px;
|
||||
}
|
||||
.noUi-connect {
|
||||
background: #3FB8AF;
|
||||
}
|
||||
/* Handles and cursors;
|
||||
*/
|
||||
.noUi-draggable {
|
||||
cursor: ew-resize;
|
||||
}
|
||||
.noUi-vertical .noUi-draggable {
|
||||
cursor: ns-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 {
|
||||
background: #B8B8B8;
|
||||
}
|
||||
[disabled].noUi-target,
|
||||
[disabled].noUi-handle,
|
||||
[disabled] .noUi-handle {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
/* Base;
|
||||
*
|
||||
*/
|
||||
.noUi-pips,
|
||||
.noUi-pips * {
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.noUi-pips {
|
||||
position: absolute;
|
||||
color: #999;
|
||||
}
|
||||
/* Values;
|
||||
*
|
||||
*/
|
||||
.noUi-value {
|
||||
position: absolute;
|
||||
white-space: nowrap;
|
||||
text-align: center;
|
||||
}
|
||||
.noUi-value-sub {
|
||||
color: #ccc;
|
||||
font-size: 10px;
|
||||
}
|
||||
/* Markings;
|
||||
*
|
||||
*/
|
||||
.noUi-marker {
|
||||
position: absolute;
|
||||
background: #CCC;
|
||||
}
|
||||
.noUi-marker-sub {
|
||||
background: #AAA;
|
||||
}
|
||||
.noUi-marker-large {
|
||||
background: #AAA;
|
||||
}
|
||||
/* Horizontal layout;
|
||||
*
|
||||
*/
|
||||
.noUi-pips-horizontal {
|
||||
padding: 10px 0;
|
||||
height: 80px;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.noUi-value-horizontal {
|
||||
-webkit-transform: translate(-50%, 50%);
|
||||
transform: translate(-50%, 50%);
|
||||
}
|
||||
.noUi-rtl .noUi-value-horizontal {
|
||||
-webkit-transform: translate(50%, 50%);
|
||||
transform: translate(50%, 50%);
|
||||
}
|
||||
.noUi-marker-horizontal.noUi-marker {
|
||||
margin-left: -1px;
|
||||
width: 2px;
|
||||
height: 5px;
|
||||
}
|
||||
.noUi-marker-horizontal.noUi-marker-sub {
|
||||
height: 10px;
|
||||
}
|
||||
.noUi-marker-horizontal.noUi-marker-large {
|
||||
height: 15px;
|
||||
}
|
||||
/* Vertical layout;
|
||||
*
|
||||
*/
|
||||
.noUi-pips-vertical {
|
||||
padding: 0 10px;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 100%;
|
||||
}
|
||||
.noUi-value-vertical {
|
||||
-webkit-transform: translate(0, -50%);
|
||||
transform: translate(0, -50%);
|
||||
padding-left: 25px;
|
||||
}
|
||||
.noUi-rtl .noUi-value-vertical {
|
||||
-webkit-transform: translate(0, 50%);
|
||||
transform: translate(0, 50%);
|
||||
}
|
||||
.noUi-marker-vertical.noUi-marker {
|
||||
width: 5px;
|
||||
height: 2px;
|
||||
margin-top: -1px;
|
||||
}
|
||||
.noUi-marker-vertical.noUi-marker-sub {
|
||||
width: 10px;
|
||||
}
|
||||
.noUi-marker-vertical.noUi-marker-large {
|
||||
width: 15px;
|
||||
}
|
||||
.noUi-tooltip {
|
||||
display: block;
|
||||
position: absolute;
|
||||
border: 1px solid #D9D9D9;
|
||||
border-radius: 3px;
|
||||
background: #fff;
|
||||
color: #000;
|
||||
padding: 5px;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.noUi-horizontal .noUi-tooltip {
|
||||
-webkit-transform: translate(-50%, 0);
|
||||
transform: translate(-50%, 0);
|
||||
left: 50%;
|
||||
bottom: 120%;
|
||||
}
|
||||
.noUi-vertical .noUi-tooltip {
|
||||
-webkit-transform: translate(0, -50%);
|
||||
transform: translate(0, -50%);
|
||||
top: 50%;
|
||||
right: 120%;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,2 @@
|
||||
/*! nouislider - 13.1.5 - 4/24/2019 */
|
||||
.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative;direction:ltr}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;left:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}html:not([dir=rtl]) .noUi-horizontal .noUi-origin{left:auto;right:0}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}html:not([dir=rtl]) .noUi-horizontal .noUi-handle{right:-17px;left:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-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}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user