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

package/dist/inplacer.js

@@ -5,11 +5,11 @@ define(['jquery', 'lodash', 'core/pluginifier', 'core/dataattrhandler'], functio
     Pluginifier = Pluginifier && Object.prototype.hasOwnProperty.call(Pluginifier, 'default') ? Pluginifier['default'] : Pluginifier;
     DataAttrHandler = DataAttrHandler && Object.prototype.hasOwnProperty.call(DataAttrHandler, 'default') ? DataAttrHandler['default'] : DataAttrHandler;
 
-    /**
-     * @author Bertrand Chevrier <bertrand@taotesting.com>
-     * @requires jquery
-     * @requires core/pluginifier
-     * @requires core/dataattrhandler
+    /**
+     * @author Bertrand Chevrier <bertrand@taotesting.com>
+     * @requires jquery
+     * @requires core/pluginifier
+     * @requires core/dataattrhandler
      */
     var ns = 'inplacer';
     var dataNs = 'ui.' + ns;
@@ -18,14 +18,15 @@ define(['jquery', 'lodash', 'core/pluginifier', 'core/dataattrhandler'], functio
       bindEvent: 'click',
       inplaceClass: 'inplace',
       mapping: {
-        textarea: ['p', 'div'] //input otherwise
-
+        textarea: ['p', 'div']
+        //input otherwise
       }
     };
-    /**
-     * Get the element text but not the text of children
-     * @param {jQueryElement} $elt - the element to get the text from
-     * @returns {String} the content
+
+    /**
+     * Get the element text but not the text of children
+     * @param {jQueryElement} $elt - the element to get the text from
+     * @returns {String} the content
      */
 
     function getText($elt) {
@@ -37,12 +38,12 @@ define(['jquery', 'lodash', 'core/pluginifier', 'core/dataattrhandler'], functio
       });
       return text;
     }
-    /**
-     * Set the element text without removing children
-     * @param {jQueryElement} $elt - the element to set the text to
-     * @param {String} text - the content to set
-     */
 
+    /**
+     * Set the element text without removing children
+     * @param {jQueryElement} $elt - the element to set the text to
+     * @param {String} text - the content to set
+     */
 
     function setText($elt, text) {
       var set = false;
@@ -53,17 +54,15 @@ define(['jquery', 'lodash', 'core/pluginifier', 'core/dataattrhandler'], functio
           return;
         }
       });
-
       if (set === false) {
         $elt.prepend(text);
       }
     }
-    /**
-     * Empty the text node of the element
-     * @param {jQueryElement} $elt - the element to set the text to
-     */
-
 
+    /**
+     * Empty the text node of the element
+     * @param {jQueryElement} $elt - the element to set the text to
+     */
     function emptyText($elt) {
       $elt.contents().filter(function () {
         if (this.nodeType === Node.TEXT_NODE) {
@@ -71,102 +70,92 @@ define(['jquery', 'lodash', 'core/pluginifier', 'core/dataattrhandler'], functio
         }
       });
     }
-    /**
-     * The InPlacer component,
-     * @exports ui/inplacer
+    /**
+     * The InPlacer component,
+     * @exports ui/inplacer
      */
-
-
     var InPlacer = {
-      /**
-       * Initialize the plugin.
-       *
-       * Called the jQuery way once registered by the Pluginifier.
-       * @example $('selector').inplacer({target : $('target') });
-       * @public
-       *
-       * @constructor
-       * @param {Object} options - the plugin options
-       * @param {jQueryElement} options.target - the element to be toggled
-       * @param {string|boolean} [options.bindEvent = 'click'] - the event that trigger the toggling
-       * @param {string} [options.openedClass = 'opened'] - the css added to element (not the target) for the opened state
-       * @param {string} [options.closedClass = 'closed'] - the css added to element (not the target) for the closed state
-       * @fires InPlacer#create.inplacer
-       * @returns {jQueryElement} for chaining
+      /**
+       * Initialize the plugin.
+       *
+       * Called the jQuery way once registered by the Pluginifier.
+       * @example $('selector').inplacer({target : $('target') });
+       * @public
+       *
+       * @constructor
+       * @param {Object} options - the plugin options
+       * @param {jQueryElement} options.target - the element to be toggled
+       * @param {string|boolean} [options.bindEvent = 'click'] - the event that trigger the toggling
+       * @param {string} [options.openedClass = 'opened'] - the css added to element (not the target) for the opened state
+       * @param {string} [options.closedClass = 'closed'] - the css added to element (not the target) for the closed state
+       * @fires InPlacer#create.inplacer
+       * @returns {jQueryElement} for chaining
        */
-      init: function init(options) {
+      init: function (options) {
         //get options using default
         options = $.extend(true, {}, defaults, options);
         return this.each(function () {
           var $elt = $(this);
-
           if (!$elt.data(dataNs)) {
             var $target = options.target;
-
             if (!/^#/.test($target.selector)) {
               $.error('The target selector must referr to the of an element id or to the element to create.');
             }
-
             if ($target.length === 0) {
               //add an hidden field next to the edited element
               $elt.after("<input id='" + $target.selector.replace('#', '') + "' type='hidden' />");
               options.target = $($target.selector);
             } else if ($target.prop('tagName') !== 'INPUT') {
               $.error('The target must be an input element.');
-            } //add data to the element
-
+            }
 
+            //add data to the element
             $elt.data(dataNs, options);
             $elt.addClass(options.inplaceClass);
+            InPlacer._sync($elt, $target);
 
-            InPlacer._sync($elt, $target); //bind an event to trigger the toggling
-
-
+            //bind an event to trigger the toggling
             if (options.bindEvent !== false) {
               $elt.on(options.bindEvent, function (e) {
                 if ($elt.children(':text').length === 0) {
                   e.preventDefault();
-
                   InPlacer._edit($elt);
                 }
               });
             }
-            /**
-             * The plugin have been created.
-             * @event InPlacer#create.inplacer
-             */
-
 
+            /**
+             * The plugin have been created.
+             * @event InPlacer#create.inplacer
+             */
             $elt.trigger('create.' + ns);
           }
         });
       },
-
-      /**
-       * Toggle state.
-       *
-       * Called the jQuery way once registered by the Pluginifier.
-       * @example $('selector').inplacer('toggle');
-       * @param {jQueryElement} $elt - plugin's element
-       * @fires InPlacer#toggle.inplacer
+      /**
+       * Toggle state.
+       *
+       * Called the jQuery way once registered by the Pluginifier.
+       * @example $('selector').inplacer('toggle');
+       * @param {jQueryElement} $elt - plugin's element
+       * @fires InPlacer#toggle.inplacer
        */
-      _toggle: function _toggle($elt) {
+      _toggle: function ($elt) {
         if ($elt.children(':text').length > 0) {
           this._leave($elt);
         } else {
           this._edit($elt);
         }
       },
-
-      /**
-       * Change the state to the edit mode.
-       *
-       * Called the jQuery way once registered by the Pluginifier.
-       * @example $('selector').inplacer('edit');
-       * @param {jQueryElement} $elt - plugin's element
-       * @fires InPlacer#edit.inplacer
+      /**
+       * Change the state to the edit mode.
+       *
+       * Called the jQuery way once registered by the Pluginifier.
+       * @example $('selector').inplacer('edit');
+       * @param {jQueryElement} $elt - plugin's element
+       * @fires InPlacer#edit.inplacer
        */
-      _edit: function _edit($elt) {
+      _edit: function ($elt) {
         var self = this;
         var options = $elt.data(dataNs);
         var $target = options.target;
@@ -174,7 +163,6 @@ define(['jquery', 'lodash', 'core/pluginifier', 'core/dataattrhandler'], functio
         var width = options.width || $elt.width() + 'px';
         var $editor;
         emptyText($elt);
-
         if (_.contains(options.mapping.textarea, $elt.prop('tagName').toLowerCase())) {
           var height = options.height || $elt.height() + 'px';
           $editor = $elt.append('<textarea>' + text + '</textarea>').children(':input').width(width).height(height);
@@ -184,7 +172,6 @@ define(['jquery', 'lodash', 'core/pluginifier', 'core/dataattrhandler'], functio
             type: 'text'
           })).children(':input').width(width).focus().val(text);
         }
-
         $editor.off('click').change(function (e) {
           e.stopPropagation(); //the change evt is triggered on the top element on leaving
         }).keyup(function (e) {
@@ -194,100 +181,91 @@ define(['jquery', 'lodash', 'core/pluginifier', 'core/dataattrhandler'], functio
         }).blur(function () {
           self._leave($elt);
         }).focus();
-
         self._sync($elt, $target);
-        /**
-         * The element is in edit state
-         * @event InPlacer#edit.inplacer
-         * @param {string} value - the current value
-         */
-
 
+        /**
+         * The element is in edit state
+         * @event InPlacer#edit.inplacer
+         * @param {string} value - the current value
+         */
         $elt.trigger('edit.' + ns, [$target.val()]);
       },
-
-      /**
-       * Leave the edit mode to the normal mode.
-       *
-       * Called the jQuery way once registered by the Pluginifier.
-       * @example $('selector').inplacer('_leave');
-       * @param {jQueryElement} $elt - plugin's element
-       * @fires InPlacer#leave.inplacer
+      /**
+       * Leave the edit mode to the normal mode.
+       *
+       * Called the jQuery way once registered by the Pluginifier.
+       * @example $('selector').inplacer('_leave');
+       * @param {jQueryElement} $elt - plugin's element
+       * @fires InPlacer#leave.inplacer
        */
-      _leave: function _leave($elt) {
+      _leave: function ($elt) {
         var options = $elt.data(dataNs);
         var $target = options.target;
         var $input = $elt.children(':input');
         var content = $input.val();
         $input.remove();
         setText($elt, content);
-
         this._sync($elt, $target);
-        /**
-         * The target has been toggled.
-         * @event InPlacer#leave.inplacer
-         * @param {string} value - the current value
-         */
-
 
+        /**
+         * The target has been toggled.
+         * @event InPlacer#leave.inplacer
+         * @param {string} value - the current value
+         */
         $elt.trigger('leave.' + ns, [$target.val()]);
         $elt.trigger('change');
       },
-
-      /**
-       * Keep the the target and the element value in sync.
-       *
-       * @private
-       * @param {jQueryElement} $elt - plugin's element
-       * @param {jQueryElement} $target - the target to be in sync with
+      /**
+       * Keep the the target and the element value in sync.
+       *
+       * @private
+       * @param {jQueryElement} $elt - plugin's element
+       * @param {jQueryElement} $target - the target to be in sync with
        */
-      _sync: function _sync($elt, $target) {
+      _sync: function ($elt, $target) {
         if ($elt.children(':text').length > 0) {
           $target.val($elt.children(':text').val());
         } else {
           $target.val(getText($elt));
         }
       },
-
-      /**
-       * Destroy completely the plugin.
-       *
-       * Called the jQuery way once registered by the Pluginifier.
-       * @example $('selector').inplacer('destroy');
-       * @public
+      /**
+       * Destroy completely the plugin.
+       *
+       * Called the jQuery way once registered by the Pluginifier.
+       * @example $('selector').inplacer('destroy');
+       * @public
        */
-      destroy: function destroy() {
+      destroy: function () {
         this.each(function () {
           var $elt = $(this);
           var options = $elt.data(dataNs);
           $elt.removeClass(options.inplaceClass);
-
           if (options.bindEvent !== false) {
             $elt.off(options.bindEvent);
           }
-
           $elt.removeData(dataNs);
-          /**
-           * The plugin have been destroyed.
-           * @event InPlacer#destroy.inplacer
+          /**
+           * The plugin have been destroyed.
+           * @event InPlacer#destroy.inplacer
            */
-
           $elt.trigger('destroy.' + ns);
         });
       }
-    }; //Register the inplacer to behave as a jQuery plugin.
+    };
 
+    //Register the inplacer to behave as a jQuery plugin.
     Pluginifier.register(ns, InPlacer, {
       expose: ['toggle', 'leave', 'edit']
     });
-    /**
-     * The only exposed function is used to start listening on data-attr
-     *
-     * @public
-     * @example define(['ui/inplacer'], function(inplacer){ inplacer($('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/inplacer'], function(inplacer){ inplacer($('rootContainer')); });
+     * @param {jQueryElement} $container - the root context to listen in
+     */
     function listenDataAttr($container) {
       new DataAttrHandler('in-place', {
         container: $container,
@@ -298,11 +276,9 @@ define(['jquery', 'lodash', 'core/pluginifier', 'core/dataattrhandler'], functio
           target: $target,
           bindEvent: false
         };
-
         if ($elt.data('width')) {
           options.width = $elt.data('width');
         }
-
         $elt.inplacer(options);
       }).trigger(function ($elt) {
         $elt.inplacer('toggle');

package/dist/interactUtils.js

@@ -4,43 +4,40 @@ define(['jquery', 'lodash', 'interact', 'core/mouseEvent'], function ($, _, inte
     _ = _ && Object.prototype.hasOwnProperty.call(_, 'default') ? _['default'] : _;
     interact = interact && Object.prototype.hasOwnProperty.call(interact, 'default') ? interact['default'] : interact;
 
-    /**
-     * 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) 2016-2019 (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) 2016-2019 (original work) Open Assessment Technologies SA ;
      */
     var interactHelper, simulateDrop;
-
     function iFrameDragFixCb() {
       if (_.isFunction(simulateDrop)) {
         simulateDrop();
       }
-
       interact.stop();
     }
-
     interactHelper = {
-      /**
-       * Chrome/Safari fix: manually drop a dragged element when the mouse leaves the item runner iframe
-       * Without this fix, following behaviour is to be expected:
-       *     - drag an element, move the mouse out of the browser window, release mouse button
-       *     - when the mouse enter again the browser window, the drag will continue even though the mouse button has been released
-       * This only occurs with iFrames.
-       * Thus, this fix should be removed when the old test runner is discarded
-       *
-       * @param {Function} simulateDropCb manually triggers handlers registered for drop and dragend events
+      /**
+       * Chrome/Safari fix: manually drop a dragged element when the mouse leaves the item runner iframe
+       * Without this fix, following behaviour is to be expected:
+       *     - drag an element, move the mouse out of the browser window, release mouse button
+       *     - when the mouse enter again the browser window, the drag will continue even though the mouse button has been released
+       * This only occurs with iFrames.
+       * Thus, this fix should be removed when the old test runner is discarded
+       *
+       * @param {Function} simulateDropCb manually triggers handlers registered for drop and dragend events
        */
       iFrameDragFixOn: function iFrameDragFixOn(simulateDropCb) {
         simulateDrop = simulateDropCb;
@@ -49,41 +46,37 @@ define(['jquery', 'lodash', 'interact', 'core/mouseEvent'], function ($, _, inte
       iFrameDragFixOff: function iFrameDragFixOff() {
         window.removeEventListener('mouseleave', iFrameDragFixCb);
       },
-
-      /**
-       * Calculate element zoom due css transform scale to apply scale on move event.
-       *
-       * @param e {Event} event
+      /**
+       * Calculate element zoom due css transform scale to apply scale on move event.
+       *
+       * @param e {Event} event
        */
       calculateScale: function calculateScale(e) {
         var scaleX = e.getBoundingClientRect().width / e.offsetWidth;
         var scaleY = e.getBoundingClientRect().height / e.offsetHeight;
         return [scaleX, scaleY];
       },
-
-      /**
-       * triggers an interact 'tap' event
-       * @param {HtmlElement|jQueryElement} element
-       * @param {Function} cb callback
-       * @param {int} delay in milliseconds before firing the callback
+      /**
+       * triggers an interact 'tap' event
+       * @param {HtmlElement|jQueryElement} element
+       * @param {Function} cb callback
+       * @param {int} delay in milliseconds before firing the callback
        */
       tapOn: function tapOn(element, cb, delay) {
         var domElement,
-            firstEvent,
-            secondEvent,
-            eventOptions = {
-          bubbles: true,
-          pointerId: 1,
-          cancelable: true,
-          pointerType: 'touch',
-          width: 100,
-          height: 100,
-          isPrimary: true
-        };
-
+          firstEvent,
+          secondEvent,
+          eventOptions = {
+            bubbles: true,
+            pointerId: 1,
+            cancelable: true,
+            pointerType: 'touch',
+            width: 100,
+            height: 100,
+            isPrimary: true
+          };
         if (element) {
           domElement = element instanceof $ ? element.get(0) : element;
-
           if (navigator.userAgent.indexOf('MSIE') !== -1 || navigator.appVersion.indexOf('Trident/') > 0) {
             firstEvent = document.createEvent('HTMLEvents');
             firstEvent.initEvent('pointerdown', false, true);
@@ -93,36 +86,32 @@ define(['jquery', 'lodash', 'interact', 'core/mouseEvent'], function ($, _, inte
             firstEvent = new PointerEvent('pointerdown', eventOptions);
             secondEvent = new PointerEvent('pointerup', eventOptions);
           }
-
           domElement.dispatchEvent(firstEvent);
           domElement.dispatchEvent(secondEvent);
-
           if (cb) {
             _.delay(cb, delay || 0);
           }
         }
       },
-
-      /**
-       * This should be bound to the onmove event of a draggable element
-       * @param {HtmlElement|jQueryElement} element
-       * @param {integer} dx event.dx value
-       * @param {integer} dy event.dy value
+      /**
+       * This should be bound to the onmove event of a draggable element
+       * @param {HtmlElement|jQueryElement} element
+       * @param {integer} dx event.dx value
+       * @param {integer} dy event.dy value
        */
       moveElement: function moveElement(element, dx, dy) {
         var domElement = element instanceof $ ? element.get(0) : element,
-            x = (parseFloat(domElement.getAttribute('data-x')) || 0) + dx,
-            y = (parseFloat(domElement.getAttribute('data-y')) || 0) + dy,
-            transform = 'translate(' + x + 'px, ' + y + 'px) translateZ(0px)';
+          x = (parseFloat(domElement.getAttribute('data-x')) || 0) + dx,
+          y = (parseFloat(domElement.getAttribute('data-y')) || 0) + dy,
+          transform = 'translate(' + x + 'px, ' + y + 'px) translateZ(0px)';
         domElement.style.webkitTransform = transform;
         domElement.style.transform = transform;
         domElement.setAttribute('data-x', x);
         domElement.setAttribute('data-y', y);
       },
-
-      /**
-       * This can be bound to the onend event of a draggable element, for example
-       * @param {HtmlElement|jQueryElement} element
+      /**
+       * This can be bound to the onend event of a draggable element, for example
+       * @param {HtmlElement|jQueryElement} element
        */
       restoreOriginalPosition: function restoreOriginalPosition(element) {
         var domElement = element instanceof $ ? element.get(0) : element;

package/dist/itemButtonList/css/item-button-list.css

@@ -1,26 +1,26 @@
-/**
- * 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) 2022 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) 2022 Open Assessment Technologies SA ;
  */
-/*
-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 */
@@ -134,7 +134,6 @@ Usage:
 
 .buttonlist-items .buttonlist-item {
     -webkit-user-select: none;
-    -ms-user-select: none;
     -o-user-select: none;
     user-select: none;
 }
@@ -231,5 +230,5 @@ Usage:
     color: white;
     border-color: #0057a3;
 }
-
+
 /*# sourceMappingURL=item-button-list.css.map */