@oat-sa/tao-core-ui 1.64.2 → 1.66.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;
@@ -23,10 +23,10 @@ define(['jquery', 'lodash', 'core/pluginifier', 'core/dataattrhandler'], functio
       }
     };
 
-    /**
-     * 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) {
@@ -39,10 +39,10 @@ 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) {
@@ -59,9 +59,9 @@ define(['jquery', 'lodash', 'core/pluginifier', 'core/dataattrhandler'], functio
       }
     }
 
-    /**
-     * 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 () {
@@ -70,26 +70,26 @@ define(['jquery', 'lodash', 'core/pluginifier', 'core/dataattrhandler'], functio
         }
       });
     }
-    /**
-     * The InPlacer component,
-     * @exports ui/inplacer
+    /**
+     * The InPlacer component,
+     * @exports ui/inplacer
      */
     const 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 (options) {
         //get options using default
@@ -124,21 +124,21 @@ define(['jquery', 'lodash', 'core/pluginifier', 'core/dataattrhandler'], functio
               });
             }
 
-            /**
-             * 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 ($elt) {
         if ($elt.children(':text').length > 0) {
@@ -147,13 +147,13 @@ define(['jquery', 'lodash', 'core/pluginifier', 'core/dataattrhandler'], functio
           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 ($elt) {
         var self = this;
@@ -183,20 +183,20 @@ define(['jquery', 'lodash', 'core/pluginifier', 'core/dataattrhandler'], functio
         }).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 ($elt) {
         var options = $elt.data(dataNs);
@@ -207,20 +207,20 @@ define(['jquery', 'lodash', 'core/pluginifier', 'core/dataattrhandler'], functio
         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 ($elt, $target) {
         if ($elt.children(':text').length > 0) {
@@ -229,12 +229,12 @@ define(['jquery', 'lodash', 'core/pluginifier', 'core/dataattrhandler'], functio
           $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 () {
         this.each(function () {
@@ -245,9 +245,9 @@ define(['jquery', 'lodash', 'core/pluginifier', 'core/dataattrhandler'], functio
             $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);
         });
@@ -259,12 +259,12 @@ define(['jquery', 'lodash', 'core/pluginifier', 'core/dataattrhandler'], functio
       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', {

package/dist/interactUtils.js

@@ -4,22 +4,22 @@ 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() {
@@ -29,15 +29,15 @@ define(['jquery', 'lodash', 'interact', 'core/mouseEvent'], function ($, _, inte
       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;
@@ -46,21 +46,21 @@ 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,
@@ -93,11 +93,11 @@ define(['jquery', 'lodash', 'interact', 'core/mouseEvent'], function ($, _, inte
           }
         }
       },
-      /**
-       * 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,
@@ -109,9 +109,9 @@ define(['jquery', 'lodash', 'interact', 'core/mouseEvent'], function ($, _, inte
         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 */
@@ -132,6 +132,14 @@ Usage:
     content: "\e69e";
 }
 
+.buttonlist-items .icon-score-pending::before {
+    content: "\e633";
+}
+
+.buttonlist-items .icon-score-partial::before {
+    content: "\e91a";
+}
+
 .buttonlist-items .buttonlist-item {
     -webkit-user-select: none;
     -o-user-select: none;
@@ -174,6 +182,14 @@ Usage:
     background-color: #ba122b;
 }
 
+.buttonlist-items .buttonlist-item.score-pending .buttonlist-score-badge {
+    background-color: #6E6E6E;
+}
+
+.buttonlist-items .buttonlist-item.score-partial .buttonlist-score-badge {
+    background-color: #AD5700;
+}
+
 .buttonlist-items:not(.disabled) .buttonlist-item:not(.disabled) .buttonlist-btn:hover {
     background-color: #e6f3ff;
     color: #0057a3;
@@ -230,5 +246,5 @@ Usage:
     color: white;
     border-color: #0057a3;
 }
-
+
 /*# sourceMappingURL=item-button-list.css.map */