@oat-sa/tao-core-ui 1.60.2 → 1.62.0

package/dist/form.js

@@ -2,48 +2,43 @@ define(['jquery'], function ($) { 'use strict';
 
     $ = $ && Object.prototype.hasOwnProperty.call($, 'default') ? $['default'] : $;
 
-    /**
-     * Toggle radios and checkboxes wrapped into a pseudo label element to simulate the behavior of a label
-     * @param {String} selector - to scope the listening
+    /**
+     * Toggle radios and checkboxes wrapped into a pseudo label element to simulate the behavior of a label
+     * @param {String} selector - to scope the listening
      */
-
     var pseudoLabel = function pseudoLabel(selector) {
       $(document).on('click', selector + ' .pseudo-label-box', function (e) {
         e.preventDefault();
         var $box = $(this);
         var $radios = $box.find('input:radio').not('[disabled]').not('.disabled');
         var $checkboxes = $box.find('input:checkbox').not('[disabled]').not('.disabled');
-
         if ($radios.length) {
           $radios.not(':checked').prop('checked', true);
           $radios.trigger('change');
         }
-
         if ($checkboxes.length) {
           $checkboxes.prop('checked', !$checkboxes.prop('checked'));
           $checkboxes.trigger('change');
         }
       });
     };
-    /**
-     * Prevent clicks and focus on disbled elements
-     * @param {String} selector - to scope the listening
-     */
-
 
+    /**
+     * Prevent clicks and focus on disbled elements
+     * @param {String} selector - to scope the listening
+     */
     var preventDisabled = function preventDisabled(selector) {
       $(document).on('click', selector + ' .disabled, ' + selector + ' :disabled', function (e) {
         e.preventDefault();
         return false;
       });
     };
-    /**
-     * Manages general behavior on form elements
-     *
-     * @param {jQueryElement} $container - the root context to lookup inside
-     */
-
 
+    /**
+     * Manages general behavior on form elements
+     *
+     * @param {jQueryElement} $container - the root context to lookup inside
+     */
     function listenFormBehavior($container) {
       var selector = $container.selector || '.tao-scope';
       pseudoLabel(selector);

package/dist/formValidator/formValidator.js

@@ -4,23 +4,23 @@ define(['jquery', 'lodash', 'ui/formValidator/highlighters/highlighter', 'ui/val
     _ = _ && Object.prototype.hasOwnProperty.call(_, 'default') ? _['default'] : _;
     highlighterFactory = highlighterFactory && Object.prototype.hasOwnProperty.call(highlighterFactory, 'default') ? highlighterFactory['default'] : highlighterFactory;
 
-    /**
-     * 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 defaultOptions = {
       highlighter: {
@@ -32,23 +32,23 @@ define(['jquery', 'lodash', 'ui/formValidator/highlighters/highlighter', 'ui/val
       validateOnInit: false,
       events: ['change', 'blur']
     };
-    /**
-     * @param {Object} options
-     * @param {jQuery} [options.container] - container which contains elements to validate
-     * @param {Object} [options.selector = '[data-validate]'] - selector to find elements to validate
-     * @param {string|Array} [options.events = ['change', 'blur']] - the default event that triggers the validation
-     * @param {Object} [options.highlighter - error filed highlighter options {@see ui/formValidator/highlighters/highlighter}
-     * @param {Object} [options.validateOnInit = false] - whether form should be validated after plugin initialization
-     */
 
+    /**
+     * @param {Object} options
+     * @param {jQuery} [options.container] - container which contains elements to validate
+     * @param {Object} [options.selector = '[data-validate]'] - selector to find elements to validate
+     * @param {string|Array} [options.events = ['change', 'blur']] - the default event that triggers the validation
+     * @param {Object} [options.highlighter - error filed highlighter options {@see ui/formValidator/highlighters/highlighter}
+     * @param {Object} [options.validateOnInit = false] - whether form should be validated after plugin initialization
+     */
     var formValidatorFactory = function formValidatorFactory(options) {
       var state = {
-        valid: true,
-        errors: []
-      },
-          highlighter,
-          $toValidate,
-          validator;
+          valid: true,
+          errors: []
+        },
+        highlighter,
+        $toValidate,
+        validator;
       validator = {
         init: function init() {
           var self = this;
@@ -56,21 +56,18 @@ define(['jquery', 'lodash', 'ui/formValidator/highlighters/highlighter', 'ui/val
           $toValidate = getFieldsToValidate();
           $toValidate.validator({
             event: self.options.events,
-            validated: function validated(valid, report) {
+            validated: function (valid, report) {
               afterFieldValidate($(this), valid, report);
             }
           });
-
           if (options.validateOnInit) {
             self.validate();
           }
-
           return self;
         },
-
-        /**
-         * Validate form.
-         * @returns {boolean} - whether form is valid
+        /**
+         * Validate form.
+         * @returns {boolean} - whether form is valid
          */
         validate: function validate() {
           $toValidate = getFieldsToValidate();
@@ -83,23 +80,21 @@ define(['jquery', 'lodash', 'ui/formValidator/highlighters/highlighter', 'ui/val
           });
           return state.valid;
         },
-
-        /**
-         * Get form state in following format:
-         * <pre>
-         *  {
-         *    valid : false,
-         *
-         *  }
-         * </pre>
-         * @returns {object}
+        /**
+         * Get form state in following format:
+         * <pre>
+         *  {
+         *    valid : false,
+         *
+         *  }
+         * </pre>
+         * @returns {object}
          */
         getState: function getState() {
           return state;
         },
-
-        /**
-         * Destroy validator.
+        /**
+         * Destroy validator.
          */
         destroy: function destroy() {
           var $fields = getFieldsToValidate();
@@ -109,36 +104,32 @@ define(['jquery', 'lodash', 'ui/formValidator/highlighters/highlighter', 'ui/val
             }
           });
         },
-
-        /**
-         * Get container which contains fields to validate
-         * @returns {jQuery}
+        /**
+         * Get container which contains fields to validate
+         * @returns {jQuery}
          */
         getContainer: function getContainer() {
           var self = this,
-              $container;
-
+            $container;
           if (self.options.container && self.options.container.length) {
             $container = self.options.container;
           } else {
             $container = $(document);
           }
-
           return $container;
         }
       };
-      /**
-       * Callback will be called after field validation.
-       * @private
-       * @param {jQuery} $field - validated field
-       * @param {boolean} valid - whether field is valid
-       * @param {array} report - list of reports {@see ui/validator/Report}
-       */
 
+      /**
+       * Callback will be called after field validation.
+       * @private
+       * @param {jQuery} $field - validated field
+       * @param {boolean} valid - whether field is valid
+       * @param {array} report - list of reports {@see ui/validator/Report}
+       */
       function afterFieldValidate($field, valid, report) {
         var firstErrorData;
         state.valid = state.valid && valid;
-
         if (!valid) {
           firstErrorData = _.pluck(_.filter(report, {
             type: 'failure'
@@ -151,56 +142,48 @@ define(['jquery', 'lodash', 'ui/formValidator/highlighters/highlighter', 'ui/val
           highlightField($field, true);
         }
       }
-      /**
-       * Add or remove error class and error message
-       * @private
-       * @param {jQuery} $field - element to be highlighted
-       * @param {boolean} success - whether input is valid or not.
-       * @param {string} [message]
-       */
-
 
+      /**
+       * Add or remove error class and error message
+       * @private
+       * @param {jQuery} $field - element to be highlighted
+       * @param {boolean} success - whether input is valid or not.
+       * @param {string} [message]
+       */
       function highlightField($field, success, message) {
         highlighter = getHighlighter();
-
         if (success) {
           highlighter.unhighlight($field);
         } else {
           highlighter.highlight($field, message);
         }
       }
-      /**
-       * Get highlighter helper
-       * @private
-       * @return {object} - highlighter {@see ui/formValidator/highlighters/highlighter}
-       */
-
 
+      /**
+       * Get highlighter helper
+       * @private
+       * @return {object} - highlighter {@see ui/formValidator/highlighters/highlighter}
+       */
       function getHighlighter() {
         if (_.isUndefined(highlighter)) {
           highlighter = highlighterFactory(validator.options.highlighter);
         }
-
         return highlighter;
       }
-      /**
-       * Get fields to validate
-       * @private
-       * @returns {jQuery}
-       */
-
 
+      /**
+       * Get fields to validate
+       * @private
+       * @returns {jQuery}
+       */
       function getFieldsToValidate() {
         var $container;
-
         if (_.isUndefined($toValidate)) {
           $container = validator.getContainer();
           $toValidate = $container.find(validator.options.selector);
         }
-
         return $toValidate;
       }
-
       return validator.init();
     };
 

package/dist/formValidator/highlighters/highlighter.js

@@ -4,97 +4,89 @@ define(['jquery', 'ui/formValidator/highlighters/message', 'ui/formValidator/hig
     messageHighlighter = messageHighlighter && Object.prototype.hasOwnProperty.call(messageHighlighter, 'default') ? messageHighlighter['default'] : messageHighlighter;
     tooltipHighlighter = tooltipHighlighter && Object.prototype.hasOwnProperty.call(tooltipHighlighter, 'default') ? tooltipHighlighter['default'] : tooltipHighlighter;
 
-    /**
-     * 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 defaultOptions = {
       type: 'message'
     };
-    /**
-     * Error field highlighter
-     * @param {Object} options
-     * @param {string} [options.type] - highlighter provider name
-     * @param {string} [options.errorClass] -
-     * @param {string} [options.errorMessageClass] -
-     */
 
+    /**
+     * Error field highlighter
+     * @param {Object} options
+     * @param {string} [options.type] - highlighter provider name
+     * @param {string} [options.errorClass] -
+     * @param {string} [options.errorMessageClass] -
+     */
     function highlighterFactory(options) {
       var highlighter, provider;
       highlighter = {
-        /**
-         * Destroy init
-         * @param {object} options
+        /**
+         * Destroy init
+         * @param {object} options
          */
         init: function init() {
           options = $.extend(true, defaultOptions, options);
           provider = getProvider(options);
           return this;
         },
-
-        /**
-         * Highlight field
-         * @param {jQuery} $field - field element to be highlighted
-         * @param {string} message - message text.
+        /**
+         * Highlight field
+         * @param {jQuery} $field - field element to be highlighted
+         * @param {string} message - message text.
          */
         highlight: function highlight($field, message) {
           provider.highlight($field, message);
         },
-
-        /**
-         * Unhighlight field
-         * @param {jQuery} $field
+        /**
+         * Unhighlight field
+         * @param {jQuery} $field
          */
         unhighlight: function unhighlight($field) {
           provider.unhighlight($field);
         },
-
-        /**
-         * Destroy highlighter
-         * @param {jQuery} $field
+        /**
+         * Destroy highlighter
+         * @param {jQuery} $field
          */
         destroy: function destroy($field) {
           provider.destroy($field);
         }
       };
-      /**
-       * Get highlighter implementation
-       * @private
-       * @param {object} options - options
-       * @returns {object} - highlighter implementation
-       */
 
+      /**
+       * Get highlighter implementation
+       * @private
+       * @param {object} options - options
+       * @returns {object} - highlighter implementation
+       */
       function getProvider(options) {
         if (!highlighterFactory.providers[options.type]) {
           throw new TypeError('Provider ' + name + ' is not registered.');
         }
-
         return highlighterFactory.providers[options.type](options);
       }
-
       return highlighter.init();
     }
-
     highlighterFactory.providers = {};
-
     highlighterFactory.register = function (name, provider) {
       highlighterFactory.providers[name] = provider;
     };
-
     highlighterFactory.register('message', messageHighlighter);
     highlighterFactory.register('tooltip', tooltipHighlighter);
 

package/dist/formValidator/highlighters/message.js

@@ -2,59 +2,58 @@ define(['lodash'], function (_) { 'use strict';
 
     _ = _ && Object.prototype.hasOwnProperty.call(_, 'default') ? _['default'] : _;
 
-    /**
-     * 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 defaultOptions = {
       errorClass: 'error',
       errorMessageClass: 'validate-error'
     };
-    /**
-     * Error field highlighter
-     * @param {Object} options
-     * @param {string} [options.errorClass] - field error class
-     * @param {string} [options.errorMessageClass] - error message class
-     */
 
+    /**
+     * Error field highlighter
+     * @param {Object} options
+     * @param {string} [options.errorClass] - field error class
+     * @param {string} [options.errorMessageClass] - error message class
+     */
     function highlighterFactory(options) {
       var highlighter;
       options = _.merge(defaultOptions, options);
       highlighter = {
-        /**
-         * Highlight field by class defined in <i>self.options.errorClass</i> and add error message after it.
-         * @param {jQuery} $field - field element to be highlighted
-         * @param {string} message - message text.
+        /**
+         * Highlight field by class defined in <i>self.options.errorClass</i> and add error message after it.
+         * @param {jQuery} $field - field element to be highlighted
+         * @param {string} message - message text.
          */
         highlight: function highlight($field, message) {
           this.unhighlight($field);
           $field.addClass(options.errorClass);
           $field.after("<span class='" + options.errorMessageClass + "'>" + message + '</span>');
         },
-
-        /**
-         * Unhighlight field (remove error class and error message).
-         * @param {jQuery} $field
+        /**
+         * Unhighlight field (remove error class and error message).
+         * @param {jQuery} $field
          */
         unhighlight: function unhighlight($field) {
           $field.removeClass(options.errorClass);
           $field.next('.' + options.errorMessageClass).remove();
         },
-        destroy: function destroy($field) {
+        destroy: function ($field) {
           return;
         }
       };

package/dist/formValidator/highlighters/tooltip.js

@@ -3,44 +3,44 @@ define(['lodash', 'ui/tooltip'], function (_, tooltip) { 'use strict';
     _ = _ && Object.prototype.hasOwnProperty.call(_, 'default') ? _['default'] : _;
     tooltip = tooltip && Object.prototype.hasOwnProperty.call(tooltip, 'default') ? tooltip['default'] : tooltip;
 
-    /**
-     * 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 defaultOptions = {
       tooltip: {
         trigger: 'manual'
       }
     };
-    /**
-     * Error field highlighter
-     * @param {Object} options
-     * @param {string} [options.errorClass] - field error class
-     * @see here: {@link http://qtip2.com/options/} - more qtip plugin options
-     */
 
+    /**
+     * Error field highlighter
+     * @param {Object} options
+     * @param {string} [options.errorClass] - field error class
+     * @see here: {@link http://qtip2.com/options/} - more qtip plugin options
+     */
     function highlighterFactory(options) {
       var highlighter;
       options = _.merge(defaultOptions, options);
       highlighter = {
-        /**
-         * Highlight field by class defined in <i>self.options.errorClass</i> and add error message after it.
-         * @param {jQuery} $field - field element to be highlighted
-         * @param {string} message - message text.
+        /**
+         * Highlight field by class defined in <i>self.options.errorClass</i> and add error message after it.
+         * @param {jQuery} $field - field element to be highlighted
+         * @param {string} message - message text.
          */
         highlight: function highlight($field, message) {
           var fieldTooltip;
@@ -49,20 +49,18 @@ define(['lodash', 'ui/tooltip'], function (_, tooltip) { 'use strict';
           $field.data('$tooltip', fieldTooltip);
           $field.addClass(options.errorClass);
         },
-
-        /**
-         * Unhighlight field (remove error class and error message).
-         * @param {jQuery} $field
+        /**
+         * Unhighlight field (remove error class and error message).
+         * @param {jQuery} $field
          */
         unhighlight: function unhighlight($field) {
           $field.removeClass(options.errorClass);
           $field.data('$tooltip').dispose();
           $field.removeData('$tooltip');
         },
-
-        /**
-         * remove tooltip with error message from given field
-         * @param $field
+        /**
+         * remove tooltip with error message from given field
+         * @param $field
          */
         destroy: function destroy($field) {
           if ($field.data('$tooltip')) {

package/dist/generis/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 */
@@ -32,5 +32,5 @@ Usage:
         transform: rotate(360deg);
     }
 }
-
+
 /*# sourceMappingURL=form.css.map */