Generating bootobx.locales.js from locale files

Added grunt task for generating bootbox.locale.js from files found in locales directory.
Moved bootbox.locales.js to dist directory.
Normalized locale codes to IANA identifiers where possible.

Author: tiesont

Gruntfile.js

@@ -2,12 +2,19 @@ module.exports = function (grunt) {
     'use strict';
     grunt.initConfig({
         concat: {
-            options: {
-                separator: ';',
+            locales: {
+                src: ['templates/umd-header.txt', 'locales/**/*.js', 'templates/umd-footer.txt'],
+                dest: 'dist/bootbox.locales.js'
             },
-            dist: {
-                src: ['bootbox.js', 'bootbox.locales.js'],
-                dest: 'bootbox.all.js',
+
+            all : {
+                options: {
+                    separator: ';'
+                },
+                dist: {
+                    src: ['bootbox.js', 'dist/bootbox.locales.js'],
+                    dest: 'dist/bootbox.all.js',
+                }
             }
         },
 
@@ -23,8 +30,8 @@ module.exports = function (grunt) {
             my_target: {
                 files: {
                     'dist/bootbox.min.js': ['bootbox.js'],
-                    'dist/bootbox.locales.min.js': ['bootbox.locales.js'],
-                    'dist/bootbox.all.min.js': ['bootbox.all.js']
+                    'dist/bootbox.locales.min.js': ['dist/bootbox.locales.js'],
+                    'dist/bootbox.all.min.js': ['dist/bootbox.all.js']
                 }
             }
         },
@@ -34,7 +41,7 @@ module.exports = function (grunt) {
                 jshintrc: '.jshintrc',
                 force: true
             },
-            all: ['bootbox.js', 'bootbox.locales.js']
+            all: ['bootbox.js', 'dist/bootbox.locales.js']
         },
 
         karma: {

bootbox.js

@@ -26,7 +26,7 @@
   exports.VERSION = VERSION;
 
   let locales = {
-    en : {
+    'en' : {
       OK      : 'OK',
       CANCEL  : 'Cancel',
       CONFIRM : 'OK'
@@ -413,16 +413,25 @@
     // Bootbox event listeners; used to decouple some behaviours from their respective triggers
 
     if (options.backdrop === true) {
+      let startedOnBody = false;
+
+      // Prevents the event from propagating to the backdrop, when something inside the dialog is clicked
+      dialog.on('mousedown', '.modal-content', function(e){
+        e.stopPropagation();
+
+        startedOnBody = true;
+      });
+
       // A boolean true/false according to the Bootstrap docs should show a dialog the user can dismiss by clicking on the background.
       // We always only ever pass static/false to the actual $.modal function because with "true" we can't trap this event (the .modal-backdrop swallows it).
       // However, we still want to sort-of respect true and invoke the escape mechanism instead
       dialog.on('click.dismiss.bs.modal', function (e) {
-        // @NOTE: the target varies in >= 3.3.x releases since the modal backdrop moved *inside* the outer dialog rather than *alongside* it
-        if (dialog.children('.modal-backdrop').length) {
-          e.currentTarget = dialog.children('.modal-backdrop').get(0);
-        }
+        // // @NOTE: the target varies in >= 3.3.x releases since the modal backdrop moved *inside* the outer dialog rather than *alongside* it
+        // if (dialog.children('.modal-backdrop').length) {
+        //   e.currentTarget = dialog.children('.modal-backdrop').get(0);
+        // }
 
-        if (e.target !== e.currentTarget) {
+        if (startedOnBody || e.target !== e.currentTarget) {
           return;
         }