angular-ui-block - npm Package Compare versions

Comparing version 0.0.2-0 to 0.0.3-0

dist/angular-ui-block.js

@@ -141,22 +141,7 @@ /******/ (function(modules) { // webpackBootstrap
 	function getOverlayStyle() {
-	    return {
-	        'position': 'absolute',
-	        'top': '0',
-	        'right': '0',
-	        'bottom': '0',
-	        'left': '0',
-	        'z-index': '20',
-	        'background': 'rgba(255, 255, 255, 0.5)'
-	    };
+	    return {};
 	}
 	
 	function getSpinnerStyle() {
-	    return {
-	        'top': 'calc(50% - 40px)',
-	        'left': '0',
-	        'right': '0',
-	        'z-index': '21',
-	        'position': 'absolute',
-	        'text-align': 'center'
-	    };
+	    return {};
 	}
@@ -163,0 +148,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=u([r,i]);t.overlayStyle=o(),t.spinnerStyle=l(),n.css("position","relative"),0===n.find(".ui-block-wrapper").length&&n.append(e(c)(t))}}}function o(){return{position:"absolute",top:"0",right:"0",bottom:"0",left:"0","z-index":"20",background:"rgba(255, 255, 255, 0.5)"}}function l(){return{top:"calc(50% - 40px)",left:"0",right:"0","z-index":"21",position:"absolute","text-align":"center"}}function u(e){var t=p["default"].element("<div/>").attr({"class":"ui-block-wrapper","ng-show":"uiBlock"});return e.forEach(function(e){return t.append(e)}),t}function a(){return p["default"].element("<div/>").attr({"class":"ui-block-overlay","ng-style":"overlayStyle"})}function s(){return p["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),p=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),l=n(3),u=r(l),a=n(2),s=r(a),c=o["default"].module("angularUiBlock",[]);c.directive("spinner",s["default"]).directive("uiBlock",u["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=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}]);

lib/directives/uiBlock.js

@@ -40,22 +40,7 @@ 'use strict';
 function getOverlayStyle() {
-    return {
-        'position': 'absolute',
-        'top': '0',
-        'right': '0',
-        'bottom': '0',
-        'left': '0',
-        'z-index': '20',
-        'background': 'rgba(255, 255, 255, 0.5)'
-    };
+    return {};
 }
 
 function getSpinnerStyle() {
-    return {
-        'top': 'calc(50% - 40px)',
-        'left': '0',
-        'right': '0',
-        'z-index': '21',
-        'position': 'absolute',
-        'text-align': 'center'
-    };
+    return {};
 }
@@ -62,0 +47,0 @@

package.json

 {
   "name": "angular-ui-block",
-  "version": "0.0.2-0",
+  "version": "0.0.3-0",
   "description": "Angular UI Block Module",
@@ -15,9 +15,14 @@ "main": "index.js",
     "raw-loader": "^0.5.1",
+    "rimraf": "^2.5.4",
     "webpack": "^1.13.2"
   },
   "scripts": {
+    "build": "run-s clean transpile bundle:* css:*",
+    "clean": "rimraf lib/ dist/",
     "transpile": "babel src -d lib",
-    "bundle": "webpack -d --output-filename angular-ui-block.js && webpack -p --output-filename angular-ui-block.min.js",
-    "build": "npm run transpile && npm run bundle",
-    "prepublish": "npm run build"
+    "bundle:dev": "webpack -d --output-filename angular-ui-block.js",
+    "bundle:prod": "webpack -p --output-filename angular-ui-block.min.js",
+    "css:cp": "cp resources/style/style.css dist/angular-ui-block.css",
+    "css:min": "cssnano resources/style/style.css dist/angular-ui-block.min.css",
+    "prepublish": "run-s build"
   },
@@ -24,0 +29,0 @@ "repository": {

README.md

@@ -36,1 +36,30 @@ # Angular UI Block
 ```
+
+## Styles
+Also, you need to include the css if you want to use the default style.
+```html
+<link rel="stylesheet" href="bower_components/angular-ui-block/dist/angular-ui-block.css"/>
+```
+Or, if you prefer to have your own custom style then just write your own like this:
+```html
+<style>
+    .ui-block-wrapper .ui-block-overlay {
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        z-index: 20;
+        background: rgba(255, 255, 255, 0.5);
+    }
+
+    .ui-block-wrapper .ui-block-spinner {
+        top: calc(50% - 40px);
+        left: 0;
+        right: 0;
+        z-index: 21;
+        position: absolute;
+        text-align: center;
+    }
+</style>
+```

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

22510

increased by0.45%

Number of package files

12

increased by20%

Number of lines in readme file

65

increased by80.56%

Worsened metrics

Dev dependency count

6

increased by20%

Lines of code

259

decreased by-4.78%

No dependency changes