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

package/dist/mediaEditor/plugins/mediaDimension/style.css

@@ -1,141 +1,141 @@
-.media-sizer {
-    max-width: 300px;
-}
-
-.media-sizer label {
-    min-width: 80px;
-    line-height: 22px;
-}
-
-.media-sizer input[type="text"] {
-    width: 68px !important;
-    min-width: 68px !important;
-    text-align: right;
-    padding-right: 24px;
-}
-
-.media-sizer .media-sizer-pixel-width,
-.media-sizer .media-sizer-pixel-height
-{
-    width: 80px;
-}
-
-.media-sizer.media-sizer-reset-off .item-editor-unit-input-box {
-    right: -22px;
-}
-
-.media-sizer.media-sizer-reset-off .media-sizer-sync {
-    right: 69px;
-}
-
-.media-sizer.media-sizer-responsivetoggle-off .media-sizer-responsive-toggle,
-.media-sizer.media-sizer-sync-off .media-sizer-sync,
-.media-sizer.media-sizer-reset-off .media-sizer-reset
-{
-    display:none;
-}
-
-.media-sizer .item-editor-unit-input-box {
-    position: relative;
-    display:-moz-box; /* fix for FF */
-    right: -3px;
-}
-
-.media-sizer .media-sizer-reset,
-.media-sizer .media-sizer-sync {
-    border: 2px solid transparent;
-    border-radius: 2px;
-    position: absolute;
-    top: 10px;
-    height: 38px;
-    width: 12px;
-    z-index: 1000;
-    opacity: .85;
-    cursor: pointer;
-}
-
-.media-sizer .media-sizer-reset:hover,
-.media-sizer .media-sizer-sync:hover {
-    color: #3e7da7;
-}
-
-.media-sizer .media-sizer-reset span,
-.media-sizer .media-sizer-sync span
-{
-    position: absolute;
-    top: 8px;
-    background: #f3f1ef;
-    padding: 3px;
-    border-radius: 8px
-}
-
-.media-sizer .media-sizer-sync {
-    border-right: none;
-    left: 70px;
-}
-
-.media-sizer .media-sizer-sync span {
-    -webkit-transform: rotate(45deg);
-    -moz-transform: rotate(45deg);
-    -o-transform: rotate(45deg);
-    left: -11px;
-}
-
-.media-sizer .media-sizer-reset {
-    border-left: none;
-    border-color: #ccc;
-    left: 160px;
-}
-
-.media-sizer .media-sizer-reset span {
-    -webkit-transform: rotate(45deg);
-    -moz-transform: rotate(45deg);
-    -o-transform: rotate(45deg);
-    right: -11px;
-}
-
-.media-sizer .media-sizer-reset.media-sizer-reset-percent {
-    border: none;
-    height: 12px;
-    top: -4px;
-}
-
-.media-sizer .unit-indicator {
-    margin: -24px;
-}
-
-.media-sizer .media-sizer-slider-box {
-    padding-top: 10px;
-    position: relative;
-}
-
-.media-sizer .media-sizer-cover {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 30px;
-    background: #f3f1ef;
-    opacity: .55;
-    display: block;
-    z-index: 15;
-}
-
-.media-sizer .media-sizer-pixel {
-    display: none;
-    position: relative;
-}
-
-.media-sizer .media-sizer-percent {
-    display: block;
-    position: relative;
-}
-
-.media-sizer.media-sizer-synced .media-sizer-cover {
-    display:none;
-}
-
-.media-sizer.media-sizer-synced .media-sizer-sync {
-    border-color: #ccc;
-    opacity: 1;
-}
+.media-sizer {
+    max-width: 300px;
+}
+
+.media-sizer label {
+    min-width: 80px;
+    line-height: 22px;
+}
+
+.media-sizer input[type="text"] {
+    width: 68px !important;
+    min-width: 68px !important;
+    text-align: right;
+    padding-right: 24px;
+}
+
+.media-sizer .media-sizer-pixel-width,
+.media-sizer .media-sizer-pixel-height
+{
+    width: 80px;
+}
+
+.media-sizer.media-sizer-reset-off .item-editor-unit-input-box {
+    right: -22px;
+}
+
+.media-sizer.media-sizer-reset-off .media-sizer-sync {
+    right: 69px;
+}
+
+.media-sizer.media-sizer-responsivetoggle-off .media-sizer-responsive-toggle,
+.media-sizer.media-sizer-sync-off .media-sizer-sync,
+.media-sizer.media-sizer-reset-off .media-sizer-reset
+{
+    display:none;
+}
+
+.media-sizer .item-editor-unit-input-box {
+    position: relative;
+    display:-moz-box; /* fix for FF */
+    right: -3px;
+}
+
+.media-sizer .media-sizer-reset,
+.media-sizer .media-sizer-sync {
+    border: 2px solid transparent;
+    border-radius: 2px;
+    position: absolute;
+    top: 10px;
+    height: 38px;
+    width: 12px;
+    z-index: 1000;
+    opacity: .85;
+    cursor: pointer;
+}
+
+.media-sizer .media-sizer-reset:hover,
+.media-sizer .media-sizer-sync:hover {
+    color: #3e7da7;
+}
+
+.media-sizer .media-sizer-reset span,
+.media-sizer .media-sizer-sync span
+{
+    position: absolute;
+    top: 8px;
+    background: #f3f1ef;
+    padding: 3px;
+    border-radius: 8px
+}
+
+.media-sizer .media-sizer-sync {
+    border-right: none;
+    left: 70px;
+}
+
+.media-sizer .media-sizer-sync span {
+    -webkit-transform: rotate(45deg);
+    -moz-transform: rotate(45deg);
+    -o-transform: rotate(45deg);
+    left: -11px;
+}
+
+.media-sizer .media-sizer-reset {
+    border-left: none;
+    border-color: #ccc;
+    left: 160px;
+}
+
+.media-sizer .media-sizer-reset span {
+    -webkit-transform: rotate(45deg);
+    -moz-transform: rotate(45deg);
+    -o-transform: rotate(45deg);
+    right: -11px;
+}
+
+.media-sizer .media-sizer-reset.media-sizer-reset-percent {
+    border: none;
+    height: 12px;
+    top: -4px;
+}
+
+.media-sizer .unit-indicator {
+    margin: -24px;
+}
+
+.media-sizer .media-sizer-slider-box {
+    padding-top: 10px;
+    position: relative;
+}
+
+.media-sizer .media-sizer-cover {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 30px;
+    background: #f3f1ef;
+    opacity: .55;
+    display: block;
+    z-index: 15;
+}
+
+.media-sizer .media-sizer-pixel {
+    display: none;
+    position: relative;
+}
+
+.media-sizer .media-sizer-percent {
+    display: block;
+    position: relative;
+}
+
+.media-sizer.media-sizer-synced .media-sizer-cover {
+    display:none;
+}
+
+.media-sizer.media-sizer-synced .media-sizer-sync {
+    border-color: #ccc;
+    opacity: 1;
+}

package/dist/mediaplayer/css/player.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 */
@@ -482,5 +482,5 @@ Usage:
 .mediaplayer.video:not(.preview):not(.error) .player-overlay [data-control="start"] {
     display: inline-block;
 }
-
+
 /*# sourceMappingURL=player.css.map */

package/dist/mediaplayer/players/html5.js

@@ -26,24 +26,24 @@ define(['jquery', 'util/urlParser', 'core/eventifier', 'ui/mediaplayer/support',
     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) {
@@ -130,13 +130,13 @@ define(['jquery', 'util/urlParser', 'core/eventifier', 'ui/mediaplayer/support',
   function program3(depth0,data) {
     
     var buffer = "", stack1, helper, options;
-    buffer += "\r\n    <a href=\"";
+    buffer += "\n    <a href=\"";
     if (helper = helpers.link) { stack1 = helper.call(depth0, {hash:{},data:data}); }
     else { helper = (depth0 && depth0.link); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
     buffer += escapeExpression(stack1)
       + "\">"
       + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Please download the track and listen offline.", options) : helperMissing.call(depth0, "__", "Please download the track and listen offline.", options)))
-      + "</a>\r\n";
+      + "</a>\n";
     return buffer;
     }
 
@@ -147,12 +147,12 @@ define(['jquery', 'util/urlParser', 'core/eventifier', 'ui/mediaplayer/support',
       + "\" controls ";
     stack1 = helpers['if'].call(depth0, (depth0 && depth0.cors), {hash:{},inverse:self.noop,fn:self.program(1, program1, data),data:data});
     if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += ">\r\n    "
+    buffer += ">\n    "
       + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Your browser doesn’t support the audio player.", options) : helperMissing.call(depth0, "__", "Your browser doesn’t support the audio player.", options)))
-      + "\r\n";
+      + "\n";
     stack1 = helpers['if'].call(depth0, (depth0 && depth0.link), {hash:{},inverse:self.noop,fn:self.program(3, program3, data),data:data});
     if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += "\r\n</audio>\r\n";
+    buffer += "\n</audio>\n";
     return buffer;
     });
   function audioTpl(data, options, asString) {
@@ -178,13 +178,13 @@ define(['jquery', 'util/urlParser', 'core/eventifier', 'ui/mediaplayer/support',
   function program3(depth0,data) {
     
     var buffer = "", stack1, helper, options;
-    buffer += "\r\n    <a href=\"";
+    buffer += "\n    <a href=\"";
     if (helper = helpers.link) { stack1 = helper.call(depth0, {hash:{},data:data}); }
     else { helper = (depth0 && depth0.link); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
     buffer += escapeExpression(stack1)
       + "\">"
       + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Please download the video and view offline.", options) : helperMissing.call(depth0, "__", "Please download the video and view offline.", options)))
-      + "</a>\r\n";
+      + "</a>\n";
     return buffer;
     }
 
@@ -199,12 +199,12 @@ define(['jquery', 'util/urlParser', 'core/eventifier', 'ui/mediaplayer/support',
       + "\" controls ";
     stack1 = helpers['if'].call(depth0, (depth0 && depth0.cors), {hash:{},inverse:self.noop,fn:self.program(1, program1, data),data:data});
     if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += ">\r\n    "
+    buffer += ">\n    "
       + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Your browser doesn’t support the video player.", options) : helperMissing.call(depth0, "__", "Your browser doesn’t support the video player.", options)))
-      + "\r\n";
+      + "\n";
     stack1 = helpers['if'].call(depth0, (depth0 && depth0.link), {hash:{},inverse:self.noop,fn:self.program(3, program3, data),data:data});
     if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += "\r\n</video>\r\n";
+    buffer += "\n</video>\n";
     return buffer;
     });
   function videoTpl(data, options, asString) {
@@ -230,7 +230,7 @@ define(['jquery', 'util/urlParser', 'core/eventifier', 'ui/mediaplayer/support',
     if (helper = helpers.type) { stack1 = helper.call(depth0, {hash:{},data:data}); }
     else { helper = (depth0 && depth0.type); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
     buffer += escapeExpression(stack1)
-      + "\">\r\n";
+      + "\">\n";
     return buffer;
     });
   function sourceTpl(data, options, asString) {
@@ -238,63 +238,63 @@ define(['jquery', 'util/urlParser', 'core/eventifier', 'ui/mediaplayer/support',
     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) 2015-2021 (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-2021 (original work) Open Assessment Technologies SA ;
    */
-  /**
-   * CSS namespace
-   * @type {string}
+  /**
+   * CSS namespace
+   * @type {string}
    */
 
   var ns = '.mediaplayer';
-  /**
-   * Range value of the volume
-   * @type {number}
+  /**
+   * Range value of the volume
+   * @type {number}
    */
 
   var volumeRange = 100;
-  /**
-   * Delay before considering a media stalled
-   * @type {number}
+  /**
+   * Delay before considering a media stalled
+   * @type {number}
    */
 
   var stalledDetectionDelay = 2000;
-  /**
-   * List of media events that can be listened to for debugging
-   * @type {string[]}
+  /**
+   * List of media events that can be listened to for debugging
+   * @type {string[]}
    */
 
   var mediaEvents = ['abort', 'canplay', 'canplaythrough', 'canshowcurrentframe', 'dataunavailable', 'durationchange', 'emptied', 'empty', 'ended', 'error', 'loadeddata', 'loadedfirstframe', 'loadedmetadata', 'loadstart', 'pause', 'play', 'playing', 'progress', 'ratechange', 'seeked', 'seeking', 'stalled', 'suspend', 'timeupdate', 'volumechange', 'waiting'];
-  /**
-   * List of player events that can be listened to for debugging
-   * @type {string[]}
+  /**
+   * List of player events that can be listened to for debugging
+   * @type {string[]}
    */
 
   var playerEvents = ['end', 'error', 'pause', 'play', 'playing', 'ready', 'resize', 'stalled', 'timeupdate'];
-  /**
-   * Defines a player object dedicated to the native HTML5 player
-   * @param {jQuery} $container - Where to render the player
-   * @param {object} config - The list of config entries
-   * @param {Array} config.sources - The list of media sources
-   * @param {string} [config.type] - The type of player (video or audio) (default: video)
-   * @param {boolean} [config.preview] - Enables the media preview (load media metadata)
-   * @param {boolean} [config.debug] - Enables the debug mode
-   * @param {number} [config.config.stalledDetectionDelay] - The delay before considering a media is stalled
-   * @returns {object} player
+  /**
+   * Defines a player object dedicated to the native HTML5 player
+   * @param {jQuery} $container - Where to render the player
+   * @param {object} config - The list of config entries
+   * @param {Array} config.sources - The list of media sources
+   * @param {string} [config.type] - The type of player (video or audio) (default: video)
+   * @param {boolean} [config.preview] - Enables the media preview (load media metadata)
+   * @param {boolean} [config.debug] - Enables the debug mode
+   * @param {number} [config.config.stalledDetectionDelay] - The delay before considering a media is stalled
+   * @returns {object} player
    */
 
   function html5PlayerFactory($container) {

package/dist/mediaplayer/players/youtube.js

@@ -24,24 +24,24 @@ define(['jquery', 'core/eventifier', 'ui/mediaplayer/support', 'ui/mediaplayer/y
     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) {
@@ -128,7 +128,7 @@ define(['jquery', 'core/eventifier', 'ui/mediaplayer/support', 'ui/mediaplayer/y
     if (helper = helpers.id) { stack1 = helper.call(depth0, {hash:{},data:data}); }
     else { helper = (depth0 && depth0.id); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
     buffer += escapeExpression(stack1)
-      + "\" data-type=\"youtube\"></div>\r\n";
+      + "\" data-type=\"youtube\"></div>\n";
     return buffer;
     });
   function youtubeTpl(data, options, asString) {
@@ -136,57 +136,57 @@ define(['jquery', 'core/eventifier', 'ui/mediaplayer/support', 'ui/mediaplayer/y
     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) 2015-2021 (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-2021 (original work) Open Assessment Technologies SA ;
    */
-  /**
-   * The polling interval used to update the progress bar while playing a YouTube video.
-   * Note : the YouTube API does not provide events to update this progress bar...
-   * @type {Number}
+  /**
+   * The polling interval used to update the progress bar while playing a YouTube video.
+   * Note : the YouTube API does not provide events to update this progress bar...
+   * @type {Number}
    */
 
   var youtubePolling = 100;
-  /**
-   * List of YouTube events that can be listened to for debugging
-   * @type {String[]}
+  /**
+   * List of YouTube events that can be listened to for debugging
+   * @type {String[]}
    */
 
   var youtubeEvents = ['onApiChange', 'onError', 'onPlaybackQualityChange', 'onPlaybackRateChange', 'onStateChange'];
-  /**
-   * List of player events that can be listened to for debugging
-   * @type {String[]}
+  /**
+   * List of player events that can be listened to for debugging
+   * @type {String[]}
    */
 
   var playerEvents = ['end', 'error', 'pause', 'play', 'ready', 'resize', 'timeupdate'];
-  /**
-   * A local manager for Youtube players.
-   * Relies on https://developers.google.com/youtube/iframe_api_reference
-   * @type {Object}
+  /**
+   * A local manager for Youtube players.
+   * Relies on https://developers.google.com/youtube/iframe_api_reference
+   * @type {Object}
    */
 
   var youtubeManager = youtubeManagerFactory();
-  /**
-   * Defines a player object dedicated to youtube media
-   * @param {jQuery} $container - Where to render the player
-   * @param {Object} config - The list of config entries
-   * @param {Array} config.sources - The list of media sources
-   * @param {Boolean} [config.debug] - Enables the debug mode
-   * @param {Number} [config.polling=100] - The polling interval used to update the progress bar while playing a YouTube video.
-   * @returns {Object} player
+  /**
+   * Defines a player object dedicated to youtube media
+   * @param {jQuery} $container - Where to render the player
+   * @param {Object} config - The list of config entries
+   * @param {Array} config.sources - The list of media sources
+   * @param {Boolean} [config.debug] - Enables the debug mode
+   * @param {Number} [config.polling=100] - The polling interval used to update the progress bar while playing a YouTube video.
+   * @returns {Object} player
    */
 
   function youtubePlayerFactory($container) {