- chore(styles): add parentheses around division-like expr's (#679)
- feat(transition): slider moves are now animated. (this can be disabled via the
disableAnimation
option)
- fix(vertical): Support switching between horizontal and vertical
The module name was renamed from rzModule
to rzSlider
.
- feat(ticks): add the option to use ticksArray as array of objects (#662, thanks @vdiez)
- feat(range): adds the
restrictedRange
option (#638, thanks @DanielReid)
Sorry for this, but this version is breaking if you are using the rz-slider-tpl-url
attribute. You need to update your template to have the correct number of elements.
- revert: onStart: Remove stop propagation call so events will bubble up (#612)
- feat($compile): adds labelOverlapSeparator as an option (#616)
- onStart: Remove stop propagation call so events will bubble up (#612)
- Remove the semicolon at the end of the
dist/rzslider.css
file. It was introduced by previous release.
- Add a semicolon at the end of the
dist/rzslider.js
file. It avoids errors when people concat this file with other libs without using the minified version.
- Options: react to changes of options of Function type (#590)
- Add the
showOuterSelectionBars
option (#553).
- Handle different values for
showTicks
andshowTicksValues
(#550).
- Add Typescript definition file.
- Fix (again) onEnd event de-registration.
- Fix onEnd event being sent several times on non-mobiles devices (#536)
- Handle multi touch events on separate sliders (#535). Thanks @daniela-mateescu :)
- Fix ticks and values at intermediate positions on IE (#531)
- Add vendor prefixes for transform property in JS code (#518)
- Add labelling options for a11y (#505)
- Update the combined labels on separation (#502)
- Ensure model value is current when custom translate function runs for tick values
- Refactor/simplify the css rules to ease the customisation.
You might want to check that all your custom styles are still correctly applied...
- Add selectionBarGradient option to customize the selection bar (#473)
- Add autoprefixer for CSS builds (#472)
- Prevent angular being loaded twice when using with browserify (#474)
- Add Math.round for positions and dimensions - thanks to @DmitryKrekota (#454)
- Apply the pushRange with maxRange - thanks to @GuilloOme (#456)
- Fix overlapping max and ceil labels in some cases (#396)
- Refactor autoHiding algorithm for labels (fix #446)
- Generate a SCSS file (simple copy of the css file) in the dist folder so it can be imported (#449)
- Fix ceil label positioning (#448)
- Enable using with Browserify (#436)
- Handle Date object in stepsArray (#424 )
- Fix style for disabled range slider and ticks (#394)
- Fix slider goes back when moved and scaled (#346)
- Add a
logScale
option to display the slider using a logarithmic scale (#280). - Add
customValueToPosition
andcustomPositionToValue
options to display the slider using a custom scale (#280).
- Add a
ticksArray
option to display ticks at specific positions (#426).
To enable this new feature, the way the ticks are rendered has been changed. Now each tick is positioned absolutely using a transform: translate()
instruction.
- Prevent losing focus when slider is rerendered (#415).
- Add an
autoHideLimitLabels
to disable the auto-hiding of limit labels (#405).
- Fix minLimit/maxLimit bugged for draggableRange (#384).
- Fix minimum value goes below floor when using maxRange (#377).
- Fix showing limit labels when pointer labels are always hidden (#373).
- Add function to customize color of ticks (#372).
- Expose labels on scope in template (#358).
- Add a
customTemplateScope
option (#354).
- Fix the way to check when event properties are undefined (#365).
- Add a
pushRange
option (#341).
- Switch from using opacity to visibility to show/hide elements (#362).
- AMD/CommonJS exported module: export module name instead of module (#360).
Code that relies on the module object to be exported (accessing the name via .name for example) will break, since the name is now directly returned.
- Add a
bindIndexForStepsArray
option that enable to usestepsArray
with the same behavior as before 4.0 (#345).
- Hide floor/ceil label when overlapped on combo label (#357).
- Fix switching from steps array to regular steps (#361).
- Add a
mergeRangeLabelsIfSame
option (#245).
- Add a pointerType arg for the callbacks (onStart, onChange and onEnd) to identify which handle is used (#339).
stepsArray
: Bind rzSliderModel and rzSliderHigh to the actual value (#335).
- From now on, when using the
stepsArray
feature, you should directly provide the actual value to rzSliderModel and rzSliderHigh instead of passing the index of this value. Thus, you need to update your config like in the following example:
/* before 4.0 version */
vm.slider = {
value: 4, // index of the 'E' value in the array
options: {
stepsArray: 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'.split(''),
},
}
/* from 4.0 version */
vm.slider = {
value: 'E',
options: {
stepsArray: 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'.split(''),
},
}
- Add IE8 support (#314).
- Consolidate onStart, onChange and onEnd for keyboard (#319).
- Added
rz-floor
andrz-ceil
classes to floor and ceil label to allow styling (#337).
- From now on, to allow the IE8 support, the directive is configured with
replace: true
. Thus, you need to update your custom CSS rules like in the following example:
/* before 3.0 version */
rzslider {
color: red;
}
/* from 3.0 version */
.rzslider {
color: red;
}
- Add
minLimit
andmaxLimit
options (#332). - Add a
maxRange
option (#333). - Add
boundPointerLabels
option (#323).
- Add a
getLegend
option (#318). - Handle objects in
stepsArray
that can containvalue
andlegend
properties.
- Accept numbers for showTicks/showTicksValues to display ticks at intermediate positions (#264).
- Add a hidePointerLabels option (#273).
- Position long labels on vertical sliders correctly (#306).
- Fix the floor limit when floor is different than 0 (#293).
- Prefix all CSS classes with rz- to prevent conflicts (#292).
- Remove the dist folder from gitignore.
- Republish the npm module since dist files were missing.
- Added
rightToLeft
option for RTL support (#270). Thanks @Liam-Ryan :).
- Change
rzSliderOptions
to use expression binding (#266).
- Add a
getPointerColor
option to dynamically change the pointers color (#253).
- Fix high label positioning when size is different than the ceil one.
- Add an
enforceStep
option (defaults to true) (#246). - Add a
showSelectionBarFromValue
options (#250). - Use jqLite html() method to display label values so the translate function can return formated content (#251).
- Pass a label string as third arg to the
translate
function to differentiate the labels (#252).
- Improve combined label position and show only one value if min==max (#245).
- Add a
noSwitching
option to prevent the user from switching the min and max handles (#233).
- Refactor the internal
roundStep
function that was too strict (5d130f09d).
- Add a
minRange
option to set a minimal range (#231). - Pass the slider values to the
onStart
,onChange
andonEnd
callbacks. - Rollback and improve the callback changes brought with 2.4.1 that were no applying the last update to the scope anymore.
- Remove the $timeout call in the init method (#223).
- Remove the $timeout call in the onStart callback.
- Remove the $timeout call in the onChange callback (#229).
- Add an
enforceRange
options to round therzSliderModel
andrzSliderHigh
to the slider range even when modified from outside the slider.(#208). - Add a
ticksTooltip
option used to display a tooltip when a tick is hovered (#209). - Add an
onlyBindHandles
option to only bind events on slider handles (#212). - Add a
showSelectionBarEnd
option to display the selection bar after the value (#214).
- Fix reset of maxH element (#204).
- Change the watchers order to prevent unwanted model modifications (#207).
- Add keyboard support (activated by default with
keyboardSupport
set to true) (#191). - Add a
draggableRangeOnly
options (#203).
- Add a
getSelectionBarColor
option to dynamically change the selection bar color (#197).
- Fix negative float values rendering (#190).
- Add a
vertical
options to display vertical sliders (#185). - Pass the options.id to the onStart, onChange and onEnd callbacks (#182).
- Force labels to stay contained within element containing slider (#175).
- add vendor-prefix to
display: flex
used by ticks (#160).
- All attributes except
rzSliderModel
andrzSliderHigh
are moved torzSliderOptions
. (See the new documentation in ReadMe)
- Add a
rzSliderOptions
attribute to pass options to the slider. - Add a
RzSliderOptions.options()
method to set global options. - Add a
scale
option to fix sliders displayed in an element that usestransform: scale(0.5)
. - Add a
stepsArray
option (#163) - Add an
id
option that is passed to the translate function as second arg (#161) - Add a
ticksValuesTooltip
option that is used to display a tooltip on the ticks values (requires angular-ui bootstrap).
- Configurable update interval (#153)
- Update floor label so that it hides correctly when using single slider. (#155)
- Fix ticks values when step is a float.
- Remove the delta checking in updateLowHandle because it leads to hard-to-debug bugs.
- Rename the NPM package from jusas-angularjs-slider to angularjs-slider because jusas was added by mistake during a PR.- Start to use semantic versioning.
- Separate the LESS variables from the main file to ease versioning of local customisations.
- Add enabled/disabled option for slider:
rz-slider-disabled="boolean"
- Support ticks for range sliders and slider with always visible bars.
- Add a
rzSliderShowTicks
to show a tick on each step. - Add a
rzSliderShowTicksValue
to show a tick and its value on each step.