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

package/dist/progressbar.js

@@ -4,11 +4,11 @@ define(['jquery', 'lodash', 'core/pluginifier'], function ($, _, Pluginifier) {
     _ = _ && Object.prototype.hasOwnProperty.call(_, 'default') ? _['default'] : _;
     Pluginifier = Pluginifier && Object.prototype.hasOwnProperty.call(Pluginifier, 'default') ? Pluginifier['default'] : Pluginifier;
 
-    /**
-     * @author Bertrand Chevrier <bertrand@taotesting.com>
-     * @requires jquery
-     * @requires lodash
-     * @requires core/pluginifier
+    /**
+     * @author Bertrand Chevrier <bertrand@taotesting.com>
+     * @requires jquery
+     * @requires lodash
+     * @requires core/pluginifier
      */
     var ns = 'progressbar';
     var dataNs = 'ui.' + ns;
@@ -18,25 +18,25 @@ define(['jquery', 'lodash', 'core/pluginifier'], function ($, _, Pluginifier) {
       value: 0,
       showProgress: false
     };
-    /**
-     * The Progressbar component.
-     * @exports ui/progressbar
+    /**
+     * The Progressbar component.
+     * @exports ui/progressbar
      */
 
     var progressBar = {
-      /**
-       * Initialize the plugin.
-       *
-       * Called the jQuery way once registered by the Pluginifier.
-       * @example $('selector').progressbar({ value : 15 });
-       *
-       * @constructor
-       * @param {Object} [options] - the plugin options
-       * @param {Number} [options.value] - the progress value in %
-       * @param {String} [options.style = 'info'] - the progress bar style in info, success, warning, error
-       *
-       * @fires progressBar#create.progressbar
-       * @returns {jQueryElement} for chaining
+      /**
+       * Initialize the plugin.
+       *
+       * Called the jQuery way once registered by the Pluginifier.
+       * @example $('selector').progressbar({ value : 15 });
+       *
+       * @constructor
+       * @param {Object} [options] - the plugin options
+       * @param {Number} [options.value] - the progress value in %
+       * @param {String} [options.style = 'info'] - the progress bar style in info, success, warning, error
+       *
+       * @fires progressBar#create.progressbar
+       * @returns {jQueryElement} for chaining
        */
       init: function init(options) {
         options = _.defaults(options || {}, defaults);
@@ -56,9 +56,9 @@ define(['jquery', 'lodash', 'core/pluginifier'], function ($, _, Pluginifier) {
             }
 
             $elt.addClass('progressbar').addClass(options.style).empty().append($pgElt);
-            /**
-             * The plugin have been created.
-             * @event progressBar#create.progressbar
+            /**
+             * The plugin have been created.
+             * @event progressBar#create.progressbar
              */
 
             $elt.trigger('create.' + ns);
@@ -66,17 +66,17 @@ define(['jquery', 'lodash', 'core/pluginifier'], function ($, _, Pluginifier) {
         });
       },
 
-      /**
-       * Trigger the progress value
-       *
-       * Called the jQuery way once registered by the Pluginifier.
-       *
-       * @example $('selector').progressbar('update', 50);
-       *
-       * @param {jQueryElement} $elt - plugin's element
-       * @param {Number} value - the new value
-       *
-       * @fires progressBar#update.progressbar
+      /**
+       * Trigger the progress value
+       *
+       * Called the jQuery way once registered by the Pluginifier.
+       *
+       * @example $('selector').progressbar('update', 50);
+       *
+       * @param {jQueryElement} $elt - plugin's element
+       * @param {Number} value - the new value
+       *
+       * @fires progressBar#update.progressbar
        */
       _update: function _update($elt, value) {
         var options = $elt.data(dataNs);
@@ -94,25 +94,25 @@ define(['jquery', 'lodash', 'core/pluginifier'], function ($, _, Pluginifier) {
 
           options.value = value;
           $elt.data(dataNs, options);
-          /**
-           * The progress value has been updated
-           * @event progressBar#create.progressbar
+          /**
+           * The progress value has been updated
+           * @event progressBar#create.progressbar
            */
 
           $elt.trigger('update.' + ns, value);
         }
       },
 
-      /**
-       * Get/Set the value
-       *
-       * Called the jQuery way once registered by the Pluginifier.
-       *
-       * @example var value = $('selector').progressbar('value');
-       *
-       * @param {jQueryElement} $elt - plugin's element
-       * @param {Number} [value] - the new value in setter mode only
-       * @returns {Number} the value in getter mode
+      /**
+       * Get/Set the value
+       *
+       * Called the jQuery way once registered by the Pluginifier.
+       *
+       * @example var value = $('selector').progressbar('value');
+       *
+       * @param {jQueryElement} $elt - plugin's element
+       * @param {Number} [value] - the new value in setter mode only
+       * @returns {Number} the value in getter mode
        */
       _value: function _value($elt, value) {
         var options = $elt.data(dataNs);
@@ -124,13 +124,13 @@ define(['jquery', 'lodash', 'core/pluginifier'], function ($, _, Pluginifier) {
         return options.value;
       },
 
-      /**
-       * Destroy completely the plugin.
-       *
-       * Called the jQuery way once registered by the Pluginifier.
-       * @example $('selector').progressbar('destroy');
-       *
-       * @fires progressBar#destroy.progressbar
+      /**
+       * Destroy completely the plugin.
+       *
+       * Called the jQuery way once registered by the Pluginifier.
+       * @example $('selector').progressbar('destroy');
+       *
+       * @fires progressBar#destroy.progressbar
        */
       destroy: function destroy() {
         return this.each(function () {
@@ -139,9 +139,9 @@ define(['jquery', 'lodash', 'core/pluginifier'], function ($, _, Pluginifier) {
 
           if (options) {
             $elt.removeClass('progressbar').empty().removeData(dataNs);
-            /**
-             * The plugin have been destroyed.
-             * @event progressBar#destroy.progressbar
+            /**
+             * The plugin have been destroyed.
+             * @event progressBar#destroy.progressbar
              */
 
             $elt.trigger('destroy.' + ns);

package/dist/report.js

@@ -22,24 +22,24 @@ define(['jquery', 'lodash', 'ui/component', 'handlebars', 'i18n', 'lib/dompurify
     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) {
@@ -126,25 +126,25 @@ define(['jquery', 'lodash', 'ui/component', 'handlebars', 'i18n', 'lib/dompurify
   function program3(depth0,data) {
     
     var buffer = "", helper, options;
-    buffer += "\r\n    <label class=\"fold pseudo-label-box\">\r\n        <span class=\"check-txt hide\">"
+    buffer += "\n    <label class=\"fold pseudo-label-box\">\n        <span class=\"check-txt hide\">"
       + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Hide detailed report", options) : helperMissing.call(depth0, "__", "Hide detailed report", options)))
-      + "</span>\r\n        <span class=\"check-txt show\">"
+      + "</span>\n        <span class=\"check-txt show\">"
       + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Show detailed report", options) : helperMissing.call(depth0, "__", "Show detailed report", options)))
-      + "</span>\r\n        <input type=\"checkbox\"/>\r\n        <span class=\"icon-checkbox\"></span>\r\n    </label>\r\n    ";
+      + "</span>\n        <input type=\"checkbox\"/>\n        <span class=\"icon-checkbox\"></span>\n    </label>\n    ";
     return buffer;
     }
 
     buffer += "<div class=\"component-report";
     stack1 = helpers['if'].call(depth0, (depth0 && depth0.noBorder), {hash:{},inverse:self.noop,fn:self.program(1, program1, data),data:data});
     if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += "\">\r\n    ";
+    buffer += "\">\n    ";
     stack1 = helpers['if'].call(depth0, (depth0 && depth0.detailsButtonVisible), {hash:{},inverse:self.noop,fn:self.program(3, program3, data),data:data});
     if(stack1 || stack1 === 0) { buffer += stack1; }
-    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; }
     buffer += escapeExpression(stack1)
-      + "</div>\r\n</div>";
+      + "</div>\n</div>";
     return buffer;
     });
   function layoutTpl(data, options, asString) {
@@ -182,17 +182,17 @@ define(['jquery', 'lodash', 'ui/component', 'handlebars', 'i18n', 'lib/dompurify
   function program7(depth0,data) {
     
     var buffer = "", stack1;
-    buffer += "\r\n        ";
+    buffer += "\n        ";
     stack1 = (typeof depth0 === functionType ? depth0.apply(depth0) : depth0);
     if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += "\r\n    ";
+    buffer += "\n    ";
     return buffer;
     }
 
   function program9(depth0,data) {
     
     var buffer = "", stack1, helper;
-    buffer += "\r\n        <button data-trigger=\"";
+    buffer += "\n        <button data-trigger=\"";
     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)
@@ -208,7 +208,7 @@ define(['jquery', 'lodash', 'ui/component', 'handlebars', 'i18n', 'lib/dompurify
     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)
-      + "</button>\r\n        ";
+      + "</button>\n        ";
     return buffer;
     }
 
@@ -219,22 +219,22 @@ define(['jquery', 'lodash', 'ui/component', 'handlebars', 'i18n', 'lib/dompurify
       + " ";
     stack1 = helpers['if'].call(depth0, (depth0 && depth0.hasChildren), {hash:{},inverse:self.program(3, program3, data),fn:self.program(1, program1, data),data:data});
     if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += "\">\r\n    <span class=\"icon-";
+    buffer += "\">\n    <span class=\"icon-";
     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);
     stack1 = helpers['if'].call(depth0, (depth0 && depth0.hasChildren), {hash:{},inverse:self.noop,fn:self.program(5, program5, data),data:data});
     if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += "\"></span>\r\n    <div class=\"message\">";
+    buffer += "\"></span>\n    <div class=\"message\">";
     stack1 = (helper = helpers.dompurify || (depth0 && depth0.dompurify),options={hash:{},data:data},helper ? helper.call(depth0, (depth0 && depth0.message), options) : helperMissing.call(depth0, "dompurify", (depth0 && depth0.message), options));
     if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += "</div>\r\n    ";
+    buffer += "</div>\n    ";
     stack1 = helpers.each.call(depth0, (depth0 && depth0.children), {hash:{},inverse:self.noop,fn:self.program(7, program7, data),data:data});
     if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += "\r\n    <div class=\"actions\">\r\n        ";
+    buffer += "\n    <div class=\"actions\">\n        ";
     stack1 = helpers.each.call(depth0, (depth0 && depth0.actions), {hash:{},inverse:self.noop,fn:self.program(9, program9, data),data:data});
     if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += "\r\n    </div>\r\n</div>";
+    buffer += "\n    </div>\n</div>";
     return buffer;
     });
   function feedbackTpl(data, options, asString) {
@@ -242,43 +242,43 @@ define(['jquery', 'lodash', 'ui/component', 'handlebars', 'i18n', 'lib/dompurify
     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) 2017 (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) 2017 (original work) Open Assessment Technologies SA ;
    */
   var _defaults = {
     showDetailsButton: true,
     actions: []
   };
-  /**
-   * Array of authorized report types
-   * @type {Array}
+  /**
+   * Array of authorized report types
+   * @type {Array}
    */
 
   var authorizedTypes = ['success', 'info', 'warning', 'error'];
-  /**
-   * Recursive function to render report messages
-   *
-   * @private
-   * @param {Object} data - a standard report object sent by the backend
-   * @param {String} data.type - the error type
-   * @param {String} data.message - the feedback message
-   * @param {Array} [data.children] - children report object
-   * @param {Array} [actions] - the actions buttons to be added, only for the first level of the hierarchy
-   * @returns {*}
+  /**
+   * Recursive function to render report messages
+   *
+   * @private
+   * @param {Object} data - a standard report object sent by the backend
+   * @param {String} data.type - the error type
+   * @param {String} data.message - the feedback message
+   * @param {Array} [data.children] - children report object
+   * @param {Array} [actions] - the actions buttons to be added, only for the first level of the hierarchy
+   * @returns {*}
    */
 
   var _renderFeebacks = function _renderFeebacks(data, actions) {
@@ -301,19 +301,19 @@ define(['jquery', 'lodash', 'ui/component', 'handlebars', 'i18n', 'lib/dompurify
   };
 
   var report = {
-    /**
-     * Check if the details of the report are currently visible
-     * @returns {Boolean}
+    /**
+     * Check if the details of the report are currently visible
+     * @returns {Boolean}
      */
     isDetailed: function isDetailed() {
       return this.is('detailed');
     },
 
-    /**
-     * Show the report details
-     *
-     * @returns {this}
-     * @fires reportComponent#showDetails
+    /**
+     * Show the report details
+     *
+     * @returns {this}
+     * @fires reportComponent#showDetails
      */
     showDetails: function showDetails() {
       if (this.is('rendered')) {
@@ -325,11 +325,11 @@ define(['jquery', 'lodash', 'ui/component', 'handlebars', 'i18n', 'lib/dompurify
       return this;
     },
 
-    /**
-     * Hide the report details
-     *
-     * @returns {this}
-     * @fires reportComponent#hideDetails
+    /**
+     * Hide the report details
+     *
+     * @returns {this}
+     * @fires reportComponent#hideDetails
      */
     hideDetails: function hideDetails() {
       if (this.is('rendered')) {
@@ -341,17 +341,17 @@ define(['jquery', 'lodash', 'ui/component', 'handlebars', 'i18n', 'lib/dompurify
       return this;
     }
   };
-  /**
-   * Create a simple report component
-   *
-   * @param {Object} config
-   * @param {Boolean} [config.showDetailsButton=true] - display the show/hide details toggle
-   * @param {Array} [config.actions] - possibility to add more button controls
-   * @param {Object} data - a standard report object
-   * @param {String} data.type - the type of the report
-   * @param {String} data.message - the message to be included in the report body (html allowed)
-   * @param {Array} [data.children] - children report object
-   * @returns {reportComponent}
+  /**
+   * Create a simple report component
+   *
+   * @param {Object} config
+   * @param {Boolean} [config.showDetailsButton=true] - display the show/hide details toggle
+   * @param {Array} [config.actions] - possibility to add more button controls
+   * @param {Object} data - a standard report object
+   * @param {String} data.type - the type of the report
+   * @param {String} data.message - the message to be included in the report body (html allowed)
+   * @param {Array} [data.children] - children report object
+   * @returns {reportComponent}
    */
 
   var reportComponentFactory = function reportComponentFactory(config, data) {
@@ -360,11 +360,11 @@ define(['jquery', 'lodash', 'ui/component', 'handlebars', 'i18n', 'lib/dompurify
     if (data && _.isArray(data.children) && data.children.length) {
       initConfig.detailsButtonVisible = initConfig.showDetailsButton;
     }
-    /**
-     * THe report component
-     * @typedef reportComponent
-     * @fires reportComponent#action
-     * @fires reportComponent#action-{custom action name}
+    /**
+     * THe report component
+     * @typedef reportComponent
+     * @fires reportComponent#action
+     * @fires reportComponent#action-{custom action name}
      */
 
 

package/dist/resource/css/selector.css

@@ -1,9 +1,9 @@
-/*
-Usage:
-- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
-   if 3 colors used then the position of each will be 33,33%
-- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
-   first param - color, second - position. Also you can use px or other valid units for set position.
+/*
+Usage:
+- linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
+   if 3 colors used then the position of each will be 33,33%
+- linear-gradient((color1 0%, color2 30%, color3 80%)) - returns linear-gradient with manually distributed colors,
+   first param - color, second - position. Also you can use px or other valid units for set position.
 */
 /* based on "visually-hidden" mixin in LDS for accessibility goals */
 /* Do not edit */
@@ -646,5 +646,5 @@ Usage:
     text-align: center;
     padding: 5px;
 }
-
+
 /*# sourceMappingURL=selector.css.map */