angularjs-color-picker - npm Package Compare versions

Comparing version 1.1.2 to 1.1.4

bower.json

 {
   "name": "angular-color-picker",
   "description": "Color Picker Directive For AngularJS",
-  "version": "1.1.2",
+  "version": "1.1.4",
   "homepage": "https://github.com/ruhley/angular-color-picker",
@@ -6,0 +6,0 @@ "repository": {

dist/angularjs-color-picker.js

 /*!
- * angularjs-color-picker v1.1.2
+ * angularjs-color-picker v1.1.4
  * https://github.com/ruhley/angular-color-picker/
@@ -7,3 +7,3 @@ *
  *
- * 2016-05-18 10:16:06
+ * 2016-06-07 10:40:11
  *
@@ -23,3 +23,3 @@ */
     'use strict';
-
+console.log();
     var colorPicker = function ($document, $timeout) {
@@ -47,2 +47,5 @@ return {
                 $scope.updateModel = true;
+                $scope.chrome = Boolean(window.chrome);
+                $scope.android_version = window.navigator.userAgent.match(/Android\s([0-9\.]*)/i);
+                $scope.android_version = $scope.android_version && $scope.android_version.length > 1 ? parseFloat($scope.android_version[1]) : NaN;
 
@@ -682,3 +685,3 @@ $scope.init = function () {
                         // hack for small chrome screens not position the clicks properly when the page is scrolled
-                        if (window.chrome && screen.width <= 768) {
+                        if ($scope.chrome && $scope.android_version < 6 && screen.width <= 768) {
                             return {
@@ -685,0 +688,0 @@ top: rect.top - docElem.clientTop,

dist/angularjs-color-picker.min.js

 /*!
- * angularjs-color-picker v1.1.2
+ * angularjs-color-picker v1.1.4
  * https://github.com/ruhley/angular-color-picker/
@@ -7,6 +7,6 @@ *
  *
- * 2016-05-18 10:16:06
+ * 2016-06-07 10:40:11
  *
  */
-"undefined"!=typeof module&&"undefined"!=typeof exports&&module.exports===exports&&(module.exports="color.picker"),function(){"use strict";angular.module("color.picker",[])}(),function(){"use strict";var a=function(a,b){return{restrict:"E",require:["^ngModel"],scope:{ngModel:"=",colorPickerDisabled:"=",colorPickerAlpha:"=",colorPickerCase:"=",colorPickerFormat:"=",colorPickerPos:"=",colorPickerSwatch:"=",colorPickerSwatchOnly:"=",colorPickerSwatchPos:"=",colorPickerSwatchBootstrap:"=",colorPickerInline:"=",colorPickerOnChange:"&"},templateUrl:"template/color-picker/directive.html",link:function(c,d,e,f){c.onChangeValue=null,c.updateModel=!0,c.init=function(){
+"undefined"!=typeof module&&"undefined"!=typeof exports&&module.exports===exports&&(module.exports="color.picker"),function(){"use strict";angular.module("color.picker",[])}(),function(){"use strict";console.log();var a=function(a,b){return{restrict:"E",require:["^ngModel"],scope:{ngModel:"=",colorPickerDisabled:"=",colorPickerAlpha:"=",colorPickerCase:"=",colorPickerFormat:"=",colorPickerPos:"=",colorPickerSwatch:"=",colorPickerSwatchOnly:"=",colorPickerSwatchPos:"=",colorPickerSwatchBootstrap:"=",colorPickerInline:"=",colorPickerOnChange:"&"},templateUrl:"template/color-picker/directive.html",link:function(c,d,e,f){c.onChangeValue=null,c.updateModel=!0,c.chrome=Boolean(window.chrome),c.android_version=window.navigator.userAgent.match(/Android\s([0-9\.]*)/i),c.android_version=c.android_version&&c.android_version.length>1?parseFloat(c.android_version[1]):NaN,c.init=function(){
 // if no color provided
@@ -57,3 +57,3 @@ if(void 0===c.ngModel)c.setDefaults();else{var b=tinycolor(c.ngModel);if(b.isValid()){var d=b.toHsv();c.hue=d.h,c.saturation=100*d.s,c.lightness=100*d.v,c.opacity=100*d.a}}
 // taken and modified from jQuery's offset
-c.offset=function(a){var b,c,d,e,f=a[0];if(f)
+c.offset=function(a){var b,d,e,f,g=a[0];if(g)
 // Support: IE<=11+
@@ -67,2 +67,2 @@ // Running getBoundingClientRect on a
 // hack for small chrome screens not position the clicks properly when the page is scrolled
-return f.getClientRects().length?(d=f.getBoundingClientRect(),d.width||d.height?(e=f.ownerDocument,c=null!==e&&e===e.window?e:9===e.nodeType&&e.defaultView,b=e.documentElement,window.chrome&&screen.width<=768?{top:d.top-b.clientTop,left:d.left-b.clientLeft}:{top:d.top+c.pageYOffset-b.clientTop,left:d.left+c.pageXOffset-b.clientLeft}):d):{top:0,left:0}},c.init(),c.$on("$destroy",function(){a.off("mousedown",c.onMouseDown),a.off("mouseup",c.onMouseUp),a.off("mousemove",c.onMouseMove)})}}};a.$inject=["$document","$timeout"],angular.module("color.picker").directive("colorPicker",a)}(),angular.module("color.picker").run(["$templateCache",function(a){a.put("template/color-picker/directive.html",'<div class="color-picker-wrapper" ng-class="{\'color-picker-swatch-only\': config.swatchOnly}">\n   <div class="color-picker-input-wrapper" ng-class="{\'input-group\': config.swatchBootstrap && config.swatch}">\n       <span ng-if="config.swatchPos === \'left\'" class="color-picker-swatch" ng-click="focus()" ng-show="config.swatch" ng-class="{\'color-picker-swatch-left\': config.swatchPos !== \'right\', \'color-picker-swatch-right\': config.swatchPos === \'right\', \'input-group-addon\': config.swatchBootstrap}"></span>\n       <input class="color-picker-input form-control" type="text" ng-model="ngModel" ng-readonly="config.swatchOnly" ng-disabled="config.disabled" ng-blur="onBlur()" ng-change="onChange($event)" size="7" ng-focus="show()" ng-class="{\'color-picker-input-swatch\': config.swatch && !config.swatchOnly && config.swatchPos === \'left\'}">\n       <span ng-if="config.swatchPos === \'right\'" class="color-picker-swatch" ng-click="focus()" ng-show="config.swatch" ng-class="{\'color-picker-swatch-left\': config.swatchPos !== \'right\', \'color-picker-swatch-right\': config.swatchPos === \'right\', \'input-group-addon\': config.swatchBootstrap}"></span>\n   </div>\n   <div class="color-picker-panel" ng-show="visible" ng-class="{\n'+"       'color-picker-panel-top color-picker-panel-right': config.pos === 'top right',\n       'color-picker-panel-top color-picker-panel-left': config.pos === 'top left',\n       'color-picker-panel-bottom color-picker-panel-right': config.pos === 'bottom right',\n       'color-picker-panel-bottom color-picker-panel-left': config.pos === 'bottom left',\n       'color-picker-show-alpha': config.alpha && config.format !== 'hex',\n       'color-picker-show-inline': config.inline,\n   }\">\n       <div class=\"color-picker-row\">\n           <div class=\"color-picker-grid color-picker-sprite\">\n               <div class=\"color-picker-grid-inner\"></div>\n               <div class=\"color-picker-picker\">\n                   <div></div>\n               </div>\n           </div>\n           <div class=\"color-picker-hue color-picker-sprite\">\n               <div class=\"color-picker-slider\"></div>\n           </div>\n           <div class=\"color-picker-opacity color-picker-sprite\" ng-show=\"config.alpha && config.format !== 'hex'\">\n               <div class=\"color-picker-slider\"></div>\n           </div>\n       </div>\n   </div>\n</div>")}]);
+return g.getClientRects().length?(e=g.getBoundingClientRect(),e.width||e.height?(f=g.ownerDocument,d=null!==f&&f===f.window?f:9===f.nodeType&&f.defaultView,b=f.documentElement,c.chrome&&c.android_version<6&&screen.width<=768?{top:e.top-b.clientTop,left:e.left-b.clientLeft}:{top:e.top+d.pageYOffset-b.clientTop,left:e.left+d.pageXOffset-b.clientLeft}):e):{top:0,left:0}},c.init(),c.$on("$destroy",function(){a.off("mousedown",c.onMouseDown),a.off("mouseup",c.onMouseUp),a.off("mousemove",c.onMouseMove)})}}};a.$inject=["$document","$timeout"],angular.module("color.picker").directive("colorPicker",a)}(),angular.module("color.picker").run(["$templateCache",function(a){a.put("template/color-picker/directive.html",'<div class="color-picker-wrapper" ng-class="{\'color-picker-swatch-only\': config.swatchOnly}">\n   <div class="color-picker-input-wrapper" ng-class="{\'input-group\': config.swatchBootstrap && config.swatch}">\n       <span ng-if="config.swatchPos === \'left\'" class="color-picker-swatch" ng-click="focus()" ng-show="config.swatch" ng-class="{\'color-picker-swatch-left\': config.swatchPos !== \'right\', \'color-picker-swatch-right\': config.swatchPos === \'right\', \'input-group-addon\': config.swatchBootstrap}"></span>\n       <input class="color-picker-input form-control" type="text" ng-model="ngModel" ng-readonly="config.swatchOnly" ng-disabled="config.disabled" ng-blur="onBlur()" ng-change="onChange($event)" size="7" ng-focus="show()" ng-class="{\'color-picker-input-swatch\': config.swatch && !config.swatchOnly && config.swatchPos === \'left\'}">\n       <span ng-if="config.swatchPos === \'right\'" class="color-picker-swatch" ng-click="focus()" ng-show="config.swatch" ng-class="{\'color-picker-swatch-left\': config.swatchPos !== \'right\', \'color-picker-swatch-right\': config.swatchPos === \'right\', \'input-group-addon\': config.swatchBootstrap}"></span>\n   </div>\n   <div class="color-picker-panel" ng-show="visible" ng-class="{\n'+"       'color-picker-panel-top color-picker-panel-right': config.pos === 'top right',\n       'color-picker-panel-top color-picker-panel-left': config.pos === 'top left',\n       'color-picker-panel-bottom color-picker-panel-right': config.pos === 'bottom right',\n       'color-picker-panel-bottom color-picker-panel-left': config.pos === 'bottom left',\n       'color-picker-show-alpha': config.alpha && config.format !== 'hex',\n       'color-picker-show-inline': config.inline,\n   }\">\n       <div class=\"color-picker-row\">\n           <div class=\"color-picker-grid color-picker-sprite\">\n               <div class=\"color-picker-grid-inner\"></div>\n               <div class=\"color-picker-picker\">\n                   <div></div>\n               </div>\n           </div>\n           <div class=\"color-picker-hue color-picker-sprite\">\n               <div class=\"color-picker-slider\"></div>\n           </div>\n           <div class=\"color-picker-opacity color-picker-sprite\" ng-show=\"config.alpha && config.format !== 'hex'\">\n               <div class=\"color-picker-slider\"></div>\n           </div>\n       </div>\n   </div>\n</div>")}]);

lib/scripts/directive.js

 (function() {
     'use strict';
-
+console.log();
     var colorPicker = function ($document, $timeout) {
@@ -26,2 +26,5 @@ return {
                 $scope.updateModel = true;
+                $scope.chrome = Boolean(window.chrome);
+                $scope.android_version = window.navigator.userAgent.match(/Android\s([0-9\.]*)/i);
+                $scope.android_version = $scope.android_version && $scope.android_version.length > 1 ? parseFloat($scope.android_version[1]) : NaN;
 
@@ -661,3 +664,3 @@ $scope.init = function () {
                         // hack for small chrome screens not position the clicks properly when the page is scrolled
-                        if (window.chrome && screen.width <= 768) {
+                        if ($scope.chrome && $scope.android_version < 6 && screen.width <= 768) {
                             return {
@@ -664,0 +667,0 @@ top: rect.top - docElem.clientTop,

package.json

 {
   "name": "angularjs-color-picker",
   "description": "Color Picker Directive For AngularJS",
-  "version": "1.1.2",
+  "version": "1.1.4",
   "license": "MIT",
@@ -30,3 +30,3 @@ "main": "dist/angularjs-color-picker.min.js",
     "grunt-contrib-uglify": "~1.0.0",
-    "grunt-karma": "~1.0.0",
+    "grunt-karma": "~2.0.0",
     "grunt-notify": "~0.4.1",
@@ -33,0 +33,0 @@ "load-grunt-tasks": "~3.5.0",

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

Total package byte prevSize

455636

increased by0.2%

Lines of code

2228

increased by0.41%

No dependency changes