@oat-sa/tao-core-ui 1.64.2 → 1.66.0

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

@@ -1,7 +1,7 @@
-.media-alignment {
-    margin-top: 15px;
-}
-
-.media-alignment .media-sizer-panel-label {
-    margin-bottom: 12px;
-}
+.media-alignment {
+    margin-top: 15px;
+}
+
+.media-alignment .media-sizer-panel-label {
+    margin-bottom: 12px;
+}

package/dist/mediaEditor/plugins/mediaDimension/helper.js

@@ -2,30 +2,30 @@ define(['lib/gamp/gamp'], function (gamp) { 'use strict';
 
     gamp = gamp && Object.prototype.hasOwnProperty.call(gamp, 'default') ? gamp['default'] : gamp;
 
-    /**
-     * 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) 2018  (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) 2018  (original work) Open Assessment Technologies SA;
      */
 
-    /**
-     * Getting number from the Input
-     * @param val
-     * @param precision
-     * @returns {number}
-     * @private
+    /**
+     * Getting number from the Input
+     * @param val
+     * @param precision
+     * @returns {number}
+     * @private
      */
     var parseVal = function parseVal(val, precision) {
       if (typeof val === 'string') {
@@ -37,13 +37,13 @@ define(['lib/gamp/gamp'], function (gamp) { 'use strict';
       return gamp.round(val, precision);
     };
 
-    /**
-     * Re-calculate current ratio
-     * change scenario: someone has typed height and width in pixels while syncing was off
-     * whether current or natural ratio eventually will be used depends on options.denyCustomRatio
-     * @param conf
-     * @returns {number}
-     * @private
+    /**
+     * Re-calculate current ratio
+     * change scenario: someone has typed height and width in pixels while syncing was off
+     * whether current or natural ratio eventually will be used depends on options.denyCustomRatio
+     * @param conf
+     * @returns {number}
+     * @private
      */
     var getActualRatio = function getActualRatio(conf) {
       var ratio;
@@ -54,11 +54,11 @@ define(['lib/gamp/gamp'], function (gamp) { 'use strict';
       return ratio ? ratio : 1;
     };
 
-    /**
-     * Percent verification
-     * @param val
-     * @param conf
-     * @return {*}
+    /**
+     * Percent verification
+     * @param val
+     * @param conf
+     * @return {*}
      */
     var applyNewPercent = function applyNewPercent(val, conf) {
       conf.sizeProps['%'].current.width = val;
@@ -71,12 +71,12 @@ define(['lib/gamp/gamp'], function (gamp) { 'use strict';
       return conf;
     };
 
-    /**
-     * Calculates the values of the dependent fields by a given width
-     * @param conf
-     * @param width
-     * @param maxWidth
-     * @private
+    /**
+     * Calculates the values of the dependent fields by a given width
+     * @param conf
+     * @param width
+     * @param maxWidth
+     * @private
      */
     var calculateByWidth = function calculateByWidth(conf, width, maxWidth) {
       var ratio = getActualRatio(conf);
@@ -91,12 +91,12 @@ define(['lib/gamp/gamp'], function (gamp) { 'use strict';
       return conf;
     };
 
-    /**
-     * Calculates the values of the dependent fields by a given height
-     * @param conf
-     * @param height
-     * @param maxWidth
-     * @private
+    /**
+     * Calculates the values of the dependent fields by a given height
+     * @param conf
+     * @param height
+     * @param maxWidth
+     * @private
      */
     var calculateByHeight = function calculateByHeight(conf, height, maxWidth) {
       var ratio = getActualRatio(conf);
@@ -112,12 +112,12 @@ define(['lib/gamp/gamp'], function (gamp) { 'use strict';
       return conf;
     };
 
-    /**
-     * Calculates the values of the dependent fields by a given percent
-     * @param conf
-     * @param percent
-     * @param maxWidth
-     * @return {*}
+    /**
+     * Calculates the values of the dependent fields by a given percent
+     * @param conf
+     * @param percent
+     * @param maxWidth
+     * @return {*}
      */
     var setPercent = function setPercent(conf, percent, maxWidth) {
       percent = parseVal(percent, conf.precision);
@@ -134,17 +134,17 @@ define(['lib/gamp/gamp'], function (gamp) { 'use strict';
       return conf;
     };
 
-    /**
-     * MediaDimension helper
-     *
-     * returns helper to control dimensions calculation
+    /**
+     * MediaDimension helper
+     *
+     * returns helper to control dimensions calculation
      */
     var helper = {
-      /**
-       * Calculating current state of the media dimensions
-       * @param conf
-       * @param dimensions Object width|height|percent && mediaContainerWidth
-       * @return {*}
+      /**
+       * Calculating current state of the media dimensions
+       * @param conf
+       * @param dimensions Object width|height|percent && mediaContainerWidth
+       * @return {*}
        */
       applyDimensions: function applyDimensions(conf, dimensions) {
         conf.precision = !conf || !Object.prototype.hasOwnProperty.call(conf, 'precision') ? 5 : parseInt(conf.precision, 10);
@@ -161,19 +161,19 @@ define(['lib/gamp/gamp'], function (gamp) { 'use strict';
         }
         return conf;
       },
-      /**
-       * Calculating precisions
-       * @param val
-       * @param precision
-       * @return {*}
+      /**
+       * Calculating precisions
+       * @param val
+       * @param precision
+       * @return {*}
        */
       round: function round(val, precision) {
         return gamp.round(val, precision > 0 && precision < 100 ? precision : 5);
       },
-      /**
-       * Getting width of the media container
-       * @param media
-       * @return {*}
+      /**
+       * Getting width of the media container
+       * @param media
+       * @return {*}
        */
       getMediaContainerWidth: function getMediaContainerWidth(media) {
         return media.$container.innerWidth();

package/dist/mediaEditor/plugins/mediaDimension/mediaDimensionComponent.js

@@ -22,20 +22,20 @@ define(['jquery', 'lodash', 'ui/component', 'handlebars', 'lib/handlebars/helper
       return "checked=\"checked\"";
       }
 
-      buffer += "<div class=\"media-sizer media-sizer-synced\">\r\n\r\n    <div class=\"media-sizer-responsive-toggle\">\r\n        <label>\r\n        <input type=\"checkbox\" ";
+      buffer += "<div class=\"media-sizer media-sizer-synced\">\n\n    <div class=\"media-sizer-responsive-toggle\">\n        <label>\n        <input type=\"checkbox\" ";
       stack1 = helpers['if'].call(depth0, (depth0 && depth0.responsive), {hash:{},inverse:self.noop,fn:self.program(1, program1, data),data:data});
       if(stack1 || stack1 === 0) { buffer += stack1; }
-      buffer += " class=\"media-mode-switch\"/>\r\n        <span class=\"icon-checkbox\"></span>\r\n        "
+      buffer += " class=\"media-mode-switch\"/>\n        <span class=\"icon-checkbox\"></span>\n        "
         + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Responsive mode", options) : helperMissing.call(depth0, "__", "Responsive mode", options)))
-        + "\r\n        </label>\r\n        <span class=\"icon-help tooltipstered\" data-tooltip=\"~ .tooltip-content:first\" data-tooltip-theme=\"warning\"></span>\r\n\r\n        <div class=\"tooltip-content\">\r\n            "
+        + "\n        </label>\n        <span class=\"icon-help tooltipstered\" data-tooltip=\"~ .tooltip-content:first\" data-tooltip-theme=\"warning\"></span>\n\n        <div class=\"tooltip-content\">\n            "
         + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Media resize along with their container, e.g. 50% means half of the container size not half of the media size.", options) : helperMissing.call(depth0, "__", "Media resize along with their container, e.g. 50% means half of the container size not half of the media size.", options)))
-        + "\r\n        </div>\r\n    </div>\r\n\r\n\r\n    <div class=\"media-sizer-percent\">\r\n        <label for=\"media-sizer-percent-width\">"
+        + "\n        </div>\n    </div>\n\n\n    <div class=\"media-sizer-percent\">\n        <label for=\"media-sizer-percent-width\">"
         + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Size", options) : helperMissing.call(depth0, "__", "Size", options)))
-        + "</label>\r\n        <span class=\"item-editor-unit-input-box\" style=\"display:-moz-box;\">\r\n            <input type=\"text\" name=\"width\" id=\"media-sizer-percent-width\" data-validate=\"$numeric\" data-validate-option=\"$allowEmpty;\"/>\r\n            <span class=\"unit-indicator\">%</span>\r\n        </span>\r\n\r\n        <div class=\"media-sizer-reset media-sizer-reset-percent\" data-unit=\"percent\">\r\n            <span class=\"icon-reset\"></span>\r\n        </div>\r\n\r\n        <div class=\"media-sizer-slider-box\">\r\n            <div class=\"media-sizer-slider\"></div>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"media-sizer-pixel\">\r\n        <div class=\"media-sizer-sync\">\r\n            <span class=\"icon-link\"></span>\r\n        </div>\r\n        <div>\r\n            <label for=\"media-sizer-pixel-width\">"
+        + "</label>\n        <span class=\"item-editor-unit-input-box\" style=\"display:-moz-box;\">\n            <input type=\"text\" name=\"width\" id=\"media-sizer-percent-width\" data-validate=\"$numeric\" data-validate-option=\"$allowEmpty;\"/>\n            <span class=\"unit-indicator\">%</span>\n        </span>\n\n        <div class=\"media-sizer-reset media-sizer-reset-percent\" data-unit=\"percent\">\n            <span class=\"icon-reset\"></span>\n        </div>\n\n        <div class=\"media-sizer-slider-box\">\n            <div class=\"media-sizer-slider\"></div>\n        </div>\n    </div>\n\n    <div class=\"media-sizer-pixel\">\n        <div class=\"media-sizer-sync\">\n            <span class=\"icon-link\"></span>\n        </div>\n        <div>\n            <label for=\"media-sizer-pixel-width\">"
         + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Width", options) : helperMissing.call(depth0, "__", "Width", options)))
-        + "</label>\r\n            <span class=\"item-editor-unit-input-box\" style=\"display:-moz-box;\">\r\n                <input type=\"text\" name=\"width\" id=\"media-sizer-pixel-width\" data-validate=\"$numeric\" data-validate-option=\"$allowEmpty;\"/>\r\n                <span class=\"unit-indicator\">px</span>\r\n            </span>\r\n            </div>\r\n        <div>\r\n            <label for=\"media-sizer-pixel-height\">"
+        + "</label>\n            <span class=\"item-editor-unit-input-box\" style=\"display:-moz-box;\">\n                <input type=\"text\" name=\"width\" id=\"media-sizer-pixel-width\" data-validate=\"$numeric\" data-validate-option=\"$allowEmpty;\"/>\n                <span class=\"unit-indicator\">px</span>\n            </span>\n            </div>\n        <div>\n            <label for=\"media-sizer-pixel-height\">"
         + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Height", options) : helperMissing.call(depth0, "__", "Height", options)))
-        + "</label>\r\n            <span class=\"item-editor-unit-input-box\" style=\"display:-moz-box;\">\r\n                <input type=\"text\" name=\"height\" id=\"media-sizer-pixel-height\" data-validate=\"$numeric\" data-validate-option=\"$allowEmpty;\"/>\r\n                <span class=\"unit-indicator\">px</span>\r\n            </span>\r\n        </div>\r\n        <div class=\"media-sizer-reset media-sizer-reset-pixel\" data-unit=\"pixel\">\r\n            <span class=\"icon-reset\"></span>\r\n        </div>\r\n    </div>\r\n</div>\r\n";
+        + "</label>\n            <span class=\"item-editor-unit-input-box\" style=\"display:-moz-box;\">\n                <input type=\"text\" name=\"height\" id=\"media-sizer-pixel-height\" data-validate=\"$numeric\" data-validate-option=\"$allowEmpty;\"/>\n                <span class=\"unit-indicator\">px</span>\n            </span>\n        </div>\n        <div class=\"media-sizer-reset media-sizer-reset-pixel\" data-unit=\"pixel\">\n            <span class=\"icon-reset\"></span>\n        </div>\n    </div>\n</div>\n";
       return buffer;
       });
     function tpl(data, options, asString) {
@@ -43,71 +43,71 @@ define(['jquery', 'lodash', 'ui/component', 'handlebars', 'lib/handlebars/helper
       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) 2018  (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) 2018  (original work) Open Assessment Technologies SA;
      */
 
-    /**
-     * Size properties of the media
-     * @typedef {Object} sizeProps
-     * @property px {{
-     *        natural: {
-     *          width: number,
-     *          height: number,
-     *        },
-     *        current: {
-     *          width: number,
-     *          height: number,
-     *        }
-     *      }}
-     * @property '%' {{
-     *        natural: {
-     *          width: number,
-     *          height: number,
-     *        },
-     *        current: {
-     *          width: number,
-     *          height: number,
-     *        }
-     *      }}
-     * @property ratio {{
-     *   natural: number,
-     *   current: number
-     * }}
-     * @property currentUtil string
+    /**
+     * Size properties of the media
+     * @typedef {Object} sizeProps
+     * @property px {{
+     *        natural: {
+     *          width: number,
+     *          height: number,
+     *        },
+     *        current: {
+     *          width: number,
+     *          height: number,
+     *        }
+     *      }}
+     * @property '%' {{
+     *        natural: {
+     *          width: number,
+     *          height: number,
+     *        },
+     *        current: {
+     *          width: number,
+     *          height: number,
+     *        }
+     *      }}
+     * @property ratio {{
+     *   natural: number,
+     *   current: number
+     * }}
+     * @property currentUtil string
      */
 
-    /**
-     * Default values
-     * precision - precision for all calculations (0.00001)
-     *
-     * @type {{
-     *    showResponsiveToggle: boolean,
-     *    showSync: boolean,
-     *    showReset: boolean,
-     *    denyCustomRatio: boolean,
-     *    width: number,
-     *    height: number,
-     *    minWidth: number,
-     *    maxWidth: number,
-     *    sizeProps: sizeProps,
-     *    precision: number
-     * }}
-     * @private
+    /**
+     * Default values
+     * precision - precision for all calculations (0.00001)
+     *
+     * @type {{
+     *    showResponsiveToggle: boolean,
+     *    showSync: boolean,
+     *    showReset: boolean,
+     *    denyCustomRatio: boolean,
+     *    width: number,
+     *    height: number,
+     *    minWidth: number,
+     *    maxWidth: number,
+     *    sizeProps: sizeProps,
+     *    precision: number
+     * }}
+     * @private
      */
     const defaultConfig = {
       showResponsiveToggle: true,
@@ -146,48 +146,48 @@ define(['jquery', 'lodash', 'ui/component', 'handlebars', 'lib/handlebars/helper
       precision: 5
     };
 
-    /**
-     * Creates mediaDimension component
-     * @param {jQueryElement} $container
-     * @param {Object} media
-     * @param {Object} config
-     * @fires "changed" - on State changed
-     * @returns {component|*} mediaDimensionComponent
+    /**
+     * Creates mediaDimension component
+     * @param {jQueryElement} $container
+     * @param {Object} media
+     * @param {Object} config
+     * @fires "changed" - on State changed
+     * @returns {component|*} mediaDimensionComponent
      */
     function mediaDimensionFactory($container, media, config) {
-      /**
-       * Collections of the jquery elements grouped by type
+      /**
+       * Collections of the jquery elements grouped by type
        */
       let $blocks, $slider, $fields;
 
-      /**
-       * Template of the dimension controller
+      /**
+       * Template of the dimension controller
        */
       let $template;
 
-      /**
-       * Size properties of the media control panel
-       * @typedef {Object} mediaSizeProps
-       * @property showResponsiveToggle boolean
-       * @property responsive boolean
-       * @property sizeProps sizeProps
-       * @property syncDimensions boolean
-       * @property denyCustomRatio boolean
-       * @property precision number
-       * @property showReset boolean
+      /**
+       * Size properties of the media control panel
+       * @typedef {Object} mediaSizeProps
+       * @property showResponsiveToggle boolean
+       * @property responsive boolean
+       * @property sizeProps sizeProps
+       * @property syncDimensions boolean
+       * @property denyCustomRatio boolean
+       * @property precision number
+       * @property showReset boolean
        */
 
-      /**
-       * Configuration
-       * @type {mediaSizeProps}
-       * @private
+      /**
+       * Configuration
+       * @type {mediaSizeProps}
+       * @private
        */
       let initialConfig;
 
-      /**
-       * Calculate propSizes to have correct sizes for the shown image
-       * @param {Object} conf
-       * @returns {Object}
+      /**
+       * Calculate propSizes to have correct sizes for the shown image
+       * @param {Object} conf
+       * @returns {Object}
        */
       const calculateCurrentSizes = function calculateCurrentSizes(conf) {
         const mediaContainerWidth = helper.getMediaContainerWidth(media);
@@ -197,9 +197,9 @@ define(['jquery', 'lodash', 'ui/component', 'handlebars', 'lib/handlebars/helper
         });
       };
 
-      /**
-       * Return oroginal size
-       * @returns {Object}
+      /**
+       * Return oroginal size
+       * @returns {Object}
        */
       function getOriginalSize() {
         // for images naturalWidth, for video videoWidth, for youtube iframe width
@@ -209,13 +209,13 @@ define(['jquery', 'lodash', 'ui/component', 'handlebars', 'lib/handlebars/helper
         };
       }
 
-      /**
-       * Current component
+      /**
+       * Current component
        */
       const mediaDimensionComponent = component({
-        /**
-         * Reset the component to the initial state
-         * @returns {component} this
+        /**
+         * Reset the component to the initial state
+         * @returns {component} this
          */
         reset: function reset() {
           const syncDim = initialConfig.syncDimensions;
@@ -240,8 +240,8 @@ define(['jquery', 'lodash', 'ui/component', 'handlebars', 'lib/handlebars/helper
           }
           return this;
         },
-        /**
-         * Apply configurations to the view
+        /**
+         * Apply configurations to the view
          */
         update: function update() {
           // slide sliders
@@ -255,10 +255,10 @@ define(['jquery', 'lodash', 'ui/component', 'handlebars', 'lib/handlebars/helper
         }
       }, defaultConfig);
 
-      /**
-       * Check that input in progress and we don't need to change anything
-       * @param {String|number} val
-       * @returns {RegExpMatchArray | null}
+      /**
+       * Check that input in progress and we don't need to change anything
+       * @param {String|number} val
+       * @returns {RegExpMatchArray | null}
        */
       const isInsignificantEnd = function isInsignificantEnd(val) {
         if (typeof val !== 'string') {
@@ -267,12 +267,12 @@ define(['jquery', 'lodash', 'ui/component', 'handlebars', 'lib/handlebars/helper
         return val.match(/\.[0]*$/);
       };
 
-      /**
-       * Blocks are the two different parts of the form (either width|height or size)
-       *
-       * @param {jQueryElement} $elt
-       * @returns {{}}
-       * @private
+      /**
+       * Blocks are the two different parts of the form (either width|height or size)
+       *
+       * @param {jQueryElement} $elt
+       * @returns {{}}
+       * @private
        */
       const initBlocks = function initBlocks($elt) {
         const _blocks = {},
@@ -318,12 +318,12 @@ define(['jquery', 'lodash', 'ui/component', 'handlebars', 'lib/handlebars/helper
         return _blocks;
       };
 
-      /**
-       * Toggle width/height synchronization
-       *
-       * @param {jQueryElement} $elt
-       * @returns {*}
-       * @private
+      /**
+       * Toggle width/height synchronization
+       *
+       * @param {jQueryElement} $elt
+       * @returns {*}
+       * @private
        */
       const initSyncBtn = function initSyncBtn($elt) {
         const $mediaSizer = $elt.find('.media-sizer'),
@@ -342,12 +342,12 @@ define(['jquery', 'lodash', 'ui/component', 'handlebars', 'lib/handlebars/helper
         return $btn;
       };
 
-      /**
-       * Button to reset the size to its original values
-       *
-       * @param {jQueryElement} $elt
-       * @returns {*}
-       * @private
+      /**
+       * Button to reset the size to its original values
+       *
+       * @param {jQueryElement} $elt
+       * @returns {*}
+       * @private
        */
       const initResetBtn = function initResetBtn($elt) {
         const $btn = $elt.find('.media-sizer-reset');
@@ -365,11 +365,11 @@ define(['jquery', 'lodash', 'ui/component', 'handlebars', 'lib/handlebars/helper
         return $btn;
       };
 
-      /**
-       * Initialize the fields
-       *
-       * @returns {{}}
-       * @private
+      /**
+       * Initialize the fields
+       *
+       * @returns {{}}
+       * @private
        */
       const initFields = function initFields() {
         const dimensions = ['width', 'height'];
@@ -446,12 +446,12 @@ define(['jquery', 'lodash', 'ui/component', 'handlebars', 'lib/handlebars/helper
         return _fields;
       };
 
-      /**
-       * Initialize the two sliders, one based on pixels the other on percentage
-       *
-       * @param {jQueryElement} $elt
-       * @returns {{}}
-       * @private
+      /**
+       * Initialize the two sliders, one based on pixels the other on percentage
+       *
+       * @param {jQueryElement} $elt
+       * @returns {{}}
+       * @private
        */
       const initSlider = function initSlider($elt) {
         let slider;