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

package/dist/dropdown.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) {
@@ -123,7 +123,7 @@ define(['jquery', 'lodash', 'ui/component', 'handlebars', 'i18n', 'lib/dompurify
     return " open";
     }
 
-    buffer += "<div class=\"dropdown-container\">\r\n    <div class=\"dropdown ";
+    buffer += "<div class=\"dropdown-container\">\n    <div class=\"dropdown ";
     if (helper = helpers.cls) { stack1 = helper.call(depth0, {hash:{},data:data}); }
     else { helper = (depth0 && depth0.cls); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
     buffer += escapeExpression(stack1);
@@ -137,7 +137,7 @@ define(['jquery', 'lodash', 'ui/component', 'handlebars', 'i18n', 'lib/dompurify
     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)
-      + "\" role=\"navigation\">\r\n        <div class=\"dropdown-header a toggler\" aria-haspopup=\"true\" tabindex=\"0\">\r\n        </div>\r\n        <ul class=\"dropdown-submenu plain\" aria-label=\"submenu\">\r\n        </ul>\r\n    </div>\r\n</div>\r\n";
+      + "\" role=\"navigation\">\n        <div class=\"dropdown-header a toggler\" aria-haspopup=\"true\" tabindex=\"0\">\n        </div>\n        <ul class=\"dropdown-submenu plain\" aria-label=\"submenu\">\n        </ul>\n    </div>\n</div>\n";
     return buffer;
     });
   function dropdownTpl(data, options, asString) {
@@ -177,14 +177,14 @@ define(['jquery', 'lodash', 'ui/component', 'handlebars', 'i18n', 'lib/dompurify
     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)
-      + "\">\r\n    ";
+      + "\">\n    ";
     stack1 = helpers['if'].call(depth0, (depth0 && depth0.icon), {hash:{},inverse:self.noop,fn:self.program(1, program1, data),data:data});
     if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += "\r\n    ";
+    buffer += "\n    ";
     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 += "\r\n</li>\r\n";
+    buffer += "\n</li>\n";
     return buffer;
     });
   function itemTpl(data, options, asString) {
@@ -192,26 +192,26 @@ 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) 2018 (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) 2018 (original work) Open Assessment Technologies SA ;
    */
-  /**
-   * Some default config
-   * @type {Object}
+  /**
+   * Some default config
+   * @type {Object}
    */
 
   var defaults = {
@@ -219,34 +219,34 @@ define(['jquery', 'lodash', 'ui/component', 'handlebars', 'i18n', 'lib/dompurify
     activatedBy: 'hover' // can be hover or click
 
   };
-  /**
-   * Builds a simple dropdown component
-   *
-   * @param {Object} config
-   * @param {String} [config.id] - The id of the dropdown element
-   * @param {String} [config.cls] - An additional CSS class name
-   * @param {Boolean} [config.isOpen] - Does the dropdown start open?
-   * @param {String} [config.activatedBy] - hover or click
-   * @param {Object} [data] - the data to initialise the component with
-   * @param {String} [data.header]
-   * @param {Object} [data.items]
-   * @returns {dropdown}
+  /**
+   * Builds a simple dropdown component
+   *
+   * @param {Object} config
+   * @param {String} [config.id] - The id of the dropdown element
+   * @param {String} [config.cls] - An additional CSS class name
+   * @param {Boolean} [config.isOpen] - Does the dropdown start open?
+   * @param {String} [config.activatedBy] - hover or click
+   * @param {Object} [data] - the data to initialise the component with
+   * @param {String} [data.header]
+   * @param {Object} [data.items]
+   * @returns {dropdown}
    */
 
   function dropdownFactory(config, data) {
     var dropdownSpecs = {
-      /**
-       * Gets the identifier of the dropdown
-       * @returns {String}
+      /**
+       * Gets the identifier of the dropdown
+       * @returns {String}
        */
       getId: function getId() {
         return this.config.id;
       },
 
-      /**
-       * Opens the dropdown
-       *
-       * @returns {dropdown} this
+      /**
+       * Opens the dropdown
+       *
+       * @returns {dropdown} this
        */
       open: function open() {
         if (!this.is('open')) {
@@ -257,10 +257,10 @@ define(['jquery', 'lodash', 'ui/component', 'handlebars', 'i18n', 'lib/dompurify
         return this;
       },
 
-      /**
-       * Closes the dropdown
-       *
-       * @returns {dropdown} this
+      /**
+       * Closes the dropdown
+       *
+       * @returns {dropdown} this
        */
       close: function close() {
         if (this.is('open')) {
@@ -271,10 +271,10 @@ define(['jquery', 'lodash', 'ui/component', 'handlebars', 'i18n', 'lib/dompurify
         return this;
       },
 
-      /**
-       * Toggles the dropdown open/closed
-       *
-       * @returns {dropdown} this
+      /**
+       * Toggles the dropdown open/closed
+       *
+       * @returns {dropdown} this
        */
       toggle: function toggle() {
         if (this.is('open')) {
@@ -286,11 +286,11 @@ define(['jquery', 'lodash', 'ui/component', 'handlebars', 'i18n', 'lib/dompurify
         return this;
       },
 
-      /**
-       * Sets the header item above the dropdown list
-       *
-       * @param {String} html
-       * @returns {dropdown} this
+      /**
+       * Sets the header item above the dropdown list
+       *
+       * @param {String} html
+       * @returns {dropdown} this
        */
       setHeader: function setHeader(html) {
         if (typeof html === 'string') {
@@ -304,12 +304,12 @@ define(['jquery', 'lodash', 'ui/component', 'handlebars', 'i18n', 'lib/dompurify
         return this;
       },
 
-      /**
-       * Sets all the list items in one go
-       * Replaces any existing items
-       *
-       * @param {Array} items
-       * @returns {dropdown} this
+      /**
+       * Sets all the list items in one go
+       * Replaces any existing items
+       *
+       * @param {Array} items
+       * @returns {dropdown} this
        */
       setItems: function setItems(items) {
         var self = this;
@@ -329,15 +329,15 @@ define(['jquery', 'lodash', 'ui/component', 'handlebars', 'i18n', 'lib/dompurify
         return this;
       },
 
-      /**
-       * Adds a list item to the dropdown list
-       *
-       * @param {Object} item
-       * @param {String} item.content - the content to insert (should be HTML)
-       * @param {String} [item.id] - the id the list item will have
-       * @param {String} [item.cls] - any extra classes to put on the list item
-       * @param {String} [item.icon] - the name of an icon to precede the content, if desired
-       * @returns {dropdown} this
+      /**
+       * Adds a list item to the dropdown list
+       *
+       * @param {Object} item
+       * @param {String} item.content - the content to insert (should be HTML)
+       * @param {String} [item.id] - the id the list item will have
+       * @param {String} [item.cls] - any extra classes to put on the list item
+       * @param {String} [item.icon] - the name of an icon to precede the content, if desired
+       * @returns {dropdown} this
        */
       addItem: function addItem(item) {
         if (item.content && typeof item.content === 'string' && item.content.length) {
@@ -351,11 +351,11 @@ define(['jquery', 'lodash', 'ui/component', 'handlebars', 'i18n', 'lib/dompurify
         return this;
       },
 
-      /**
-       * Removes a list item from the dropdown list
-       *
-       * @param {Number} index - list index to remove
-       * @returns {dropdown} this
+      /**
+       * Removes a list item from the dropdown list
+       *
+       * @param {Number} index - list index to remove
+       * @returns {dropdown} this
        */
       removeItem: function removeItem(index) {
         if (index >= 0 && index < data.items.length) {
@@ -369,10 +369,10 @@ define(['jquery', 'lodash', 'ui/component', 'handlebars', 'i18n', 'lib/dompurify
         return this;
       },
 
-      /**
-       * Empties the dropdown list (but not its header!)
-       *
-       * @returns {dropdown} this
+      /**
+       * Empties the dropdown list (but not its header!)
+       *
+       * @returns {dropdown} this
        */
       clearItems: function clearItems() {
         data.items = [];
@@ -422,13 +422,13 @@ define(['jquery', 'lodash', 'ui/component', 'handlebars', 'i18n', 'lib/dompurify
 
       this.controls.$listContainer.on('click', 'li', function () {
         var id = $$1(this).closest('li').attr('id');
-        /**
-         * @event item-click
+        /**
+         * @event item-click
          */
 
         self.trigger('item-click', id);
-        /**
-         * @event item-click-<id>
+        /**
+         * @event item-click-<id>
          */
 
         self.trigger('item-click-' + id);

package/dist/durationer.js

@@ -7,8 +7,8 @@ define(['jquery', 'lodash', 'i18n', 'core/pluginifier', 'handlebars', 'moment',
     Handlebars = Handlebars && Object.prototype.hasOwnProperty.call(Handlebars, 'default') ? Handlebars['default'] : Handlebars;
     moment = moment && Object.prototype.hasOwnProperty.call(moment, 'default') ? moment['default'] : moment;
 
-    /**
-     * @author Bertrand Chevrier <bertrand@taotesting.com>
+    /**
+     * @author Bertrand Chevrier <bertrand@taotesting.com>
      */
     var ns = 'durationer';
     var dataNs = 'ui.' + ns;
@@ -26,32 +26,32 @@ define(['jquery', 'lodash', 'i18n', 'core/pluginifier', 'handlebars', 'moment',
     }; //the template used for each of the 3 part of the duration
 
     var fieldTmpl = Handlebars.compile("<input type='text' id='{{id}}-{{type}}' data-duration-type='{{type}}' class='{{ctrlClass}}' value='{{value}}' title='{{title}}' />");
-    /**
-     * The Durationer component creates a widget to manage time duration using separate number inputs.
-     * This plugin applies on an text input with the result of the widget sync with it.
-     * Now only time is supported.
-     *
-     * todo this plugin should support different widget like dropdowns... Now only the incrementer is implemented
-     *
-     * @exports ui/durationer
+    /**
+     * The Durationer component creates a widget to manage time duration using separate number inputs.
+     * This plugin applies on an text input with the result of the widget sync with it.
+     * Now only time is supported.
+     *
+     * todo this plugin should support different widget like dropdowns... Now only the incrementer is implemented
+     *
+     * @exports ui/durationer
      */
 
     var Durationer = {
-      /**
-       * Initialize the plugin.
-       *
-       * Called the jQuery way once registered by the Pluginifier.
-       * This plugin only applies on input text elements.
-       *
-       * @see http://momentjs.com/docs/#/parsing/string-format/
-       *
-       * @example $('selector').durationer({format : 'HH:mm:ss'});
-       * @public
-       *
-       * @constructor
-       * @param {Object} [options] - the plugin options
-       * @param {string} [format = 'HH:mm:ss'] - the format of the duration value got from
-       * @returns {jQueryElement} for chaining
+      /**
+       * Initialize the plugin.
+       *
+       * Called the jQuery way once registered by the Pluginifier.
+       * This plugin only applies on input text elements.
+       *
+       * @see http://momentjs.com/docs/#/parsing/string-format/
+       *
+       * @example $('selector').durationer({format : 'HH:mm:ss'});
+       * @public
+       *
+       * @constructor
+       * @param {Object} [options] - the plugin options
+       * @param {string} [format = 'HH:mm:ss'] - the format of the duration value got from
+       * @returns {jQueryElement} for chaining
        */
       init: function init(options) {
         var self = Durationer; //get options using default
@@ -91,9 +91,9 @@ define(['jquery', 'lodash', 'i18n', 'core/pluginifier', 'handlebars', 'moment',
                 }
               });
               $elt.data(dataNs, options);
-              /**
-               * The plugin have been created.
-               * @event Durationer#create.durationer
+              /**
+               * The plugin have been created.
+               * @event Durationer#create.durationer
                */
 
               $elt.trigger('create.' + ns);
@@ -102,13 +102,13 @@ define(['jquery', 'lodash', 'i18n', 'core/pluginifier', 'handlebars', 'moment',
         });
       },
 
-      /**
-       * Insert one of the duration control field, as an incrementer
-       * @private
-       * @param {jQueryElement} $elt - the plugin element
-       * @param {Object} options - the plugin options (not yet set into the data space)
-       * @param {string} value - the current field value
-       * @param {string} type - which field to insert (hours, minutes or seconds)
+      /**
+       * Insert one of the duration control field, as an incrementer
+       * @private
+       * @param {jQueryElement} $elt - the plugin element
+       * @param {Object} options - the plugin options (not yet set into the data space)
+       * @param {string} value - the current field value
+       * @param {string} type - which field to insert (hours, minutes or seconds)
        */
       _insertField: function _insertField($elt, options, value, type) {
         var data = _.defaults({
@@ -124,10 +124,10 @@ define(['jquery', 'lodash', 'i18n', 'core/pluginifier', 'handlebars', 'moment',
         });
       },
 
-      /**
-       * Synchronize the value of the controls from the element
-       * @private
-       * @param {jQueryElement} $elt - the plugin element
+      /**
+       * Synchronize the value of the controls from the element
+       * @private
+       * @param {jQueryElement} $elt - the plugin element
        */
       _syncFromField: function _syncFromField($elt) {
         var options = $elt.data(dataNs);
@@ -141,10 +141,10 @@ define(['jquery', 'lodash', 'i18n', 'core/pluginifier', 'handlebars', 'moment',
         });
       },
 
-      /**
-       * Synchronize the value of the controls to the element
-       * @private
-       * @param {jQueryElement} $elt - the plugin element
+      /**
+       * Synchronize the value of the controls to the element
+       * @private
+       * @param {jQueryElement} $elt - the plugin element
        */
       _syncToField: function _syncToField($elt) {
         var options = $elt.data(dataNs);
@@ -160,12 +160,12 @@ define(['jquery', 'lodash', 'i18n', 'core/pluginifier', 'handlebars', 'moment',
         $elt.trigger('update.' + ns).trigger('change');
       },
 
-      /**
-       * Destroy completely the plugin.
-       *
-       * Called the jQuery way once registered by the Pluginifier.
-       * @example $('selector').durationer('destroy');
-       * @public
+      /**
+       * Destroy completely the plugin.
+       *
+       * Called the jQuery way once registered by the Pluginifier.
+       * @example $('selector').durationer('destroy');
+       * @public
        */
       destroy: function destroy() {
         this.each(function () {
@@ -174,9 +174,9 @@ define(['jquery', 'lodash', 'i18n', 'core/pluginifier', 'handlebars', 'moment',
           $elt.siblings('.' + options.wrapperClass).remove();
           $elt.siblings('.separator').remove();
           $elt.removeData(dataNs);
-          /**
-           * The plugin have been destroyed.
-           * @event Durationer#destroy.durationer
+          /**
+           * The plugin have been destroyed.
+           * @event Durationer#destroy.durationer
            */
 
           $elt.trigger('destroy.' + ns);
@@ -185,12 +185,12 @@ define(['jquery', 'lodash', 'i18n', 'core/pluginifier', 'handlebars', 'moment',
     }; //Register the durationer to behave as a jQuery plugin.
 
     Pluginifier.register(ns, Durationer);
-    /**
-     * The only exposed function is used to start listening on data-attr
-     *
-     * @public
-     * @example define(['ui/durationer'], function(durationer){ durationer($('rootContainer')); });
-     * @param {jQueryElement} $container - the root context to listen in
+    /**
+     * The only exposed function is used to start listening on data-attr
+     *
+     * @public
+     * @example define(['ui/durationer'], function(durationer){ durationer($('rootContainer')); });
+     * @param {jQueryElement} $container - the root context to listen in
      */
 
     function listenDataAttr($container) {

package/dist/dynamicComponent/css/dynamicComponent.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 */
@@ -123,5 +123,5 @@ Usage:
     width: 40px;
     height: 40px;
 }
-
+
 /*# sourceMappingURL=dynamicComponent.css.map */