@oat-sa/tao-core-ui 1.60.2 → 1.62.0

package/dist/dialog.js

@@ -1,754 +1,710 @@
 define(['jquery', 'lodash', 'i18n', 'handlebars', 'lib/dompurify/purify', 'ui/keyNavigation/navigator', 'ui/keyNavigation/navigableDomElement', 'util/shortcut/registry', 'ui/modal'], function ($$1, _, __, Handlebars, DOMPurify, keyNavigator, navigableDomElement, shortcutRegistry, modal) { 'use strict';
 
-  $$1 = $$1 && Object.prototype.hasOwnProperty.call($$1, 'default') ? $$1['default'] : $$1;
-  _ = _ && Object.prototype.hasOwnProperty.call(_, 'default') ? _['default'] : _;
-  __ = __ && Object.prototype.hasOwnProperty.call(__, 'default') ? __['default'] : __;
-  Handlebars = Handlebars && Object.prototype.hasOwnProperty.call(Handlebars, 'default') ? Handlebars['default'] : Handlebars;
-  DOMPurify = DOMPurify && Object.prototype.hasOwnProperty.call(DOMPurify, 'default') ? DOMPurify['default'] : DOMPurify;
-  keyNavigator = keyNavigator && Object.prototype.hasOwnProperty.call(keyNavigator, 'default') ? keyNavigator['default'] : keyNavigator;
-  navigableDomElement = navigableDomElement && Object.prototype.hasOwnProperty.call(navigableDomElement, 'default') ? navigableDomElement['default'] : navigableDomElement;
-  shortcutRegistry = shortcutRegistry && Object.prototype.hasOwnProperty.call(shortcutRegistry, 'default') ? shortcutRegistry['default'] : shortcutRegistry;
-
-  function _typeof(obj) {
-    "@babel/helpers - typeof";
-
-    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-      return typeof obj;
-    } : function (obj) {
-      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    }, _typeof(obj);
-  }
-
-  function Helpers0 (hb) {
-    //register a i18n helper
-    hb.registerHelper('__', function (key) {
-      return __(key);
-    });
-    /**
-     * Register dompurify helper
-     *
-     * https://github.com/cure53/DOMPurify
-     * with config SAFE_FOR_TEMPLATES: true
-     * to make output safe for template systems
+    $$1 = $$1 && Object.prototype.hasOwnProperty.call($$1, 'default') ? $$1['default'] : $$1;
+    _ = _ && Object.prototype.hasOwnProperty.call(_, 'default') ? _['default'] : _;
+    __ = __ && Object.prototype.hasOwnProperty.call(__, 'default') ? __['default'] : __;
+    Handlebars = Handlebars && Object.prototype.hasOwnProperty.call(Handlebars, 'default') ? Handlebars['default'] : Handlebars;
+    DOMPurify = DOMPurify && Object.prototype.hasOwnProperty.call(DOMPurify, 'default') ? DOMPurify['default'] : DOMPurify;
+    keyNavigator = keyNavigator && Object.prototype.hasOwnProperty.call(keyNavigator, 'default') ? keyNavigator['default'] : keyNavigator;
+    navigableDomElement = navigableDomElement && Object.prototype.hasOwnProperty.call(navigableDomElement, 'default') ? navigableDomElement['default'] : navigableDomElement;
+    shortcutRegistry = shortcutRegistry && Object.prototype.hasOwnProperty.call(shortcutRegistry, 'default') ? shortcutRegistry['default'] : shortcutRegistry;
+
+    /**
+     * This program is free software; you can redistribute it and/or
+     * modify it under the terms of the GNU General Public License
+     * as published by the Free Software Foundation; under version 2
+     * of the License (non-upgradable).
+     *
+     * This program is distributed in the hope that it will be useful,
+     * but WITHOUT ANY WARRANTY; without even the implied warranty of
+     * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+     * GNU General Public License for more details.
+     *
+     * You should have received a copy of the GNU General Public License
+     * along with this program; if not, write to the Free Software
+     * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
+     *
+     * Copyright (c) 2013-2019 (original work) Open Assessment Technologies SA (under the project TAO-PRODUCT);
+     *
+     *
      */
+    function Helpers0 (hb) {
+      //register a i18n helper
+      hb.registerHelper('__', function (key) {
+        return __(key);
+      });
 
-    hb.registerHelper('dompurify', function (context) {
-      return DOMPurify.sanitize(context);
-    });
-    /**
-     * Register join helper
-     *
-     * Example :
-     * var values = {a:v1, b:v2, c:v3};
-     * Using {{{join attributes '=' ' ' '"'}}} will return : a="v1" b="v2" c="v3"
-     * Using {{{join values null ' or ' '*'}}} will return : *v1* or *v2* or *v3*
-     */
-
-    hb.registerHelper('join', function (arr, keyValueGlue, fragmentGlue, wrapper) {
-      var fragments = [];
-      keyValueGlue = typeof keyValueGlue === 'string' ? keyValueGlue : undefined;
-      fragmentGlue = typeof fragmentGlue === 'string' ? fragmentGlue : ' ';
-      wrapper = typeof wrapper === 'string' ? wrapper : '"';
-
-      _.forIn(arr, function (value, key) {
-        var fragment = '';
+      /**
+       * Register dompurify helper
+       *
+       * https://github.com/cure53/DOMPurify
+       * with config SAFE_FOR_TEMPLATES: true
+       * to make output safe for template systems
+       */
+      hb.registerHelper('dompurify', function (context) {
+        return DOMPurify.sanitize(context);
+      });
 
-        if (value !== null || value !== undefined) {
-          if (typeof value === 'boolean') {
-            value = value ? 'true' : 'false';
-          } else if (_typeof(value) === 'object') {
-            value = _.values(value).join(' ');
+      /**
+       * Register join helper
+       *
+       * Example :
+       * var values = {a:v1, b:v2, c:v3};
+       * Using {{{join attributes '=' ' ' '"'}}} will return : a="v1" b="v2" c="v3"
+       * Using {{{join values null ' or ' '*'}}} will return : *v1* or *v2* or *v3*
+       */
+      hb.registerHelper('join', function (arr, keyValueGlue, fragmentGlue, wrapper) {
+        var fragments = [];
+        keyValueGlue = typeof keyValueGlue === 'string' ? keyValueGlue : undefined;
+        fragmentGlue = typeof fragmentGlue === 'string' ? fragmentGlue : ' ';
+        wrapper = typeof wrapper === 'string' ? wrapper : '"';
+        _.forIn(arr, function (value, key) {
+          var fragment = '';
+          if (value !== null || value !== undefined) {
+            if (typeof value === 'boolean') {
+              value = value ? 'true' : 'false';
+            } else if (typeof value === 'object') {
+              value = _.values(value).join(' ');
+            }
+          } else {
+            value = '';
           }
-        } else {
-          value = '';
-        }
+          if (keyValueGlue !== undefined) {
+            fragment += key + keyValueGlue;
+          }
+          fragment += wrapper + value + wrapper;
+          fragments.push(fragment);
+        });
+        return fragments.join(fragmentGlue);
+      });
 
-        if (keyValueGlue !== undefined) {
-          fragment += key + keyValueGlue;
+      //register a classic "for loop" helper
+      //it also adds a local variable "i" as the index in each iteration loop
+      hb.registerHelper('for', function (startIndex, stopIndex, increment, options) {
+        var ret = '';
+        startIndex = parseInt(startIndex);
+        stopIndex = parseInt(stopIndex);
+        increment = parseInt(increment);
+        for (var i = startIndex; i < stopIndex; i += increment) {
+          ret += options.fn(_.extend({}, this, {
+            i: i
+          }));
+        }
+        return ret;
+      });
+      hb.registerHelper('equal', function (var1, var2, options) {
+        if (var1 == var2) {
+          return options.fn(this);
+        } else {
+          return options.inverse(this);
         }
-
-        fragment += wrapper + value + wrapper;
-        fragments.push(fragment);
       });
 
-      return fragments.join(fragmentGlue);
-    }); //register a classic "for loop" helper
-    //it also adds a local variable "i" as the index in each iteration loop
+      // register a "get property" helper
+      // it gets the named property from the provided context
+      hb.registerHelper('property', function (name, context) {
+        return context[name] || '';
+      });
 
-    hb.registerHelper('for', function (startIndex, stopIndex, increment, options) {
-      var ret = '';
-      startIndex = parseInt(startIndex);
-      stopIndex = parseInt(stopIndex);
-      increment = parseInt(increment);
+      // register an 'includes' helper
+      // it checks if value is in array
+      hb.registerHelper('includes', function (haystack, needle, options) {
+        if (_.contains(haystack, needle)) {
+          return options.fn(this);
+        }
+      });
+    }
 
-      for (var i = startIndex; i < stopIndex; i += increment) {
-        ret += options.fn(_.extend({}, this, {
-          i: i
-        }));
+    if (!Helpers0.__initialized) {
+      Helpers0(Handlebars);
+      Helpers0.__initialized = true;
+    }
+    var Template = Handlebars.template(function (Handlebars,depth0,helpers,partials,data) {
+      this.compilerInfo = [4,'>= 1.0.0'];
+    helpers = this.merge(helpers, Handlebars.helpers); data = data || {};
+      var buffer = "", stack1, helper, functionType="function", escapeExpression=this.escapeExpression, self=this;
+
+    function program1(depth0,data) {
+      
+      var buffer = "", stack1, helper;
+      buffer += "\n        aria-labelledby=\"core/ui-dialog-heading-";
+      if (helper = helpers.dialogId) { stack1 = helper.call(depth0, {hash:{},data:data}); }
+      else { helper = (depth0 && depth0.dialogId); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
+      buffer += escapeExpression(stack1)
+        + "\"\n    ";
+      return buffer;
       }
 
-      return ret;
-    });
-    hb.registerHelper('equal', function (var1, var2, options) {
-      if (var1 == var2) {
-        return options.fn(this);
-      } else {
-        return options.inverse(this);
+    function program3(depth0,data) {
+      
+      var buffer = "", stack1, helper;
+      buffer += "\n        <h4 id=\"core/ui-dialog-heading-";
+      if (helper = helpers.dialogId) { stack1 = helper.call(depth0, {hash:{},data:data}); }
+      else { helper = (depth0 && depth0.dialogId); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
+      buffer += escapeExpression(stack1)
+        + "\" class=\"strong\">";
+      if (helper = helpers.heading) { stack1 = helper.call(depth0, {hash:{},data:data}); }
+      else { helper = (depth0 && depth0.heading); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
+      buffer += escapeExpression(stack1)
+        + "</h4>\n        ";
+      return buffer;
       }
-    }); // register a "get property" helper
-    // it gets the named property from the provided context
-
-    hb.registerHelper('property', function (name, context) {
-      return context[name] || '';
-    }); // register an 'includes' helper
-    // it checks if value is in array
 
-    hb.registerHelper('includes', function (haystack, needle, options) {
-      if (_.contains(haystack, needle)) {
-        return options.fn(this);
+    function program5(depth0,data) {
+      
+      var buffer = "", stack1, helper;
+      buffer += "\n        <div class=\"content\">";
+      if (helper = helpers.content) { stack1 = helper.call(depth0, {hash:{},data:data}); }
+      else { helper = (depth0 && depth0.content); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
+      if(stack1 || stack1 === 0) { buffer += stack1; }
+      buffer += "</div>\n        ";
+      return buffer;
       }
-    });
-  }
-
-  if (!Helpers0.__initialized) {
-    Helpers0(Handlebars);
-    Helpers0.__initialized = true;
-  }
-  var Template = Handlebars.template(function (Handlebars,depth0,helpers,partials,data) {
-    this.compilerInfo = [4,'>= 1.0.0'];
-  helpers = this.merge(helpers, Handlebars.helpers); data = data || {};
-    var buffer = "", stack1, helper, functionType="function", escapeExpression=this.escapeExpression, self=this;
-
-  function program1(depth0,data) {
-    
-    var buffer = "", stack1, helper;
-    buffer += "\r\n        aria-labelledby=\"core/ui-dialog-heading-";
-    if (helper = helpers.dialogId) { stack1 = helper.call(depth0, {hash:{},data:data}); }
-    else { helper = (depth0 && depth0.dialogId); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
-    buffer += escapeExpression(stack1)
-      + "\"\r\n    ";
-    return buffer;
-    }
 
-  function program3(depth0,data) {
-    
-    var buffer = "", stack1, helper;
-    buffer += "\r\n        <h4 id=\"core/ui-dialog-heading-";
-    if (helper = helpers.dialogId) { stack1 = helper.call(depth0, {hash:{},data:data}); }
-    else { helper = (depth0 && depth0.dialogId); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
-    buffer += escapeExpression(stack1)
-      + "\" class=\"strong\">";
-    if (helper = helpers.heading) { stack1 = helper.call(depth0, {hash:{},data:data}); }
-    else { helper = (depth0 && depth0.heading); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
-    buffer += escapeExpression(stack1)
-      + "</h4>\r\n        ";
-    return buffer;
+      buffer += "<div\n    class=\"preview-modal-feedback modal ";
+      if (helper = helpers['class']) { stack1 = helper.call(depth0, {hash:{},data:data}); }
+      else { helper = (depth0 && depth0['class']); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
+      buffer += escapeExpression(stack1)
+        + "\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    data-control=\"navigable-modal-body\"\n    ";
+      stack1 = helpers['if'].call(depth0, (depth0 && depth0.heading), {hash:{},inverse:self.noop,fn:self.program(1, program1, data),data:data});
+      if(stack1 || stack1 === 0) { buffer += stack1; }
+      buffer += "\n    aria-describedby=\"core/ui-dialog-message-";
+      if (helper = helpers.dialogId) { stack1 = helper.call(depth0, {hash:{},data:data}); }
+      else { helper = (depth0 && depth0.dialogId); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
+      buffer += escapeExpression(stack1)
+        + "\"\n>\n    <div class=\"modal-body clearfix\">\n        ";
+      stack1 = helpers['if'].call(depth0, (depth0 && depth0.heading), {hash:{},inverse:self.noop,fn:self.program(3, program3, data),data:data});
+      if(stack1 || stack1 === 0) { buffer += stack1; }
+      buffer += "\n\n        <p id=\"core/ui-dialog-message-";
+      if (helper = helpers.dialogId) { stack1 = helper.call(depth0, {hash:{},data:data}); }
+      else { helper = (depth0 && depth0.dialogId); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
+      buffer += escapeExpression(stack1)
+        + "\" class=\"message\">";
+      if (helper = helpers.message) { stack1 = helper.call(depth0, {hash:{},data:data}); }
+      else { helper = (depth0 && depth0.message); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
+      if(stack1 || stack1 === 0) { buffer += stack1; }
+      buffer += "</p>\n\n        ";
+      stack1 = helpers['if'].call(depth0, (depth0 && depth0.content), {hash:{},inverse:self.noop,fn:self.program(5, program5, data),data:data});
+      if(stack1 || stack1 === 0) { buffer += stack1; }
+      buffer += "\n\n        <div class=\"buttons rgt\"></div>\n    </div>\n</div>\n";
+      return buffer;
+      });
+    function bodyTpl(data, options, asString) {
+      var html = Template(data, options);
+      return (asString || true) ? html : $(html);
     }
 
-  function program5(depth0,data) {
-    
-    var buffer = "", stack1, helper;
-    buffer += "\r\n        <div class=\"content\">";
-    if (helper = helpers.content) { stack1 = helper.call(depth0, {hash:{},data:data}); }
-    else { helper = (depth0 && depth0.content); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
-    if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += "</div>\r\n        ";
-    return buffer;
+    if (!Helpers0.__initialized) {
+      Helpers0(Handlebars);
+      Helpers0.__initialized = true;
     }
+    var Template$1 = Handlebars.template(function (Handlebars,depth0,helpers,partials,data) {
+      this.compilerInfo = [4,'>= 1.0.0'];
+    helpers = this.merge(helpers, Handlebars.helpers); data = data || {};
+      var buffer = "", stack1, functionType="function", escapeExpression=this.escapeExpression, self=this;
+
+    function program1(depth0,data) {
+      
+      var buffer = "", stack1, helper;
+      buffer += "\n    <button class=\"btn-";
+      if (helper = helpers.type) { stack1 = helper.call(depth0, {hash:{},data:data}); }
+      else { helper = (depth0 && depth0.type); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
+      buffer += escapeExpression(stack1)
+        + " small ";
+      if (helper = helpers.id) { stack1 = helper.call(depth0, {hash:{},data:data}); }
+      else { helper = (depth0 && depth0.id); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
+      buffer += escapeExpression(stack1)
+        + "\" data-control=\"";
+      if (helper = helpers.id) { stack1 = helper.call(depth0, {hash:{},data:data}); }
+      else { helper = (depth0 && depth0.id); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
+      buffer += escapeExpression(stack1)
+        + "\" type=\"button\">\n        ";
+      stack1 = helpers['if'].call(depth0, (depth0 && depth0.icon), {hash:{},inverse:self.noop,fn:self.program(2, program2, data),data:data});
+      if(stack1 || stack1 === 0) { buffer += stack1; }
+      buffer += "\n        <span class=\"label\">";
+      if (helper = helpers.label) { stack1 = helper.call(depth0, {hash:{},data:data}); }
+      else { helper = (depth0 && depth0.label); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
+      buffer += escapeExpression(stack1)
+        + "</span>\n    </button>\n";
+      return buffer;
+      }
+    function program2(depth0,data) {
+      
+      var buffer = "", stack1, helper;
+      buffer += "<span class=\"icon-";
+      if (helper = helpers.icon) { stack1 = helper.call(depth0, {hash:{},data:data}); }
+      else { helper = (depth0 && depth0.icon); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
+      buffer += escapeExpression(stack1)
+        + "\"></span> ";
+      return buffer;
+      }
 
-    buffer += "<div\r\n    class=\"preview-modal-feedback modal ";
-    if (helper = helpers['class']) { stack1 = helper.call(depth0, {hash:{},data:data}); }
-    else { helper = (depth0 && depth0['class']); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
-    buffer += escapeExpression(stack1)
-      + "\"\r\n    role=\"dialog\"\r\n    aria-modal=\"true\"\r\n    data-control=\"navigable-modal-body\"\r\n    ";
-    stack1 = helpers['if'].call(depth0, (depth0 && depth0.heading), {hash:{},inverse:self.noop,fn:self.program(1, program1, data),data:data});
-    if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += "\r\n    aria-describedby=\"core/ui-dialog-message-";
-    if (helper = helpers.dialogId) { stack1 = helper.call(depth0, {hash:{},data:data}); }
-    else { helper = (depth0 && depth0.dialogId); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
-    buffer += escapeExpression(stack1)
-      + "\"\r\n>\r\n    <div class=\"modal-body clearfix\">\r\n        ";
-    stack1 = helpers['if'].call(depth0, (depth0 && depth0.heading), {hash:{},inverse:self.noop,fn:self.program(3, program3, data),data:data});
-    if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += "\r\n\r\n        <p id=\"core/ui-dialog-message-";
-    if (helper = helpers.dialogId) { stack1 = helper.call(depth0, {hash:{},data:data}); }
-    else { helper = (depth0 && depth0.dialogId); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
-    buffer += escapeExpression(stack1)
-      + "\" class=\"message\">";
-    if (helper = helpers.message) { stack1 = helper.call(depth0, {hash:{},data:data}); }
-    else { helper = (depth0 && depth0.message); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
-    if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += "</p>\r\n\r\n        ";
-    stack1 = helpers['if'].call(depth0, (depth0 && depth0.content), {hash:{},inverse:self.noop,fn:self.program(5, program5, data),data:data});
-    if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += "\r\n\r\n        <div class=\"buttons rgt\"></div>\r\n    </div>\r\n</div>\r\n";
-    return buffer;
-    });
-  function bodyTpl(data, options, asString) {
-    var html = Template(data, options);
-    return (asString || true) ? html : $(html);
-  }
-
-  if (!Helpers0.__initialized) {
-    Helpers0(Handlebars);
-    Helpers0.__initialized = true;
-  }
-  var Template$1 = Handlebars.template(function (Handlebars,depth0,helpers,partials,data) {
-    this.compilerInfo = [4,'>= 1.0.0'];
-  helpers = this.merge(helpers, Handlebars.helpers); data = data || {};
-    var buffer = "", stack1, functionType="function", escapeExpression=this.escapeExpression, self=this;
-
-  function program1(depth0,data) {
-    
-    var buffer = "", stack1, helper;
-    buffer += "\r\n    <button class=\"btn-";
-    if (helper = helpers.type) { stack1 = helper.call(depth0, {hash:{},data:data}); }
-    else { helper = (depth0 && depth0.type); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
-    buffer += escapeExpression(stack1)
-      + " small ";
-    if (helper = helpers.id) { stack1 = helper.call(depth0, {hash:{},data:data}); }
-    else { helper = (depth0 && depth0.id); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
-    buffer += escapeExpression(stack1)
-      + "\" data-control=\"";
-    if (helper = helpers.id) { stack1 = helper.call(depth0, {hash:{},data:data}); }
-    else { helper = (depth0 && depth0.id); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
-    buffer += escapeExpression(stack1)
-      + "\" type=\"button\">\r\n        ";
-    stack1 = helpers['if'].call(depth0, (depth0 && depth0.icon), {hash:{},inverse:self.noop,fn:self.program(2, program2, data),data:data});
-    if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += "\r\n        <span class=\"label\">";
-    if (helper = helpers.label) { stack1 = helper.call(depth0, {hash:{},data:data}); }
-    else { helper = (depth0 && depth0.label); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
-    buffer += escapeExpression(stack1)
-      + "</span>\r\n    </button>\r\n";
-    return buffer;
-    }
-  function program2(depth0,data) {
-    
-    var buffer = "", stack1, helper;
-    buffer += "<span class=\"icon-";
-    if (helper = helpers.icon) { stack1 = helper.call(depth0, {hash:{},data:data}); }
-    else { helper = (depth0 && depth0.icon); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
-    buffer += escapeExpression(stack1)
-      + "\"></span> ";
-    return buffer;
+      stack1 = helpers.each.call(depth0, (depth0 && depth0.buttons), {hash:{},inverse:self.noop,fn:self.program(1, program1, data),data:data});
+      if(stack1 || stack1 === 0) { buffer += stack1; }
+      buffer += "\n";
+      return buffer;
+      });
+    function buttonsTpl(data, options, asString) {
+      var html = Template$1(data, options);
+      return (asString || true) ? html : $(html);
     }
 
-    stack1 = helpers.each.call(depth0, (depth0 && depth0.buttons), {hash:{},inverse:self.noop,fn:self.program(1, program1, data),data:data});
-    if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += "\r\n";
-    return buffer;
-    });
-  function buttonsTpl(data, options, asString) {
-    var html = Template$1(data, options);
-    return (asString || true) ? html : $(html);
-  }
-
-  /**
-   * This program is free software; you can redistribute it and/or
-   * modify it under the terms of the GNU General Public License
-   * as published by the Free Software Foundation; under version 2
-   * of the License (non-upgradable).
-   *
-   * This program is distributed in the hope that it will be useful,
-   * but WITHOUT ANY WARRANTY; without even the implied warranty of
-   * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-   * GNU General Public License for more details.
-   *
-   * You should have received a copy of the GNU General Public License
-   * along with this program; if not, write to the Free Software
-   * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
-   *
-   * Copyright (c) 2015-2019 (original work) Open Assessment Technologies SA ;
-   */
-  /**
-   * The scope of events names
-   * @type {string}
-   */
-
-  var _scope = '.modal';
-  /**
-   * A list of predefined buttons
-   * @type {Object}
-   */
-
-  var _definedButtons = {
-    ok: {
-      id: 'ok',
-      type: 'info',
-      label: __('Ok'),
-      close: true
-    },
-    cancel: {
-      id: 'cancel',
-      type: 'regular',
-      label: __('Cancel'),
-      close: true
-    },
-    yes: {
-      id: 'yes',
-      type: 'info',
-      label: __('Yes'),
-      close: true
-    },
-    no: {
-      id: 'no',
-      type: 'regular',
-      label: __('No'),
-      close: true
-    }
-  };
-  /**
-   * The defaults fields values
-   * @type {Object}
-   */
-
-  var _defaults = {
-    message: '',
-    content: '',
-    width: 500,
-    animate: false,
-    autoRender: false,
-    autoDestroy: false,
-    renderTo: 'body',
-    buttons: 'cancel,ok'
-  };
-  /**
-   * Define a dialog box
-   * @type {Object}
-   */
-
-  var dialog = {
-    /**
-     * Initialise the dialog box.
-     * @param {Object} options - A list of options.
-     * @param {String} options.heading - An optional heading to display.
-     * @param {String} options.message - The message to display.
-     * @param {String} options.content - An optional content to display under the displayed message.
-     * @param {String} options.class - Space-separated string of classes to add to the root HTML element
-     * @param {Array|Object|String} options.buttons - A list of buttons to display (default: 'cancel,ok'). Can be:
-     * - a string: the button names separated by commas
-     * - an array: an array of button names or an array of button definitions
-     * - an object: a unique button definition, containing:
-     *     - id: The button's id
-     *     - type: A display type (regular, info, warning, error)
-     *     - label: The button's caption
-     *     - icon: An optional icon
-     *     - close: A boolean value telling if the dialog must be closed after the button has been activated
-     * @param {String|jQuery|HTMLElement} options.renderTo - A container in which renders the dialog (default: 'body').
-     * @param {Boolean} options.autoRender - Allow the dialog to be immediately rendered after initialise.
-     * @param {Boolean} options.autoDestroy - Allow the dialog to be immediately destroyed when closing.
-     * @param {Boolean} [options.disableClosing = false] - to disable the default closers
-     * @param {Boolean} [options.disableEscape = false] - to disable the ability to escape close the dialog
-     * @param {Number} options.width - The dialog box width in pixels (default: 500).
-     * @param {Number|Boolean} options.animate - The dialog box animate duration (default: false).
-     * @param {Function} options.onXYZbtn - An event handler assigned to a particular button (XYZ).
-     * @returns {dialog}
+    /**
+     * This program is free software; you can redistribute it and/or
+     * modify it under the terms of the GNU General Public License
+     * as published by the Free Software Foundation; under version 2
+     * of the License (non-upgradable).
+     *
+     * This program is distributed in the hope that it will be useful,
+     * but WITHOUT ANY WARRANTY; without even the implied warranty of
+     * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+     * GNU General Public License for more details.
+     *
+     * You should have received a copy of the GNU General Public License
+     * along with this program; if not, write to the Free Software
+     * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
+     *
+     * Copyright (c) 2015-2019 (original work) Open Assessment Technologies SA ;
      */
-    init: function init(options) {
-      var _this = this;
 
-      // split options to events
-      var events = {};
-
-      var initOptions = _.omit(options || {}, function (value, key) {
-        if (key.length > 2 && 'on' === key.substr(0, 2)) {
-          events[key.substr(2)] = value;
-          return true;
-        }
-
-        return false;
-      }); // assign default values and options
-
-
-      _.defaults(this, initOptions, _defaults); // pre-render the dialog box
-
-
-      this.dialogId = _.uniqueId('dlg-');
-      this.$html = $$1(bodyTpl(this));
-      this.$buttons = this.$html.find('.buttons');
-      this.rendered = false;
-      this.destroyed = false; // install the buttons and bind the actions
-
-      this.$buttons.on('click' + _scope, 'button', this._onButtonClick.bind(this));
-      this.setButtons(this.buttons); // install the events extracted from the options
-
-      _.forEach(events, function (callback, eventName) {
-        if (eventName.indexOf('.') < 0) {
-          eventName += _scope;
-        }
-
-        _this.on(eventName.toLowerCase(), callback);
-      });
-
-      if (this.autoRender) {
-        this.render();
-      }
-
-      return this;
-    },
-
-    /**
-     * Destroys the dialog box
-     * @returns {dialog}
-     * @fires dialog#destroy.modal
+    /**
+     * The scope of events names
+     * @type {string}
      */
-    destroy: function destroy() {
-      if (!this.destroyed) {
-        this._destroy(); // reset the context
-
+    const _scope = '.modal';
 
-        this.rendered = false;
-        this.destroyed = true;
-        this.trigger('destroy' + _scope); // disable events and remove DOM
-
-        this.$buttons.off(_scope);
-        this.$html.off(_scope).remove();
-        this.$html = null;
-        this.$buttons = null;
+    /**
+     * A list of predefined buttons
+     * @type {Object}
+     */
+    const _definedButtons = {
+      ok: {
+        id: 'ok',
+        type: 'info',
+        label: __('Ok'),
+        close: true
+      },
+      cancel: {
+        id: 'cancel',
+        type: 'regular',
+        label: __('Cancel'),
+        close: true
+      },
+      yes: {
+        id: 'yes',
+        type: 'info',
+        label: __('Yes'),
+        close: true
+      },
+      no: {
+        id: 'no',
+        type: 'regular',
+        label: __('No'),
+        close: true
       }
+    };
 
-      return this;
-    },
-
-    /**
-     * Set the action buttons
-     * @param {Object|Array|String} buttons
-     * @returns {dialog}
+    /**
+     * The defaults fields values
+     * @type {Object}
      */
-    setButtons: function setButtons(buttons) {
-      var _this2 = this;
-
-      if (!this.destroyed) {
-        if (!buttons) {
-          buttons = _defaults.buttons;
-        }
-
-        if (!_.isArray(buttons)) {
-          // buttons can be set as a list of names
-          if (_.isString(buttons)) {
-            buttons = buttons.split(',');
+    const _defaults = {
+      message: '',
+      content: '',
+      width: 500,
+      animate: false,
+      autoRender: false,
+      autoDestroy: false,
+      renderTo: 'body',
+      buttons: 'cancel,ok'
+    };
+
+    /**
+     * Define a dialog box
+     * @type {Object}
+     */
+    const dialog = {
+      /**
+       * Initialise the dialog box.
+       * @param {Object} options - A list of options.
+       * @param {String} options.heading - An optional heading to display.
+       * @param {String} options.message - The message to display.
+       * @param {String} options.content - An optional content to display under the displayed message.
+       * @param {String} options.class - Space-separated string of classes to add to the root HTML element
+       * @param {Array|Object|String} options.buttons - A list of buttons to display (default: 'cancel,ok'). Can be:
+       * - a string: the button names separated by commas
+       * - an array: an array of button names or an array of button definitions
+       * - an object: a unique button definition, containing:
+       *     - id: The button's id
+       *     - type: A display type (regular, info, warning, error)
+       *     - label: The button's caption
+       *     - icon: An optional icon
+       *     - close: A boolean value telling if the dialog must be closed after the button has been activated
+       * @param {String|jQuery|HTMLElement} options.renderTo - A container in which renders the dialog (default: 'body').
+       * @param {Boolean} options.autoRender - Allow the dialog to be immediately rendered after initialise.
+       * @param {Boolean} options.autoDestroy - Allow the dialog to be immediately destroyed when closing.
+       * @param {Boolean} [options.disableClosing = false] - to disable the default closers
+       * @param {Boolean} [options.disableEscape = false] - to disable the ability to escape close the dialog
+       * @param {Number} options.width - The dialog box width in pixels (default: 500).
+       * @param {Number|Boolean} options.animate - The dialog box animate duration (default: false).
+       * @param {Function} options.onXYZbtn - An event handler assigned to a particular button (XYZ).
+       * @returns {dialog}
+       */
+      init(options) {
+        // split options to events
+        const events = {};
+        const initOptions = _.omit(options || {}, (value, key) => {
+          if (key.length > 2 && 'on' === key.substr(0, 2)) {
+            events[key.substr(2)] = value;
+            return true;
           }
-        } // bind the buttons with
+          return false;
+        });
 
+        // assign default values and options
+        _.defaults(this, initOptions, _defaults);
 
-        this.buttons = {};
+        // pre-render the dialog box
+        this.dialogId = _.uniqueId('dlg-');
+        this.$html = $$1(bodyTpl(this));
+        this.$buttons = this.$html.find('.buttons');
+        this.rendered = false;
+        this.destroyed = false;
 
-        _.forEach(buttons, function (btn) {
-          if (_.isString(btn)) {
-            btn = btn.trim();
-            btn = _definedButtons[btn] || {
-              id: btn,
-              type: 'info',
-              label: btn
-            };
-          }
+        // install the buttons and bind the actions
+        this.$buttons.on('click' + _scope, 'button', this._onButtonClick.bind(this));
+        this.setButtons(this.buttons);
 
-          if (!btn.type) {
-            btn.type = 'regular';
+        // install the events extracted from the options
+        _.forEach(events, (callback, eventName) => {
+          if (eventName.indexOf('.') < 0) {
+            eventName += _scope;
           }
-
-          _this2.buttons[btn.id] = btn;
+          this.on(eventName.toLowerCase(), callback);
         });
-
-        this.$buttons.html(buttonsTpl(this));
-      }
-
-      return this;
-    },
-
-    /**
-     * Renders and shows the dialog box
-     * @param {String|HTMLElement|jQuery} [to]
-     * @returns {dialog}
-     * @fires modal#create.modal
-     */
-    render: function render(to) {
-      if (!this.destroyed) {
-        $$1(to || this.renderTo).append(this.$html);
-
-        this._install();
-
-        this.rendered = true;
-      }
-
-      return this;
-    },
-
-    /**
-     * Shows the dialog box. Also renders if needed.
-     * @returns {dialog}
-     * @fires modal#opened.modal
-     */
-    show: function show() {
-      if (!this.destroyed) {
-        if (!this.rendered) {
+        if (this.autoRender) {
           this.render();
-        } else {
-          this._open();
         }
-      }
-
-      return this;
-    },
-
-    /**
-     * Hides the dialog box. Does nothing if the dialog box has not been rendered.
-     * @returns {dialog}
-     * @fires modal#closed.modal
-     */
-    hide: function hide() {
-      if (!this.destroyed && this.rendered) {
-        this._close();
-
-        if (this.autoDestroy) {
-          this.destroy();
+        return this;
+      },
+      /**
+       * Destroys the dialog box
+       * @returns {dialog}
+       * @fires dialog#destroy.modal
+       */
+      destroy() {
+        if (!this.destroyed) {
+          this._destroy();
+
+          // reset the context
+          this.rendered = false;
+          this.destroyed = true;
+          this.trigger('destroy' + _scope);
+
+          // disable events and remove DOM
+          this.$buttons.off(_scope);
+          this.$html.off(_scope).remove();
+          this.$html = null;
+          this.$buttons = null;
         }
-      }
-
-      return this;
-    },
-
-    /**
-     * Install an event handler on the underlying DOM element
-     * @param {String} eventName
-     * @returns {dialog}
-     */
-    on: function on(eventName) {
-      if (this.$html) {
-        this.$html.on.apply(this.$html, arguments);
-      }
-
-      return this;
-    },
-
-    /**
-     * Uninstall an event handler from the underlying DOM element
-     * @param {String} eventName
-     * @returns {dialog}
-     */
-    off: function off(eventName) {
-      if (this.$html) {
-        this.$html.off.apply(this.$html, arguments);
-      }
-
-      return this;
-    },
+        return this;
+      },
+      /**
+       * Set the action buttons
+       * @param {Object|Array|String} buttons
+       * @returns {dialog}
+       */
+      setButtons(buttons) {
+        if (!this.destroyed) {
+          if (!buttons) {
+            buttons = _defaults.buttons;
+          }
+          if (!_.isArray(buttons)) {
+            // buttons can be set as a list of names
+            if (_.isString(buttons)) {
+              buttons = buttons.split(',');
+            }
+          }
 
-    /**
-     * Triggers an event on the underlying DOM element
-     * @param {String} eventName
-     * @param {Array|Object} extraParameters
-     * @returns {dialog}
-     */
-    trigger: function trigger(eventName, extraParameters) {
-      if (this.$html) {
-        if (undefined === extraParameters) {
-          extraParameters = [];
+          // bind the buttons with
+          this.buttons = {};
+          _.forEach(buttons, btn => {
+            if (_.isString(btn)) {
+              btn = btn.trim();
+              btn = _definedButtons[btn] || {
+                id: btn,
+                type: 'info',
+                label: btn
+              };
+            }
+            if (!btn.type) {
+              btn.type = 'regular';
+            }
+            this.buttons[btn.id] = btn;
+          });
+          this.$buttons.html(buttonsTpl(this));
         }
-
-        if (!_.isArray(extraParameters)) {
-          extraParameters = [extraParameters];
+        return this;
+      },
+      /**
+       * Renders and shows the dialog box
+       * @param {String|HTMLElement|jQuery} [to]
+       * @returns {dialog}
+       * @fires modal#create.modal
+       */
+      render(to) {
+        if (!this.destroyed) {
+          $$1(to || this.renderTo).append(this.$html);
+          this._install();
+          this.rendered = true;
         }
-
-        extraParameters = Array.prototype.slice.call(extraParameters);
-        extraParameters.push(this);
-        this.$html.trigger(eventName, extraParameters);
-      }
-
-      return this;
-    },
-
-    /**
-     * Gets the underlying DOM element
-     * @returns {jQuery}
-     */
-    getDom: function getDom() {
-      return this.$html;
-    },
-
-    /**
-     * Called when button is clicked.
-     * Executes a button related action
-     * @param {Event} event
-     * @private
-     */
-    _onButtonClick: function _onButtonClick(event) {
-      var $btn = $$1(event.target).closest('button');
-      var id = $btn.data('control');
-      var btn = this.buttons[id];
-
-      if (btn) {
-        this._execute(btn);
-      }
-    },
-
-    /**
-     * Execute a button related action
-     * @param {Object} btn
-     * @private
-     * @fires dialog#[button.id]btn.modal
-     */
-    _execute: function _execute(btn) {
-      // call the optional callback
-      if (btn.action) {
-        btn.action.apply(this, [btn, this]);
-      }
-      /**
-       * Fires the event based on the button name
-       * @event dialog#[button.id]btn.modal
-       * @param {Object} btn - The related button
+        return this;
+      },
+      /**
+       * Shows the dialog box. Also renders if needed.
+       * @returns {dialog}
+       * @fires modal#opened.modal
        */
-
-
-      this.trigger(btn.id + 'btn' + _scope, [btn]); // auto close the dialog box if the button allows it
-
-      if (btn.close) {
-        this.hide();
-      }
-    },
-
-    /**
-     * Set focus on the dialog
-     * @param {String} [button] - The identifier of the button to focus. If none is provided, the focus will be put
-     *                            on the first navigable element.
-     */
-    focus: function focus(button) {
-      var position = -1;
-
-      if (button) {
-        position = _.findIndex(this.navigator.getNavigableElements(), function (navigable) {
-          return navigable.getElement().is('[data-control="' + button + '"]');
-        });
-      }
-
-      if (position >= 0) {
-        this.navigator.setCursorAt(position);
-      } else {
-        this.navigator.focus();
-      }
-    },
-
-    /**
-     * Installs the dialog box
-     * @private
-     * #fires dialog#create.dialog
-     */
-    _install: function _install() {
-      var _this3 = this;
-
-      if (!this.destroyed) {
-        this.$html.modal({
-          width: this.width,
-          animate: this.animate,
-          disableClosing: this.disableClosing,
-          disableEscape: this.disableEscape
-        }).on('closed' + _scope, function () {
-          if (_this3.autoDestroy) {
-            _this3.destroy();
-          }
-        });
-        var $items = this.getDom().add($$1(_scope).find('input')).add(this.$buttons.find('button'));
-        var closeButton = $$1(_scope).find('#modal-close-btn')[0];
-
-        if (closeButton) {
-          $items.push(closeButton);
-        } //creates the navigator to manage the key navigation
-
-
-        this.navigator = keyNavigator({
-          elements: navigableDomElement.createFromDoms($items),
-          propagateTab: false
-        }).on('right down', function () {
-          if (this.getCursor().position === $items.length - 1) {
-            this.setCursorAt(1); // Skip container.
+      show() {
+        if (!this.destroyed) {
+          if (!this.rendered) {
+            this.render();
           } else {
-            this.next();
+            this._open();
           }
-        }).on('left up', function () {
-          if (this.getCursor().position === 1) {
-            // Skip container.
-            this.last();
-          } else {
-            this.previous();
+        }
+        return this;
+      },
+      /**
+       * Hides the dialog box. Does nothing if the dialog box has not been rendered.
+       * @returns {dialog}
+       * @fires modal#closed.modal
+       */
+      hide() {
+        if (!this.destroyed && this.rendered) {
+          this._close();
+          if (this.autoDestroy) {
+            this.destroy();
           }
-        }).on('tab', function () {
-          if (this.getCursor().position === $items.length - 1) {
-            this.setCursorAt(1); // Skip container.
-          } else {
-            this.next();
+        }
+        return this;
+      },
+      /**
+       * Install an event handler on the underlying DOM element
+       * @param {String} eventName
+       * @returns {dialog}
+       */
+      on(eventName) {
+        if (this.$html) {
+          this.$html.on.apply(this.$html, arguments);
+        }
+        return this;
+      },
+      /**
+       * Uninstall an event handler from the underlying DOM element
+       * @param {String} eventName
+       * @returns {dialog}
+       */
+      off(eventName) {
+        if (this.$html) {
+          this.$html.off.apply(this.$html, arguments);
+        }
+        return this;
+      },
+      /**
+       * Triggers an event on the underlying DOM element
+       * @param {String} eventName
+       * @param {Array|Object} extraParameters
+       * @returns {dialog}
+       */
+      trigger(eventName, extraParameters) {
+        if (this.$html) {
+          if (undefined === extraParameters) {
+            extraParameters = [];
           }
-        }).on('shift+tab', function () {
-          if (this.getCursor().position === 1) {
-            // Skip container.
-            this.last();
-          } else {
-            this.previous();
+          if (!_.isArray(extraParameters)) {
+            extraParameters = [extraParameters];
           }
-        }).on('activate', _.debounce(function (cursor) {
-          var $elt = cursor.navigable.getElement();
+          extraParameters = Array.prototype.slice.call(extraParameters);
+          extraParameters.push(this);
+          this.$html.trigger(eventName, extraParameters);
+        }
+        return this;
+      },
+      /**
+       * Gets the underlying DOM element
+       * @returns {jQuery}
+       */
+      getDom() {
+        return this.$html;
+      },
+      /**
+       * Called when button is clicked.
+       * Executes a button related action
+       * @param {Event} event
+       * @private
+       */
+      _onButtonClick(event) {
+        const $btn = $$1(event.target).closest('button');
+        const id = $btn.data('control');
+        const btn = this.buttons[id];
+        if (btn) {
+          this._execute(btn);
+        }
+      },
+      /**
+       * Execute a button related action
+       * @param {Object} btn
+       * @private
+       * @fires dialog#[button.id]btn.modal
+       */
+      _execute(btn) {
+        // call the optional callback
+        if (btn.action) {
+          btn.action.apply(this, [btn, this]);
+        }
 
-          if (!$elt.is(':radio,:checkbox')) {
-            $elt.click();
-          } else {
-            $elt.prop('checked', !$elt.prop('checked')).change();
-          }
-        }, 10));
-        this.navigator.first(); //added a global shortcut to enable setting focus on tab
+        /**
+         * Fires the event based on the button name
+         * @event dialog#[button.id]btn.modal
+         * @param {Object} btn - The related button
+         */
+        this.trigger(btn.id + 'btn' + _scope, [btn]);
 
-        this.globalShortcut = shortcutRegistry($$1('body')).add('tab shift+tab', function () {
-          if (!_this3.navigator.isFocused()) {
-            _this3.navigator.focus();
+        // auto close the dialog box if the button allows it
+        if (btn.close) {
+          this.hide();
+        }
+      },
+      /**
+       * Set focus on the dialog
+       * @param {String} [button] - The identifier of the button to focus. If none is provided, the focus will be put
+       *                            on the first navigable element.
+       */
+      focus(button) {
+        let position = -1;
+        if (button) {
+          position = _.findIndex(this.navigator.getNavigableElements(), navigable => {
+            return navigable.getElement().is('[data-control="' + button + '"]');
+          });
+        }
+        if (position >= 0) {
+          this.navigator.setCursorAt(position);
+        } else {
+          this.navigator.focus();
+        }
+      },
+      /**
+       * Installs the dialog box
+       * @private
+       * #fires dialog#create.dialog
+       */
+      _install() {
+        if (!this.destroyed) {
+          this.$html.modal({
+            width: this.width,
+            animate: this.animate,
+            disableClosing: this.disableClosing,
+            disableEscape: this.disableEscape
+          }).on('closed' + _scope, () => {
+            if (this.autoDestroy) {
+              this.destroy();
+            }
+          });
+          const $items = this.getDom().add($$1(_scope).find('input')).add(this.$buttons.find('button'));
+          const closeButton = $$1(_scope).find('#modal-close-btn')[0];
+          if (closeButton) {
+            $items.push(closeButton);
           }
-        });
-        this.trigger('create.dialog');
-      }
-    },
-
-    /**
-     * Opens the dialog box
-     * @private
-     */
-    _open: function _open() {
-      this.$html.modal('open');
-    },
-
-    /**
-     * Closes the dialog box
-     * @private
-     */
-    _close: function _close() {
-      this.$html.modal('close');
-    },
-
-    /**
-     * Destroys the dialog box
-     * @private
-     */
-    _destroy: function _destroy() {
-      this.$html.modal('destroy');
 
-      if (this.navigator) {
-        this.navigator.destroy();
+          //creates the navigator to manage the key navigation
+          this.navigator = keyNavigator({
+            elements: navigableDomElement.createFromDoms($items),
+            propagateTab: false
+          }).on('right down', function () {
+            if (this.getCursor().position === $items.length - 1) {
+              this.setCursorAt(1); // Skip container.
+            } else {
+              this.next();
+            }
+          }).on('left up', function () {
+            if (this.getCursor().position === 1) {
+              // Skip container.
+              this.last();
+            } else {
+              this.previous();
+            }
+          }).on('tab', function () {
+            if (this.getCursor().position === $items.length - 1) {
+              this.setCursorAt(1); // Skip container.
+            } else {
+              this.next();
+            }
+          }).on('shift+tab', function () {
+            if (this.getCursor().position === 1) {
+              // Skip container.
+              this.last();
+            } else {
+              this.previous();
+            }
+          }).on('activate', _.debounce(function (cursor) {
+            const $elt = cursor.navigable.getElement();
+            if (!$elt.is(':radio,:checkbox')) {
+              $elt.click();
+            } else {
+              $elt.prop('checked', !$elt.prop('checked')).change();
+            }
+          }, 10));
+          this.navigator.first();
+          //added a global shortcut to enable setting focus on tab
+          this.globalShortcut = shortcutRegistry($$1('body')).add('tab shift+tab', () => {
+            if (!this.navigator.isFocused()) {
+              this.navigator.focus();
+            }
+          });
+          this.trigger('create.dialog');
+        }
+      },
+      /**
+       * Opens the dialog box
+       * @private
+       */
+      _open() {
+        this.$html.modal('open');
+      },
+      /**
+       * Closes the dialog box
+       * @private
+       */
+      _close() {
+        this.$html.modal('close');
+      },
+      /**
+       * Destroys the dialog box
+       * @private
+       */
+      _destroy() {
+        this.$html.modal('destroy');
+        if (this.navigator) {
+          this.navigator.destroy();
+        }
+        if (this.globalShortcut) {
+          this.globalShortcut.clear();
+        }
       }
+    };
 
-      if (this.globalShortcut) {
-        this.globalShortcut.clear();
-      }
+    /**
+     * Builds a dialog box instance
+     * @param {Object} options
+     * @returns {dialog}
+     */
+    function dialogFactory(options) {
+      const instance = Object.assign({}, dialog);
+      instance.init(options);
+      return instance;
     }
-  };
-  /**
-   * Builds a dialog box instance
-   * @param {Object} options
-   * @returns {dialog}
-   */
-
-  function dialogFactory(options) {
-    var instance = Object.assign({}, dialog);
-    instance.init(options);
-    return instance;
-  }
-
-  return dialogFactory;
+
+    return dialogFactory;
 
 });