@oat-sa/tao-core-ui 1.54.2 → 1.55.0

package/dist/dialog.js

@@ -24,24 +24,24 @@ define(['jquery', 'lodash', 'i18n', 'handlebars', 'lib/dompurify/purify', 'ui/ke
     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
+    /**
+     * 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*
+    /**
+     * 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) {
@@ -122,18 +122,18 @@ define(['jquery', 'lodash', 'i18n', 'handlebars', 'lib/dompurify/purify', 'ui/ke
   function program1(depth0,data) {
     
     var buffer = "", stack1, helper;
-    buffer += "\r\n        aria-labelledby=\"core/ui-dialog-heading-";
+    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)
-      + "\"\r\n    ";
+      + "\"\n    ";
     return buffer;
     }
 
   function program3(depth0,data) {
     
     var buffer = "", stack1, helper;
-    buffer += "\r\n        <h4 id=\"core/ui-dialog-heading-";
+    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)
@@ -141,36 +141,36 @@ define(['jquery', 'lodash', 'i18n', 'handlebars', 'lib/dompurify/purify', 'ui/ke
     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        ";
+      + "</h4>\n        ";
     return buffer;
     }
 
   function program5(depth0,data) {
     
     var buffer = "", stack1, helper;
-    buffer += "\r\n        <div class=\"content\">";
+    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>\r\n        ";
+    buffer += "</div>\n        ";
     return buffer;
     }
 
-    buffer += "<div\r\n    class=\"preview-modal-feedback modal ";
+    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)
-      + "\"\r\n    role=\"dialog\"\r\n    aria-modal=\"true\"\r\n    data-control=\"navigable-modal-body\"\r\n    ";
+      + "\"\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 += "\r\n    aria-describedby=\"core/ui-dialog-message-";
+    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)
-      + "\"\r\n>\r\n    <div class=\"modal-body clearfix\">\r\n        ";
+      + "\"\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 += "\r\n\r\n        <p id=\"core/ui-dialog-message-";
+    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)
@@ -178,10 +178,10 @@ define(['jquery', 'lodash', 'i18n', 'handlebars', 'lib/dompurify/purify', 'ui/ke
     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        ";
+    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 += "\r\n\r\n        <div class=\"buttons rgt\"></div>\r\n    </div>\r\n</div>\r\n";
+    buffer += "\n\n        <div class=\"buttons rgt\"></div>\n    </div>\n</div>\n";
     return buffer;
     });
   function bodyTpl(data, options, asString) {
@@ -201,7 +201,7 @@ define(['jquery', 'lodash', 'i18n', 'handlebars', 'lib/dompurify/purify', 'ui/ke
   function program1(depth0,data) {
     
     var buffer = "", stack1, helper;
-    buffer += "\r\n    <button class=\"btn-";
+    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)
@@ -213,14 +213,14 @@ define(['jquery', 'lodash', 'i18n', 'handlebars', 'lib/dompurify/purify', 'ui/ke
     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        ";
+      + "\" 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 += "\r\n        <span class=\"label\">";
+    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>\r\n    </button>\r\n";
+      + "</span>\n    </button>\n";
     return buffer;
     }
   function program2(depth0,data) {
@@ -236,7 +236,7 @@ define(['jquery', 'lodash', 'i18n', 'handlebars', 'lib/dompurify/purify', 'ui/ke
 
     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";
+    buffer += "\n";
     return buffer;
     });
   function buttonsTpl(data, options, asString) {
@@ -244,32 +244,32 @@ define(['jquery', 'lodash', 'i18n', 'handlebars', 'lib/dompurify/purify', 'ui/ke
     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 ;
+  /**
+   * 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}
+  /**
+   * The scope of events names
+   * @type {string}
    */
 
   var _scope = '.modal';
-  /**
-   * A list of predefined buttons
-   * @type {Object}
+  /**
+   * A list of predefined buttons
+   * @type {Object}
    */
 
   var _definedButtons = {
@@ -298,9 +298,9 @@ define(['jquery', 'lodash', 'i18n', 'handlebars', 'lib/dompurify/purify', 'ui/ke
       close: true
     }
   };
-  /**
-   * The defaults fields values
-   * @type {Object}
+  /**
+   * The defaults fields values
+   * @type {Object}
    */
 
   var _defaults = {
@@ -313,37 +313,37 @@ define(['jquery', 'lodash', 'i18n', 'handlebars', 'lib/dompurify/purify', 'ui/ke
     renderTo: 'body',
     buttons: 'cancel,ok'
   };
-  /**
-   * Define a dialog box
-   * @type {Object}
+  /**
+   * 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}
+    /**
+     * 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;
@@ -388,10 +388,10 @@ define(['jquery', 'lodash', 'i18n', 'handlebars', 'lib/dompurify/purify', 'ui/ke
       return this;
     },
 
-    /**
-     * Destroys the dialog box
-     * @returns {dialog}
-     * @fires dialog#destroy.modal
+    /**
+     * Destroys the dialog box
+     * @returns {dialog}
+     * @fires dialog#destroy.modal
      */
     destroy: function destroy() {
       if (!this.destroyed) {
@@ -411,10 +411,10 @@ define(['jquery', 'lodash', 'i18n', 'handlebars', 'lib/dompurify/purify', 'ui/ke
       return this;
     },
 
-    /**
-     * Set the action buttons
-     * @param {Object|Array|String} buttons
-     * @returns {dialog}
+    /**
+     * Set the action buttons
+     * @param {Object|Array|String} buttons
+     * @returns {dialog}
      */
     setButtons: function setButtons(buttons) {
       var _this2 = this;
@@ -457,11 +457,11 @@ define(['jquery', 'lodash', 'i18n', 'handlebars', 'lib/dompurify/purify', 'ui/ke
       return this;
     },
 
-    /**
-     * Renders and shows the dialog box
-     * @param {String|HTMLElement|jQuery} [to]
-     * @returns {dialog}
-     * @fires modal#create.modal
+    /**
+     * Renders and shows the dialog box
+     * @param {String|HTMLElement|jQuery} [to]
+     * @returns {dialog}
+     * @fires modal#create.modal
      */
     render: function render(to) {
       if (!this.destroyed) {
@@ -475,10 +475,10 @@ define(['jquery', 'lodash', 'i18n', 'handlebars', 'lib/dompurify/purify', 'ui/ke
       return this;
     },
 
-    /**
-     * Shows the dialog box. Also renders if needed.
-     * @returns {dialog}
-     * @fires modal#opened.modal
+    /**
+     * Shows the dialog box. Also renders if needed.
+     * @returns {dialog}
+     * @fires modal#opened.modal
      */
     show: function show() {
       if (!this.destroyed) {
@@ -492,10 +492,10 @@ define(['jquery', 'lodash', 'i18n', 'handlebars', 'lib/dompurify/purify', 'ui/ke
       return this;
     },
 
-    /**
-     * Hides the dialog box. Does nothing if the dialog box has not been rendered.
-     * @returns {dialog}
-     * @fires modal#closed.modal
+    /**
+     * 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) {
@@ -509,10 +509,10 @@ define(['jquery', 'lodash', 'i18n', 'handlebars', 'lib/dompurify/purify', 'ui/ke
       return this;
     },
 
-    /**
-     * Install an event handler on the underlying DOM element
-     * @param {String} eventName
-     * @returns {dialog}
+    /**
+     * Install an event handler on the underlying DOM element
+     * @param {String} eventName
+     * @returns {dialog}
      */
     on: function on(eventName) {
       if (this.$html) {
@@ -522,10 +522,10 @@ define(['jquery', 'lodash', 'i18n', 'handlebars', 'lib/dompurify/purify', 'ui/ke
       return this;
     },
 
-    /**
-     * Uninstall an event handler from the underlying DOM element
-     * @param {String} eventName
-     * @returns {dialog}
+    /**
+     * Uninstall an event handler from the underlying DOM element
+     * @param {String} eventName
+     * @returns {dialog}
      */
     off: function off(eventName) {
       if (this.$html) {
@@ -535,11 +535,11 @@ define(['jquery', 'lodash', 'i18n', 'handlebars', 'lib/dompurify/purify', 'ui/ke
       return this;
     },
 
-    /**
-     * Triggers an event on the underlying DOM element
-     * @param {String} eventName
-     * @param {Array|Object} extraParameters
-     * @returns {dialog}
+    /**
+     * 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) {
@@ -559,19 +559,19 @@ define(['jquery', 'lodash', 'i18n', 'handlebars', 'lib/dompurify/purify', 'ui/ke
       return this;
     },
 
-    /**
-     * Gets the underlying DOM element
-     * @returns {jQuery}
+    /**
+     * 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
+    /**
+     * 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');
@@ -583,21 +583,21 @@ define(['jquery', 'lodash', 'i18n', 'handlebars', 'lib/dompurify/purify', 'ui/ke
       }
     },
 
-    /**
-     * Execute a button related action
-     * @param {Object} btn
-     * @private
-     * @fires dialog#[button.id]btn.modal
+    /**
+     * 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
+      /**
+       * Fires the event based on the button name
+       * @event dialog#[button.id]btn.modal
+       * @param {Object} btn - The related button
        */
 
 
@@ -608,10 +608,10 @@ define(['jquery', 'lodash', 'i18n', 'handlebars', 'lib/dompurify/purify', 'ui/ke
       }
     },
 
-    /**
-     * 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.
+    /**
+     * 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;
@@ -629,10 +629,10 @@ define(['jquery', 'lodash', 'i18n', 'handlebars', 'lib/dompurify/purify', 'ui/ke
       }
     },
 
-    /**
-     * Installs the dialog box
-     * @private
-     * #fires dialog#create.dialog
+    /**
+     * Installs the dialog box
+     * @private
+     * #fires dialog#create.dialog
      */
     _install: function _install() {
       var _this3 = this;
@@ -705,25 +705,25 @@ define(['jquery', 'lodash', 'i18n', 'handlebars', 'lib/dompurify/purify', 'ui/ke
       }
     },
 
-    /**
-     * Opens the dialog box
-     * @private
+    /**
+     * Opens the dialog box
+     * @private
      */
     _open: function _open() {
       this.$html.modal('open');
     },
 
-    /**
-     * Closes the dialog box
-     * @private
+    /**
+     * Closes the dialog box
+     * @private
      */
     _close: function _close() {
       this.$html.modal('close');
     },
 
-    /**
-     * Destroys the dialog box
-     * @private
+    /**
+     * Destroys the dialog box
+     * @private
      */
     _destroy: function _destroy() {
       this.$html.modal('destroy');
@@ -737,10 +737,10 @@ define(['jquery', 'lodash', 'i18n', 'handlebars', 'lib/dompurify/purify', 'ui/ke
       }
     }
   };
-  /**
-   * Builds a dialog box instance
-   * @param {Object} options
-   * @returns {dialog}
+  /**
+   * Builds a dialog box instance
+   * @param {Object} options
+   * @returns {dialog}
    */
 
   function dialogFactory(options) {