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

package/dist/filesender.js

@@ -4,30 +4,30 @@ define(['jquery', 'lodash', 'layout/logout-event'], function ($, _, logoutEvent)
     _ = _ && Object.prototype.hasOwnProperty.call(_, 'default') ? _['default'] : _;
     logoutEvent = logoutEvent && Object.prototype.hasOwnProperty.call(logoutEvent, 'default') ? logoutEvent['default'] : logoutEvent;
 
-    /**
-     * The FileSender widget enables you to post a file
-     * to the server asynchronously.
-     *
-     * @exports filesender
+    /**
+     * The FileSender widget enables you to post a file
+     * to the server asynchronously.
+     *
+     * @exports filesender
      */
 
     var FileSender = {
-      /**
-       * The default options
+      /**
+       * The default options
        */
       _opts: {
         frame: '__postFrame_',
         loaded: function loaded(data) {}
       },
 
-      /**
-       * Initialize the file sending
-       *  @param {Object} options - the sending options
-       *  @param {String} [options.url] - the url where the form will send the file, if not set we get the form.action attr
-       *  @param {String} [options.frame] - a name for the frame create in background
-       *  @param {String} [options.fileParamName] - the name of the element of request payload which will contain file.
-       *  @param {String} [options.fileNameParamName] - the name of the element of request payload which will contain file name.
-       *  @param {FileLoadedCallback} [options.loaded] - executed once received the server response
+      /**
+       * Initialize the file sending
+       *  @param {Object} options - the sending options
+       *  @param {String} [options.url] - the url where the form will send the file, if not set we get the form.action attr
+       *  @param {String} [options.frame] - a name for the frame create in background
+       *  @param {String} [options.fileParamName] - the name of the element of request payload which will contain file.
+       *  @param {String} [options.fileNameParamName] - the name of the element of request payload which will contain file name.
+       *  @param {FileLoadedCallback} [options.loaded] - executed once received the server response
        */
       _init: function _init(options) {
         var self = FileSender,
@@ -98,22 +98,22 @@ define(['jquery', 'lodash', 'layout/logout-event'], function ($, _, logoutEvent)
         }
       }
     };
-    /**
-     * Reference the plugin to the jQuery context
-     * to be able to call as $('#aForm').sendfile({'url' : '/api/postfile'});
-     *  @param {Object} options - the sending options
-     *  @param {String} options.url - the url where the form will send the file
-     *  @param {String} [options.frame] - a name for the frame create in background
-     *  @param {FileLoadedCallback} [options.loaded] - executed once received the server response
+    /**
+     * Reference the plugin to the jQuery context
+     * to be able to call as $('#aForm').sendfile({'url' : '/api/postfile'});
+     *  @param {Object} options - the sending options
+     *  @param {String} options.url - the url where the form will send the file
+     *  @param {String} [options.frame] - a name for the frame create in background
+     *  @param {FileLoadedCallback} [options.loaded] - executed once received the server response
      */
 
     $.fn.sendfile = function (options) {
       return FileSender._init.call(this, options);
     };
-    /**
-     * Callback function to receive the server response of posted file
-     * @callback FileLoadedCallback
-     * @param {Object} data - the evaluated JSON response sent by the server
+    /**
+     * Callback function to receive the server response of posted file
+     * @callback FileLoadedCallback
+     * @param {Object} data - the evaluated JSON response sent by the server
      */
 
 });

package/dist/filter.js

@@ -22,24 +22,24 @@ define(['jquery', 'lodash', 'i18n', 'core/eventifier', 'handlebars', 'lib/dompur
     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) {
@@ -120,18 +120,18 @@ define(['jquery', 'lodash', 'i18n', 'core/eventifier', 'handlebars', 'lib/dompur
   function program1(depth0,data) {
     
     var buffer = "", stack1, helper;
-    buffer += "\r\n    <label class=\"form_desc\">";
+    buffer += "\n    <label class=\"form_desc\">";
     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)
-      + "</label>\r\n    ";
+      + "</label>\n    ";
     return buffer;
     }
 
-    buffer += "<div>\r\n    ";
+    buffer += "<div>\n    ";
     stack1 = helpers['if'].call(depth0, (depth0 && depth0.label), {hash:{},inverse:self.noop,fn:self.program(1, program1, data),data:data});
     if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += "\r\n    <div class=\"item-filter\"></div>\r\n</div>";
+    buffer += "\n    <div class=\"item-filter\"></div>\n</div>";
     return buffer;
     });
   function filterTpl(data, options, asString) {
@@ -139,13 +139,13 @@ define(['jquery', 'lodash', 'i18n', 'core/eventifier', 'handlebars', 'lib/dompur
     return (asString || true) ? html : $(html);
   }
 
-  /**
-   * Copyright (c) 2016 Open Assessment Technologies, S.A.
-   *
-   * @author Bertrand Chevrier <bertrand@taotesting.com>
-   * @author Alexander Zagovorichev <zagovorichev@1pt.com>
-   * @author Ivan Klimchuk <klimchuk@1pt.com>
-   * @author Mikhail Kamarouski <kamarouski@1pt.com>
+  /**
+   * Copyright (c) 2016 Open Assessment Technologies, S.A.
+   *
+   * @author Bertrand Chevrier <bertrand@taotesting.com>
+   * @author Alexander Zagovorichev <zagovorichev@1pt.com>
+   * @author Ivan Klimchuk <klimchuk@1pt.com>
+   * @author Mikhail Kamarouski <kamarouski@1pt.com>
    */
   var defaults = {
     placeholder: __('Filter by value'),
@@ -156,15 +156,15 @@ define(['jquery', 'lodash', 'i18n', 'core/eventifier', 'handlebars', 'lib/dompur
     quietMillis: 2000,
     label: false
   };
-  /**
-   * Creates a item filter component
-   *
-   * @param {Object[]} items - the list of items
-   * @param {Object} [options] - configuration options
-   * @param {String} [options.placeholder] - the filter placeholder
-   * @param {Number} [options.width] - the select width
-   * @param {Function} [options.formatter] - function for formatting result lines
-   * @returns {itemFilter} the component
+  /**
+   * Creates a item filter component
+   *
+   * @param {Object[]} items - the list of items
+   * @param {Object} [options] - configuration options
+   * @param {String} [options.placeholder] - the filter placeholder
+   * @param {Number} [options.width] - the select width
+   * @param {Function} [options.formatter] - function for formatting result lines
+   * @returns {itemFilter} the component
    */
 
   function itemFilterFactory($container, options) {
@@ -174,16 +174,16 @@ define(['jquery', 'lodash', 'i18n', 'core/eventifier', 'handlebars', 'lib/dompur
       name: ''
     };
     options = _.defaults(options || {}, defaults);
-    /**
-     * The item filter component
-     * @typedef {Object} itemFilter
+    /**
+     * The item filter component
+     * @typedef {Object} itemFilter
      */
 
     return eventifier({
-      /**
-       * Render the component into a container
-       * @returns {itemFilter} chains
-       * @fires itemFilter#change
+      /**
+       * Render the component into a container
+       * @returns {itemFilter} chains
+       * @fires itemFilter#change
        */
       render: function render(format) {
         var self = this;
@@ -243,18 +243,18 @@ define(['jquery', 'lodash', 'i18n', 'core/eventifier', 'handlebars', 'lib/dompur
         $list.select2('val', '');
       },
 
-      /**
-       * Leave the place as clean as before
-       * @returns {selector} for chaining
-       * @fires selector#destroy
+      /**
+       * Leave the place as clean as before
+       * @returns {selector} for chaining
+       * @fires selector#destroy
        */
       destroy: function destroy() {
         var $list = $$1('.item-filter', $container);
         $list.select2('destroy');
         $list.remove();
-        /**
-         * The selector is destroyed
-         * @event selector#destroy
+        /**
+         * The selector is destroyed
+         * @event selector#destroy
          */
 
         this.trigger('destroy');

package/dist/form/css/dropdownForm.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 */
@@ -66,5 +66,5 @@ Usage:
 .dropdown-form.open .form-panel {
     display: block;
 }
-
+
 /*# sourceMappingURL=dropdownForm.css.map */

package/dist/form/css/form.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 */
@@ -30,5 +30,5 @@ Usage:
 .form-component .form-actions [data-control]:not(:first-child) {
     margin-left: 10px;
 }
-
+
 /*# sourceMappingURL=form.css.map */

package/dist/form/dropdownForm.js

@@ -23,24 +23,24 @@ define(['lodash', 'i18n', 'ui/component', 'ui/button', 'ui/form/simpleForm', 'ha
     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) {
@@ -118,45 +118,45 @@ define(['lodash', 'i18n', 'ui/component', 'ui/button', 'ui/form/simpleForm', 'ha
   helpers = this.merge(helpers, Handlebars.helpers);  
 
 
-    return "<div class=\"dropdown-form\">\r\n    <div class=\"trigger-button\"></div>\r\n    <div class=\"form-panel\"></div>\r\n</div>\r\n";
+    return "<div class=\"dropdown-form\">\n    <div class=\"trigger-button\"></div>\n    <div class=\"form-panel\"></div>\n</div>\n";
     });
   function dropdownFormTpl(data, options, asString) {
     var html = Template(data, options);
     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) 2019 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) 2019 Open Assessment Technologies SA ;
    */
-  /**
-   * @typedef {Object} dropdownFormConfig Defines the config entries available to setup a dropdown form
-   * @property {String} [triggerText] - The caption of the trigger button
-   * @property {String} [triggerIcon] - The icon of the trigger button
-   * @property {String} [submitText] - The caption of the submit button
-   * @property {String} [submitIcon] - The icon of the submit button
-   * @property {widgetConfig[]} [widgets] - The list of widgets to set in the form (default none)
-   * @property {buttonConfig[]} [buttons] - The list of buttons to set in the form (default none)
-   * @property {Object} [values] - Initial values for the widgets
-   * @property {Object} [ranges] - An optional list of ranges for the widgets (@see widgetConfig.range)
+  /**
+   * @typedef {Object} dropdownFormConfig Defines the config entries available to setup a dropdown form
+   * @property {String} [triggerText] - The caption of the trigger button
+   * @property {String} [triggerIcon] - The icon of the trigger button
+   * @property {String} [submitText] - The caption of the submit button
+   * @property {String} [submitIcon] - The icon of the submit button
+   * @property {widgetConfig[]} [widgets] - The list of widgets to set in the form (default none)
+   * @property {buttonConfig[]} [buttons] - The list of buttons to set in the form (default none)
+   * @property {Object} [values] - Initial values for the widgets
+   * @property {Object} [ranges] - An optional list of ranges for the widgets (@see widgetConfig.range)
    */
 
-  /**
-   * Some default config
-   * @type {Object}
+  /**
+   * Some default config
+   * @type {Object}
    */
 
   var defaults = {
@@ -165,46 +165,46 @@ define(['lodash', 'i18n', 'ui/component', 'ui/button', 'ui/form/simpleForm', 'ha
     submitIcon: null,
     submitText: __('Submit')
   };
-  /**
-   * Builds a dropdown form component.
-   *
-   * @example
-   *  const container = $('.my-container', $container);
-   *
-   *  const config = {
-   *      title: 'My fancy form',
-   *      triggerText: 'Comment',
-   *      submitText: 'Publish',
-   *      widgets: [{
-   *          widget: widgetDefinitions.TEXTBOX
-   *          uri: 'nickname',
-   *          label: 'Name',
-   *          required: true
-   *      }, {
-   *          widget: widgetDefinitions.TEXTAREA
-   *          uri: 'comment',
-   *          label: 'Comment',
-   *          required: true
-   *      }]
-   *  };
-   *
-   *  const form = dropdownFormFactory(container, config)
-   *      .on('submit', function(values) {
-   *          // ...
-   *      });
-   *
-   * @param {HTMLElement|String} container
-   * @param {dropdownFormConfig} config
-   * @param {String} [config.triggerText] - The caption of the trigger button
-   * @param {String} [config.triggerIcon] - The icon of the trigger button
-   * @param {String} [config.submitText] - The caption of the submit button
-   * @param {String} [config.submitIcon] - The icon of the submit button
-   * @param {widgetConfig[]} [config.widgets] - The list of widgets to set in the form (default none)
-   * @param {buttonConfig[]} [config.buttons] - The list of buttons to set in the form (default none)
-   * @param {Object} [config.values] - Initial values for the widgets
-   * @param {Object} [config.ranges] - An optional list of ranges for the widgets (@see widgetConfig.range)
-   * @returns {dropdownForm}
-   * @fires ready - When the component is ready to work
+  /**
+   * Builds a dropdown form component.
+   *
+   * @example
+   *  const container = $('.my-container', $container);
+   *
+   *  const config = {
+   *      title: 'My fancy form',
+   *      triggerText: 'Comment',
+   *      submitText: 'Publish',
+   *      widgets: [{
+   *          widget: widgetDefinitions.TEXTBOX
+   *          uri: 'nickname',
+   *          label: 'Name',
+   *          required: true
+   *      }, {
+   *          widget: widgetDefinitions.TEXTAREA
+   *          uri: 'comment',
+   *          label: 'Comment',
+   *          required: true
+   *      }]
+   *  };
+   *
+   *  const form = dropdownFormFactory(container, config)
+   *      .on('submit', function(values) {
+   *          // ...
+   *      });
+   *
+   * @param {HTMLElement|String} container
+   * @param {dropdownFormConfig} config
+   * @param {String} [config.triggerText] - The caption of the trigger button
+   * @param {String} [config.triggerIcon] - The icon of the trigger button
+   * @param {String} [config.submitText] - The caption of the submit button
+   * @param {String} [config.submitIcon] - The icon of the submit button
+   * @param {widgetConfig[]} [config.widgets] - The list of widgets to set in the form (default none)
+   * @param {buttonConfig[]} [config.buttons] - The list of buttons to set in the form (default none)
+   * @param {Object} [config.values] - Initial values for the widgets
+   * @param {Object} [config.ranges] - An optional list of ranges for the widgets (@see widgetConfig.range)
+   * @returns {dropdownForm}
+   * @fires ready - When the component is ready to work
    */
 
   function dropdownFormFactory(container, config) {
@@ -212,19 +212,19 @@ define(['lodash', 'i18n', 'ui/component', 'ui/button', 'ui/form/simpleForm', 'ha
     var button = null;
     var controls = null;
     var api = {
-      /**
-       * Gets access to the form
-       * @returns {form}
+      /**
+       * Gets access to the form
+       * @returns {form}
        */
       getForm: function getForm() {
         return form;
       },
 
-      /**
-       * Update the form with a new list of widgets
-       * @param {widgetConfig[]} widgets
-       * @returns {Promise}
-       * @throws {Error} if the form is not yet rendered
+      /**
+       * Update the form with a new list of widgets
+       * @param {widgetConfig[]} widgets
+       * @returns {Promise}
+       * @throws {Error} if the form is not yet rendered
        */
       setFormWidgets: function setFormWidgets(widgets) {
         if (!this.is('rendered') || !form) {
@@ -234,9 +234,9 @@ define(['lodash', 'i18n', 'ui/component', 'ui/button', 'ui/form/simpleForm', 'ha
         return form.setWidgets(widgets);
       },
 
-      /**
-       * Gets the values from the form widgets
-       * @returns {Object}
+      /**
+       * Gets the values from the form widgets
+       * @returns {Object}
        */
       getFormValues: function getFormValues() {
         if (this.is('rendered')) {
@@ -246,10 +246,10 @@ define(['lodash', 'i18n', 'ui/component', 'ui/button', 'ui/form/simpleForm', 'ha
         return {};
       },
 
-      /**
-       * Sets the values to the form widgets
-       * @param {Object} values
-       * @returns {dropdownForm}
+      /**
+       * Sets the values to the form widgets
+       * @param {Object} values
+       * @returns {dropdownForm}
        */
       setFormValues: function setFormValues(values) {
         if (this.is('rendered')) {
@@ -259,10 +259,10 @@ define(['lodash', 'i18n', 'ui/component', 'ui/button', 'ui/form/simpleForm', 'ha
         return this;
       },
 
-      /**
-       * Opens the form attached to the dropdown
-       * @returns {dropdownForm}
-       * @fires open - When the form is open
+      /**
+       * Opens the form attached to the dropdown
+       * @returns {dropdownForm}
+       * @fires open - When the form is open
        */
       openForm: function openForm() {
         this.setState('open', true); // the event is emitted only if the component is rendered.
@@ -275,8 +275,8 @@ define(['lodash', 'i18n', 'ui/component', 'ui/button', 'ui/form/simpleForm', 'ha
             this.setState('open-on-left', true);
             this.setState('open-on-right', false);
           }
-          /**
-           * @event open
+          /**
+           * @event open
            */
 
 
@@ -286,10 +286,10 @@ define(['lodash', 'i18n', 'ui/component', 'ui/button', 'ui/form/simpleForm', 'ha
         return this;
       },
 
-      /**
-       * Closes the form attached to the dropdown
-       * @returns {dropdownForm}
-       * @fires close - When the form is closed
+      /**
+       * Closes the form attached to the dropdown
+       * @returns {dropdownForm}
+       * @fires close - When the form is closed
        */
       closeForm: function closeForm() {
         this.setState('open', false);
@@ -297,8 +297,8 @@ define(['lodash', 'i18n', 'ui/component', 'ui/button', 'ui/form/simpleForm', 'ha
         this.setState('open-on-right', false); // the event is emitted only if the component is rendered.
 
         if (this.is('rendered')) {
-          /**
-           * @event open
+          /**
+           * @event open
            */
           this.trigger('close');
         }
@@ -343,8 +343,8 @@ define(['lodash', 'i18n', 'ui/component', 'ui/button', 'ui/form/simpleForm', 'ha
           _this2.openForm();
         }
       }).render(controls.$trigger);
-      /**
-       * @event ready
+      /**
+       * @event ready
        */
 
       form = formFactory(controls.$form, formConfig).spread(this, 'ready change submit invalid error');