Merge pull request #110 from Lefka/master

Added a config provider

Author: PowerKiKi

README.md

@@ -72,6 +72,17 @@ When setting `clearOnBlurPlaceholder` to `true`, it will show the placeholder te
 
 Whereas, `maskDefinitions` is an object, so any custom object you supply will be merged together with the defaults using `angular.extend()`. This allows you to override the defaults selectively, if you wish.
 
+#### Global customization
+In addition to customizing behaviors for a specific element, you can also customize the behaviors globally. To do this, simply use the `uiMaskConfig` provider in your app configuration. Example:
+
+```sh
+app.config(['uiMask.ConfigProvider', function(uiMaskConfigProvider) {
+  uiMaskConfigProvider.maskDefinitions({'A': /[a-z], '*': /[a-zA-Z0-9]/});
+  uiMaskConfigProvider.clearOnBlur(false);
+  uiMaskConfigProvider.eventsToHandle(['input', 'keyup', 'click']);
+}
+```
+
 #### maskDefinitions
 The keys in `maskDefinitions` represent the special tokens/characters used in your mask declaration to delimit acceptable ranges of inputs. For example, we use '9' here to accept any numeric values for a phone number: `ui-mask="(999) 999-9999"`. The values associated with each token are regexen. Each regex defines the ranges of values that will be acceptable as inputs in the position of that token.
 

dist/mask.js

@@ -1,7 +1,7 @@
 /*!
  * angular-ui-mask
  * https://github.com/angular-ui/ui-mask
- * Version: 1.7.2 - 2016-01-29T01:38:58.683Z
+ * Version: 1.7.2 - 2016-02-01T14:35:21.404Z
  * License: MIT
  */
 
@@ -22,7 +22,29 @@ angular.module('ui.mask', [])
             clearOnBlurPlaceholder: false,
             eventsToHandle: ['input', 'keyup', 'click', 'focus']
         })
-        .directive('uiMask', ['uiMaskConfig', function(maskConfig) {
+        .provider('uiMask.Config', function() {
+            var options = {};
+
+            this.clearOnBlur = function(clearOnBlur) {
+                return options.clearOnBlur = clearOnBlur;
+            };
+            this.clearOnBlurPlaceholder = function(clearOnBlurPlaceholder) {
+                return options.clearOnBlurPlaceholder = clearOnBlurPlaceholder;
+            };
+            this.eventsToHandle = function(eventsToHandle) {
+                return options.eventsToHandle = eventsToHandle;
+            };
+            this.$get = ['uiMaskConfig', function(uiMaskConfig) {
+                var tempOptions = uiMaskConfig;
+                for(var prop in options)
+                {
+                    tempOptions[prop] = options[prop];
+                }
+
+                return tempOptions;
+            }];
+        })
+        .directive('uiMask', ['uiMask.Config', function(maskConfig) {
                 function isFocused (elem) {
                   return elem === document.activeElement && (!document.hasFocus || document.hasFocus()) && !!(elem.type || elem.href || ~elem.tabIndex);
                 }

dist/mask.min.js

@@ -12,7 +12,29 @@ angular.module('ui.mask', [])
             clearOnBlurPlaceholder: false,
             eventsToHandle: ['input', 'keyup', 'click', 'focus']
         })
-        .directive('uiMask', ['uiMaskConfig', function(maskConfig) {
+        .provider('uiMask.Config', function() {
+            var options = {};
+
+            this.clearOnBlur = function(clearOnBlur) {
+                return options.clearOnBlur = clearOnBlur;
+            };
+            this.clearOnBlurPlaceholder = function(clearOnBlurPlaceholder) {
+                return options.clearOnBlurPlaceholder = clearOnBlurPlaceholder;
+            };
+            this.eventsToHandle = function(eventsToHandle) {
+                return options.eventsToHandle = eventsToHandle;
+            };
+            this.$get = ['uiMaskConfig', function(uiMaskConfig) {
+                var tempOptions = uiMaskConfig;
+                for(var prop in options)
+                {
+                    tempOptions[prop] = options[prop];
+                }
+
+                return tempOptions;
+            }];
+        })
+        .directive('uiMask', ['uiMask.Config', function(maskConfig) {
                 function isFocused (elem) {
                   return elem === document.activeElement && (!document.hasFocus || document.hasFocus()) && !!(elem.type || elem.href || ~elem.tabIndex);
                 }

src/mask.js

@@ -3,7 +3,7 @@ describe("uiMask", function () {
 
   var formHtml  = "<form name='test'><input name='input' ng-model='x' ui-mask='{{mask}}'></form>";
   var inputHtml = "<input name='input' ng-model='x' ui-mask='{{mask}}' ui-options='options'>";
-  var compileElement, scope, config, timeout;
+  var compileElement, scope, config, timeout, uiMaskConfigProvider;
 
   beforeEach(module("ui.mask"));
   beforeEach(function() {
@@ -21,7 +21,10 @@ describe("uiMask", function () {
           });
         }
       }
-    });
+    })
+    .config(['uiMask.ConfigProvider', function(configProvider) {
+      uiMaskConfigProvider = configProvider;
+    }]);
     module("test");
   });
   beforeEach(inject(function ($rootScope, $compile, uiMaskConfig, $timeout) {
@@ -500,7 +503,7 @@ describe("uiMask", function () {
 
       input.triggerHandler("blur");
       expect(input.attr("placeholder")).toBe("MM/DD/YYYY");
-    })
+    });
 
     it("should allow text input to be the same character as ui-mask-placeholder-char", function() {
       var placeholderHtml = "<input name='input' ng-model='x' ui-mask='(999) 999-9999' placeholder='Phone Number' ui-mask-placeholder-char='5'>",
@@ -675,4 +678,19 @@ describe("uiMask", function () {
     });
   });
 
+  describe("Configuration Provider", function() {
+    it("should return default values", inject(function($injector) {
+      var service = $injector.invoke(uiMaskConfigProvider.$get);
+      expect(service.clearOnBlur).toEqual(true);
+      expect(service.clearOnBlurPlaceholder).toEqual(false);
+    }));
+
+    it("should merge default values with configured values", inject(function($injector) {
+      uiMaskConfigProvider.clearOnBlur(false);
+      var service = $injector.invoke(uiMaskConfigProvider.$get);
+      expect(service.clearOnBlur).toEqual(false);
+      expect(service.clearOnBlurPlaceholder).toEqual(false);
+    }));
+  });
+
 });