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

package/dist/listbox.js

@@ -21,24 +21,24 @@ define(['lodash', 'i18n', 'ui/component', 'handlebars', 'lib/dompurify/purify',
     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) {
@@ -128,35 +128,35 @@ define(['lodash', 'i18n', 'ui/component', 'handlebars', 'lib/dompurify/purify',
     return " hidden";
     }
 
-    buffer += "<div class=\"listbox\">\r\n    <h1 ";
+    buffer += "<div class=\"listbox\">\n    <h1 ";
     stack1 = helpers.unless.call(depth0, (depth0 && depth0.title), {hash:{},inverse:self.noop,fn:self.program(1, program1, data),data:data});
     if(stack1 || stack1 === 0) { buffer += stack1; }
     buffer += ">";
     if (helper = helpers.title) { stack1 = helper.call(depth0, {hash:{},data:data}); }
     else { helper = (depth0 && depth0.title); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
     buffer += escapeExpression(stack1)
-      + "</h1>\r\n    <h2>\r\n        <span class=\"empty-list";
+      + "</h1>\n    <h2>\n        <span class=\"empty-list";
     stack1 = helpers.unless.call(depth0, (depth0 && depth0.textEmpty), {hash:{},inverse:self.noop,fn:self.program(3, program3, data),data:data});
     if(stack1 || stack1 === 0) { buffer += stack1; }
     buffer += "\">";
     if (helper = helpers.textEmpty) { stack1 = helper.call(depth0, {hash:{},data:data}); }
     else { helper = (depth0 && depth0.textEmpty); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
     buffer += escapeExpression(stack1)
-      + "</span>\r\n        <span class=\"available-list";
+      + "</span>\n        <span class=\"available-list";
     stack1 = helpers.unless.call(depth0, (depth0 && depth0.textNumber), {hash:{},inverse:self.noop,fn:self.program(3, program3, data),data:data});
     if(stack1 || stack1 === 0) { buffer += stack1; }
     buffer += "\"><span class=\"label\">";
     if (helper = helpers.textNumber) { stack1 = helper.call(depth0, {hash:{},data:data}); }
     else { helper = (depth0 && depth0.textNumber); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
     buffer += escapeExpression(stack1)
-      + "</span>: <span class=\"count\"></span></span>\r\n        <span class=\"loading";
+      + "</span>: <span class=\"count\"></span></span>\n        <span class=\"loading";
     stack1 = helpers.unless.call(depth0, (depth0 && depth0.textLoading), {hash:{},inverse:self.noop,fn:self.program(3, program3, data),data:data});
     if(stack1 || stack1 === 0) { buffer += stack1; }
     buffer += "\"><span>";
     if (helper = helpers.textLoading) { stack1 = helper.call(depth0, {hash:{},data:data}); }
     else { helper = (depth0 && depth0.textLoading); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
     buffer += escapeExpression(stack1)
-      + "</span>...</span>\r\n    </h2>\r\n    <div class=\"list\"></div>\r\n</div>\r\n";
+      + "</span>...</span>\n    </h2>\n    <div class=\"list\"></div>\n</div>\n";
     return buffer;
     });
   function mainTpl(data, options, asString) {
@@ -176,29 +176,29 @@ define(['lodash', 'i18n', 'ui/component', 'handlebars', 'lib/dompurify/purify',
   function program1(depth0,data,depth1) {
     
     var buffer = "", stack1, helper;
-    buffer += "\r\n    <li class=\"entry flex-col-";
+    buffer += "\n    <li class=\"entry flex-col-";
     stack1 = helpers['if'].call(depth0, (depth0 && depth0.width), {hash:{},inverse:self.programWithDepth(4, program4, data, depth1),fn:self.program(2, program2, data),data:data});
     if(stack1 || stack1 === 0) { buffer += stack1; }
     stack1 = helpers['if'].call(depth0, (depth0 && depth0.cls), {hash:{},inverse:self.noop,fn:self.program(9, program9, data),data:data});
     if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += "\">\r\n        <a class=\"block box\" href=\"";
+    buffer += "\">\n        <a class=\"block box\" href=\"";
     if (helper = helpers.url) { stack1 = helper.call(depth0, {hash:{},data:data}); }
     else { helper = (depth0 && depth0.url); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
     buffer += escapeExpression(stack1)
-      + "\">\r\n            <h3 class=\"title\">";
+      + "\">\n            <h3 class=\"title\">";
     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)
-      + "</h3>\r\n            ";
+      + "</h3>\n            ";
     stack1 = helpers['if'].call(depth0, (depth0 && depth0.content), {hash:{},inverse:self.noop,fn:self.program(11, program11, data),data:data});
     if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += "\r\n            <div class=\"bottom clearfix\">\r\n                ";
+    buffer += "\n            <div class=\"bottom clearfix\">\n                ";
     stack1 = helpers['if'].call(depth0, (depth0 && depth0.html), {hash:{},inverse:self.noop,fn:self.program(13, program13, data),data:data});
     if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += "\r\n                ";
+    buffer += "\n                ";
     stack1 = helpers['if'].call(depth0, (depth0 && depth0.text), {hash:{},inverse:self.noop,fn:self.program(15, program15, data),data:data});
     if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += "\r\n            </div>\r\n        </a>\r\n    </li>\r\n    ";
+    buffer += "\n            </div>\n        </a>\n    </li>\n    ";
     return buffer;
     }
   function program2(depth0,data) {
@@ -271,10 +271,10 @@ define(['lodash', 'i18n', 'ui/component', 'handlebars', 'lib/dompurify/purify',
     return buffer;
     }
 
-    buffer += "<ul class=\"list-box flex-grid plain\">\r\n    ";
+    buffer += "<ul class=\"list-box flex-grid plain\">\n    ";
     stack1 = helpers.each.call(depth0, (depth0 && depth0.list), {hash:{},inverse:self.noop,fn:self.programWithDepth(1, program1, data, depth0),data:data});
     if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += "\r\n</ul>\r\n";
+    buffer += "\n</ul>\n";
     return buffer;
     });
   function listTpl(data, options, asString) {
@@ -282,27 +282,27 @@ define(['lodash', 'i18n', 'ui/component', 'handlebars', 'lib/dompurify/purify',
     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 (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 (original work) Open Assessment Technologies SA ;
    */
-  /**
-   * Some default values
-   * @type {Object}
-   * @private
+  /**
+   * Some default values
+   * @type {Object}
+   * @private
    */
 
   var _defaults = {
@@ -312,23 +312,23 @@ define(['lodash', 'i18n', 'ui/component', 'handlebars', 'lib/dompurify/purify',
     textLoading: __('Loading'),
     flex: 12
   };
-  /**
-   * Defines a list of boxes
-   * @type {Object}
+  /**
+   * Defines a list of boxes
+   * @type {Object}
    */
 
   var listBox = {
-    /**
-     * Updates the list of boxes
-     * @param {Array} list
-     * @param {String} [list.url] - The URL of the entry point
-     * @param {String} [list.label] - The displayed label
-     * @param {String} [list.content] - An optional content displayed in the middle
-     * @param {String} [list.text] - A bottom text
-     * @param {String} [list.html] - A bottom html
-     * @param {Number} [list.width] - The width of the entry related to flex-grid (default: 6)
-     * @param {String} [list.cls] - An optional CSS class to add
-     * @returns {listBox}
+    /**
+     * Updates the list of boxes
+     * @param {Array} list
+     * @param {String} [list.url] - The URL of the entry point
+     * @param {String} [list.label] - The displayed label
+     * @param {String} [list.content] - An optional content displayed in the middle
+     * @param {String} [list.text] - A bottom text
+     * @param {String} [list.html] - A bottom html
+     * @param {Number} [list.width] - The width of the entry related to flex-grid (default: 6)
+     * @param {String} [list.cls] - An optional CSS class to add
+     * @returns {listBox}
      */
     update: function update(list) {
       var $list = this.controls && this.controls.$list;
@@ -367,10 +367,10 @@ define(['lodash', 'i18n', 'ui/component', 'handlebars', 'lib/dompurify/purify',
       return this;
     },
 
-    /**
-     * Sets the loading state
-     * @param {Boolean} flag
-     * @returns {listBox}
+    /**
+     * Sets the loading state
+     * @param {Boolean} flag
+     * @returns {listBox}
      */
     setLoading: function setLoading(flag) {
       if (flag) {
@@ -380,10 +380,10 @@ define(['lodash', 'i18n', 'ui/component', 'handlebars', 'lib/dompurify/purify',
       return this.setState('loading', flag);
     },
 
-    /**
-     * Sets the title of the list.
-     * @param {String|Boolean} title - The text to set. If the value is false no title is displayed
-     * @returns {listBox}
+    /**
+     * Sets the title of the list.
+     * @param {String|Boolean} title - The text to set. If the value is false no title is displayed
+     * @returns {listBox}
      */
     setTitle: function setTitle(title) {
       var $title = this.controls && this.controls.$title;
@@ -400,10 +400,10 @@ define(['lodash', 'i18n', 'ui/component', 'handlebars', 'lib/dompurify/purify',
       return this;
     },
 
-    /**
-     * Sets the label of the number of boxes.
-     * @param {String|Boolean} text - The text to set. If the value is false no label is displayed
-     * @returns {listBox}
+    /**
+     * Sets the label of the number of boxes.
+     * @param {String|Boolean} text - The text to set. If the value is false no label is displayed
+     * @returns {listBox}
      */
     setTextNumber: function setTextNumber(text) {
       var $numberLabel = this.controls && this.controls.$numberLabel;
@@ -421,10 +421,10 @@ define(['lodash', 'i18n', 'ui/component', 'handlebars', 'lib/dompurify/purify',
       return this;
     },
 
-    /**
-     * Sets the label displayed when there no boxes available.
-     * @param {String|Boolean} text - The text to set. If the value is false no label is displayed
-     * @returns {listBox}
+    /**
+     * Sets the label displayed when there no boxes available.
+     * @param {String|Boolean} text - The text to set. If the value is false no label is displayed
+     * @returns {listBox}
      */
     setTextEmpty: function setTextEmpty(text) {
       var $textEmpty = this.controls && this.controls.$textEmpty;
@@ -441,10 +441,10 @@ define(['lodash', 'i18n', 'ui/component', 'handlebars', 'lib/dompurify/purify',
       return this;
     },
 
-    /**
-     * Sets the label displayed when the list is loading.
-     * @param {String|Boolean} text - The text to set. If the value is false no label is displayed
-     * @returns {listBox}
+    /**
+     * Sets the label displayed when the list is loading.
+     * @param {String|Boolean} text - The text to set. If the value is false no label is displayed
+     * @returns {listBox}
      */
     setTextLoading: function setTextLoading(text) {
       var $textLoading = this.controls && this.controls.$textLoading;
@@ -461,28 +461,28 @@ define(['lodash', 'i18n', 'ui/component', 'handlebars', 'lib/dompurify/purify',
       return this;
     },
 
-    /**
-     * Just override the base method to prevent unwanted resizing: the width must be handled by CSS flex box
-     * @returns {listBox}
+    /**
+     * Just override the base method to prevent unwanted resizing: the width must be handled by CSS flex box
+     * @returns {listBox}
      */
     setSize: function setSize() {
       console.warn('The setSize() method has been disabled in the listbox component as its size is handled by CSS flex box');
       return this;
     }
   };
-  /**
-   * Builds an instance of the listBox manager
-   * @param {Object} config
-   * @param {String|Boolean} [config.title] - Sets the title of the list. If the value is false no title is displayed (default: false)
-   * @param {String|Boolean} [config.textNumber] - Sets the label of the number of boxes. If the value is false no label is displayed (default: 'Available')
-   * @param {String|Boolean} [config.textEmpty] - Sets the label displayed when there no boxes available. If the value is false no label is displayed (default: 'There is nothing to list!')
-   * @param {String|Boolean} [config.textLoading] - Sets the label displayed when the list is loading. If the value is false no label is displayed (default: 'Loading')
-   * @param {Number} [config.width] - Sets the default flex width of all boxes, unless they define their own value. (default: 12)
-   * @param {Array} [config.list] - The list of boxes to display
-   * @param {jQuery|HTMLElement|String} [config.renderTo] - An optional container in which renders the component
-   * @param {Boolean} [config.replace] - When the component is appended to its container, clears the place before
-   * @param {Function} [config.countRenderer] - An optional callback applied on the list count before display
-   * @returns {listBox}
+  /**
+   * Builds an instance of the listBox manager
+   * @param {Object} config
+   * @param {String|Boolean} [config.title] - Sets the title of the list. If the value is false no title is displayed (default: false)
+   * @param {String|Boolean} [config.textNumber] - Sets the label of the number of boxes. If the value is false no label is displayed (default: 'Available')
+   * @param {String|Boolean} [config.textEmpty] - Sets the label displayed when there no boxes available. If the value is false no label is displayed (default: 'There is nothing to list!')
+   * @param {String|Boolean} [config.textLoading] - Sets the label displayed when the list is loading. If the value is false no label is displayed (default: 'Loading')
+   * @param {Number} [config.width] - Sets the default flex width of all boxes, unless they define their own value. (default: 12)
+   * @param {Array} [config.list] - The list of boxes to display
+   * @param {jQuery|HTMLElement|String} [config.renderTo] - An optional container in which renders the component
+   * @param {Boolean} [config.replace] - When the component is appended to its container, clears the place before
+   * @param {Function} [config.countRenderer] - An optional callback applied on the list count before display
+   * @returns {listBox}
    */
 
   var listBoxFactory = function listBoxFactory(config) {

package/dist/liststyler.js

@@ -5,33 +5,33 @@ define(['jquery', 'lodash', 'core/pluginifier', 'util/capitalize'], function ($,
     Pluginifier = Pluginifier && Object.prototype.hasOwnProperty.call(Pluginifier, 'default') ? Pluginifier['default'] : Pluginifier;
     capitalize = capitalize && Object.prototype.hasOwnProperty.call(capitalize, 'default') ? capitalize['default'] : capitalize;
 
-    /*
-     * 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 (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 (original work) Open Assessment Technologies SA;
+     *
      */
     var ns = 'liststyler';
     var currStyle = '';
     var defaults = {
       selected: null
     };
-    /**
-     * list styles - at the time of writing this is the list of cross browser compatible
-     * styles.
-     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type
+    /**
+     * list styles - at the time of writing this is the list of cross browser compatible
+     * styles.
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type
      */
 
     var listStyles = {
@@ -49,11 +49,11 @@ define(['jquery', 'lodash', 'core/pluginifier', 'util/capitalize'], function ($,
       armenian: "\u0531",
       georgian: "\u10D0"
     };
-    /**
-     * Populate selectBox with options
-     *
-     * @param selectBox
-     * @param selectedStyle
+    /**
+     * Populate selectBox with options
+     *
+     * @param selectBox
+     * @param selectedStyle
      */
 
     function populate(selectBox, selectedStyle) {
@@ -61,11 +61,11 @@ define(['jquery', 'lodash', 'core/pluginifier', 'util/capitalize'], function ($,
         selectBox.options.add(new Option(capitalize(style.replace(/-/g, ' ')), style, false, style === selectedStyle));
       });
     }
-    /**
-     * Prepare select2 formatting
-     *
-     * @param state
-     * @returns {*}
+    /**
+     * Prepare select2 formatting
+     *
+     * @param state
+     * @returns {*}
      */
 
 
@@ -76,24 +76,24 @@ define(['jquery', 'lodash', 'core/pluginifier', 'util/capitalize'], function ($,
         'data-symbol': symbol
       });
     }
-    /**
-     * Hint: to get a proper two-column design of the select box you should a fixed font
-     *
-     * @type {{init: init}}
+    /**
+     * Hint: to get a proper two-column design of the select box you should a fixed font
+     *
+     * @type {{init: init}}
      */
 
 
     var ListStyler = {
-      /**
-           * Initialize the plugin.
-           *
-           * Called the jQuery way once registered by the Pluginifier.
-             * @example $('selector').liststyler();
-           * @public
-           *
-           * @constructor
-           * @param options
-           * @returns {*}
+      /**
+           * Initialize the plugin.
+           *
+           * Called the jQuery way once registered by the Pluginifier.
+            * @example $('selector').liststyler();
+           * @public
+           *
+           * @constructor
+           * @param options
+           * @returns {*}
            */
       init: function init(options) {
         return this.each(function () {
@@ -114,28 +114,28 @@ define(['jquery', 'lodash', 'core/pluginifier', 'util/capitalize'], function ($,
             width: 'element',
             minimumResultsForSearch: Infinity
           });
-          /**
-           * The plugin has been created
-           * @event ListStyler#create.toggler
+          /**
+           * The plugin has been created
+           * @event ListStyler#create.toggler
            */
 
           $elt.trigger('create.' + ns);
         });
       },
 
-      /**
-       * Destroy the plugin completely.
-       * Called the jQuery way once registered by the Pluginifier.
-       *
-       * @example $('selector').toggler('destroy');
-       * @public
+      /**
+       * Destroy the plugin completely.
+       * Called the jQuery way once registered by the Pluginifier.
+       *
+       * @example $('selector').toggler('destroy');
+       * @public
        */
       destroy: function destroy() {
         this.each(function () {
           var $elt = $(this);
-          /**
-           * The plugin have been destroyed.
-           * @event ListStyler#destroy.toggler
+          /**
+           * The plugin have been destroyed.
+           * @event ListStyler#destroy.toggler
            */
 
           $elt.trigger('destroy.' + ns);

package/dist/loadingButton/css/button.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 */
@@ -51,5 +51,5 @@ Usage:
 .loading-button.terminated .terminated-label {
     display: inline-block;
 }
-
+
 /*# sourceMappingURL=button.css.map */