angular-theme-spinner - npm Package Compare versions

Comparing version 1.2.2 to 1.2.3

bower.json

 {
   "name": "angular-theme-spinner",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "homepage": "https://github.com/leftstick/angular-theme-spinner",
@@ -5,0 +5,0 @@ "description": "Simple angular-theme-spinner",

demo/angular-theme-spinner.js

@@ -5,10 +5,10 @@ /**
  * @author Howard.Zuo
- * @date   Sep 14th, 2015
- * @version 1.2.1
+ * @date   Oct 22th, 2015
+ * @version 1.2.3
  *
  **/
-(function(angular, global) {
+(function(global) {
     'use strict';
 
-    var definition = function() {
+    var definition = function(angular) {
 
@@ -79,9 +79,9 @@ var sizes = ['size-sm', 'size-md', 'size-lg'];
     if (typeof exports === 'object') {
-        module.exports = definition();
+        module.exports = definition(require('angular'));
     } else if (typeof define === 'function' && define.amd) {
-        define([], definition);
+        define(['angular'], definition);
     } else {
-        definition();
+        definition(global.angular);
     }
 
-}(angular, window));
+}(window));

dist/angular-theme-spinner.js

@@ -5,10 +5,10 @@ /**
  * @author Howard.Zuo
- * @date   Sep 14th, 2015
- * @version 1.2.1
+ * @date   Oct 22th, 2015
+ * @version 1.2.3
  *
  **/
-(function(angular, global) {
+(function(global) {
     'use strict';
 
-    var definition = function() {
+    var definition = function(angular) {
 
@@ -79,9 +79,9 @@ var sizes = ['size-sm', 'size-md', 'size-lg'];
     if (typeof exports === 'object') {
-        module.exports = definition();
+        module.exports = definition(require('angular'));
     } else if (typeof define === 'function' && define.amd) {
-        define([], definition);
+        define(['angular'], definition);
     } else {
-        definition();
+        definition(global.angular);
     }
 
-}(angular, window));
+}(window));

dist/angular-theme-spinner.min.js

@@ -1,1 +0,1 @@
-!function(i,c){"use strict";var e=function(){var c=["size-sm","size-md","size-lg"],e=["tailing","audio-wave","windcatcher","spinner-section","spinner-section-far","circular","initspin"],s=function(s){return{restrict:"AE",scope:{theme:"=",display:"=",size:"="},link:function(s,l){l.parent();s.curTheme=void 0,s.curSize=void 0;var d=function(){s.thClasses=[s.curTheme,s.curSize]};s.$watch("display",function(c){var e=l.children();if(0!==e.length){var s=i.element(e[0]);c?(s.css("display","block"),l.css("display","block")):(s.css("display","none"),l.css("display","none"))}}),s.$watch("size",function(i){c.indexOf(i)>-1?s.curSize=i:s.curSize=c[1],d()}),s.$watch("theme",function(i){e.indexOf(i)>-1?s.curTheme=i:s.curTheme=e[0],d()})},template:'<div ng-if="display" class="spinner" ng-class="thClasses"><span ng-if="theme === \'tailing\'">{{ curSize !== \'size-sm\' ? \'Loading\' : \'\' }}</span><windcatcher ng-if="theme === \'windcatcher\'"><div class="blade"></div><div class="blade"></div><div class="blade"></div><div class="blade"></div><div class="blade"></div><div class="blade"></div><div class="blade"></div><div class="blade"></div></windcatcher><circular ng-if="theme === \'circular\'"><div class="spinner-layer spinner-blue"><div class="circle-clipper left"><div class="circle"></div></div><div class="gap-patch"><div class="circle"></div></div><div class="circle-clipper right"><div class="circle"></div></div></div><div class="spinner-layer spinner-red"><div class="circle-clipper left"><div class="circle"></div></div><div class="gap-patch"><div class="circle"></div></div><div class="circle-clipper right"><div class="circle"></div></div></div><div class="spinner-layer spinner-yellow"><div class="circle-clipper left"><div class="circle"></div></div><div class="gap-patch"><div class="circle"></div></div><div class="circle-clipper right"><div class="circle"></div></div></div><div class="spinner-layer spinner-green"><div class="circle-clipper left"><div class="circle"></div></div><div class="gap-patch"><div class="circle"></div></div><div class="circle-clipper right"><div class="circle"></div></div></div></circular></div>'}},l=i.module("angular-theme-spinner",[]);l.directive("thSpinner",["$timeout",s])};"object"==typeof exports?module.exports=e():"function"==typeof define&&define.amd?define([],e):e()}(angular,window);
+!function(i){"use strict";var c=function(i){var c=["size-sm","size-md","size-lg"],e=["tailing","audio-wave","windcatcher","spinner-section","spinner-section-far","circular","initspin"],s=function(s){return{restrict:"AE",scope:{theme:"=",display:"=",size:"="},link:function(s,l){l.parent();s.curTheme=void 0,s.curSize=void 0;var d=function(){s.thClasses=[s.curTheme,s.curSize]};s.$watch("display",function(c){var e=l.children();if(0!==e.length){var s=i.element(e[0]);c?(s.css("display","block"),l.css("display","block")):(s.css("display","none"),l.css("display","none"))}}),s.$watch("size",function(i){c.indexOf(i)>-1?s.curSize=i:s.curSize=c[1],d()}),s.$watch("theme",function(i){e.indexOf(i)>-1?s.curTheme=i:s.curTheme=e[0],d()})},template:'<div ng-if="display" class="spinner" ng-class="thClasses"><span ng-if="theme === \'tailing\'">{{ curSize !== \'size-sm\' ? \'Loading\' : \'\' }}</span><windcatcher ng-if="theme === \'windcatcher\'"><div class="blade"></div><div class="blade"></div><div class="blade"></div><div class="blade"></div><div class="blade"></div><div class="blade"></div><div class="blade"></div><div class="blade"></div></windcatcher><circular ng-if="theme === \'circular\'"><div class="spinner-layer spinner-blue"><div class="circle-clipper left"><div class="circle"></div></div><div class="gap-patch"><div class="circle"></div></div><div class="circle-clipper right"><div class="circle"></div></div></div><div class="spinner-layer spinner-red"><div class="circle-clipper left"><div class="circle"></div></div><div class="gap-patch"><div class="circle"></div></div><div class="circle-clipper right"><div class="circle"></div></div></div><div class="spinner-layer spinner-yellow"><div class="circle-clipper left"><div class="circle"></div></div><div class="gap-patch"><div class="circle"></div></div><div class="circle-clipper right"><div class="circle"></div></div></div><div class="spinner-layer spinner-green"><div class="circle-clipper left"><div class="circle"></div></div><div class="gap-patch"><div class="circle"></div></div><div class="circle-clipper right"><div class="circle"></div></div></div></circular></div>'}},l=i.module("angular-theme-spinner",[]);l.directive("thSpinner",["$timeout",s])};"object"==typeof exports?module.exports=c(require("angular")):"function"==typeof define&&define.amd?define(["angular"],c):c(i.angular)}(window);

gulpfile.js

@@ -60,3 +60,3 @@ 'use strict';
 
-gulp.task('demo', ['lessDemo', 'copyDemo'], function() {
+gulp.task('dev', ['lessDemo', 'copyDemo'], function() {
     var webserver = require('gulp-webserver');
@@ -63,0 +63,0 @@ gulp.src('demo/')

package.json

 {
   "name": "angular-theme-spinner",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "main": "./index.js",
@@ -26,8 +26,8 @@ "description": "angular-theme-spinner used to tell people the data is loading",
     "gulp-template": "^3.0.0",
-    "gulp-uglify": "^1.4.1",
+    "gulp-uglify": "^1.4.2",
     "gulp-webserver": "^0.9.1",
-    "html-minifier": "^0.7.2",
-    "less-plugin-autoprefix": "^1.4.2",
+    "html-minifier": "^0.8.0",
+    "less-plugin-autoprefix": "^1.5.1",
     "less-plugin-clean-css": "^1.5.1"
   }
 }

README.md

@@ -5,3 +5,3 @@ # angular-theme-spinner #
 [![NPM version][npm-image]][npm-url]
-![](http://img.shields.io/badge/bower_module-v1.2.2-green.svg)
+![](http://img.shields.io/badge/bower_module-v1.2.3-green.svg)
 
@@ -21,3 +21,6 @@ angular-theme-spinner is used for displaying loading indicator while data in specific area is loading.
 <link rel="stylesheet" type="text/css" href="angular-theme-spinner.min.css">
+
+<script type="text/javascript" src="angular.min.js"></script>
 <script type="text/javascript" src="angular-theme-spinner.min.js"></script>
+
 <div style="width: 500px; height: 500px;">
@@ -28,2 +31,18 @@ <th-spinner theme="'tailing'" display="'true'" size="'size-md'"></th-spinner>
 
+```javascript
+//plain javascript
+var mod = angular.module('yourModule', ['angular-theme-spinner']);
+
+//commonjs
+var angular = require('angular');
+require('angular-theme-spinner');
+var mod = angular.module('yourModule', ['angular-theme-spinner']);
+
+//AMD
+define(['angular', 'angular-theme-spinner'], function(angular){
+    var mod = angular.module('yourModule', ['angular-theme-spinner']);
+});
+//If you are using requirejs, please notice that you have the path config that specify `angular-theme-spinner` to the javascript file
+```
+
 ## API ##
@@ -30,0 +49,0 @@

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

258312

increased by0.29%

Number of lines in readme file

63

increased by43.18%

Worsened metrics

Number of low quality alerts

1

increased byInfinity%

Number of low supply chain risk alerts

4

increased by300%

No dependency changes