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

package/dist/resource/tree.js

@@ -24,24 +24,24 @@ define(['jquery', 'lodash', 'ui/component', 'ui/resource/selectable', 'ui/hider'
     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', 'lodash', 'ui/component', 'ui/resource/selectable', 'ui/hider'
     buffer += "<div class=\"resource-tree ";
     stack1 = helpers['if'].call(depth0, (depth0 && depth0.multiple), {hash:{},inverse:self.noop,fn:self.program(1, program1, data),data:data});
     if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += "\">\r\n    <ul></ul>\r\n</div>\r\n\r\n";
+    buffer += "\">\n    <ul></ul>\n</div>\n\n";
     return buffer;
     });
   function treeTpl(data, options, asString) {
@@ -148,7 +148,7 @@ define(['jquery', 'lodash', 'ui/component', 'ui/resource/selectable', 'ui/hider'
   function program1(depth0,data) {
     
     var buffer = "", stack1, helper, options;
-    buffer += "\r\n<li data-uri=\"";
+    buffer += "\n<li data-uri=\"";
     if (helper = helpers.uri) { stack1 = helper.call(depth0, {hash:{},data:data}); }
     else { helper = (depth0 && depth0.uri); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
     buffer += escapeExpression(stack1)
@@ -166,20 +166,20 @@ define(['jquery', 'lodash', 'ui/component', 'ui/resource/selectable', 'ui/hider'
       + "\" ";
     stack1 = helpers['if'].call(depth0, (depth0 && depth0.accessMode), {hash:{},inverse:self.noop,fn:self.program(4, program4, data),data:data});
     if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += ">\r\n    <a href=\"#\" title=\"";
+    buffer += ">\n    <a href=\"#\" title=\"";
     if (helper = helpers.label) { stack1 = helper.call(depth0, {hash:{},data:data}); }
     else { helper = (depth0 && depth0.label); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
     if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += "\">\r\n        <span class=\"class-toggler clickable\" tabindex=\"0\"></span>\r\n        <span class=\"icon-folder\"></span>\r\n        ";
+    buffer += "\">\n        <span class=\"class-toggler clickable\" tabindex=\"0\"></span>\n        <span class=\"icon-folder\"></span>\n        ";
     if (helper = helpers.label) { stack1 = helper.call(depth0, {hash:{},data:data}); }
     else { helper = (depth0 && depth0.label); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
     if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += "\r\n        <span class=\"selector clickable\" tabindex=\"0\"></span>\r\n    </a>\r\n    <ul>\r\n    ";
+    buffer += "\n        <span class=\"selector clickable\" tabindex=\"0\"></span>\n    </a>\n    <ul>\n    ";
     stack1 = helpers['if'].call(depth0, (depth0 && depth0.childList), {hash:{},inverse:self.noop,fn:self.program(6, program6, data),data:data});
     if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += "\r\n    </ul>\r\n    <div class=\"more hidden\">\r\n        <a href=\"#\" class=\"btn-info small\"><span class=\"icon-download\"></span> "
+    buffer += "\n    </ul>\n    <div class=\"more hidden\">\n        <a href=\"#\" class=\"btn-info small\"><span class=\"icon-download\"></span> "
       + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Load more", options) : helperMissing.call(depth0, "__", "Load more", options)))
-      + "</a>\r\n    </div>\r\n</li>\r\n";
+      + "</a>\n    </div>\n</li>\n";
     return buffer;
     }
   function program2(depth0,data) {
@@ -202,18 +202,18 @@ define(['jquery', 'lodash', 'ui/component', 'ui/resource/selectable', 'ui/hider'
   function program6(depth0,data) {
     
     var buffer = "", stack1, helper;
-    buffer += "\r\n        ";
+    buffer += "\n        ";
     if (helper = helpers.childList) { stack1 = helper.call(depth0, {hash:{},data:data}); }
     else { helper = (depth0 && depth0.childList); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
     if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += "\r\n    ";
+    buffer += "\n    ";
     return buffer;
     }
 
   function program8(depth0,data) {
     
     var buffer = "", stack1, helper;
-    buffer += "\r\n<li data-uri=\"";
+    buffer += "\n<li data-uri=\"";
     if (helper = helpers.uri) { stack1 = helper.call(depth0, {hash:{},data:data}); }
     else { helper = (depth0 && depth0.uri); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
     buffer += escapeExpression(stack1)
@@ -227,28 +227,28 @@ define(['jquery', 'lodash', 'ui/component', 'ui/resource/selectable', 'ui/hider'
       + "\"  ";
     stack1 = helpers['if'].call(depth0, (depth0 && depth0.accessMode), {hash:{},inverse:self.noop,fn:self.program(4, program4, data),data:data});
     if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += ">\r\n    <a href=\"#\" title=\"";
+    buffer += ">\n    <a href=\"#\" title=\"";
     if (helper = helpers.label) { stack1 = helper.call(depth0, {hash:{},data:data}); }
     else { helper = (depth0 && depth0.label); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
     if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += "\">\r\n        <span class=\"icon-";
+    buffer += "\">\n        <span class=\"icon-";
     if (helper = helpers.icon) { stack1 = helper.call(depth0, {hash:{},data:data}); }
     else { helper = (depth0 && depth0.icon); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
     buffer += escapeExpression(stack1)
-      + "\"></span>\r\n        ";
+      + "\"></span>\n        ";
     if (helper = helpers.label) { stack1 = helper.call(depth0, {hash:{},data:data}); }
     else { helper = (depth0 && depth0.label); stack1 = typeof helper === functionType ? helper.call(depth0, {hash:{},data:data}) : helper; }
     if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += "\r\n        <span class=\"selector clickable\" tabindex=\"0\"></span>\r\n    </a>\r\n</li>\r\n";
+    buffer += "\n        <span class=\"selector clickable\" tabindex=\"0\"></span>\n    </a>\n</li>\n";
     return buffer;
     }
 
     stack1 = (helper = helpers.equal || (depth0 && depth0.equal),options={hash:{},inverse:self.noop,fn:self.program(1, program1, data),data:data},helper ? helper.call(depth0, (depth0 && depth0.type), "class", options) : helperMissing.call(depth0, "equal", (depth0 && depth0.type), "class", options));
     if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += "\r\n\r\n";
+    buffer += "\n\n";
     stack1 = (helper = helpers.equal || (depth0 && depth0.equal),options={hash:{},inverse:self.noop,fn:self.program(8, program8, data),data:data},helper ? helper.call(depth0, (depth0 && depth0.type), "instance", options) : helperMissing.call(depth0, "equal", (depth0 && depth0.type), "instance", options));
     if(stack1 || stack1 === 0) { buffer += stack1; }
-    buffer += "\r\n\r\n\r\n";
+    buffer += "\n\n\n";
     return buffer;
     });
   function treeNodeTpl(data, options, asString) {
@@ -1512,33 +1512,33 @@ define(['jquery', 'lodash', 'ui/component', 'ui/resource/selectable', 'ui/hider'
 
   var purify = createDOMPurify();
 
-  /**
-   * 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) 2017-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) 2017-2019 (original work) Open Assessment Technologies SA ;
    */
 
   var indentStep = 15;
   var defaultConfig = {
     multiple: true
   };
-  /**
-   * The actual CSS suffers from a limitation,
-   * this function is used to fix the nested indents.
-   * @param {jQueryElement} $list - the list element
-   * @param {Number} level - the nesting level
+  /**
+   * The actual CSS suffers from a limitation,
+   * this function is used to fix the nested indents.
+   * @param {jQueryElement} $list - the list element
+   * @param {Number} level - the nesting level
    */
 
   var indentChildren = function indentChildren($list, level) {
@@ -1555,10 +1555,10 @@ define(['jquery', 'lodash', 'ui/component', 'ui/resource/selectable', 'ui/hider'
       $list.siblings('.more').css('padding-left', indent + 'px');
     }
   };
-  /**
-   * Toggle the "more" button if the node is incomplete.
-   * Parse the whole tree from the given node.
-   * @param {jQueryElement} $node - the class node
+  /**
+   * Toggle the "more" button if the node is incomplete.
+   * Parse the whole tree from the given node.
+   * @param {jQueryElement} $node - the class node
    */
 
 
@@ -1577,11 +1577,11 @@ define(['jquery', 'lodash', 'ui/component', 'ui/resource/selectable', 'ui/hider'
       needMore($$1(this));
     });
   };
-  /**
-   * Manually update the count value of a class node.
-   * useful when the nodes are added or removed directly.
-   * @param {jQueryElement} $classNode - the node to update
-   * @param {Number} update - the value to add to the count
+  /**
+   * Manually update the count value of a class node.
+   * useful when the nodes are added or removed directly.
+   * @param {jQueryElement} $classNode - the node to update
+   * @param {Number} update - the value to add to the count
    */
 
 
@@ -1599,41 +1599,41 @@ define(['jquery', 'lodash', 'ui/component', 'ui/resource/selectable', 'ui/hider'
       $classNode.attr('data-count', count).data('count', count);
     }
   };
-  /**
-   * The factory that creates the resource tree component
-   *
-   * @param {jQueryElement} $container - where to append the component
-   * @param {Object} config - the component config
-   * @param {String} config.classUri - the root Class URI
-   * @param {Object[]} [config.nodes] - the nodes to preload
-   * @param {String} [config.icon] - the icon class to show close to the resources
-   * @param {Boolean} [config.multiple = true] - multiple vs unique selection
-   * @returns {resourceTree} the component
+  /**
+   * The factory that creates the resource tree component
+   *
+   * @param {jQueryElement} $container - where to append the component
+   * @param {Object} config - the component config
+   * @param {String} config.classUri - the root Class URI
+   * @param {Object[]} [config.nodes] - the nodes to preload
+   * @param {String} [config.icon] - the icon class to show close to the resources
+   * @param {Boolean} [config.multiple = true] - multiple vs unique selection
+   * @returns {resourceTree} the component
    */
 
 
   function resourceTreeFactory($container, config) {
-    /**
-     * A selectable component
-     * @typedef {ui/component} resourceTree
-     * @augments {ui/resource/selectable}
+    /**
+     * A selectable component
+     * @typedef {ui/component} resourceTree
+     * @augments {ui/resource/selectable}
      */
     var resourceTree = selectable(component({
-      /**
-       * Ask for a query (forward the event)
-       * @param {Object} [params] - the query parameters
-       * @param {String} [params.classUri] - the current node class URI
-       * @param {Number} [params.offset = 0] - for paging
-       * @param {Number} [params.limit] - for paging
-       * @returns {resourceTree} chains
-       * @fires resourceTree#query
+      /**
+       * Ask for a query (forward the event)
+       * @param {Object} [params] - the query parameters
+       * @param {String} [params.classUri] - the current node class URI
+       * @param {Number} [params.offset = 0] - for paging
+       * @param {Number} [params.limit] - for paging
+       * @returns {resourceTree} chains
+       * @fires resourceTree#query
        */
       query: function query(params) {
         if (!this.is('loading')) {
-          /**
-           * Formulate the query
-           * @event resourceTree#query
-           * @param {Object} params - see format above
+          /**
+           * Formulate the query
+           * @event resourceTree#query
+           * @param {Object} params - see format above
            */
           this.trigger('query', _.defaults(params || {}, {
             classUri: this.classUri
@@ -1643,13 +1643,13 @@ define(['jquery', 'lodash', 'ui/component', 'ui/resource/selectable', 'ui/hider'
         return this;
       },
 
-      /**
-       * Update the component with the given nodes
-       * @param {Object[]} nodes - the tree nodes, with at least a URI as key and as property
-       * @param {Object} params - the query parameters
-       * @param {Number|false} params.updateCount - force the update of the parent class count
-       * @returns {resourceTree} chains
-       * @fires resourceTree#update
+      /**
+       * Update the component with the given nodes
+       * @param {Object[]} nodes - the tree nodes, with at least a URI as key and as property
+       * @param {Object} params - the query parameters
+       * @param {Number|false} params.updateCount - force the update of the parent class count
+       * @returns {resourceTree} chains
+       * @fires resourceTree#update
        */
       update: function update(nodes, params) {
         var self = this;
@@ -1719,9 +1719,9 @@ define(['jquery', 'lodash', 'ui/component', 'ui/resource/selectable', 'ui/hider'
           needMore($root);
           indentChildren($component.children('ul'), 0);
           $root.removeClass('closed').toggleClass('empty', !$root.children('ul').children('li').length);
-          /**
-           * The tree has been updated
-           * @event resourceTree#update
+          /**
+           * The tree has been updated
+           * @event resourceTree#update
            */
 
           this.trigger('update');
@@ -1737,9 +1737,9 @@ define(['jquery', 'lodash', 'ui/component', 'ui/resource/selectable', 'ui/hider'
     }).on('render', function () {
       var self = this;
       var $component = this.getElement();
-      /**
-       * Open a class node
-       * @param {jQueryElement} $class
+      /**
+       * Open a class node
+       * @param {jQueryElement} $class
        */
 
       var openClass = function openClass($class) {
@@ -1757,9 +1757,9 @@ define(['jquery', 'lodash', 'ui/component', 'ui/resource/selectable', 'ui/hider'
 
         $class.addClass('open').removeClass('closed');
       };
-      /**
-       * Close a class node
-       * @param {jQueryElement} $class
+      /**
+       * Close a class node
+       * @param {jQueryElement} $class
        */
 
 
@@ -1772,9 +1772,9 @@ define(['jquery', 'lodash', 'ui/component', 'ui/resource/selectable', 'ui/hider'
 
         $class.removeClass('open').addClass('closed');
       };
-      /**
-       * Toggle a class node
-       * @param {jQueryElement} $class
+      /**
+       * Toggle a class node
+       * @param {jQueryElement} $class
        */
 
 

package/dist/resourcemgr/css/resourcemgr.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 */
@@ -319,5 +319,5 @@ Usage:
     width: 100%;
     padding: 5px 10px 0;
 }
-
+
 /*# sourceMappingURL=resourcemgr.css.map */