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

package/dist/dynamicComponent.js

@@ -27,24 +27,24 @@ define(['jquery', 'lodash', 'interact', 'ui/component', 'ui/component/stackable'
     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) {
@@ -125,24 +125,24 @@ define(['jquery', 'lodash', 'interact', 'ui/component', 'ui/component/stackable'
   function program1(depth0,data) {
     
     
-    return "\r\n        <div class=\"dynamic-component-layer\"></div>\r\n        ";
+    return "\n        <div class=\"dynamic-component-layer\"></div>\n        ";
     }
 
   function program3(depth0,data) {
     
     
-    return "\r\n    <div class=\"dynamic-component-resize-container\">\r\n        <div class=\"dynamic-component-resize-wrapper\">\r\n            <div class=\"dynamic-component-resize\"></div>\r\n        </div>\r\n    </div>\r\n    ";
+    return "\n    <div class=\"dynamic-component-resize-container\">\n        <div class=\"dynamic-component-resize-wrapper\">\n            <div class=\"dynamic-component-resize\"></div>\n        </div>\n    </div>\n    ";
     }
 
-    buffer += "<div class=\"dynamic-component-container\">\r\n    <div class=\"dynamic-component-title-bar\">\r\n        <i class=\"title-bar-icon\"></i>\r\n        <a title=\""
+    buffer += "<div class=\"dynamic-component-container\">\n    <div class=\"dynamic-component-title-bar\">\n        <i class=\"title-bar-icon\"></i>\n        <a title=\""
       + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Close", options) : helperMissing.call(depth0, "__", "Close", options)))
-      + "\" class=\"closer\" href=\"#\"></a>\r\n    </div>\r\n    <div class=\"dynamic-component-content\">\r\n        ";
+      + "\" class=\"closer\" href=\"#\"></a>\n    </div>\n    <div class=\"dynamic-component-content\">\n        ";
     stack1 = helpers['if'].call(depth0, (depth0 && depth0.draggableContainer), {hash:{},inverse:self.noop,fn:self.program(1, program1, data),data:data});
     if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += "\r\n    </div>\r\n    ";
+    buffer += "\n    </div>\n    ";
     stack1 = helpers['if'].call(depth0, (depth0 && depth0.resizable), {hash:{},inverse:self.noop,fn:self.program(3, program3, data),data:data});
     if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += "\r\n</div>";
+    buffer += "\n</div>";
     return buffer;
     });
   function layoutTpl(data, options, asString) {
@@ -150,22 +150,22 @@ define(['jquery', 'lodash', 'interact', 'ui/component', 'ui/component/stackable'
     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) 2016-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) 2016-2019 (original work) Open Assessment Technologies SA ;
    */
   var _defaults = {
     resizable: true,
@@ -184,23 +184,23 @@ define(['jquery', 'lodash', 'interact', 'ui/component', 'ui/component/stackable'
     left: 0,
     proportionalResize: false
   };
-  /**
-   * Defines a dynamicComponent
-   * @typedef {Object} dynamicComponent
+  /**
+   * Defines a dynamicComponent
+   * @typedef {Object} dynamicComponent
    */
 
   var dynamicComponent = {
-    /**
-     * Reset the position and the size
-     * @returns {dynamicComponent} chains
-     * @fires dynamicComponent#reset
+    /**
+     * Reset the position and the size
+     * @returns {dynamicComponent} chains
+     * @fires dynamicComponent#reset
      */
     reset: function reset() {
       if (this.is('rendered') && !this.is('disabled')) {
         this.resetPosition();
         this.resetSize();
-        /**
-         * @event dynamicComponent#reset
+        /**
+         * @event dynamicComponent#reset
          */
 
         this.trigger('reset');
@@ -209,10 +209,10 @@ define(['jquery', 'lodash', 'interact', 'ui/component', 'ui/component/stackable'
       return this;
     },
 
-    /**
-     * Reset the component position to it's original value
-     * @returns {dynamicComponent} chains
-     * @fires dynamicComponent#move
+    /**
+     * Reset the component position to it's original value
+     * @returns {dynamicComponent} chains
+     * @fires dynamicComponent#move
      */
     resetPosition: function resetPosition() {
       var $element = this.getElement();
@@ -224,9 +224,9 @@ define(['jquery', 'lodash', 'interact', 'ui/component', 'ui/component/stackable'
           left: this.config.left,
           top: this.config.top
         });
-        /**
-         * @event dynamicComponent#move
-         * @param {Object} position - the new positions
+        /**
+         * @event dynamicComponent#move
+         * @param {Object} position - the new positions
          */
 
         this.trigger('move', this.position);
@@ -235,8 +235,8 @@ define(['jquery', 'lodash', 'interact', 'ui/component', 'ui/component/stackable'
       return this;
     },
 
-    /**
-     * compute x/y coords of the component according to the start position and the dragged offset
+    /**
+     * compute x/y coords of the component according to the start position and the dragged offset
      */
     setCoords: function setCoords() {
       var $element = this.getElement(); // fixme: attributes data-x and data-y are added by interactUtils.
@@ -246,12 +246,12 @@ define(['jquery', 'lodash', 'interact', 'ui/component', 'ui/component/stackable'
       this.position.y = parseFloat($element.attr('data-y')) + this.config.top;
     },
 
-    /**
-     * Sets the size of the content, and adapts the component's size accordingly.
-     * @param {Number} width - The width of the content, the full width of the component will be adjusted.
-     * @param {Number} height - The height of the content, the full height of the component will be adjusted.
-     * @returns {dynamicComponent} chains
-     * @fires dynamicComponent#resize
+    /**
+     * Sets the size of the content, and adapts the component's size accordingly.
+     * @param {Number} width - The width of the content, the full width of the component will be adjusted.
+     * @param {Number} height - The height of the content, the full height of the component will be adjusted.
+     * @returns {dynamicComponent} chains
+     * @fires dynamicComponent#resize
      */
     setContentSize: function setContentSize(width, height) {
       var $element, $titleBar;
@@ -267,10 +267,10 @@ define(['jquery', 'lodash', 'interact', 'ui/component', 'ui/component/stackable'
       return this;
     },
 
-    /**
-     * Reset the component size to it's original value
-     * @returns {dynamicComponent} chains
-     * @fires dynamicComponent#resize
+    /**
+     * Reset the component size to it's original value
+     * @returns {dynamicComponent} chains
+     * @fires dynamicComponent#resize
      */
     resetSize: function resetSize() {
       var self = this;
@@ -296,9 +296,9 @@ define(['jquery', 'lodash', 'interact', 'ui/component', 'ui/component/stackable'
             width: self.position.contentWidth + 'px',
             height: self.position.contentHeight + 'px'
           });
-          /**
-           * @event dynamicComponent#resize
-           * @param {Object} position - the new positions
+          /**
+           * @event dynamicComponent#resize
+           * @param {Object} position - the new positions
            */
 
           self.trigger('resize', self.position);
@@ -308,30 +308,30 @@ define(['jquery', 'lodash', 'interact', 'ui/component', 'ui/component/stackable'
       return this;
     }
   };
-  /**
-   * Builds an instance of the dynamic component
-   * @param {Object} specs - extra functions to extend the component
-   * @param {Object} defaults
-   * @param {jQuery|HTMLElement|String} [defaults.renderTo] - An optional container in which renders the component
-   * @param {Boolean} [defaults.replace] - When the component is appended to its container, clears the place before
-   * @param {String} [defaults.title] - title to be displayed in the title bar
-   * @param {Boolean} [defaults.resizable] - allow the component to be resizable
-   * @param {Boolean} [defaults.draggable] - allow the component to be draggable
-   * @param {Number} [defaults.width] - the initial width of the component content
-   * @param {Number} [defaults.height] - the intial height of the component content
-   * @param {Number} [defaults.minWidth] - the min width for resize
-   * @param {Number} [defaults.minHeight] - the min height for resize
-   * @param {Number} [defaults.maxWidth] - the max width for resize
-   * @param {Number} [defaults.maxHeight] - the max height for resize
-   * @param {Number} [defaults.largeWidthThreshold] - the width below which the container will get the class "small"
-   * @param {Number} [defaults.smallWidthThreshold] - the width above which the container will get the class "large"
-   * @param {Boolean} [defaults.preserveAspectRatio] - preserve ratio on resize
-   * @param {jQuery|HTMLElement|String} [defaults.draggableContainer] - the DOMElement the draggable/resizable component will be constraint in
-   * @param {Number} [defaults.top] - the initial position top absolute to the relative positioned container
-   * @param {Number} [defaults.left] - the initial position left absolute to the relative positioned container
-   * @param {Number} [defaults.stackingScope] - in which scope to stack the component
-   * @param {Boolean} [defaults.proportionalResize] - resize proportionally in both dimensions
-   * @returns {component}
+  /**
+   * Builds an instance of the dynamic component
+   * @param {Object} specs - extra functions to extend the component
+   * @param {Object} defaults
+   * @param {jQuery|HTMLElement|String} [defaults.renderTo] - An optional container in which renders the component
+   * @param {Boolean} [defaults.replace] - When the component is appended to its container, clears the place before
+   * @param {String} [defaults.title] - title to be displayed in the title bar
+   * @param {Boolean} [defaults.resizable] - allow the component to be resizable
+   * @param {Boolean} [defaults.draggable] - allow the component to be draggable
+   * @param {Number} [defaults.width] - the initial width of the component content
+   * @param {Number} [defaults.height] - the intial height of the component content
+   * @param {Number} [defaults.minWidth] - the min width for resize
+   * @param {Number} [defaults.minHeight] - the min height for resize
+   * @param {Number} [defaults.maxWidth] - the max width for resize
+   * @param {Number} [defaults.maxHeight] - the max height for resize
+   * @param {Number} [defaults.largeWidthThreshold] - the width below which the container will get the class "small"
+   * @param {Number} [defaults.smallWidthThreshold] - the width above which the container will get the class "large"
+   * @param {Boolean} [defaults.preserveAspectRatio] - preserve ratio on resize
+   * @param {jQuery|HTMLElement|String} [defaults.draggableContainer] - the DOMElement the draggable/resizable component will be constraint in
+   * @param {Number} [defaults.top] - the initial position top absolute to the relative positioned container
+   * @param {Number} [defaults.left] - the initial position left absolute to the relative positioned container
+   * @param {Number} [defaults.stackingScope] - in which scope to stack the component
+   * @param {Boolean} [defaults.proportionalResize] - resize proportionally in both dimensions
+   * @returns {component}
    */
 
   var dynComponentFactory = function dynComponentFactory(specs, defaults) {
@@ -372,10 +372,10 @@ define(['jquery', 'lodash', 'interact', 'ui/component', 'ui/component/stackable'
         e.preventDefault();
         self.resetSize();
       });
-      /**
-       * Init the component content
-       * @event dynamicComponent#rendercontent
-       * @param {jQueryElement} $content - the rendered content
+      /**
+       * Init the component content
+       * @event dynamicComponent#rendercontent
+       * @param {jQueryElement} $content - the rendered content
        */
 
       this.trigger('rendercontent', $content); //make the dynamic-component draggable + resizable
@@ -545,10 +545,10 @@ define(['jquery', 'lodash', 'interact', 'ui/component', 'ui/component/stackable'
 
         return $$1(draggableContainer);
       }
-      /**
-       * Callback for on move event
-       * @param {Number} x
-       * @param {Number} y
+      /**
+       * Callback for on move event
+       * @param {Number} x
+       * @param {Number} y
        */
 
 
@@ -557,13 +557,13 @@ define(['jquery', 'lodash', 'interact', 'ui/component', 'ui/component/stackable'
         self.setCoords();
         self.trigger('move', self.position);
       }
-      /**
-       * Callback for on resize event
-       * @param {Number} width
-       * @param {Number} height
-       * @param {Number} x
-       * @param {Number} y
-       * @param {Boolean} updateElementOffset - force element to be moved to provided coords
+      /**
+       * Callback for on resize event
+       * @param {Number} width
+       * @param {Number} height
+       * @param {Number} x
+       * @param {Number} y
+       * @param {Boolean} updateElementOffset - force element to be moved to provided coords
        */
 
 
@@ -619,12 +619,12 @@ define(['jquery', 'lodash', 'interact', 'ui/component', 'ui/component/stackable'
           });
         }
       }
-      /**
-       * check if given side of dynamic component is overlapping the container and calculate size of that side
-       * @param {Number} side - side value of the component to check and calculate, cold be height or width
-       * @param {Number} elOffset - offset value towards child to parent container
-       * @param {Number} parentOffset - offset value towards parent container to its ancestor
-       * @returns {Number|null} - new width or height values for the side of the component or null if there is no overlap between it and container
+      /**
+       * check if given side of dynamic component is overlapping the container and calculate size of that side
+       * @param {Number} side - side value of the component to check and calculate, cold be height or width
+       * @param {Number} elOffset - offset value towards child to parent container
+       * @param {Number} parentOffset - offset value towards parent container to its ancestor
+       * @returns {Number|null} - new width or height values for the side of the component or null if there is no overlap between it and container
        */
 
 
@@ -643,11 +643,11 @@ define(['jquery', 'lodash', 'interact', 'ui/component', 'ui/component/stackable'
 
         return result;
       }
-      /**
-       * calculates size of the dynamic component compared to  configured max/min values and scale rate coefficient applied
-       * @param {Number} width - width of the component at the moment of resizing
-       * @param {Number} height -  height of the component at the moment of resizing
-       * @returns {width,height} - object with adjusted weight and height
+      /**
+       * calculates size of the dynamic component compared to  configured max/min values and scale rate coefficient applied
+       * @param {Number} width - width of the component at the moment of resizing
+       * @param {Number} height -  height of the component at the moment of resizing
+       * @returns {width,height} - object with adjusted weight and height
        */
 
 

package/dist/feedback.js

@@ -25,24 +25,24 @@ define(['jquery', 'lodash', 'core/format', 'ui/component', 'util/wrapLongWords',
     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) {
@@ -137,16 +137,16 @@ define(['jquery', 'lodash', 'core/format', 'ui/component', 'util/wrapLongWords',
       + " ";
     stack1 = helpers['if'].call(depth0, (depth0 && depth0.popup), {hash:{},inverse:self.noop,fn:self.program(1, program1, data),data:data});
     if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += "\" role=\"alert\" >\r\n    <span class=\"icon-";
+    buffer += "\" role=\"alert\" >\n    <span class=\"icon-";
     if (helper = helpers.level) { stack1 = helper.call(depth0, {hash:{},data:data}); }
     else { helper = (depth0 && depth0.level); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
     buffer += escapeExpression(stack1)
-      + "\"></span>\r\n    <div>\r\n        ";
+      + "\"></span>\n    <div>\n        ";
     stack1 = (helper = helpers.dompurify || (depth0 && depth0.dompurify),options={hash:{},data:data},helper ? helper.call(depth0, (depth0 && depth0.msg), options) : helperMissing.call(depth0, "dompurify", (depth0 && depth0.msg), options));
     if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += "\r\n    </div>\r\n    <span title=\""
+    buffer += "\n    </div>\n    <span title=\""
       + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Close message", options) : helperMissing.call(depth0, "__", "Close message", options)))
-      + "\" class=\"icon-close\" data-close=\":parent .feedback\" role=\"button\" tabindex=\"0\"></span>\r\n</div>\r\n";
+      + "\" class=\"icon-close\" data-close=\":parent .feedback\" role=\"button\" tabindex=\"0\"></span>\n</div>\n";
     return buffer;
     });
   function tpl(data, options, asString) {
@@ -154,23 +154,23 @@ define(['jquery', 'lodash', 'core/format', 'ui/component', 'util/wrapLongWords',
     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-2020 (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-2020 (original work) Open Assessment Technologies SA ;
+   *
    */
 
   var defaultContainerSelector = '#feedback-box'; //keep a reference to ALL alive feedback
@@ -195,18 +195,18 @@ define(['jquery', 'lodash', 'core/format', 'ui/component', 'util/wrapLongWords',
     //change the display (absolute or in the flow)
     popup: true
   };
-  /**
-   * Creates a feedback object.
-   *
-   * @exports ui/feedback
-   * @param {jQUeryElement} [$container] - only to specify another container
-   * @param {Object} [config] - change the config
-   * @param {Object|Number} [config.timeout] - either one for every level or per level timeout in ms
-   * @param {Number} [config.wrapLongWordsAfter] - add a space in the middle of very long word to enable wrap lines
-   * @param {Boolean} [config.encodeHtml] - weither the message is html encoded
-   * @param {Boolean} [config.popup] - displays the message as a popup or in the flow
-   * @returns {feedback} the feedback object
-   * @throws {TypeError} without a container
+  /**
+   * Creates a feedback object.
+   *
+   * @exports ui/feedback
+   * @param {jQUeryElement} [$container] - only to specify another container
+   * @param {Object} [config] - change the config
+   * @param {Object|Number} [config.timeout] - either one for every level or per level timeout in ms
+   * @param {Number} [config.wrapLongWordsAfter] - add a space in the middle of very long word to enable wrap lines
+   * @param {Boolean} [config.encodeHtml] - weither the message is html encoded
+   * @param {Boolean} [config.popup] - displays the message as a popup or in the flow
+   * @returns {feedback} the feedback object
+   * @throws {TypeError} without a container
    */
 
   var feedbackFactory = function feedbackFactory($container, config) {
@@ -221,19 +221,19 @@ define(['jquery', 'lodash', 'core/format', 'ui/component', 'util/wrapLongWords',
     if (!$container.length) {
       throw new TypeError('The feedback needs to belong to an existing container');
     }
-    /**
-     * @typedef {Object} feedback - the feedback component
+    /**
+     * @typedef {Object} feedback - the feedback component
      */
 
 
     feedback = component({
-      /**
-       * Creates a message, not displayed.
-       * @param {String} [level = 'info'] - the message level
-       * @param {String} msg - the message to display
-       * @param {Array} [params] - parameters for the message format (%s,%d,%j)
-       * @param {Object} [options] - specify the config
-       * @returns {feedback} chains
+      /**
+       * Creates a message, not displayed.
+       * @param {String} [level = 'info'] - the message level
+       * @param {String} msg - the message to display
+       * @param {Array} [params] - parameters for the message format (%s,%d,%j)
+       * @param {Object} [options] - specify the config
+       * @returns {feedback} chains
        */
       message: function message(level, msg, params, options) {
         var displayedMessage = msg;
@@ -269,65 +269,65 @@ define(['jquery', 'lodash', 'core/format', 'ui/component', 'util/wrapLongWords',
         return this;
       },
 
-      /**
-       * Opens an info message
-       * @param {String} msg - the message to display
-       * @param {Array} [params] - parameters for the message format (%s,%d,%j)
-       * @param {Object} [options] - specify the config
-       * @returns {feedback} chains
+      /**
+       * Opens an info message
+       * @param {String} msg - the message to display
+       * @param {Array} [params] - parameters for the message format (%s,%d,%j)
+       * @param {Object} [options] - specify the config
+       * @returns {feedback} chains
        */
       info: function info(msg, params, options) {
         return this.message('info', msg, params, options).open();
       },
 
-      /**
-       * Opens an success message
-       * @param {String} msg - the message to display
-       * @param {Array} [params] - parameters for the message format (%s,%d,%j)
-       * @param {Object} [options] - specify the config
-       * @returns {feedback} chains
+      /**
+       * Opens an success message
+       * @param {String} msg - the message to display
+       * @param {Array} [params] - parameters for the message format (%s,%d,%j)
+       * @param {Object} [options] - specify the config
+       * @returns {feedback} chains
        */
       success: function success(msg, params, options) {
         return this.message('success', msg, params, options).open();
       },
 
-      /**
-       * Opens an warning message
-       * @param {String} msg - the message to display
-       * @param {Array} [params] - parameters for the message format (%s,%d,%j)
-       * @param {Object} [options] - specify the config
-       * @returns {feedback} chains
+      /**
+       * Opens an warning message
+       * @param {String} msg - the message to display
+       * @param {Array} [params] - parameters for the message format (%s,%d,%j)
+       * @param {Object} [options] - specify the config
+       * @returns {feedback} chains
        */
       warning: function warning(msg, params, options) {
         return this.message('warning', msg, params, options).open();
       },
 
-      /**
-       * Opens an danger message
-       * @param {String} msg - the message to display
-       * @param {Array} [params] - parameters for the message format (%s,%d,%j)
-       * @param {Object} [options] - specify the config
-       * @returns {feedback} chains
+      /**
+       * Opens an danger message
+       * @param {String} msg - the message to display
+       * @param {Array} [params] - parameters for the message format (%s,%d,%j)
+       * @param {Object} [options] - specify the config
+       * @returns {feedback} chains
        */
       danger: function danger(msg, params, options) {
         return this.message('danger', msg, params, options).open();
       },
 
-      /**
-       * Opens an error message
-       * @param {String} msg - the message to display
-       * @param {Array} [params] - parameters for the message format (%s,%d,%j)
-       * @param {Object} [options] - specify the config
-       * @returns {feedback} chains
+      /**
+       * Opens an error message
+       * @param {String} msg - the message to display
+       * @param {Array} [params] - parameters for the message format (%s,%d,%j)
+       * @param {Object} [options] - specify the config
+       * @returns {feedback} chains
        */
       error: function error(msg, params, options) {
         return this.message('error', msg, params, options).open();
       },
 
-      /**
-       * Opens the message (and close previous one)
-       * ! Method kept for backward compat with previous version !
-       * @returns {feedback} chains
+      /**
+       * Opens the message (and close previous one)
+       * ! Method kept for backward compat with previous version !
+       * @returns {feedback} chains
        */
       open: function open() {
         //close others
@@ -337,10 +337,10 @@ define(['jquery', 'lodash', 'core/format', 'ui/component', 'util/wrapLongWords',
         return this.display();
       },
 
-      /**
-       * Closes the message
-       * ! Method kept for backward compat with previous version !
-       * @returns {feedback} chains
+      /**
+       * Closes the message
+       * ! Method kept for backward compat with previous version !
+       * @returns {feedback} chains
        */
       close: function close() {
         if (this.is('rendered')) {
@@ -348,10 +348,10 @@ define(['jquery', 'lodash', 'core/format', 'ui/component', 'util/wrapLongWords',
         }
       },
 
-      /**
-       * Displays the message (does the render)
-       * ! Method kept for backward compat with previous version !
-       * @returns {feedback} chains
+      /**
+       * Displays the message (does the render)
+       * ! Method kept for backward compat with previous version !
+       * @returns {feedback} chains
        */
       display: function display() {
         if (this.is('rendered')) {