angular-ui-block - npm Package Compare versions

Comparing version 0.0.3-0 to 0.0.5-0

dist/angular-ui-block.js

@@ -128,2 +128,4 @@ /******/ (function(modules) { // webpackBootstrap
 	
+	            var UI_BLOCKING_CLASS = 'ui-blocking';
+	
 	            scope.overlayStyle = getOverlayStyle();
@@ -137,2 +139,11 @@ scope.spinnerStyle = getSpinnerStyle();
 	            }
+	
+	            scope.$watch('uiBlock', function () {
+	                if (scope.uiBlock) {
+	                    element.scrollTop(0); // Scroll to top while blocking the UI
+	                    element.addClass(UI_BLOCKING_CLASS);
+	                } else {
+	                    element.removeClass(UI_BLOCKING_CLASS);
+	                }
+	            });
 	        }
@@ -139,0 +150,0 @@ };

dist/angular-ui-block.min.js

@@ -1,1 +0,1 @@
-!function(e){function t(r){if(n[r])return n[r].exports;var i=n[r]={exports:{},id:r,loaded:!1};return e[r].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){e.exports=n(4)["default"]},function(e,t){e.exports=angular},function(e,t){"use strict";function n(){return{scope:{},restrict:"E",template:'\n            <svg version="1.1" id="loader-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">\n                <path fill="#43A1E2" d="M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z" transform="rotate(150.989 25 25)">\n                    <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 25 25" to="360 25 25" dur="0.6s" repeatCount="indefinite"></animateTransform>\n                </path>\n            </svg>\n        '}}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=n},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function i(e){return{scope:{uiBlock:"="},restrict:"A",link:function(t,n){var r=a(),i=s(),c=l([r,i]);t.overlayStyle=o(),t.spinnerStyle=u(),n.css("position","relative"),0===n.find(".ui-block-wrapper").length&&n.append(e(c)(t))}}}function o(){return{}}function u(){return{}}function l(e){var t=f["default"].element("<div/>").attr({"class":"ui-block-wrapper","ng-show":"uiBlock"});return e.forEach(function(e){return t.append(e)}),t}function a(){return f["default"].element("<div/>").attr({"class":"ui-block-overlay","ng-style":"overlayStyle"})}function s(){return f["default"].element("<div><spinner></spinner></div>").attr({"class":"ui-block-spinner","ng-style":"spinnerStyle"})}Object.defineProperty(t,"__esModule",{value:!0}),t["default"]=i;var c=n(1),f=r(c);i.$inject=["$compile"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(1),o=r(i),u=n(3),l=r(u),a=n(2),s=r(a),c=o["default"].module("angularUiBlock",[]);c.directive("spinner",s["default"]).directive("uiBlock",l["default"]),t["default"]=c.name}]);
+!function(e){function t(r){if(n[r])return n[r].exports;var i=n[r]={exports:{},id:r,loaded:!1};return e[r].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){e.exports=n(4).default},function(e,t){e.exports=angular},function(e,t){"use strict";function n(){return{scope:{},restrict:"E",template:'\n            <svg version="1.1" id="loader-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">\n                <path fill="#43A1E2" d="M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z" transform="rotate(150.989 25 25)">\n                    <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 25 25" to="360 25 25" dur="0.6s" repeatCount="indefinite"></animateTransform>\n                </path>\n            </svg>\n        '}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=n},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function i(e){return{scope:{uiBlock:"="},restrict:"A",link:function(t,n){var r=a(),i=c(),s=u([r,i]),d="ui-blocking";t.overlayStyle=o(),t.spinnerStyle=l(),n.css("position","relative"),0===n.find(".ui-block-wrapper").length&&n.append(e(s)(t)),t.$watch("uiBlock",function(){t.uiBlock?(n.scrollTop(0),n.addClass(d)):n.removeClass(d)})}}}function o(){return{}}function l(){return{}}function u(e){var t=d.default.element("<div/>").attr({class:"ui-block-wrapper","ng-show":"uiBlock"});return e.forEach(function(e){return t.append(e)}),t}function a(){return d.default.element("<div/>").attr({class:"ui-block-overlay","ng-style":"overlayStyle"})}function c(){return d.default.element("<div><spinner></spinner></div>").attr({class:"ui-block-spinner","ng-style":"spinnerStyle"})}Object.defineProperty(t,"__esModule",{value:!0}),t.default=i;var s=n(1),d=r(s);i.$inject=["$compile"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(1),o=r(i),l=n(3),u=r(l),a=n(2),c=r(a),s=o.default.module("angularUiBlock",[]);s.directive("spinner",c.default).directive("uiBlock",u.default),t.default=s.name}]);

lib/directives/uiBlock.js

@@ -27,2 +27,4 @@ 'use strict';
 
+            var UI_BLOCKING_CLASS = 'ui-blocking';
+
             scope.overlayStyle = getOverlayStyle();
@@ -36,2 +38,11 @@ scope.spinnerStyle = getSpinnerStyle();
             }
+
+            scope.$watch('uiBlock', function () {
+                if (scope.uiBlock) {
+                    element.scrollTop(0); // Scroll to top while blocking the UI
+                    element.addClass(UI_BLOCKING_CLASS);
+                } else {
+                    element.removeClass(UI_BLOCKING_CLASS);
+                }
+            });
         }
@@ -38,0 +49,0 @@ };

package.json

 {
   "name": "angular-ui-block",
-  "version": "0.0.3-0",
+  "version": "0.0.5-0",
   "description": "Angular UI Block Module",
@@ -13,2 +13,3 @@ "main": "index.js",
     "babel-preset-es2015": "^6.16.0",
+    "cssnano-cli": "^1.0.5",
     "npm-run-all": "^3.1.1",
@@ -15,0 +16,0 @@ "raw-loader": "^0.5.1",

No alert changes

Improved metrics

Total package byte prevSize

23828

increased by5.86%

Lines of code

277

increased by6.95%

Worsened metrics

Dev dependency count

7

increased by16.67%

No dependency changes