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

package/dist/searchModal/advancedSearch.js

@@ -17,9 +17,9 @@ define(['jquery', 'lodash', 'handlebars', 'lib/handlebars/helpers', 'css!ui/sear
       var buffer = "", helper, options, helperMissing=helpers.helperMissing, escapeExpression=this.escapeExpression;
 
 
-      buffer += "<div class=\"advanced-search-container\">\r\n    <div class=\"advanced-criteria-container\"></div>\r\n    <div class=\"add-criteria-container\">\r\n        <a class=\"toggle-modal-button\"><span class=\"icon-add\"></span>"
+      buffer += "<div class=\"advanced-search-container\">\n    <div class=\"advanced-criteria-container\"></div>\n    <div class=\"add-criteria-container\">\n        <a class=\"toggle-modal-button\"><span class=\"icon-add\"></span>"
         + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "add criteria", options) : helperMissing.call(depth0, "__", "add criteria", options)))
-        + "</a>\r\n        <select name=\"criteria-select\">\r\n            <option></option>\r\n        </select>\r\n    </div>\r\n</div>\r\n";
+        + "</a>\n        <select name=\"criteria-select\">\n            <option></option>\n        </select>\n    </div>\n</div>\n";
       return buffer;
       });
     function advancedSearchTpl(data, options, asString) {
@@ -39,13 +39,13 @@ define(['jquery', 'lodash', 'handlebars', 'lib/handlebars/helpers', 'css!ui/sear
     function program1(depth0,data) {
       
       var buffer = "", stack1;
-      buffer += "\r\n                ";
+      buffer += "\n                ";
       stack1 = helpers['if'].call(depth0, ((stack1 = (depth0 && depth0.criterion)),stack1 == null || stack1 === false ? stack1 : stack1.alias), {hash:{},inverse:self.noop,fn:self.program(2, program2, data),data:data});
       if(stack1 || stack1 === 0) { buffer += stack1; }
-      buffer += "\r\n                ";
+      buffer += "\n                ";
       stack1 = helpers['if'].call(depth0, ((stack1 = ((stack1 = (depth0 && depth0.criterion)),stack1 == null || stack1 === false ? stack1 : stack1['class'])),stack1 == null || stack1 === false ? stack1 : stack1.label), {hash:{},inverse:self.noop,fn:self.program(4, program4, data),data:data});
       if(stack1 || stack1 === 0) { buffer += stack1; }
-      buffer += "\r\n            ";
+      buffer += "\n            ";
       return buffer;
       }
     function program2(depth0,data) {
@@ -72,14 +72,14 @@ define(['jquery', 'lodash', 'handlebars', 'lib/handlebars/helpers', 'css!ui/sear
         + escapeExpression(((stack1 = ((stack1 = (depth0 && depth0.criterion)),stack1 == null || stack1 === false ? stack1 : stack1.label)),typeof stack1 === functionType ? stack1.apply(depth0) : stack1))
         + "\" data-type=\""
         + escapeExpression(((stack1 = ((stack1 = (depth0 && depth0.criterion)),stack1 == null || stack1 === false ? stack1 : stack1.type)),typeof stack1 === functionType ? stack1.apply(depth0) : stack1))
-        + "\">\r\n    <button class=\"icon-result-nok\" aria-label=\""
+        + "\">\n    <button class=\"icon-result-nok\" aria-label=\""
         + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Remove criteria", options) : helperMissing.call(depth0, "__", "Remove criteria", options)))
-        + "\"></button>\r\n    <label>\r\n        <span class=\"filter-label-text\">"
+        + "\"></button>\n    <label>\n        <span class=\"filter-label-text\">"
         + escapeExpression(((stack1 = ((stack1 = (depth0 && depth0.criterion)),stack1 == null || stack1 === false ? stack1 : stack1.label)),typeof stack1 === functionType ? stack1.apply(depth0) : stack1))
-        + "\r\n            ";
+        + "\n            ";
       stack1 = helpers['if'].call(depth0, ((stack1 = (depth0 && depth0.criterion)),stack1 == null || stack1 === false ? stack1 : stack1.isDuplicated), {hash:{},inverse:self.noop,fn:self.program(1, program1, data),data:data});
       if(stack1 || stack1 === 0) { buffer += stack1; }
-      buffer += "\r\n        </span>\r\n        <input type=\"text\">\r\n    </label>\r\n</div>";
+      buffer += "\n        </span>\n        <input type=\"text\">\n    </label>\n</div>";
       return buffer;
       });
     function textCriterionTpl(data, options, asString) {
@@ -99,18 +99,18 @@ define(['jquery', 'lodash', 'handlebars', 'lib/handlebars/helpers', 'css!ui/sear
     function program1(depth0,data) {
       
       var buffer = "";
-      buffer += "\r\n        <li>"
+      buffer += "\n        <li>"
         + escapeExpression((typeof depth0 === functionType ? depth0.apply(depth0) : depth0))
-        + "</li>\r\n    ";
+        + "</li>\n    ";
       return buffer;
       }
 
-      buffer += "<div class=\"filter-container invalid-criteria-warning-container\">\r\n<span class=\"select2-search-choice-close\"></span>\r\n    <p>\r\n        "
+      buffer += "<div class=\"filter-container invalid-criteria-warning-container\">\n<span class=\"select2-search-choice-close\"></span>\n    <p>\n        "
         + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "The following criteria are not applicable to the selected class and have been removed from the search", options) : helperMissing.call(depth0, "__", "The following criteria are not applicable to the selected class and have been removed from the search", options)))
-        + ":\r\n    </p>\r\n    <ul>\r\n    ";
+        + ":\n    </p>\n    <ul>\n    ";
       stack1 = helpers.each.call(depth0, (depth0 && depth0.invalidCriteria), {hash:{},inverse:self.noop,fn:self.program(1, program1, data),data:data});
       if(stack1 || stack1 === 0) { buffer += stack1; }
-      buffer += "\r\n    </ul>\r\n</div>";
+      buffer += "\n    </ul>\n</div>";
       return buffer;
       });
     function invalidCriteriaWarningTpl(data, options, asString) {
@@ -130,13 +130,13 @@ define(['jquery', 'lodash', 'handlebars', 'lib/handlebars/helpers', 'css!ui/sear
     function program1(depth0,data) {
       
       var buffer = "", stack1;
-      buffer += "\r\n                ";
+      buffer += "\n                ";
       stack1 = helpers['if'].call(depth0, ((stack1 = (depth0 && depth0.criterion)),stack1 == null || stack1 === false ? stack1 : stack1.alias), {hash:{},inverse:self.noop,fn:self.program(2, program2, data),data:data});
       if(stack1 || stack1 === 0) { buffer += stack1; }
-      buffer += "\r\n                ";
+      buffer += "\n                ";
       stack1 = helpers['if'].call(depth0, ((stack1 = ((stack1 = (depth0 && depth0.criterion)),stack1 == null || stack1 === false ? stack1 : stack1['class'])),stack1 == null || stack1 === false ? stack1 : stack1.label), {hash:{},inverse:self.noop,fn:self.program(4, program4, data),data:data});
       if(stack1 || stack1 === 0) { buffer += stack1; }
-      buffer += "\r\n            ";
+      buffer += "\n            ";
       return buffer;
       }
     function program2(depth0,data) {
@@ -160,19 +160,19 @@ define(['jquery', 'lodash', 'handlebars', 'lib/handlebars/helpers', 'css!ui/sear
     function program6(depth0,data) {
       
       var buffer = "", stack1;
-      buffer += "\r\n            <div>\r\n                <input type=\"checkbox\" value=\""
+      buffer += "\n            <div>\n                <input type=\"checkbox\" value=\""
         + escapeExpression((typeof depth0 === functionType ? depth0.apply(depth0) : depth0))
         + "\" id=\""
         + escapeExpression(((stack1 = ((stack1 = (depth0 && depth0.criterion)),stack1 == null || stack1 === false ? stack1 : stack1.id)),typeof stack1 === functionType ? stack1.apply(depth0) : stack1))
         + "-"
         + escapeExpression((typeof depth0 === functionType ? depth0.apply(depth0) : depth0))
-        + "\">\r\n                <label class=\"filter-label-text\" for=\""
+        + "\">\n                <label class=\"filter-label-text\" for=\""
         + escapeExpression(((stack1 = ((stack1 = (depth0 && depth0.criterion)),stack1 == null || stack1 === false ? stack1 : stack1.id)),typeof stack1 === functionType ? stack1.apply(depth0) : stack1))
         + "-"
         + escapeExpression((typeof depth0 === functionType ? depth0.apply(depth0) : depth0))
         + "\">"
         + escapeExpression((typeof depth0 === functionType ? depth0.apply(depth0) : depth0))
-        + "</label>\r\n            </div>\r\n        ";
+        + "</label>\n            </div>\n        ";
       return buffer;
       }
 
@@ -180,19 +180,19 @@ define(['jquery', 'lodash', 'handlebars', 'lib/handlebars/helpers', 'css!ui/sear
         + escapeExpression(((stack1 = ((stack1 = (depth0 && depth0.criterion)),stack1 == null || stack1 === false ? stack1 : stack1.id)),typeof stack1 === functionType ? stack1.apply(depth0) : stack1))
         + "-filter\" data-criteria=\""
         + escapeExpression(((stack1 = ((stack1 = (depth0 && depth0.criterion)),stack1 == null || stack1 === false ? stack1 : stack1.label)),typeof stack1 === functionType ? stack1.apply(depth0) : stack1))
-        + "\"\r\n    data-type=\""
+        + "\"\n    data-type=\""
         + escapeExpression(((stack1 = ((stack1 = (depth0 && depth0.criterion)),stack1 == null || stack1 === false ? stack1 : stack1.type)),typeof stack1 === functionType ? stack1.apply(depth0) : stack1))
-        + "\">\r\n    <button class=\"icon-result-nok\" aria-label=\""
+        + "\">\n    <button class=\"icon-result-nok\" aria-label=\""
         + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, " Remove criteria", options) : helperMissing.call(depth0, "__", " Remove criteria", options)))
-        + "\"></button>\r\n    <fieldset class=\"filter-bool-group\">\r\n        <legend>"
+        + "\"></button>\n    <fieldset class=\"filter-bool-group\">\n        <legend>"
         + escapeExpression(((stack1 = ((stack1 = (depth0 && depth0.criterion)),stack1 == null || stack1 === false ? stack1 : stack1.label)),typeof stack1 === functionType ? stack1.apply(depth0) : stack1))
-        + "\r\n            ";
+        + "\n            ";
       stack1 = helpers['if'].call(depth0, ((stack1 = (depth0 && depth0.criterion)),stack1 == null || stack1 === false ? stack1 : stack1.isDuplicated), {hash:{},inverse:self.noop,fn:self.program(1, program1, data),data:data});
       if(stack1 || stack1 === 0) { buffer += stack1; }
-      buffer += "\r\n        </legend>\r\n        ";
+      buffer += "\n        </legend>\n        ";
       stack1 = helpers.each.call(depth0, ((stack1 = (depth0 && depth0.criterion)),stack1 == null || stack1 === false ? stack1 : stack1.values), {hash:{},inverse:self.noop,fn:self.program(6, program6, data),data:data});
       if(stack1 || stack1 === 0) { buffer += stack1; }
-      buffer += "\r\n    </fieldset>\r\n</div>";
+      buffer += "\n    </fieldset>\n</div>";
       return buffer;
       });
     function listCheckboxCriterionTpl(data, options, asString) {
@@ -212,13 +212,13 @@ define(['jquery', 'lodash', 'handlebars', 'lib/handlebars/helpers', 'css!ui/sear
     function program1(depth0,data) {
       
       var buffer = "", stack1;
-      buffer += "\r\n                ";
+      buffer += "\n                ";
       stack1 = helpers['if'].call(depth0, ((stack1 = (depth0 && depth0.criterion)),stack1 == null || stack1 === false ? stack1 : stack1.alias), {hash:{},inverse:self.noop,fn:self.program(2, program2, data),data:data});
       if(stack1 || stack1 === 0) { buffer += stack1; }
-      buffer += "\r\n                ";
+      buffer += "\n                ";
       stack1 = helpers['if'].call(depth0, ((stack1 = ((stack1 = (depth0 && depth0.criterion)),stack1 == null || stack1 === false ? stack1 : stack1['class'])),stack1 == null || stack1 === false ? stack1 : stack1.label), {hash:{},inverse:self.noop,fn:self.program(4, program4, data),data:data});
       if(stack1 || stack1 === 0) { buffer += stack1; }
-      buffer += "\r\n            ";
+      buffer += "\n            ";
       return buffer;
       }
     function program2(depth0,data) {
@@ -245,16 +245,16 @@ define(['jquery', 'lodash', 'handlebars', 'lib/handlebars/helpers', 'css!ui/sear
         + escapeExpression(((stack1 = ((stack1 = (depth0 && depth0.criterion)),stack1 == null || stack1 === false ? stack1 : stack1.label)),typeof stack1 === functionType ? stack1.apply(depth0) : stack1))
         + "\" data-type=\""
         + escapeExpression(((stack1 = ((stack1 = (depth0 && depth0.criterion)),stack1 == null || stack1 === false ? stack1 : stack1.type)),typeof stack1 === functionType ? stack1.apply(depth0) : stack1))
-        + "\">\r\n    <button class=\"icon-result-nok\" aria-label=\""
+        + "\">\n    <button class=\"icon-result-nok\" aria-label=\""
         + escapeExpression((helper = helpers.__ || (depth0 && depth0.__),options={hash:{},data:data},helper ? helper.call(depth0, "Remove criteria", options) : helperMissing.call(depth0, "__", "Remove criteria", options)))
-        + "\"></button>\r\n    <label>\r\n        <span class=\"filter-label-text\">"
+        + "\"></button>\n    <label>\n        <span class=\"filter-label-text\">"
         + escapeExpression(((stack1 = ((stack1 = (depth0 && depth0.criterion)),stack1 == null || stack1 === false ? stack1 : stack1.label)),typeof stack1 === functionType ? stack1.apply(depth0) : stack1))
-        + "\r\n            ";
+        + "\n            ";
       stack1 = helpers['if'].call(depth0, ((stack1 = (depth0 && depth0.criterion)),stack1 == null || stack1 === false ? stack1 : stack1.isDuplicated), {hash:{},inverse:self.noop,fn:self.program(1, program1, data),data:data});
       if(stack1 || stack1 === 0) { buffer += stack1; }
-      buffer += "\r\n        </span>\r\n        <input type='text' name=\""
+      buffer += "\n        </span>\n        <input type='text' name=\""
         + escapeExpression(((stack1 = ((stack1 = (depth0 && depth0.criterion)),stack1 == null || stack1 === false ? stack1 : stack1.id)),typeof stack1 === functionType ? stack1.apply(depth0) : stack1))
-        + "-select\">\r\n    </label>\r\n</div>\r\n";
+        + "-select\">\n    </label>\n</div>\n";
       return buffer;
       });
     function listSelectCriterionTpl(data, options, asString) {
@@ -347,30 +347,30 @@ define(['jquery', 'lodash', 'handlebars', 'lib/handlebars/helpers', 'css!ui/sear
       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) 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) 2021 (original work) Open Assessment Technologies SA ;
      */
 
-    /**
-     * Sort an array by a particular property.
-     * @param {Array} iter - The array to sort.
-     * @param {string} prop - The name of the sorting property.
-     * @returns {Array} - Returns a sorted copy of the array.
-     * @private
+    /**
+     * Sort an array by a particular property.
+     * @param {Array} iter - The array to sort.
+     * @param {string} prop - The name of the sorting property.
+     * @returns {Array} - Returns a sorted copy of the array.
+     * @private
      */
     function sortBy(iter, prop) {
       return Array.from(iter).sort((a, b) => {
@@ -380,16 +380,16 @@ define(['jquery', 'lodash', 'handlebars', 'lib/handlebars/helpers', 'css!ui/sear
       });
     }
 
-    /**
-     * Creates advanced search component
-     *
-     * @param {object} config
-     * @param {object} config.renderTo - DOM element where component will be rendered to
-     * @param {string} config.advancedCriteria - advanced criteria to be set on component creation
-     * @param {bool} config.hideCriteria - if the criteria must be hidden
-     * @param {string} config.rootClassUri - rootClassUri to check for whitelist sections
-     * @param {string} config.statusUrl - the URL to the status API (usually '/tao/AdvancedSearch/status')
-     * @returns {advancedSearch}
+    /**
+     * Creates advanced search component
+     *
+     * @param {object} config
+     * @param {object} config.renderTo - DOM element where component will be rendered to
+     * @param {string} config.advancedCriteria - advanced criteria to be set on component creation
+     * @param {bool} config.hideCriteria - if the criteria must be hidden
+     * @param {string} config.rootClassUri - rootClassUri to check for whitelist sections
+     * @param {string} config.statusUrl - the URL to the status API (usually '/tao/AdvancedSearch/status')
+     * @returns {advancedSearch}
      */
     function advancedSearchFactory(config) {
       // Private properties to be easily accessible by instance methods
@@ -409,17 +409,17 @@ define(['jquery', 'lodash', 'handlebars', 'lib/handlebars/helpers', 'css!ui/sear
 
       // Creates new component
       const instance = component({
-        /**
-         * Tells if the advanced search is enabled.
-         * @returns {boolean}
+        /**
+         * Tells if the advanced search is enabled.
+         * @returns {boolean}
          */
         isEnabled() {
           return !!isAdvancedSearchStatusEnabled;
         },
-        /**
-         * Request metadata (criteria) for the given uri
-         * @param {string} classUri - url to make the reques to
-         * @returns {Promise} - Request promise
+        /**
+         * Request metadata (criteria) for the given uri
+         * @param {string} classUri - url to make the reques to
+         * @returns {Promise} - Request promise
          */
         updateCriteria(route) {
           if (!isAdvancedSearchStatusEnabled) {
@@ -436,16 +436,16 @@ define(['jquery', 'lodash', 'handlebars', 'lib/handlebars/helpers', 'css!ui/sear
             $criteriaIcon.toggleClass('icon-add').toggleClass('icon-loop');
           }).catch(e => instance.trigger('error', e));
         },
-        /**
-         * Access to component state
-         * @returns {Object} - criteria state
+        /**
+         * Access to component state
+         * @returns {Object} - criteria state
          */
         getState() {
           return criteriaState;
         },
-        /**
-         * Removes every rendered criterion, updates criteria state accordingly
-         * and removes classes applied to scrollable list of criteria
+        /**
+         * Removes every rendered criterion, updates criteria state accordingly
+         * and removes classes applied to scrollable list of criteria
          */
         clear() {
           $advancedCriteriaContainer.removeClass(['scrollable', 'scroll-separator-top', 'scroll-separator-bottom']);
@@ -455,8 +455,8 @@ define(['jquery', 'lodash', 'handlebars', 'lib/handlebars/helpers', 'css!ui/sear
             criterion.value = null;
           });
         },
-        /**
-         * Builds substring of search query with the advanced criteria conditions
+        /**
+         * Builds substring of search query with the advanced criteria conditions
          */
         getAdvancedCriteriaQuery(hasSearchInput) {
           const advancedSearchCriteria = _.filter(criteriaState, criterion => criterion.rendered === true);
@@ -487,8 +487,8 @@ define(['jquery', 'lodash', 'handlebars', 'lib/handlebars/helpers', 'css!ui/sear
         }).catch(e => instance.trigger('error', e));
       });
 
-      /**
-       * Inits template selectors and scroll animation
+      /**
+       * Inits template selectors and scroll animation
        */
       function initUiSelectors() {
         $container = instance.getElement();
@@ -500,11 +500,11 @@ define(['jquery', 'lodash', 'handlebars', 'lib/handlebars/helpers', 'css!ui/sear
         $advancedCriteriaContainer.on('scroll', _.throttle(animateScroll, 100));
       }
 
-      /**
-       * Lookup for characters in text to highlight
-       * @param {String} text - text to lookup
-       * @param {String} searchString - match to be applied in the text
-       * @returns {String} - highlighted text
+      /**
+       * Lookup for characters in text to highlight
+       * @param {String} text - text to lookup
+       * @param {String} searchString - match to be applied in the text
+       * @returns {String} - highlighted text
        */
       function highlightCharacter(text, searchString) {
         if (!searchString) {
@@ -516,8 +516,8 @@ define(['jquery', 'lodash', 'handlebars', 'lib/handlebars/helpers', 'css!ui/sear
         }));
       }
 
-      /**
-       * Inits select2 on criteria select and its UX logic
+      /**
+       * Inits select2 on criteria select and its UX logic
        */
       function initAddCriteriaSelector() {
         return request(instance.config.statusUrl).then(function (response) {
@@ -578,10 +578,10 @@ define(['jquery', 'lodash', 'handlebars', 'lib/handlebars/helpers', 'css!ui/sear
         });
       }
 
-      /**
-       * inits criteriaState loading it from the store (if present) or empty object.
-       * If there is a stored criteriaState, those criteria that were rendered
-       * but with null value are updated to not being rendered
+      /**
+       * inits criteriaState loading it from the store (if present) or empty object.
+       * If there is a stored criteriaState, those criteria that were rendered
+       * but with null value are updated to not being rendered
        */
       function initCriteriaState() {
         if (instance.config.advancedCriteria) {
@@ -594,8 +594,8 @@ define(['jquery', 'lodash', 'handlebars', 'lib/handlebars/helpers', 'css!ui/sear
         criteriaState = instance.config.advancedCriteria || {};
       }
 
-      /**
-       * Styles scrolling on $advancedCriteriaContainer
+      /**
+       * Styles scrolling on $advancedCriteriaContainer
        */
       function animateScroll() {
         const scrollPercentage = $advancedCriteriaContainer.get(0).scrollTop / ($advancedCriteriaContainer.get(0).scrollHeight - $advancedCriteriaContainer.get(0).clientHeight);
@@ -611,9 +611,9 @@ define(['jquery', 'lodash', 'handlebars', 'lib/handlebars/helpers', 'css!ui/sear
         }
       }
 
-      /**
-       * Renders new criterion to criteria container so it can be used on advanced search filtering
-       * @param {string} criterionToAdd - new criterion to be added
+      /**
+       * Renders new criterion to criteria container so it can be used on advanced search filtering
+       * @param {string} criterionToAdd - new criterion to be added
        */
       function addNewCriterion(criterionToAdd) {
         // remove deprecated warning message
@@ -638,11 +638,11 @@ define(['jquery', 'lodash', 'handlebars', 'lib/handlebars/helpers', 'css!ui/sear
         criterion.rendered = true;
       }
 
-      /**
-       * Renders the new criterion selecting the appropiate handlebars template and prepending to advanced criteria container.
-       * If criterion is of type list with a uri endpoint to request the options, select2 is also init
-       * @param {object} criterion - criterion to render
-       * @returns - the rendered container
+      /**
+       * Renders the new criterion selecting the appropiate handlebars template and prepending to advanced criteria container.
+       * If criterion is of type list with a uri endpoint to request the options, select2 is also init
+       * @param {object} criterion - criterion to render
+       * @returns - the rendered container
        */
       function renderCriterion(criterion) {
         let templateToUse = null;
@@ -659,9 +659,9 @@ define(['jquery', 'lodash', 'handlebars', 'lib/handlebars/helpers', 'css!ui/sear
         const $criterionContainer = $$1(`.${criterion.id}-filter`, $container);
         const valueMapping = criteriaMapping[criterion.type];
 
-        /**
-         * On criterion of type list with a uri endpoint to retrieve options, template includes a select
-         * that is managed with select2, so we init it here
+        /**
+         * On criterion of type list with a uri endpoint to retrieve options, template includes a select
+         * that is managed with select2, so we init it here
          */
         if (criterion.type === criteriaTypes.list && criterion.uri) {
           $$1(`input[name=${criterion.id}-select]`, $criterionContainer).select2({
@@ -696,9 +696,9 @@ define(['jquery', 'lodash', 'handlebars', 'lib/handlebars/helpers', 'css!ui/sear
         return $criterionContainer;
       }
 
-      /**
-       * Fetches initial criterion label from api in case the value mapping is uri
-       * @param {object} criterion - criterion to be managed
+      /**
+       * Fetches initial criterion label from api in case the value mapping is uri
+       * @param {object} criterion - criterion to be managed
        */
       function getInitialCriterionLabel(criterion) {
         const valueMapping = criteriaMapping[criterion.type];
@@ -730,10 +730,10 @@ define(['jquery', 'lodash', 'handlebars', 'lib/handlebars/helpers', 'css!ui/sear
         });
       }
 
-      /**
-       * Sets initial value for rendered criterion and sets binding between view and state
-       * @param {object} criterion - criterion to be managed
-       * @param {object} $criterionContainer - rendered criterion
+      /**
+       * Sets initial value for rendered criterion and sets binding between view and state
+       * @param {object} criterion - criterion to be managed
+       * @param {object} $criterionContainer - rendered criterion
        */
       function bindCriterionValue(criterion, $criterionContainer) {
         getInitialCriterionLabel(criterion).then(initialCriterion => {
@@ -768,10 +768,10 @@ define(['jquery', 'lodash', 'handlebars', 'lib/handlebars/helpers', 'css!ui/sear
         });
       }
 
-      /**
-       * Removes a criterion from advanced criteria container when user clicks on the criterion close icon.
-       * It also adds the option element to criteria select so removed criterion can be rendered again
-       * @param {object} event - click event triggered on closing icon
+      /**
+       * Removes a criterion from advanced criteria container when user clicks on the criterion close icon.
+       * It also adds the option element to criteria select so removed criterion can be rendered again
+       * @param {object} event - click event triggered on closing icon
        */
       function removeCriterion(event) {
         const criterion = event.data.criterion;
@@ -792,12 +792,12 @@ define(['jquery', 'lodash', 'handlebars', 'lib/handlebars/helpers', 'css!ui/sear
         }
       }
 
-      /**
-       * Parses received criteria from BE to the data structure required for criteria selector. To do so,
-       * appends every criterion into criteria array and then returns a duplicate-free version of it
-       * considering label property as uniqueness criterion
-       * @param {Array} classes - array of classes with the metadata (aka criteria) for each one of them
-       * @returns {Array} - criteria array
+      /**
+       * Parses received criteria from BE to the data structure required for criteria selector. To do so,
+       * appends every criterion into criteria array and then returns a duplicate-free version of it
+       * considering label property as uniqueness criterion
+       * @param {Array} classes - array of classes with the metadata (aka criteria) for each one of them
+       * @returns {Array} - criteria array
        */
       function formatCriteria(classTree) {
         let criteria = [];
@@ -813,12 +813,12 @@ define(['jquery', 'lodash', 'handlebars', 'lib/handlebars/helpers', 'css!ui/sear
         return criteria;
       }
 
-      /**
-       * Manages the new set of available criteria. To do so, removes warning container and every
-       * selectable criterion. Then removes from criteriaState and view every deprecated criterion,
-       * updates criteriaState with the new available criteria set, and renders new warning
-       * message if required
-       * @param {array} criteria - array of class properties
+      /**
+       * Manages the new set of available criteria. To do so, removes warning container and every
+       * selectable criterion. Then removes from criteriaState and view every deprecated criterion,
+       * updates criteriaState with the new available criteria set, and renders new warning
+       * message if required
+       * @param {array} criteria - array of class properties
        */
       function updateCriteria(criteria) {
         $$1('.invalid-criteria-warning-container').remove();
@@ -828,9 +828,9 @@ define(['jquery', 'lodash', 'handlebars', 'lib/handlebars/helpers', 'css!ui/sear
         renderWarningMessage(invalidCriteria);
       }
 
-      /**
-       * If there is any invalid criterion, renders an explanatory warning message
-       * @param {array} invalidCriteria - array of string containing the label of every invalid criterion (those that were rendered but are no longer available)
+      /**
+       * If there is any invalid criterion, renders an explanatory warning message
+       * @param {array} invalidCriteria - array of string containing the label of every invalid criterion (those that were rendered but are no longer available)
        */
       function renderWarningMessage(invalidCriteria) {
         if (invalidCriteria.length > 0) {
@@ -844,13 +844,13 @@ define(['jquery', 'lodash', 'handlebars', 'lib/handlebars/helpers', 'css!ui/sear
         }
       }
 
-      /**
-       * Loops through current criteriaState so every criterion that is no longer available in the new
-       * available criteria set is removed from criteriaState and from view, in case it had been
-       * rendered. In that case it is also pushed into invalidCriteria array to be latter
-       * included in the warning message
-       * @param {array} criteria - array containing new set of criteria for current class
-       * @returns {array} - array of strings with each deprecated criterion that was being displayed
+      /**
+       * Loops through current criteriaState so every criterion that is no longer available in the new
+       * available criteria set is removed from criteriaState and from view, in case it had been
+       * rendered. In that case it is also pushed into invalidCriteria array to be latter
+       * included in the warning message
+       * @param {array} criteria - array containing new set of criteria for current class
+       * @returns {array} - array of strings with each deprecated criterion that was being displayed
        */
       function deleteDeprecatedCriteria(criteria) {
         const invalidCriteria = [];
@@ -868,10 +868,10 @@ define(['jquery', 'lodash', 'handlebars', 'lib/handlebars/helpers', 'css!ui/sear
         return invalidCriteria;
       }
 
-      /**
-       * Loops through new criteria set and checks if each new criterion was already present or not on criteriaState
-       * and updates view and selectable criteria list accordingly
-       * @param {array} criteria - array containing new set of criteria for current class
+      /**
+       * Loops through new criteria set and checks if each new criterion was already present or not on criteriaState
+       * and updates view and selectable criteria list accordingly
+       * @param {array} criteria - array containing new set of criteria for current class
        */
       function extendCriteria(criteria) {
         criteria.forEach(criterion => {
@@ -898,11 +898,11 @@ define(['jquery', 'lodash', 'handlebars', 'lib/handlebars/helpers', 'css!ui/sear
         });
       }
 
-      /**
-       * Creates a new option element
-       * with attributes to use in select2 markup
-       * @param {Object} criterion
-       * @returns {HTMLOptionElement} Single option criteria
+      /**
+       * Creates a new option element
+       * with attributes to use in select2 markup
+       * @param {Object} criterion
+       * @returns {HTMLOptionElement} Single option criteria
        */
       function createCriteriaOption(criterion) {
         const label = criterion.label;
@@ -920,17 +920,17 @@ define(['jquery', 'lodash', 'handlebars', 'lib/handlebars/helpers', 'css!ui/sear
         return option;
       }
 
-      /**
-       * @param {Object} criterion
-       * @returns String
+      /**
+       * @param {Object} criterion
+       * @returns String
        */
       function getCriterionStateId(criterion) {
         return criterion.propertyUri;
       }
 
-      /**
-       * @param {Object} criterion
-       * @returns String
+      /**
+       * @param {Object} criterion
+       * @returns String
        */
       function getCriterionLabel(criterion) {
         return criterion.label;

package/dist/searchModal/css/advancedSearch.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 */
@@ -194,5 +194,5 @@ Usage:
         transform: rotate(360deg);
     }
 }
-
+
 /*# sourceMappingURL=advancedSearch.css.map */