Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

mobius1-selectable

Package Overview
Dependencies
Maintainers
1
Versions
54
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

mobius1-selectable - npm Package Compare versions

Comparing version 0.8.8 to 0.8.9

24

package.json
{
"name": "mobius1-selectable",
"version": "0.8.8",
"deprecated": "Package name has been changed to selectable.js. Please install with the new name.",
"description": "UI Selectable plugin without the bloat of jQuery and jQuery UI.",
"homepage": "https://github.com/Mobius1/Selectable#readme",
"keywords": [
"selectable",
"select",
"drag"
],
"license": "MIT",
"main": "selectable.min.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"name": "mobius1-selectable",
"repository": {

@@ -13,10 +17,6 @@ "type": "git",

},
"keywords": ["selectable", "select", "drag"],
"author": "Karl Saunders",
"license": "MIT",
"bugs": {
"url": "https://github.com/Mobius1/Selectable/issues"
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"homepage": "https://github.com/Mobius1/Selectable#readme",
"deprecated": "Package name has been changed to selectable.js. Please install with the new name."
"version": "0.8.9"
}
# Selectable
[![npm version](https://badge.fury.io/js/selectable%2Ejs.svg)](https://badge.fury.io/js/selectable%2Ejs) [![license](https://img.shields.io/github/license/mashape/apistatus.svg)](https://github.com/Mobius1/Selectable/blob/master/LICENSE) [![Average time to resolve an issue](http://isitmaintained.com/badge/resolution/Mobius1/Selectable.svg)](http://isitmaintained.com/project/Mobius1/Selectable "Average time to resolve an issue") [![Percentage of issues still open](http://isitmaintained.com/badge/open/Mobius1/Selectable.svg)](http://isitmaintained.com/project/Mobius1/Selectable "Percentage of issues still open") ![](http://img.badgesize.io/Mobius1/Selectable/master/selectable.min.js) ![](http://img.badgesize.io/Mobius1/Selectable/master/selectable.min.js?compression=gzip&label=gzipped)
### ⚠️ Package name has been changed from `mobius1-selectable` to `selectable.js` ⚠️
### ⚠️ Please install using `npm install selectable.js` ⚠️
Inspired by the jQuery UI Selectable plugin. Functionality and options are identical to the jQuery UI version with some additions and performance enhancements.
Selectable mimics the Windows file / directory behaviour, i.e. click and / or drag to select items, hold CTRL to select multiple or hold SHIFT to select consecutive groups of items.
* No dependencies
* 3kb gzipped
* IE9+
* Touch enabled
**Selectable is still in active development and therefore the API is in constant flux until `v1.0.0`. Check back regularly for any changes and make sure you have the latest version installed.**
## [Demo](http://codepen.io/Mobius1/debug/qRxaqQ/) | [Documentation](https://github.com/Mobius1/Selectable/wiki) | [Changelog](https://github.com/Mobius1/Selectable/releases)
---
## Demos
* [Tables](https://codepen.io/Mobius1/pen/XzXyVw)
* [Advanced Usage](https://s.codepen.io/Mobius1/debug/OOXPwo)
---
## Install
### Bower
```
bower install selectable.js --save
```
### npm
```
npm install selectable.js --save
```
---
### Browser
Grab the file from one of the CDNs and include it in your page:
```
https://unpkg.com/selectable.js@latest/selectable.min.js
```
or
```
https://cdn.jsdelivr.net/npm/selectable.js@latest/selectable.min.js
```
You can replace `latest` with the required release number if needed.
---
Initialise the plugin:
```javascript
const selectable = new Selectable(options);
```
---
## Options
[See Documentation](https://github.com/Mobius1/Selectable/wiki)
---
## Public Methods
[See Documentation](https://github.com/Mobius1/Selectable/wiki)
---
## Events
```javascript
// Intitialise Selectable
const selectable = new Selectable(options);
// Listen for the 'selectable.XXXX' event
selectable.on('selectable.XXXX', function(/* params */) {
// Do something when 'selectable.XXXX' fires
});
```
| Name | Fired | Params |
|---|---|---|
|`selectable.init` | when the instance is ready |
|`selectable.enable` | when the instance is enabled |
|`selectable.disable` | when the instance is disabled |
|`selectable.start` | on mousedown / touchstart (within container) | `element` - the item that was clicked on |
|`selectable.drag` | when dragging the lasso | `coords` - the coords of the lasso
|`selectable.end` | on mouseup / touchend (within container) | `items` - the current selection of item(s)
|`selectable.select` | when an item is selected | `item` - the selected item |
|`selectable.unselect` | when an item is unselected | `item` - the unselected item
|`selectable.update` | when the instance is updated |
|`selectable.recalculate` | when the item coords are recalculated |
---
Copyright © 2017 Karl Saunders | BSD & MIT license
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc