@maslick/radiaslider - npm Package Compare versions

Comparing version 1.8.3 to 1.9.0

package.json

		{
		"name": "@maslick/radiaslider",
		"version": "1.8.3",
		"version": "1.9.0",
		"description": "nice looking canvas-based radial and linear slider",
		@@ -51,3 +51,3 @@ "repository": {
		"cssnano": "^4.1.10",
		"parcel": "^1.12.3"
		"parcel": "^1.12.4"
		},
		@@ -54,0 +54,0 @@ "scripts": {

README.md

		@@ -45,3 +45,3 @@ # =radiaSlider=
		<script>
		const slider = new Slider({ canvasId: "myCanvas", continuousMode: true, x0: 150, y0: 150 });
		const slider = new Slider({ canvasId: "myCanvas", continuousMode: true, x0: 150, y0: 150, readOnly: false });
		slider.addSlider({
		@@ -48,0 +48,0 @@ id: 1,

src/slider-circular.js

		@@ -29,11 +29,13 @@ (function () {

		this.rotationEventListener = this._rotation.bind(this);
		this.container.addEventListener('mousedown', this._handleMouseDown.bind(this), false);
		this.the_body.addEventListener('mouseup', this._handleMouseUp.bind(this), false);
		this.container.addEventListener('click', this._handleClick.bind(this), false);
		this.readOnly = options.readOnly \|\| false;
		if (!this.readOnly) {
		this.rotationEventListener = this._rotation.bind(this);
		this.container.addEventListener('mousedown', this._handleMouseDown.bind(this), false);
		this.the_body.addEventListener('mouseup', this._handleMouseUp.bind(this), false);
		this.container.addEventListener('click', this._handleClick.bind(this), false);


		this.container.addEventListener('touchstart', this._handleTouch.bind(this), false);
		this.container.addEventListener('touchmove', this._handleMove.bind(this), false);
		this.container.addEventListener('touchend', this._handleEnd.bind(this), false);
		this.container.addEventListener('touchstart', this._handleTouch.bind(this), false);
		this.container.addEventListener('touchmove', this._handleMove.bind(this), false);
		this.container.addEventListener('touchend', this._handleEnd.bind(this), false);
		}
		}
		@@ -40,0 +42,0 @@

src/slider-linear.js

		@@ -22,11 +22,13 @@ (function () {

		this.rotationEventListener = this._rotation.bind(this);
		this.container.addEventListener('mousedown', this._handleMouseDown.bind(this), false);
		this.the_body.addEventListener('mouseup', this._handleMouseUp.bind(this), false);
		this.container.addEventListener('click', this._handleClick.bind(this), false);
		this.readOnly = options.readOnly \|\| false;
		if (!this.readOnly) {
		this.rotationEventListener = this._rotation.bind(this);
		this.container.addEventListener('mousedown', this._handleMouseDown.bind(this), false);
		this.the_body.addEventListener('mouseup', this._handleMouseUp.bind(this), false);
		this.container.addEventListener('click', this._handleClick.bind(this), false);


		this.container.addEventListener('touchstart', this._handleTouch.bind(this), false);
		this.container.addEventListener('touchmove', this._handleMove.bind(this), false);
		this.container.addEventListener('touchend', this._handleEnd.bind(this), false);
		this.container.addEventListener('touchstart', this._handleTouch.bind(this), false);
		this.container.addEventListener('touchmove', this._handleMove.bind(this), false);
		this.container.addEventListener('touchend', this._handleEnd.bind(this), false);
		}
		}
		@@ -33,0 +35,0 @@

New alerts