@oat-sa/tao-core-ui 1.58.1 → 1.58.2

package/dist/dialog.js

@@ -1,758 +1,754 @@
 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;
-
+  $$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);
+    });
     /**
-     * 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);
+     * 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);
+    });
+    /**
+     * 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*
      */
-    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
-       */
 
-      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 : '"';
 
-      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 = '';
-          }
+      _.forIn(arr, function (value, key) {
+        var fragment = '';
 
-          if (keyValueGlue !== undefined) {
-            fragment += key + keyValueGlue;
+        if (value !== null || value !== undefined) {
+          if (typeof value === 'boolean') {
+            value = value ? 'true' : 'false';
+          } else if (_typeof(value) === 'object') {
+            value = _.values(value).join(' ');
           }
+        } else {
+          value = '';
+        }
 
-          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
-
-      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
-          }));
+        if (keyValueGlue !== undefined) {
+          fragment += key + keyValueGlue;
         }
 
-        return ret;
+        fragment += wrapper + value + wrapper;
+        fragments.push(fragment);
       });
-      hb.registerHelper('equal', function (var1, var2, options) {
-        if (var1 == var2) {
-          return options.fn(this);
-        } else {
-          return options.inverse(this);
-        }
-      }); // 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
+      return fragments.join(fragmentGlue);
+    }); //register a classic "for loop" helper
+    //it also adds a local variable "i" as the index in each iteration loop
 
-      hb.registerHelper('includes', function (haystack, needle, options) {
-        if (_.contains(haystack, needle)) {
-          return options.fn(this);
-        }
-      });
-    }
+    hb.registerHelper('for', function (startIndex, stopIndex, increment, options) {
+      var ret = '';
+      startIndex = parseInt(startIndex);
+      stopIndex = parseInt(stopIndex);
+      increment = parseInt(increment);
 
-    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;
+      for (var i = startIndex; i < stopIndex; i += increment) {
+        ret += options.fn(_.extend({}, this, {
+          i: i
+        }));
       }
 
-    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;
+      return ret;
+    });
+    hb.registerHelper('equal', function (var1, var2, options) {
+      if (var1 == var2) {
+        return options.fn(this);
+      } else {
+        return options.inverse(this);
       }
+    }); // 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
 
-    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;
+    hb.registerHelper('includes', function (haystack, needle, options) {
+      if (_.contains(haystack, needle)) {
+        return options.fn(this);
       }
+    });
+  }
+
+  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;
+    }
 
-      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 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;
     }
 
-    if (!Helpers0.__initialized) {
-      Helpers0(Handlebars);
-      Helpers0.__initialized = true;
+  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;
     }
-    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;
-      }
 
-      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);
+    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);
+  }
+
+  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;
     }
 
+    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);
+  }
+
+  /**
+   * 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 = {
     /**
-     * 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}
+     * 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: function init(options) {
+      var _this = this;
 
-    const _scope = '.modal';
-    /**
-     * A list of predefined buttons
-     * @type {Object}
-     */
+      // split options to events
+      var events = {};
 
-    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
-      }
-    };
-    /**
-     * The defaults fields values
-     * @type {Object}
-     */
+      var initOptions = _.omit(options || {}, function (value, key) {
+        if (key.length > 2 && 'on' === key.substr(0, 2)) {
+          events[key.substr(2)] = value;
+          return true;
+        }
 
-    const _defaults = {
-      message: '',
-      content: '',
-      width: 500,
-      animate: false,
-      autoRender: false,
-      autoDestroy: false,
-      renderTo: 'body',
-      buttons: 'cancel,ok'
-    };
-    /**
-     * Define a dialog box
-     * @type {Object}
-     */
+        return false;
+      }); // assign default values and options
 
-    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;
-          }
 
-          return false;
-        }); // assign default values and options
+      _.defaults(this, initOptions, _defaults); // pre-render the dialog box
 
 
-        _.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
 
-        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
+      _.forEach(events, function (callback, eventName) {
+        if (eventName.indexOf('.') < 0) {
+          eventName += _scope;
+        }
 
-        this.$buttons.on('click' + _scope, 'button', this._onButtonClick.bind(this));
-        this.setButtons(this.buttons); // install the events extracted from the options
+        _this.on(eventName.toLowerCase(), callback);
+      });
 
-        _.forEach(events, (callback, eventName) => {
-          if (eventName.indexOf('.') < 0) {
-            eventName += _scope;
-          }
+      if (this.autoRender) {
+        this.render();
+      }
 
-          this.on(eventName.toLowerCase(), callback);
-        });
+      return this;
+    },
 
-        if (this.autoRender) {
-          this.render();
-        }
+    /**
+     * Destroys the dialog box
+     * @returns {dialog}
+     * @fires dialog#destroy.modal
+     */
+    destroy: function destroy() {
+      if (!this.destroyed) {
+        this._destroy(); // reset the context
 
-        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;
+    },
 
-          this.rendered = false;
-          this.destroyed = true;
-          this.trigger('destroy' + _scope); // disable events and remove DOM
+    /**
+     * Set the action buttons
+     * @param {Object|Array|String} buttons
+     * @returns {dialog}
+     */
+    setButtons: function setButtons(buttons) {
+      var _this2 = this;
 
-          this.$buttons.off(_scope);
-          this.$html.off(_scope).remove();
-          this.$html = null;
-          this.$buttons = null;
+      if (!this.destroyed) {
+        if (!buttons) {
+          buttons = _defaults.buttons;
         }
 
-        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(',');
           }
-
-          if (!_.isArray(buttons)) {
-            // buttons can be set as a list of names
-            if (_.isString(buttons)) {
-              buttons = buttons.split(',');
-            }
-          } // bind the buttons with
+        } // bind the buttons with
 
 
-          this.buttons = {};
+        this.buttons = {};
 
-          _.forEach(buttons, btn => {
-            if (_.isString(btn)) {
-              btn = btn.trim();
-              btn = _definedButtons[btn] || {
-                id: btn,
-                type: 'info',
-                label: btn
-              };
-            }
+        _.forEach(buttons, function (btn) {
+          if (_.isString(btn)) {
+            btn = btn.trim();
+            btn = _definedButtons[btn] || {
+              id: btn,
+              type: 'info',
+              label: btn
+            };
+          }
 
-            if (!btn.type) {
-              btn.type = 'regular';
-            }
+          if (!btn.type) {
+            btn.type = 'regular';
+          }
 
-            this.buttons[btn.id] = btn;
-          });
+          _this2.buttons[btn.id] = btn;
+        });
 
-          this.$buttons.html(buttonsTpl(this));
-        }
+        this.$buttons.html(buttonsTpl(this));
+      }
 
-        return this;
-      },
+      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);
+    /**
+     * 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._install();
 
-          this.rendered = true;
-        }
+        this.rendered = true;
+      }
 
-        return this;
-      },
+      return this;
+    },
 
-      /**
-       * Shows the dialog box. Also renders if needed.
-       * @returns {dialog}
-       * @fires modal#opened.modal
-       */
-      show() {
-        if (!this.destroyed) {
-          if (!this.rendered) {
-            this.render();
-          } else {
-            this._open();
-          }
+    /**
+     * Shows the dialog box. Also renders if needed.
+     * @returns {dialog}
+     * @fires modal#opened.modal
+     */
+    show: function show() {
+      if (!this.destroyed) {
+        if (!this.rendered) {
+          this.render();
+        } else {
+          this._open();
         }
+      }
 
-        return this;
-      },
+      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();
+    /**
+     * 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();
-          }
+        if (this.autoDestroy) {
+          this.destroy();
         }
+      }
 
-        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;
+    },
 
-        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);
+      }
 
-      /**
-       * 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;
+    },
 
-        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);
+      }
 
-      /**
-       * 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 = [];
-          }
+      return this;
+    },
 
-          if (!_.isArray(extraParameters)) {
-            extraParameters = [extraParameters];
-          }
+    /**
+     * 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 = [];
+        }
 
-          extraParameters = Array.prototype.slice.call(extraParameters);
-          extraParameters.push(this);
-          this.$html.trigger(eventName, extraParameters);
+        if (!_.isArray(extraParameters)) {
+          extraParameters = [extraParameters];
         }
 
-        return this;
-      },
+        extraParameters = Array.prototype.slice.call(extraParameters);
+        extraParameters.push(this);
+        this.$html.trigger(eventName, extraParameters);
+      }
 
-      /**
-       * Gets the underlying DOM element
-       * @returns {jQuery}
-       */
-      getDom() {
-        return this.$html;
-      },
+      return this;
+    },
 
-      /**
-       * 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];
+    /**
+     * Gets the underlying DOM element
+     * @returns {jQuery}
+     */
+    getDom: function getDom() {
+      return this.$html;
+    },
 
-        if (btn) {
-          this._execute(btn);
-        }
-      },
+    /**
+     * 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]);
+      }
       /**
-       * Execute a button related action
-       * @param {Object} btn
-       * @private
-       * @fires dialog#[button.id]btn.modal
+       * Fires the event based on the button name
+       * @event dialog#[button.id]btn.modal
+       * @param {Object} btn - The related button
        */
-      _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
-         */
 
 
-        this.trigger(btn.id + 'btn' + _scope, [btn]); // auto close the dialog box if the button allows it
+      this.trigger(btn.id + 'btn' + _scope, [btn]); // auto close the dialog box if the button allows it
 
-        if (btn.close) {
-          this.hide();
-        }
-      },
+      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;
+    /**
+     * 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(), navigable => {
-            return navigable.getElement().is('[data-control="' + button + '"]');
-          });
-        }
+      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();
-        }
-      },
+      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);
-          } //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');
-        }
-      },
+    /**
+     * 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];
 
-      /**
-       * Opens the dialog box
-       * @private
-       */
-      _open() {
-        this.$html.modal('open');
-      },
+        if (closeButton) {
+          $items.push(closeButton);
+        } //creates the navigator to manage the key navigation
 
-      /**
-       * Closes the dialog box
-       * @private
-       */
-      _close() {
-        this.$html.modal('close');
-      },
 
-      /**
-       * Destroys the dialog box
-       * @private
-       */
-      _destroy() {
-        this.$html.modal('destroy');
+        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) {
+          var $elt = cursor.navigable.getElement();
 
-        if (this.navigator) {
-          this.navigator.destroy();
-        }
+          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
 
-        if (this.globalShortcut) {
-          this.globalShortcut.clear();
-        }
+        this.globalShortcut = shortcutRegistry($$1('body')).add('tab shift+tab', function () {
+          if (!_this3.navigator.isFocused()) {
+            _this3.navigator.focus();
+          }
+        });
+        this.trigger('create.dialog');
       }
+    },
 
-    };
     /**
-     * Builds a dialog box instance
-     * @param {Object} options
-     * @returns {dialog}
+     * Opens the dialog box
+     * @private
      */
+    _open: function _open() {
+      this.$html.modal('open');
+    },
 
-    function dialogFactory(options) {
-      const instance = Object.assign({}, dialog);
-      instance.init(options);
-      return instance;
-    }
+    /**
+     * 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();
+      }
 
-    return dialogFactory;
+      if (this.globalShortcut) {
+        this.globalShortcut.clear();
+      }
+    }
+  };
+  /**
+   * 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;
 
 });