sortablejs - npm Package Compare versions

Comparing version 1.3.0 to 1.4.0

bower.json

@@ -22,3 +22,4 @@ {
     "drop",
-    "dnd"
+    "dnd",
+		"web-components"
   ],
@@ -31,3 +32,6 @@ "license": "MIT",
     "tests"
-  ]
+  ],
+  "dependencies": {
+    "polymer": "Polymer/polymer#~1.1.4",
+	}
 }

ng-sortable.js

@@ -49,3 +49,5 @@ /**
 						// Without ng-repeat
-						return null;
+						return function () {
+							return null;
+						};
 					}
@@ -52,0 +54,0 @@

package.json

 {
   "name": "sortablejs",
   "exportName": "Sortable",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "devDependencies": {
@@ -6,0 +6,0 @@ "grunt": "*",

react-sortable-mixin.js

@@ -84,3 +84,3 @@ /**
 		componentDidMount: function () {
-			var options = _extend(_extend({}, _defaultOptions), this.sortableOptions || {}),
+			var DOMNode, options = _extend(_extend({}, _defaultOptions), this.sortableOptions || {}),
 				copyOptions = _extend({}, options),
@@ -134,5 +134,6 @@
 
+			DOMNode = this.getDOMNode() ? (this.refs[options.ref] || this).getDOMNode() : this.refs[options.ref] || this;
 
 			/** @namespace this.refs — http://facebook.github.io/react/docs/more-about-refs.html */
-			this._sortableInstance = Sortable.create((this.refs[options.ref] || this).getDOMNode(), copyOptions);
+			this._sortableInstance = Sortable.create(DOMNode, copyOptions);
 		},
@@ -139,0 +140,0 @@

README.md

@@ -15,3 +15,3 @@ # Sortable
  * Built using native HTML5 drag and drop API
- * Supports [Meteor](meteor/README.md), [AngularJS](#ng) and [React](#react)
+ * Supports [Meteor](meteor/README.md), [AngularJS](#ng), [React](#react) and [Polymer](#polymer)
  * Supports any CSS library, e.g. [Bootstrap](#bs)
@@ -291,3 +291,3 @@ * Simple API
 
-Demo: http://jsbin.com/xinuyenabi/edit?html,css,js,output
+Demo: http://jsbin.com/pucurizace/edit?html,css,js,output
 
@@ -415,3 +415,3 @@
 			<h1>Users</h1>
-			<ul ref="users">{
+			<ul ref="user">{
 				this.state.users.map(function (text) {
@@ -478,3 +478,15 @@ return <li>{text}</li>
 
+<a name="polymer"></a>
+### Support Polymer
+```html
 
+<link rel="import" href="bower_components/Sortable/Sortable-js.html">
+
+<sortable-js handle=".handle">
+  <template is="dom-repeat" items={{names}}>
+    <div>{{item}}</div>
+  </template>
+<sortable-js>
+```
+
 ### Method
@@ -481,0 +493,0 @@

Sortable.js

@@ -496,2 +496,3 @@ /**!
 					css = _css(dragEl),
+					options = this.options,
 					ghostRect;
@@ -501,4 +502,4 @@
 
-				_toggleClass(ghostEl, this.options.ghostClass, false);
-				_toggleClass(ghostEl, this.options.fallbackClass, true);
+				_toggleClass(ghostEl, options.ghostClass, false);
+				_toggleClass(ghostEl, options.fallbackClass, true);
 
@@ -514,3 +515,3 @@ _css(ghostEl, 'top', rect.top - parseInt(css.marginTop, 10));
 
-				this.options.fallbackOnBody && document.body.appendChild(ghostEl) || rootEl.appendChild(ghostEl);
+				options.fallbackOnBody && document.body.appendChild(ghostEl) || rootEl.appendChild(ghostEl);
 
@@ -517,0 +518,0 @@ // Fixing dimensions.

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Lines of code

2538

increased by0.32%

Number of lines in readme file

714

increased by1.71%

Worsened metrics

Total package byte prevSize

202845

decreased by-14.63%

No dependency changes